img.img_log1 {
height: 2.1875rem;
}
.htmlBody_t {
font-weight: 400;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
text-align: center;
vertical-align: top;
padding-top: 20px;
border-top: 1px solid rgba(229, 229, 229, 1);
}
.htmlBody_t a{
color: rgba(255, 255, 255, 1);
}
.htmlBody1_frame {
width: 100%;
display: flex;
flex-direction: row;
overflow: hidden;
}
.Website_title {
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;
}
a.Website_a {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;
margin-top: 16px;
}
a.Website_www {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
a.Website_www > img{
height: 25px;
width: 25px;
padding-right: 7px;
}
.Information_li::marker {
color: rgba(233, 116, 164, 1);
}
.Rnformation_li::marker {
color: rgba(23, 121, 101, 1);
}
.btn_href {
display: flex;
flex-direction: column;
width: 1160px;
opacity: 1;
border-radius: 8px;
background: rgba(255, 255, 255, 1);
margin-top: 20px;
padding: 20px;
}
.btn_href .list {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 25px;
position: relative;
flex-direction: row;
}
.btn_href .list .name {
margin-right: 30px;
line-height: 30px;
font-size: 16px;
}
.Sharing_frame {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}
img {
vertical-align: middle;
border: none;
}
a.frame_title {
font-weight: 700;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
}
.shang1.on {
color: #5e49eb !important;
border: 1px solid #5e49eb;
border-radius: 8px;
}
.head_top {
width: 100%;
background: #5e49eb;
float: left;
display: flex;
justify-content: center;
}
.head_top_frame {
display: flex;
justify-content: center;
position: relative;
}
.head_top_frame img{
width: 100%;
height: 100%;
}
.frame_kuang {
display: flex;
flex-direction: column;
background: rgba(255, 255, 255, 1);
}
a.frame_kuang_title {
font-weight: 700;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
a.frame_classification_a {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.frame_classification_r {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.classification_r_title {
font-weight: 700;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.classification_r_title1 {
font-weight: 400;
letter-spacing: 0px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.frame_kuang2 {
width: 100%;
display: flex;
flex-direction: column;
margin-top: 40px;
}
.frame_kuang2_title {
font-weight: 700;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
}
a.frame_kuang_t {
font-weight: 400;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
text-indent: 0.5rem;
display: flex;
flex-direction: row;
align-items: center;
}
p.frame_kuang_t {
font-weight: 400;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
text-indent: 0.5rem;
display: flex;
flex-direction: row;
align-items: center;
}
.frame_kuang_t::before{
content: "";
background-image: url(../img/14.png);
width: 20px;
height: 20px;
background-size: 100%;
display: block;
}
li.frame_li {
font-weight: 400;
letter-spacing: 0px;
text-align: left;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
li.frame_li > img{
height: auto;
width: 2.5rem;
padding-right: 10px;
}
.route {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
overflow: hidden;
}
.route a {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: #fff;
white-space: nowrap;
}
.mianbaoxie_1 .route a {
color: #000;
}
.mianbaoxie_1 .route_div {
color: #000;
padding: 0 10px;
}
a.on_ {
color: rgba(255, 255, 255, 0.5);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.route_div {
color: #fff;
padding: 0 10px;
}
.head_top1 {
width: 100%;
display: flex;
background: #fff;
flex-direction: row;
justify-content: center;
}
.head_top1_title {
font-weight: 700;
letter-spacing: 0px;
color: rgba(94, 73, 235, 1);
text-align: left;
vertical-align: top;
width: 100%;
}
.head_top_frame1 {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.head_top1_content {
font-weight: 400;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
}
.for_sale_frame1 {
width: 100%;
display: flex;
flex-direction: column;
}
.header_s {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
background: rgba(246, 245, 255, 1);
}
.header1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
.header_frame {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
width: 100%;
background: rgb(255 255 255);
}
.header1 .header_frame:nth-child(2n){
background: rgba(246, 245, 255, 1);
}
.frame_kuang_t1::before{
background-image: url(../img/48.png);
}
.frame_kuang_t2::before{
background-image: url(../img/49.png);
}
.frame_kuang_t3::before{
background-image: url(../img/50.png);
}
.introduction_frame {
width: 100%;
display: flex;
flex-direction: column;
}
.introduction_frame1 {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.introduction_title {
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
}
.introduction_content {
font-weight: 400;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.introduction_content > a {
color: #5e49eb;
}
.content_c {
font-weight: 400;
letter-spacing: 0px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
}
.introduction1_frame {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
a.introduction1_frame_a {
font-weight: 400;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
border: 1px solid rgba(94, 73, 235, 1);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.frame_4_1 {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.Country {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 23.17px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
}
.frame_4_2 {
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-top: 20px;
}
.frame_4_2_title {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20.27px;
color: rgba(42, 130, 228, 1);
text-align: left;
vertical-align: top;
width: 100%;
}
.frame_car {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
}
.frame_car {
width: 100%;
display: grid;
justify-content: space-between;
}
.frame_car_a {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 21.12px;
text-align: left;
vertical-align: top;
margin-top: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.class_frame1 {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
background: rgba(246, 245, 255, 1);
}
.class_frame .class_frame1:nth-child(2n){
background: #fff;
}
.frame_classification_a:hover{
background: rgba(245, 245, 245, 1);
}
.introduction_frame2 {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
}
.introduction_title2 {
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
}
.introduction_content2 {
padding-left: 15px;
font-size: 16px;
line-height: 21.12px;
font-weight: 400;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*评论开始*/
.Comments{
margin-top: 1rem;
clear: both;
}
.comment_frame1 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
margin-top: 30px;
}
.Comment_options {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
}
.select_top {
display: flex;
flex-direction: row;
align-items: center;
}
#provinceid {
display: block !important;
border-radius: 5px;
border: 1px solid rgb(255 255 255);
margin-left: 10px;
}
.Ranking {
width: 100%;
display: flex;
flex-direction: column;
}
.Ranking .border_none{
border: none!important;
}
.Comment_box {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid rgba(229, 229, 229, 1);
padding-bottom: 30px;
margin-top: 20px;
}
.Comment_box_left {
border-left: 1px solid rgba(229, 229, 229, 1);
position: relative;
width: 0%;
height: auto;
top: -6px;
}
.Comment_box_left_yuan {
opacity: 1;
position: relative;
border-radius: 50%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.Comment_box_left_yuan img{
width: 100%;
height: 100%;
}
.Comment_box1 {
width: 96%;
display: flex;
flex-direction: column;
}
.comment_top {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.comment_top_name {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
}
.comment_top_left {
display: flex;
flex-direction: column;
}
.comment_top_right {
font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
line-height: 15.84px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
}
.comment_auto {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
margin-top: 16px;
}
.comment_buttom {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
margin-top: 20px;
}
.Ranking_kuang2 .Comment_box .comment_buttom {
margin: 10px 0;
}
.comment_See {
font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
line-height: 15.84px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
}
.comment_right {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.comment_right1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.comment_number {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
margin-left: 10px;
}
.comment_right1 img{
width: 16px;
height: 16px;
}
.Ranking .Comment_box:last-child{
border-bottom: 0px solid rgba(229, 229, 229, 1);
}
span.Ranking_a {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(42, 130, 228, 1);
text-align: left;
vertical-align: top;
padding: 7px 12px;
border: 1px solid rgba(217, 235, 255, 1);
width: 160px;
margin: 25px auto 0;
border-radius: 5px;
cursor: pointer;
}
.frame_Sort {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(102, 102, 102, 1);
text-align: left;
vertical-align: top;
margin-right: 10px;
}
#comment_frame1 #sort{
padding: 2px 10px;
border: 1px solid rgb(229 229 229);
border-radius: 5px;
color: rgba(102, 102, 102, 1);
background: white;
}
.zhankai {
font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
line-height: 15.84px;
color: rgba(102, 102, 102, 1);
text-align: left;
vertical-align: top;
margin-top: 16px;
cursor: pointer;
}
.zhankai::before {
content: '';
height: 2px;
display: block;
width: 1rem;
position: relative;
border-bottom: 1px solid rgba(229, 229, 229, 1);
top: 10px;
}
.Ranking_kuang2 {
width: 100%;
}
.Comment_box1_s{
width: 100%;
}
.Ranking_kuang2 .Comment_box {
padding-bottom: 0px;
}
.Ranking_kuang2 .Comment_box .Comment_box1 {
padding-bottom: 0px;
}
.comment_frame {
width: 100%;
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.frame_kuang_top1 {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.frame_top_title {
font-weight: 700;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
}
a.See {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
}
.Comments_content {
font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
margin-top: 15px;
}
textarea.comment_input {
width: 96% !important;
padding: 2%;
border: 1px solid #d7d7d7;
}
.comment_Sign {
cursor: pointer;
font-weight: 400;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;
margin-right: 0px;
background: rgba(42, 130, 228, 1);
border-radius: 5px;
}
.comment_zan,.comment_cai,.comment_comment{
cursor: pointer;
}
#post_ok {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #dbdbdb;
width: 30%;
height: 10%;
border-radius: 6px;
text-align: center;
z-index: 999;
padding: 10px;
}
#post_ok > span {
font-size: 1rem;
font-weight: bold;
color: #fff;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
}
#comment_comment {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #dbdbdb;
width: 50%;
border-radius: 6px;
z-index: 999;
}
#comment_comment .c_c_t{
display: flex;
justify-content: space-between;
padding: 2%;
color: #fff;
font-size: 1.2rem;
}
#comment_comment .c_c_t > span{
max-width: 70%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#comment_comment .c_c_t .c_c_t_x{
cursor: pointer;
}
#comment_comment .comment_comment_input{
height: 10rem;
width: 92% !important;
padding: 2%;
margin: 0 2%;
border: 1px solid #d7d7d7;
border-radius: 5px;
}
#comment_comment .comment_comment_Sign{
font-size: 14px;
line-height: 18.48px;
padding: 10px 12px;
cursor: pointer;
font-weight: bolder;
color: rgba(255, 255, 255, 1);
background: rgba(42, 130, 228, 1);
border-radius: 5px;
width: 20%;
float: right;
margin-right: 2%;
margin-bottom: 1%;
text-align: center;
}
/*评论结束*/
.frame_content_time {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
padding: 15px 0px;
width: 100%;
border-bottom: 1px solid rgba(229, 229, 229, 1);
}
.frame_content {
width: 100%;
display: flex;
flex-direction: column;
margin-top: 20px;
}
.frame_content img {
width: 50%;
margin: auto;
}
.frame_content p {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(51, 51, 51, 1);
margin-top: 20px;
}
.Information_content {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(102, 102, 102, 1);
text-align: left;
vertical-align: top;
margin-top: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.Information_time {
font-weight: 400;
letter-spacing: 0px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
}
.xia {
width: 100%;
display: flex;
flex-direction: column;
}
.xia .xia_a1:nth-child(1) {
margin-top: 0px;
}
a.xia_a1 {
border-bottom: 1px solid rgba(229, 229, 229, 1);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-top: 1.25rem;
}
.xia_left_time {
font-weight: 400;
letter-spacing: 0px;
line-height: 12px;
color: rgba(212, 48, 48, 1);
text-align: left;
vertical-align: top;
width: 100%;
}
.xia_left_title {
font-weight: 700;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.xia_a1_left {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.xia_left_content {
font-weight: 400;
letter-spacing: 0px;
color: rgba(102, 102, 102, 1);
text-align: left;
vertical-align: top;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.frame_top_left_a {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 16px;
color: rgba(255, 87, 51, 1);
text-align: left;
vertical-align: top;
padding: 8px 16px;
border-radius: 4px;
border: 1px solid rgba(255, 87, 51, 1);
margin-top: 20px;
}
.shang1.on {
color: #ff5733 !important;
border: 1px solid #ff5733;
border-radius: 8px;
}
@media (min-width: 751px) {
.nav-item {
float: left;
position: relative;
}
.header-tag span{
font-size: 18px;
font-weight: 700;
letter-spacing: 0px;
line-height: 23.76px;
text-align: left;
vertical-align: top;
padding: 16px 5px;
color: rgba(94, 73, 235, 1);
margin-right: 10px;
border-radius: 129px;
}
a.shang1 {
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
margin: 0px 20px;
border: 1px solid #fff;
}
.xia_left_content {
font-size: 16px;
line-height: 21.12px;
margin-top: 20px;
}
.xia_a1 {
padding-bottom: 40px;
}
.frame_kuang4 {
padding: 20px;
background: #fff;
width: 1160px;
margin-top: 20px;
display: flex;
flex-direction: column;
}
.Information_time {
font-size: 14px;
line-height: 18.48px;
margin-top: 40px;
}
.Information_title {
font-size: 18px;
line-height: 23.76px;
}
.Information_top1 {
padding: 20px;
width: 344px;
display: flex;
flex-direction: column;
}
.frame_kuang3 {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.Information_a1 {
width: 384px;
opacity: 1;
background: rgba(255, 255, 255, 1);
}
.Information_a1 img {
height: 270px;
width: 100%;
}
.Ranking_time {
font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
line-height: 12px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
margin-top: 8px;
}
.Ranking_title {
font-size: 16px;
font-weight: 500;
letter-spacing: 0px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
line-height: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.Ranking_kuang1 {
width: 92%;
display: flex;
flex-direction: column;
padding-bottom: 19px;
}
.Ranking_left_n_yuan {
width: 6px;
height: 6px;
opacity: 1;
background: rgba(255, 255, 255, 1);
border-radius: 50%;
}
.Ranking_left_yuan {
width: 14px;
height: 14px;
opacity: 1;
background: rgba(255, 141, 26, 1);
position: relative;
left: -7px;
border-radius: 50%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.Ranking_left {
border-left: 1px solid rgba(229, 229, 229, 1);
position: relative;
width: 5%;
height: auto;
}
a.Ranking_kuang {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.Ranking {
width: 100%;
margin-top: 12px;
display: flex;
flex-direction: column;
}
.frame_kuang5 {
width: 320px;
padding: 20px;
margin-top: 20px;
background: #fff;
display: flex;
flex-direction: column;
}
.Information_title {
font-size: 18px;
line-height: 23.76px;
}
.Information_top {
width: 214px;
padding: 15px;
display: flex;
flex-direction: column;
}
a.Information_a {
width: 244px;
opacity: 1;
border: 1px solid rgba(229, 229, 229, 1);
}
.Information_a img {
height: 160px;
}
.switch_title {
font-size: 25px;
}
.Information_botton {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
.frame_kuang1 {
width: 100%;
display: flex;
flex-direction: column;
margin-top: 20px;
}
.frame_left {
display: flex;
flex-direction: column;
padding: 0px 20px;
background: #fff;
/* margin-top: 20px; */
padding-bottom: 20px;
}
.frame_kuang {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
.frame_content_title {
font-size: 36px;
line-height: 47.51px;
}
.header .header-left .nav-item {
float: left;
position: relative;
height: 80px;
}
.header .header-left .nav-item a.header-tag {
display: block;
padding: 0 20px;
line-height: 80px;
font-size: 16px;
}
.icon-down {
width: 20px;
height: 20px;
float: left;
background-size: 100%;
}
.item-inner {
background-color: #fff6f6;
border-radius: 10px;
overflow: hidden;
padding: 0px 10px;
position: absolute;
right: 0px;
box-shadow: 0 2px 10px -2px #ccc;
z-index: 9999;
}
.item-inner dd {
white-space: nowrap;
}
.item-inner a {
display: block;
padding: 10px 0;
color: #000000;
}
.nav_open {
display: block !important;
}
.head—{
display: none !important;
}
img.img_log2 {
width: 380px;
height: 200px;
border-radius: 8px;
margin-top: 20px;
}
.map{
display: none;
}
.Sharing_frame a {
width: 40px;
height: 40px;
border-radius: 4px;
overflow: hidden;
display: block;
margin-left: 20px;
}
.htmlBody {
font-size: 16px;
box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.03);
background: rgba(56, 56, 56, 1);
padding: 56px 0px 20px 0px;
margin-top: 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.htmlBody1 {
width: 1200px;
display: flex;
flex-direction: column;
}
.htmlBody_t {
font-size: 14px;
}
.share_frame {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
padding-bottom: 30px;
}
.Website_Box {
padding: 0px 40px;
border-right: 1px solid rgba(255, 255, 255, 1);
/*height: 274px;*/
display: flex;
flex-direction: column;
width: 136px;
}
.Website_Box1_frame {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
a.Website_www {
margin-top: 18px;
width: 30%;
margin-right: 5%;
}
.Website_Box1_frame a.Website_www:nth-child(3n){
margin-right: 0;
}
.Website_Box1 {
padding: 0px 40px;
/*height: 274px;*/
display: flex;
flex-direction: column;
width: 500px;
}
.header {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
float: left;
width: 100%;
}
.nav_kuang {
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
z-index: 9999;
background: rgba(255, 255, 255, 1);
float: left;
align-items: center;
}
.nav_ {
width: 1200px;
height: 100px;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
a.nav_a_img {
width: 170px;
height: 48px;
}
.nav_a_img img{
width: 100%;
height: 100%;
}
.frame {
width: 1200px;
margin: auto;
display: flex;
flex-direction: column;
}
a.frame_title {
font-size: 28px;
line-height: 36.96px;
}
.fenye {
height: 40px;
opacity: 1;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 30px auto 0px;
border-radius: 8px;
flex-wrap: wrap;
padding: 0px 10px;
}
img.shang {
width: 40px;
border: 1px solid #fff;
}
a.shang1 {
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
margin: 0px 20px;
border: 1px solid #fff;
}
.caidan {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
a.caidan_a {
font-size: 18px;
font-weight: 700;
letter-spacing: 0px;
line-height: 23.76px;
text-align: left;
vertical-align: top;
/*padding: 16px 5px;*/
color: rgba(94, 73, 235, 1);
margin-right: 10px;
border-radius: 129px;
}
.caidan_a i{
margin-right: 12.5px;
}
.caidan_a.on{
background: rgba(94, 73, 235, 1);
color: #fff;
}
.head_top {
height: 400px;
}
.head_top_frame {
width: 1200px;
}
.frame_kuang {
width: 1160px;
border-radius: 8px;
margin-top: 20px;
padding: 20px;
}
a.frame_kuang_title {
font-size: 32px;
line-height: 42.23px;
}
.frame_classification {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
a.frame_classification_a {
width: 560px;
margin-top: 30px;
}
img.classification_a_img {
width: 236px;
height: 160px;
}
.frame_classification_r {
width: 300px;
}
.classification_r_title {
font-size: 24px;
line-height: 31.68px;
}
.classification_r_title1 {
font-size: 16px;
line-height: 21.12px;
margin-top: 15px;
}
.frame_kuang1 {
width: 100%;
margin-top: 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
border: 1px solid rgba(224, 223, 235, 1);
}
a.frame_kuang1_a {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(94, 73, 235, 1);
text-align: left;
vertical-align: top;
padding: 15px 20px;
width: 359px;
border-right: 1px solid rgba(224, 223, 235, 1);
background: rgba(246, 245, 255, 1);
}
p.frame_kuang1_a {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(94, 73, 235, 1);
text-align: left;
vertical-align: top;
padding: 15px 20px;
width: 359px;
border-right: 1px solid rgba(224, 223, 235, 1);
background: rgba(246, 245, 255, 1);
}
.frame_kuang1_a:nth-child(2n) {
background-color: #fff;
}
.frame_kuang1_a:nth-child(3n) {
border-right: 0px solid rgba(224, 223, 235, 1);
}
.frame_kuang2_title {
font-size: 32px;
line-height: 42.23px;
}
a.frame_kuang_t {
font-size: 24px;
line-height: 31.68px;
}
p.frame_kuang_t {
font-size: 24px;
line-height: 31.68px;
}
li.frame_li {
font-size: 16px;
line-height: 21.12px;
margin-top: 20px;
width: 100%;
}
.frame_classification_ul {
width: 100%;
display: grid;
grid-template-columns: repeat(5, 20%);
justify-content: space-between;
}
.route.route1 {
width: 100%;
padding: 10px 0% 0px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}
.route_div {
font-size: 14px;
width: 3px;
}
.head_top1_title {
font-size: 32px;
line-height: 42.23px;
}
.head_top1 {
padding: 35px 0px;
}
.head_top_frame1 {
width: 1200px;
}
.head_top1_content {
font-size: 16px;
line-height: 21.12px;
margin-top: 20px;
}
.for_sale_frame {
width: 100%;
padding-bottom: 20px;
background: #fff;
margin-top: 20px;
}
.for_sale_frame1 {
border: 1px solid rgba(224, 223, 235, 1);
}
.header_title {
font-size: 20px;
font-weight: 700;
letter-spacing: 0px;
line-height: 26.4px;
color: rgba(86, 71, 179, 1);
text-align: left;
vertical-align: top;
width: 355px;
padding: 13px 20px;
border-left: 1px solid rgba(224, 223, 235, 1);
border-right: 1px solid rgba(224, 223, 235, 1);
}
.header_s .header_title:nth-child(1){
border-left: 0px solid rgba(224, 223, 235, 1);
}
.header_s .header_title:last-child{
border-right: 0px solid rgba(224, 223, 235, 1);
}
.header_content {
width: 355px;
padding: 13px 20px;
border-left: 1px solid rgba(224, 223, 235, 1);
border-right: 1px solid rgba(224, 223, 235, 1);
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(94, 73, 235, 1);
text-align: left;
vertical-align: top;
}
.header_content > a{
color: rgba(94, 73, 235, 1);
}
.header_frame .header_content:nth-child(1){
border-left: 0px solid rgba(224, 223, 235, 1);
}
.header_frame .header_content:last-child{
border-right: 0px solid rgba(224, 223, 235, 1);
}
.introduction_frame1 {
margin-top: 15px;
}
.introduction_title {
width: 12%;
}
.introduction_content {
width: 88%;
}
.introduction_content {
font-size: 16px;
line-height: 21.12px;
}
.content_c {
font-size: 16px;
line-height: 21.12px;
margin-top: 35px;
}
a.introduction1_frame_a {
font-size: 16px;
line-height: 21.12px;
padding: 15px 53px;
margin-top: 25px;
}
.introduction1_frame_1 {
display: grid;
grid-template-columns: repeat(8, 123px);
justify-content: space-between;
width: 100%;
}
a.introduction2_frame_a {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(51, 51, 51, 1);
text-align: center;
vertical-align: top;
padding: 15px 5%;
border: 1px solid rgba(94, 73, 235, 1);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 24px;
width: 90%;
}
img.introduction_img {
width: 640px;
height: 320px;
margin-top: 30px;
}
.select_top {
height: 40px;
display: flex;
flex-direction: row;
align-items: center;
}
#provinceid {
display: block !important;
width: 126px;
padding-left: 10px;
border-radius: 5px;
height: 2.5rem;
margin-left: 20px;
border: 1px solid rgba(229, 229, 229, 1);
}
.frame_4_1 .select_top:last-child {
margin-left: 20px;
}
.ssk {
width: 300px;
height: 40px;
opacity: 1;
border-radius: 5px;
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
margin-left: 20px;
border: 1px solid rgba(229, 229, 229, 1);
}
.input_ssk {
width: 80%;
background: #ffffff;
border: 1px solid rgb(255 255 255);
margin-left: 10px;
height: 30px;
}
img.log_img7 {
width: 20px;
height: 20px;
}
.frame_car {
grid-template-columns: repeat(7, 130px);
}
.class_frame1_left {
width: 180px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0px;
line-height: 26.06px;
color: rgba(102, 102, 102, 1);
text-align: center;
vertical-align: top;
padding: 13px 0px;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid rgba(224, 223, 235, 1);
}
.class_frame1_right {
width: 1015px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.class_frame1_right a {
padding: 13px 0px;
margin-left: 20px;
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 23.17px;
text-align: left;
vertical-align: top;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.class_frame {
width: 100%;
margin-top: 20px;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid rgba(224, 223, 235, 1);
}
/*评论开始*/
.Comment_box_left_yuan {
width: 36px;
height: 36px;
top: -3px;
left: -18px;
}
.comment_top_t {
font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
line-height: 15.84px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
margin-top: 5px;
}
.comment_right1 {
margin-left: 15px;
}
.zhankai::before {
left: -34px;
}
.Ranking_kuang2 .Comment_box .Comment_box_left .Comment_box_left_yuan::before {
content: '';
height: 2px;
display: block;
width: 15px;
position: relative;
border-bottom: 1px solid rgba(229, 229, 229, 1);
top: 20px;
left: -25px;
}
.frame_top_title {
font-size: 32px;
line-height: 42.23px;
}
.comment_Sign {
font-size: 14px;
line-height: 18.48px;
padding: 10px 12px;
margin-top: 20px;
}
/*评论结束*/
}
@media (max-width:750px) {
.shang {
width: 22px;
height: 22px;
border-radius: 50%;
}
.shang1 {
width: 22px;
height: 22px;
font-size: 12px;
font-family: TsangerFeiBai, TsangerFeiBai-W05;
font-weight: normal;
text-align: center;
color: #333333;
line-height: 22px;
letter-spacing: 0.12px;
margin-left: 10px;
border-radius: 50%;
}
.fenye {
height: 40px;
opacity: 1;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 20px auto 0px;
border-radius: 8px;
flex-wrap: wrap;
padding: 0px 10px;
padding-bottom: 20px;
}
.xia_a1 img {
width: 33%;
}
.frame_top_left_a {
display: none;
}
.xia_left_content {
font-size: 14px;
line-height: 21.12px;
margin-top: 8px;
-webkit-line-clamp: 2;
}
.xia_left_title {
font-size: 16px;
line-height: 21px;
margin-top: 4px;
-webkit-line-clamp: 1;
}
.xia_left_time {
font-size: 12px;
}
.xia_a1_left {
width: 65%;
}
.Information_time {
font-size: 12px;
line-height: 15px;
margin-top: 16px;
}
.Information_content {
white-space: break-spaces;
font-size: 14px;
line-height: 21px;
}
.Information_title {
font-size: 16px;
line-height: 21px;
white-space: break-spaces;
}
.Information_top1 {
width: 92%;
padding: 4%;
display: flex;
flex-direction: column;
}
.Information_a1 img {
height: 140px;
width: 100%;
}
a.Information_a1 {
width: 62%;
border-radius: 8px;
overflow: hidden;
display: inline-block;
position: relative;
margin-right: 12px;
background: #fff;
}
.frame_kuang3 {
overflow-x: scroll;
white-space: nowrap;
width: 94%;
}
.route a:last-child {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.route.route1 {
width: 96%;
padding: 0px 2% 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}
.route a {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: #fff;
}
.frame {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 8px;
float: left;
padding-bottom: 10px;
}
.head— {
display: flex;
flex-direction: column;
flex-wrap: wrap;
background: #fff;
}
img.img_log1 {
height: 28px;
width: 30%;
}
.img_log2 {
width: 8%;
height: 30px;
}
.map {
overflow: hidden;
height: 100%;
overflow-y: auto;
position: fixed;
top: 0px;
width: 100%;
z-index: 999;
right: -100%;
background-color: #ffffff;
}
.map > .hot_ul {
margin: 1rem 0.75rem 0 0.75rem;
}
.item-group {
display: flex;
flex-wrap: wrap;
margin-right: -1.33%;
}
.item-group>.list-item {
width: 28%;
height: 1.875rem;
line-height: 1.875rem;
list-style: none;
text-align: center;
margin: 0 1.33% 6px 0;
padding: 0 5px;
font-size: .875rem;
border: 1px solid #e4e4e4;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
.item-group .item-key a {
color: #fff;
}
.item-group .item-key {
border-color: #666 !important;
background-color: #666 !important;
}
.header_menu {
width: 1.5rem;
height: 1.5rem;
margin-right: 0.9375rem;
}
.htmlBody {
width: 94%;
display: flex;
flex-direction: column;
padding: 0px 3%;
background: rgba(56, 56, 56, 1);
padding-top: 16px;
padding-bottom: 16px;
}
.htmlBody1 {
width: 100%;
display: flex;
flex-direction: column;
}
.htmlBody_t {
font-size: 12px;
}
.share_frame {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 20px;
margin-top: 20px;
}
a.Website_www {
margin-top: 12px;
width: 45%;
}
.htmlBody1_frame .Website_Box:nth-child(3){
display: none;
}
.htmlBody1_frame {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.Website_Box1 {
width: 100%;
margin-top: 20px;
}
.Website_Box {
width: 45%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.Website_Box1_frame {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.head—1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
background-color: #fff;
}
.header{
display: none;
}
.frame {
width: 100%;
margin: auto;
display: flex;
flex-direction: column;
padding-bottom: 20px;
}
.btn_href{
display: none;
}
.Sharing_frame a {
height: 28px;
border-radius: 4px;
overflow: hidden;
display: block;
margin-left: 10px;
}
.Sharing_frame a img {
width: 100%;
height: 100%;
}
a.frame_title {
font-size: 24px;
line-height: 31px;
}
.fenye {
height: 40px;
opacity: 1;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 20px auto 0px;
border-radius: 8px;
flex-wrap: wrap;
padding: 0px 10px;
}
.shang {
width: 22px;
height: 22px;
border-radius: 50%;
}
.shang1 {
width: 22px;
height: 22px;
font-size: 12px;
font-family: TsangerFeiBai, TsangerFeiBai-W05;
font-weight: normal;
text-align: center;
color: #333333;
line-height: 22px;
letter-spacing: 0.12px;
margin-left: 10px;
border-radius: 50%;
}
.head_top {
height: 180px;
}
.head_top_frame {
width: 96%;
padding: 10px 2%;
}
.frame_kuang {
width: 96%;
margin-top: 10px;
padding: 15px 2%;
}
a.frame_kuang_title {
font-size: 20px;
line-height: 26px;
}
.frame_classification {
width: 100%;
display: flex;
flex-direction: column;
}
a.frame_classification_a {
width: 100%;
margin-top: 16px;
}
img.classification_a_img {
width: 33.5%;
}
.frame_classification_r {
width: 62%;
}
.classification_r_title {
font-size: 18px;
line-height: 23px;
}
.classification_r_title1 {
font-size: 14px;
line-height: 18px;
margin-top: 8px;
}
.frame_kuang1 {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: space-around;
width: 96%;
margin-top: 10px;
padding: 15px 2%;
background: #fff;
}
.frame_kuang1_s{
display: none;
}
.frame_kuang1_a:nth-child(2n) {
background-color: #fff;
}
a.frame_kuang1_a {
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(94, 73, 235, 1);
text-align: left;
vertical-align: top;
padding: 13px 2%;
width: 96%;
background: rgba(246, 245, 255, 1);
}
.frame_kuang2_title {
font-size: 20px;
line-height: 26px;
width: 96%;
padding: 0px 2%;
}
a.frame_kuang_t {
font-size: 18px;
line-height: 23px;
}
p.frame_kuang_t {
font-size: 18px;
line-height: 23px;
}
li.frame_li {
font-size: 18px;
line-height: 18px;
margin-top: 15px;
width: 100%;
}
.route.route1 {
width: 96%;
padding: 0px 2% 0px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}
.head_top1_title {
font-size: 20px;
line-height: 26px;
}
.head_top_frame1 {
width: 96%;
padding: 10px 2%;
}
.head_top1_content {
font-size: 14px;
line-height: 18px;
margin-top: 12px;
}
.for_sale_frame {
width: 96%;
padding: 10px 2%;
background: #fff;
margin-top: 20px;
}
.header_title {
padding: 11px 2%;
width: 28.7%;
border-right: 1px solid rgba(224, 223, 235, 1);
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
line-height: 21.12px;
color: rgba(86, 71, 179, 1);
text-align: left;
vertical-align: top;
}
.header_s .header_title:last-child{
border-right: 0px solid rgba(224, 223, 235, 1);
}
.header_content {
padding: 11px 2%;
width: 28.7%;
border-right: 1px solid rgba(224, 223, 235, 1);
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18.48px;
color: rgba(94, 73, 235, 1);
text-align: left;
vertical-align: top;
}
.header_content > a{
color: rgba(94, 73, 235, 1);
word-break: break-word;
}
.header_frame .header_content:last-child{
border-right: 0px solid rgba(224, 223, 235, 1);
}
.introduction_frame1 {
margin-top: 15px;
}
.introduction_title {
width: 37%;
}
.introduction_content {
width: 62%;
}
.introduction_content {
font-size: 14px;
line-height: 18px;
}
.content_c {
font-size: 14px;
line-height: 18px;
margin-top: 15px;
}
a.introduction1_frame_a {
font-size: 14px;
line-height: 18px;
padding: 12px 10%;
margin-top: 10px;
}
.introduction1_frame_1 {
display: grid;
grid-template-columns: repeat(4, 23%);
justify-content: space-between;
width: 100%;
}
a.introduction2_frame_a {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18px;
color: rgba(51, 51, 51, 1);
text-align: center;
vertical-align: top;
padding: 10px 5%;
border: 1px solid rgba(94, 73, 235, 1);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 15px;
width: 90%;
}
img.introduction_img {
width: 100%;
height: 175.5px;
margin-top: 10px;
}
.select_top {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
.Country {
width: 30%;
overflow: hidden;
text-overflow: ellipsis;
}
#provinceid {
display: block !important;
width: 126px;
padding-left: 10px;
border-radius: 5px;
height: 2rem;
margin-left: 20px;
border: 1px solid rgba(229, 229, 229, 1);
width: 60%;
}
.frame_4_1 .select_top:last-child {
display: none;
}
.frame_car {
grid-template-columns: repeat(2, 45%);
}
.class_frame {
width: 96%;
padding: 10px 2%;
display: flex;
flex-direction: column;
background: #fff;
margin-top: 10px;
}
.class_frame1_left {
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
line-height: 23.17px;
color: #000000;
text-align: center;
vertical-align: top;
padding: 8px 0px;
width: 32%;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid rgba(224, 223, 235, 1);
}
.class_frame1_right {
width: 65%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.class_frame1_right a {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 20.27px;
color: rgba(51, 51, 51, 1);
text-align: left;
vertical-align: top;
width: 48%;
margin-left: 2%;
padding: 8px 0px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
ul.frame_classification_ul {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 48%);
justify-content: space-between;
}
/*评论开始*/
.top{
margin-top: 12px !important;
}
.Comment_box_left_yuan {
width: 26px;
height: 26px;
left: -13px;
top: 0px;
}
.Comment_box1 {
width: 90%;
}
.Comment_box_left {
margin-left: 10px;
}
.comment_right1 {
margin-left: 10px;
}
.zhankai::before {
left: -8%;
}
.Ranking_kuang2 .Comment_box .Comment_box_left .Comment_box_left_yuan::before {
content: '';
height: 2px;
display: block;
width: 0.8rem;
position: relative;
border-bottom: 1px solid rgba(229, 229, 229, 1);
top: 15px;
left: -103%;
}
.frame_top_title {
font-size: 20px;
line-height: 26px;
width: 75%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.comment_Sign {
font-size: 12px;
line-height: 15px;
padding: 8px 17px;
margin-top: 12px;
}
.comment_top_t {
font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
line-height: 15.84px;
color: rgba(153, 153, 153, 1);
text-align: left;
vertical-align: top;
margin-top: 5px;
}
#post_ok {
width: 50%;
}
#post_ok > span{
font-size: .8rem;
}
#comment_comment {
width: 94%;
}
#comment_comment .c_c_t {
font-size: 1rem;
}
#comment_comment .comment_comment_input {
width: 90% !important;
margin: 0 2.5%;
}
/*评论结束*/
}
/* :root {
--theme-font-family: 'Montserrat', sans-serif;
--theme-font-size: 14px;
--theme-primary-color: #0479BC;
--theme-secondary-color: #428BCA;
--theme-tertiary-color: #044A72;
--theme-quaternary-color: #0aa258;
--theme-secondary-color-hover: #3071a9;
--theme-quaternary-color-hover: #0AA258;
--theme-body-text-color: #666666;
--theme-border-color: #CCCCCC;
--black: #000000;
--white: #FFFFFF;
--red: #FF0000;
--gray: #444444;
}
*/
/* Marketing Site Typography - Mixins
=======================================================================*/
/* Marketing Site Typography - includes HTML and BODY styles
=======================================================================*/
.text-indent {
padding-left: 30px;
}
.fa {
color: #0479BC;
}
.form-control {
background-color: #FFFFFF;
background-image: none;
border: 1px solid #CCCCCC;
border-radius: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
color: #000000;
display: block;
font-size: 16px;
height: 18px;
line-height: 1.42857143;
padding: 6px 12px;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
width: 92%;
}
.form-control::-moz-placeholder {
color: #000000;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #000000;
}
.form-control::-webkit-input-placeholder {
color: #000000;
}
.btn:hover,
.btn:focus {
color: #FFFFFF;
text-decoration: none;
}
.btn-primary,
.btn-secondary {
background-color: #0479BC;
border: none;
color: #FFFFFF;
padding: 8px 16px;
font-size: 16px;
text-align: center;
text-transform: uppercase;
line-height: 1.5;
border-radius: 0;
width: 100%;
margin-top: 19px;
}
.btn-primary:hover {
background-color: #3071a9;
}
.btn-secondary {
background-color: #0aa258;
}
.btn-secondary:hover {
background-color: #0AA258;
}
.collapse-link {
color: #000000;
font-size: 16px;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
display: block;
text-decoration: none;
}
.collapse-link:hover,
.collapse-link:active,
.collapse-link:focus {
color: #000000;
opacity: 0.7;
text-decoration: none;
}
.collapse-link .fa {
font-size: 18px;
margin-left: 6px;
float: right;
margin-right: 10px;
}
.collapse-link span {
color: #428BCA;
font-size: 10px;
float: right;
margin-top: 6px;
display: block;
}
.jumbotron {
background-image: url(/style/home/img/47.png);
padding: 60px 0;
min-height: 280px;
float: left;
width: 100%;
background-size: 100% 100%;
}
.jumbotron .box {
/* background-color: #0479BC; */
color: #FFFFFF;
padding: 10px;
}
.jumbotron .box-search {
padding: 10px 10px 10px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #FFFFFF;
}
.jumbotron .box-search .countrynav {
background-color: #0479BC;
background-color: var(--white)\9;
}
.map-wrapper {
/* position: relative; */
margin-bottom: 30px;
float: left;
width: 100%;
}
.map-overlay {
position: relative;
padding: 30px 0;
}
.map-cover {
pointer-events: auto;
}
.default-background {
background: #5e49eb;
}
.box-container {
margin: 30px 0;
}
.box-blue {
background-color: #0F78B4;
color: #FFFFFF;
padding: 10px;
position: relative;
margin-right: 10px;
min-width: 180px;
min-height: 180px;
min-width: 150px\9;
min-height: 150px\9;
}
.box-blue h2 {
color: #FFFFFF;
font-size: 110px;
position: relative;
margin: 0;
}
.box-blue h2 sup {
font-size: 55px;
top: -0.77em;
}
.box-blue p,
.box-green p {
margin: 0;
font-size: 12px;
position: absolute;
bottom: 10px;
}
.box-green {
background-color: #0aa258;
color: #FFFFFF;
padding: 10px;
position: relative;
min-width: 85px;
min-height: 75px;
}
.box-green + .box-green {
margin-top: 10px;
}
.box-green h3 {
font-size: 45px;
margin: 0;
}
.box-green h4 {
font-size: 31px;
margin: 6px 0 0 0;
}
.well {
border-radius: 0;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
width: 100%;
}
.well .form-group {
margin-top: 10px;
margin-bottom: 0;
}
.well-try-number {
max-width: 45%;
max-width: 42%\9;
margin-bottom: 0;
position: relative;
z-index: 1;
}
.well-try-number h5 {
font-size: 18px;
margin: 0 0 12px 0;
}
.well-try-number + .well-try-number {
background-color: #f5f5f5;
z-index: 2;
-moz-box-shadow: 3px 0 5px 0 #dbdbdb;
-webkit-box-shadow: 3px 0 5px 0 #DBDBDB;
box-shadow: 0 0 5px 0 #DBDBDB;
}
.bootstrap-table .table {
margin-bottom: 0 !important;
border-bottom: 1px solid #dddddd;
border-collapse: collapse !important;
border-radius: 1px;
}
.fixed-table-container {
position: relative;
clear: both;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.fixed-table-body {
overflow-x: auto;
overflow-y: auto;
height: 100%;
}
.fixed-table-container table {
width: 100%;
}
.fixed-table-container thead th {
height: 0;
padding: 0;
margin: 0;
border-left: 1px solid #dddddd;
}
.fixed-table-container thead th:first-child {
border-left: none;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
}
.fixed-table-container thead th .th-inner {
padding: 8px;
line-height: 24px;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fixed-table-container thead th .sortable {
cursor: pointer;
}
.fixed-table-container tbody td {
border-left: 1px solid #dddddd;
}
.fixed-table-container tbody tr:first-child td {
border-top: none;
}
.fixed-table-container tbody td:first-child {
border-left: none;
}
.fixed-table-body thead th .th-inner {
box-sizing: border-box;
}
.table th,
.table td {
vertical-align: middle;
box-sizing: border-box;
}
.bootstrap-table .table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.bootstrap-table .table thead > tr > th {
padding: 0;
margin: 0;
}
.pull-right .dropdown-menu {
right: 0;
left: auto;
}
.table > tbody > tr > td {
padding: 12px 10px;
}
.bootstrap-table {
margin-bottom: 30px;
}
.bootstrap-table .fa {
color: #0479BC;
}
.bootstrap-table .fixed-table-container {
border: none;
}
.bootstrap-table .table > thead > tr > th {
border-bottom-width: 1px;
}
.bootstrap-table .main-table {
border: none;
font-size: 12px;
}
.bootstrap-table .main-table > thead > tr > th {
border: none;
border-bottom: 1px solid #DDD;
background-color: #EBEBEB;
padding: 0;
}
.bootstrap-table .main-table > thead > tr > th .th-inner {
padding: 20px 10px;
}
.bootstrap-table .main-table > tbody > tr > td {
border: none;
}
table {
border: #dcdcdc solid 1px;
width: 100%;
margin-bottom: 30px;
}
table th {
background-color: #f5f5f5;
border-top: #dcdcdc solid 1px;
border-left: #dcdcdc solid 1px;
color: #000000;
font-weight: normal;
padding: 8px;
}
table td {
border-left: #dcdcdc solid 1px;
border-top: #dcdcdc solid 1px;
padding: 6px 8px;
}
table td .weather {
margin-top: 4px;
display: inline-block;
}
table h3 {
color: #000000;
font-size: 40px;
margin: 0 15px 0 0;
}
table sup {
font-size: 26px;
}
table .fa {
color: #000000;
}
table .clock-seconds {
display: inline-block;
font-size: .55em;
width: 1em;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
width: 100%;
}
.bs-searchbox {
padding: 4px 8px;
}
.bs-searchbox input.form-control {
margin-bottom: 0;
width: 100%;
}
.bootstrap-select .btn:active {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
}
.bootstrap-select {
text-transform: uppercase;
}
.bootstrap-select > .btn {
border: 1px solid #CCCCCC;
font-size: 12px;
text-transform: uppercase;
background-color: #FFFFFF;
color: #666666;
}
.bootstrap-select .flag {
margin: 3px 7px 0 0;
}
.bootstrap-select .dropdown-menu {
font-size: 12px;
border-top: none;
margin-top: 0;
overflow: hidden;
}
.bootstrap-select .dropdown-menu > li > a {
color: #666666;
padding: 6px 10px;
}
.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:hover,
.bootstrap-select .dropdown-menu > .active > a:focus {
color: #666666;
background-color: #e8e8e8;
}
.country-picker-large > .btn {
font-size: 15px;
border-radius: 6px;
}
.country-picker-large .flag {
margin: 5px 7px 0 0;
}
.country-picker-large .dropdown-menu {
font-size: 15px;
border-left: 1px #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.main-content {
margin-bottom: 150px;
}
.main-content .content-text {
margin-bottom: 30px;
}
.side-bar .collapse-link {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 2px solid #DCDCDC;
}
.side-bar .collapse-link .fa {
color: #000000;
}
.side-bar ul {
color: #000000;
margin: 0;
padding: 0 20px 0 0;
list-style-type: none;
}
.side-bar ul .fa {
margin-right: 10px;
}
.side-bar li {
padding: 13px 0 0 0;
}
.side-bar .list-condensed li {
padding: 2px;
}
.side-bar ul ul {
color: #666666;
padding-left: 40px;
}
.side-bar .fa {
color: #1281c0;
}
.callout {
background-color: #f9f9f9;
padding: 30px 20px;
}
@media (max-width: 992px) {
.fa-download {
display: none;
}
.jumbotron {
/* padding: 20px 0; */
min-height: 0;
}
.jumbotron .box {
margin-bottom: 10px;
}
.btn-primary,
.btn-secondary {
padding: 16px;
}
.main-content {
margin-bottom: 20px;
}
.main-content .fa {
color: #000000;
}
.content-text {
margin-bottom: 0;
}
.jumbotron .box-search .countrynav {
background-color: transparent;
}
.box-container {
margin-top: 0;
}
.table-responsive {
border: none;
margin-bottom: 0;
}
.collapse-link,
.side-bar .collapse-link {
padding: 10px 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 2px solid #DCDCDC;
}
.bootstrap-table {
margin: 10px 0;
}
}
.flag {
float: left;
padding: 0 !important;
margin: 0 5px 0 0;
width: 16px;
height: 11px;
background: url(../img/1.png) no-repeat;
}
.flag.af {
background-position: 0 -22px;
}
.flag.as {
background-position: 0 -110px;
}
.flag.tj {
background-position: -64px -33px;
}
.bootstrap-select {
width: 220px\0;
vertical-align: middle
}
.bootstrap-select>.dropdown-toggle {
position: relative;
width: 100%;
text-align: right;
white-space: nowrap;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.bootstrap-select>.dropdown-toggle:after {
margin-top: -1px
}
.bootstrap-select .dropdown-toggle:focus {
outline: thin dotted #333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
height: auto
}
:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
width: 100%
}
.bootstrap-select:not(.input-group-btn) {
float: none;
display: inline-block;
margin-left: 0
}
.form-group .bootstrap-select {
margin-bottom: 0
}
.bootstrap-select .dropdown-toggle .filter-option {
position: static;
top: 0;
left: 0;
float: left;
height: 100%;
width: 100%;
text-align: left;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
overflow: hidden
}
.bootstrap-select .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.bootstrap-select .dropdown-menu>.inner:focus {
outline: 0 !important
}
.bootstrap-select .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.bootstrap-select .dropdown-menu li {
position: relative
}
.bootstrap-select .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.bootstrap-select .dropdown-menu li a span.text {
display: inline-block
}
.bs-searchbox {
padding: 4px 8px
}
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none
}
@media (min-width: 751px) {
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
flex-direction: row;
justify-content: space-between;
}
}
@media (max-width:750px) {
.container {
width: 94%;
margin-right: auto;
margin-left: auto;
padding-right: 3%;
padding-left: 3%;
}
.callout {
background-color: #f9f9f9;
padding: 30px 0;
width: 94%;
padding-right: 3%;
padding-left: 3%;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.well.well-try-number.p-3.pull-left.howtodial-container {
width: 100%;
max-width: 90%;
}
.well.well-try-number.p-3.pull-right.trynumber-container {
max-width: 90%;
margin-top: 20px;
}
.text-center {
width: 100%;
}
.th-inner .pull-right{
display: none;
}
.col-md-8.d-none.d-lg-block.map-cover {
width: 100%;
}
}
.d-none {
display: block!important
}
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
@media (min-width: 576px) {
.container {
max-width:540px
}
}
@media (min-width: 768px) {
.container {
max-width:720px
}
}
@media (min-width: 992px) {
.container {
max-width:960px
}
}
@media (min-width: 1200px) {
.container {
max-width:1140px
}
}
@media (min-width: 576px) {
.container {
max-width:540px
}
}
@media (min-width: 768px) {
.container {
max-width:720px
}
}
@media (min-width: 992px) {
.container {
max-width:960px
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
.order-1 {
-ms-flex-order: 1;
}
.order-2 {
-ms-flex-order: 2;
}
@media (min-width: 576px) {
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.offset-sm-3 {
margin-left: 25%
}
}
@media (min-width: 768px) {
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 30%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 65%;
}
}
@media (min-width: 992px) {
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table td,.table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0,0,0,.05)
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0,0,0,.075)
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled {
background-color: #e9ecef;
opacity: 1
}
.form-group {
margin-bottom: 1rem
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
border-color: #28a745
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
border-color: #dc3545
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
text-decoration: none
}
.btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.btn:disabled {
opacity: .65
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
border: none;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary:focus {
outline: none;
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
}
.btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary:focus {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
}
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
}
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light:focus {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
}
.btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}
.dropdown {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus,.dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa
}
.dropdown-item.active,.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color: #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff
}
.jumbotron {
margin-bottom: 2rem;
border-radius: .3rem
}
@media (min-width: 576px) {
.jumbotron {
padding:4rem 0rem
}
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
opacity: .75
}
.rounded-0 {
border-radius: 0!important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-block {
display: block!important
}
@media (min-width: 992px) {
.d-lg-none {
display:none!important
}
.d-lg-block {
display: block!important
}
.d-lg-table-cell {
display: table-cell!important
}
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.p-3 {
padding: 1rem!important
}
.text-center {
text-align: center!important
}
.text-uppercase {
text-transform: uppercase!important
}
@media print {
*,::after,::before {
text-shadow: none!important;
box-shadow: none!important
}
a:not(.btn) {
text-decoration: underline
}
thead {
display: table-header-group
}
img,tr {
page-break-inside: avoid
}
h2,h3,p {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}
@page {
size: a3
}
body {
min-width: 992px!important
}
.container {
min-width: 992px!important
}
.table {
border-collapse: collapse!important
}
.table td,.table th {
background-color: #fff!important
}
}
@font-face {
font-family: 'FontAwesome';
src: url('../img/fontawesome-webfont.woff2');
src: url('../img/fontawesome-webfont.woff2') format('embedded-opentype'), url('../img/fontawesome-webfont.woff2') format('woff2'), url('../img/fontawesome-webfont.woff2') format('woff'), url('../fonts/fontawesome-webfont.woff2') format('truetype'), url('../fonts/fontawesome-webfont.woff2') format('svg');
font-weight: normal;
font-style: normal
}
a:hover{
text-decoration: none !important;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.pull-right {
float: left
}
.pull-left {
float: left
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
:root .fa-rotate-180,
:root .fa-flip-horizontal {
filter: none
}
.fa-search:before {
content: "\f002"
}
.fa-user:before {
content: "\f007"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-download:before {
content: "\f019"
}
.fa-comments:before {
content: "\f086"
}
.fa-phone:before {
content: "\f095"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-money:before {
content: "\f0d6"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-users:before {
content: "\f0c0";
}
.fa-mobile:before {
content: "\f10b"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-compass:before {
content: "\f14e"
}
.fa-usd:before {
content: "\f155"
}
.fa-university:before {
content: "\f19c"
}
.fa-plug:before {
content: "\f1e6"
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.bs-searchbox .form-control{
height: 34px;
}
.col-md-12 {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
margin-top: 80px;
}
.frame .route.route1{
color: #000;
padding: 10px 0% 10px;
position: relative;
}
.frame .route.route1 a{
color: #000;
}
.frame .route.route1 .route_div{
color: #000;
}