@import url("./reset.css?1");
@import url("./swiper.min.css");
@import url("./public.css?101");
@import url("./style.css?02");
@import url("./list.css?2711");
@charset "utf-8";
/*清楚IE选择框的默认样式，隐藏下拉箭头*/
.detail-apply-item  select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
    background:url("../new_zbimages/icon-select-arrow.png?") right center no-repeat #F6F6F6;
    cursor:pointer;
}
.detail-apply-item  select::-ms-expand{
    color: #fff;
    font-size:20px;
    padding:5px 9px;
    background: transparent;
    border: none;
}
.public-gray~.public-footer{
    margin-top: 0;
}
.employ-entry,
.figure-tab,
.district-label,
.about-hot-tag,
.parttwo-change,
.list-aside-right .bshare-custom,
.public-aside-txt,
.footer-nav-list,
.public-nav ul,
.employ-order-default,
.statistics,
.left-tab,
.contact-writer,
.company-code,
.list-area-search,
.list-company-tag,
.detail-comment-count ul{
    font-size: 0;
}
.web-public-nav,
.wrap-search-tab,
.employ-entry,
.figure-tab,
.district-label,
.about-hot-tag,
.parttwo-change,
.list-aside-right .bshare-custom,
.public-aside-txt,
.footer-nav-list,
.public-nav ul,
.employ-order-default,
.statistics,
.left-tab,
.contact-writer,
.company-code,
.list-area-search,
.list-company-tag,
.detail-comment-count ul{
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
}
.web-public-nav:after,
.wrap-search-tab:after,
.employ-entry:after,
.figure-tab:after,
.district-label:after,
.about-hot-tag:after,
.parttwo-change:after,
.list-aside-right .bshare-custom:after,
.public-aside-txt:after,
.footer-nav-list:after,
.public-nav ul:after,
.employ-order-default:after,
.statistics:after,
.left-tab:after,
.contact-writer:after,
.company-code:after,
.list-area-search:after,
.list-company-tag:after,
.detail-comment-count ul:after {
    content: " ";
    display: inline-block;
    width: 100%;
}
.web-map-top{
     margin-top: 20px;
     background:url(../new_zbimages/bg-map.png) center no-repeat;
     width: 100%;
     height: 153px;
}
 
.web-map-title{
     font-size: 40px; 
     font-weight: 600;
     color: #333333;
     line-height: 50px; 
     margin-top: 50px;
     border-bottom: 5px solid #EE304B;
     padding-bottom: 25px;
     display: inline-block;
}
/*.web-map-title:after{
     display: block;
     content: '';
     width: 240px;
     height: 5px;
     background: #EE304B;
     margin-top: 25px;
}*/

.guide-list{
    margin-bottom: -20px;
}
.guide-list li{
    margin-bottom: 20px;
    border: 1px solid #EDEDED;
    padding: 16px 30px 16px 12px;
}
.coupon-tag a:hover,
.hot-quiz .init-tit:hover,
.search-hot-list a:hover,
.guide-item a:hover,
.new-search-books-tit:hover,
.new-search-title:hover,
.wrap-search-tab li.active{
   color: #F0304A; 
}
.guide-list li>a{
    font-size: 18px; 
    font-weight: 600;
    color: #F0304A;
    line-height: 30px;
    width: 142px; 
} 
.guide-item{
    width: 1254px;
    font-size: 0; 
}
.guide-item a{
    font-size: 16px; 
    color: #040C35;
    line-height: 30px;
    display: inline-block;
}
.guide-item a:after{
    display: inline-block;
    content: '';
    height: 14px;
    width: 1px;
    background: #040C35;
    vertical-align: middle;
    margin: -2px 15px 0;
}
.search-wrap{
    margin-top: 31px;
}
.wrap-search-tab{
    text-align: justify;
    text-align-last: justify;
    font-size: 0;
    margin-bottom: 10px;
}
.wrap-search-tab li{
    display: inline-block;
    padding: 0 30px;
    font-size: 22px; 
    font-weight: 600;
    color: #333333;
    line-height: 36px;
    position: relative;
    cursor: pointer;
}

.wrap-search-tab li.active:after{
    display: block;
    content: '';
    position: absolute;
    left: 40px;
    bottom: -10px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 10px solid transparent;
    border-bottom-color: #f797a4;
}
.search-wrap .figure-news-form{
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-color:#f797a4;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px; 
    border-radius: 50px;
}
.search-wrap .figure-input{
    font-size: 16px;
    height: 44px;
    line-height: 44px; 
}
.search-wrap .figure-btn-search{
    margin-top: 8px;
}
.new-search-result{
    font-size: 18px; 
    color: #333333;
    line-height: 28px;
    margin: 19px 0 16px;
}
.new-search-contain{
    background: #fff;
    padding-bottom: 1px;
}
.search-wrap .list-right-tit p{
    font-size: 20px; 
    font-weight: 600;
    color: #F0304A;
    line-height: 30px;
}
.search-history{
    padding: 5px 18px;
    overflow: hidden;
    max-height: 400px;
    margin-bottom: 20px;
}
.search-history-nav{
    margin-right: -10px; 
}
.search-history-nav li{
    float: left;
    margin-top: 14px; 
    margin-right: 10px;
}
.search-history-nav a{
    display: block;
    line-height: 34px;
    background: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 99px; 
    -moz-border-radius: 99px; 
    -o-border-radius: 99px; 
    border-radius: 99px; 
    font-size: 16px; 
    color: #333333; 
    padding: 0 20px;
}
.search-history-nav a:hover{
    background: #F0304A;
    color: #fff;
    border: 1px solid #F0304A;
}
.search-topic{
    padding: 0 18px 22px;
}
.search-hot-list{
    overflow: hidden;
}
.search-hot-list li{
    height: 28px;
    margin-top: 13px; 
    float: left;
    width: 48%;
}
.search-hot-list li:nth-child(2n){
    float: right;
}
.search-hot-list a:before{
    display: inline-block;
    content: '';
    width: 9px;
    height: 9px;
    background: #F0304A;
    -webkit-border-radius: 99px; 
    -moz-border-radius: 99px; 
    -o-border-radius: 99px; 
    border-radius: 99px;
    vertical-align: middle;
    margin-right: 9px;
}
.search-hot-list a{
    height: 28px;
    display: inline-block;
    font-size: 18px; 
    color: #333333;
    line-height: 28px;
}
.new-search-list{
    padding: 0 18px;
}
 
.new-search-top {
    margin-bottom: 10px;
}
.new-search-title{
    display: block;
    font-size: 24px; 
    font-weight: 600;
    color: #333333;
    line-height: 32px;
    width: 80%;
}
.new-search-top .init-date{
    font-size: 18px; 
    color: #333333;
    line-height: 32px;
    margin-right: 16px;
}
.new-search-books-info{
    width: 850px; 
}
.new-search-img{
    width: 197px;
    height: 113px; 
    background: #fff;
}
.new-search-books-img{
    width: 139px;
    height: 192px; 
}
.new-search-img:after {
    display: inline-block;
    content: '';
    width: 17px;
    height: 113px;
    background: #fff;
    vertical-align: middle;
}
.new-search-books-img img,
.new-search-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new-search-img img{
    width: 180px;
}
.new-search-bg{  
    background: #F8F8F8;
    padding: 16px 0;
}
.new-search-txt{
    text-align: justify;
    font-size: 16px; 
    color: #666666;
    line-height: 28px;
    margin-top: 8px;
    margin-right: 10px;
    max-height: 140px;
    overflow: hidden;
}
.new-search-bg .new-search-txt{
    max-height: 84px;
    margin: 0;
    padding:  0 21px;
}


/*****************/
.other-add-list{
     background: #fff;
     padding: 20px 22px 0;  
}
.recure-eight .other-add-list{
    padding: 0; 
}
.other-add-list li{
    width: 47%;
    margin-bottom: 40px;
    float: left; 
}
.recure-eight .other-add-list li:nth-last-child(1),
.recure-eight .other-add-list li:nth-last-child(2){
    margin-bottom: 40px;
}
.recure-eight .add-call-phone .coupon-ewm{
    top: 78%;
}
#list-right-wrap .add-call-phone{
    position: relative;
}
#list-right-wrap .add-call-phone .coupon-ewm{
    top: 100%;
    left: 50%;
    margin-left: -80px;
}
.list.other-add-list li{
    margin-bottom: 40px;
}
 
.coupon.other-add-list{
    padding: 0;
    border-top: 1px solid #efefef;
    padding-top: 9px;
}
.coupon.other-add-list li{
    margin-bottom: 10px;
     border: 0;
}
.detail-vedio-wrap  .other-add-list li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.right-coupon {
    margin: -10px 20px 0;
} 
.right-coupon li{
    border-top: 1px solid #EFEFEF;
    padding: 19px 0 23px;
}
.other-add-list li:nth-child(2n){
    float: right;
}
.other-add-info{ 
    flex: 1;
    overflow: hidden;
    margin-left: 10px;
    min-height: 204px;
}
.coupon.other-add-list li  .other-add-info{
    min-height: 135px;
}
.right-coupon .other-add-info{
    width: 200px;
    min-height: 120px;
    margin-left: 0;
}
.other-add-img{
    display: block;
}
.other-add-img img{
    width: 105px;
    height: 73px;
    border-radius: 10px;
    object-fit: cover;
    -webkit-border-radius: 10px; 
    margin-bottom:7px ;
}
.right-coupon .other-add-img img{
    width: 111px;
    height: 77px;
}
.list .other-add-img img{
    width: 169px;
    height: 117px;
}
.coupon .other-add-img img{
   width: 83px;
    height: 57px;
}
.other-add-img p,
.other-add-info p,
.ranking{
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999999; 
    line-height: 18px;
}
.list .ranking{
    font-size: 18px;
    line-height: 30px;
 }
.other-add-tit:hover,
.other-add-info p a,
.other-add-img a,
.ranking a,
.ranking span{
    color: #ED1142;
}
.coupon .ranking{
    font-size: 9px;
    line-height: 13px;
 }
.other-add-tit{ 
    width: 100%;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 30px; 
}
.coupon .other-add-tit{
    font-size: 13px;
    line-height: 27px;
}
.coupon .other-add-info{
    width: 60%;
}
.other-add-list li>.clearfix{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
 
   
.list .other-add-tit,
.right-coupon .other-add-tit{
    font-size: 18px;
    line-height: 34px;
}
.grade-km{
    white-space: nowrap;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666;  
    line-height: 30px;
}
.other-add-info .other-add-time{
    display: inline-block; 
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666; 
    line-height: 24px;
    background: #E9E9E9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 7px;   
}

.coupon .other-add-time{
    font-size: 9px;
    line-height: 18px;
}
.list-company-brand .coupon .other-add-time{
    height: 18px;
    overflow: hidden;
}
.right-coupon .other-add-time{
    margin-bottom: 5px;
}
.add-call-phone{ 
    background: #FFF3EB; 
    margin-top: 17px;
    padding: 0 0 0 15px;
    display: block;  
}
.add-call-phone  .coupon-ewm{
    top: 85%;
    left: 70%;
    z-index: 300;
    margin-left: -20px;
}
.add-call-phone:hover .coupon-ewm{
    display: block;
}
 .coupon .add-call-phone{
    margin-top: 6px;
 }
.yen-sell{
    font-size: 13px;
    color: #FF4F16;
    white-space: nowrap;
}
.yen-sell b{
    font-size: 21px;
}
.yen-sell i{
    font-size: 10px;
    font-family: PingFang SC;
    font-weight: 300;
    text-decoration: line-through;
    color: #9C9C9C; 
    white-space: nowrap;
}
.yen-sell span{
    font-size: 10px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FF4F16;
    line-height: 15px;
    border: 1px solid #FF4F16;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 6px;
    white-space: nowrap;
    padding: 0 5px;
}
.coupon  .yen-sell{
    font-size: 10px;
}
.coupon  .yen-sell b{
    font-size: 17px;
}
.coupon  .yen-sell i{
    font-size: 8px;
} 
.coupon  .yen-sell span{
    font-size: 8px;
    line-height: 12px;
}
.coupon .sold-count{
    font-size: 8px;
}
.sold-count{
    font-size: 10px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FF4F16; 
}
.sold-count:before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../new_zbimages/hot.png) no-repeat;
    background-size: contain;
    margin-right:5px;
    vertical-align: middle;
}
.dial-phone{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF; 
    line-height: 51px;
    width: 130px;
    background: url(../new_zbimages/call.png) right center no-repeat;
    background-size: contain;
    text-align: right;
    padding-right: 10px;
    cursor: pointer;
}
 .coupon .dial-phone{
    width: 70px;
    font-size: 13px;
    line-height: 40px;
 }
.list .yen-sell,
.right-coupon .yen-sell{
    font-size: 14px;
}
.list .yen-sell b,
.right-coupon .yen-sell b{
    font-size: 22px;
}
.list .yen-sell i,
.right-coupon .yen-sell i{
    font-size: 11px;
}
.list .dial-phone,
.right-coupon .dial-phone{
    font-size: 17px;
}
.list .add-call-phone,
.right-coupon .add-call-phone{
    margin-top: 5px;
}
.list .add-call-phone{
    margin-bottom: 11px;
}
.list  .yen-sell span,
.right-coupon .yen-sell span{
    font-size: 11px;
    line-height: 16px;
}
 .coupon-tag-top{
    border-bottom: 1px solid #efefef; 
    margin-bottom: 19px;
    padding-bottom: 19px; 
}
.coupon-tag-top,
.other-add-top{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;    
}
.coupon-tag{  
    flex: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;    
    overflow: hidden;
    margin-right: 20px;
}
.right-coupon .coupon-tag{
    width: 100%;
}
.coupon-tag span{
    display: block;
    float: left; 
    -webkit-background: linear-gradient(90deg, #FACC22 0%, #F89800 100%);
    background: linear-gradient(90deg, #FACC22 0%, #F89800 100%);
    border-radius:5px;
    line-height: 30px;
    font-size: 16px;
    padding: 0 5px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    margin-right: 8px;
    white-space: nowrap;
}
.coupon-tag a,
.coupon-tag p{
    display: block;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333; 
    margin-left: 5px;
    line-height: 30px;
    float: left; 
    width: 60%;
}  
.list-figure-one{
    position: relative;
}
.bg-add-pack{
    display: block; 
    width: 100%; 
    position: absolute;  
    height: 50px;
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,.8),#f8f8f8);
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,.8),#f8f8f8);   
    bottom: 0;
    z-index: 100;
}
 
.add-no-pack { 
    display: block;
    width: 38px;
    height: 38px;
    background: url(../new_zbimages/ad.png) no-repeat;
    background-size: contain; 
    margin:0 auto;
}
.relevant-txt{
    max-height: 84px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
    text-align: justify;
    margin-top: -6px;
}
.other-add-list .vedio-cover-img{
    width: 200px;
    height: 126px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
    border: 0;
}
 
.other-add-list .vedio-cover-img,
.other-add-list .vedio-cover-img img{
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;   

}
.other-add-list .vedio-cover-img img{
        max-height: 100%;
}
.other-add-list .vedio-cover-img{
    border: 1px solid #f8f8f8;  
    margin-bottom: 12px;
}
.other-add-right{
    flex: 1;
    overflow: hidden;
}
.detail-vedio-wrap .grade-km,
.detail-vedio-wrap .coupon-tag a,
.detail-vedio-wrap .coupon-tag p{
    font-size: 19px;
}
.detail-vedio-wrap .coupon-tag span{
    line-height:28px;
    font-size: 15px; 
}
.detail-vedio-wrap .other-add-list li{
    width: 48%;
}
 
.detail-vedio-wrap .other-add-info{
    width: 100%;
}
.detail-vedio-wrap .other-add-tit{
    flex: 1;
    overflow: hidden;
    margin-right: 20px;
}
.overdue{
    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray; 
}
/*.overdue .yen-sell span,
.overdue .yen-sell,
.overdue .sold-count{ 
     color: #8B8B8B;
}*/
.overdue .sold-count:before{
     background-image: url(../new_zbimages/gray-hot.png);
}
/*.overdue .yen-sell span{
     border-color: #898989;
}
.overdue .add-call-phone{ 
     background: #ECECEC;
}*/
.overdue .dial-phone{
      background-image: url(../new_zbimages/gray-call.png);
} 
.overdue .add-call-phone:hover .coupon-ewm{
    display: none;
}
.two.other-add-list li:nth-child(n+3){
    position: relative;
    height: 160px;
    overflow: hidden;
}
.two.other-add-list li:nth-child(n+3):after{
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%; 
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,.8),#Fff);
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,.8),#Fff);    
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 200;
} 
.detail-business+.list-figure-one{
    padding-bottom: 0;
}
.kuSwiper {
    margin-bottom: 20px;
}
ul.coupon-table-info li,
table.coupon-table-info td{
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 40px;
}
table.coupon-table-info{
    width: 100%;
}
table.coupon-table-info td{
   text-indent: -5em;
   padding-left: 5em;
   vertical-align: top;
}
table.coupon-table-info td:nth-child(2n+1){
    padding-right: 4%;
    width: 50%; 
}
ul.coupon-table-info li{
    margin-right: 20px;
    min-width: 250px;
    float: left;
}
.coupon-table-info a{
    color: #0C8AF4;
}
.o-quan-img{
    position: relative;
    overflow: hidden;
    display: block;
}
.o-quan-tag,
.other-add-img .o-quan-tag{
    position: absolute;
    color: #fff;
    background: #F0304A;
    font-size: 12px;
    left: 0;
    top: 0;
    z-index: 20; 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin:50% 180%;
    -moz-transform-origin:50% 180%;
    -o-transform-origin:50% 180%;
    -ms-transform-origin:50% 180%;
    transform-origin:50% 180%;
    text-align: center;
    line-height: 24px; 
    width: 90px;
}
 
.coupon-swiper .o-quan-tag{
    font-size: 16px;
    line-height: 36px; 
    width: 300px;
 -webkit-transform-origin:50% 420%;
    -moz-transform-origin:50% 420%;
    -o-transform-origin:50% 420%;
    -ms-transform-origin:50% 420%;
    transform-origin:50% 420%;           
}
.list-white .district-subsume-img .o-quan-tag,
.coupon-more li p.o-quan-tag{
    font-size: 14px;
    line-height: 30px; 
    width: 150px;
 -webkit-transform-origin:50% 235%;
    -moz-transform-origin:50% 235%;
    -o-transform-origin:50% 235%;
    -ms-transform-origin:50% 235%;
    transform-origin:50% 235%; 
    color: #fff;
}
.list-white .district-subsume-img .o-quan-tag{
     -webkit-transform-origin: 50% 210%;
    -moz-transform-origin: 50% 210%;
    -o-transform-origin: 50% 210%;
    -ms-transform-origin: 50% 210%;
    transform-origin: 50% 210%;
}
.list-white .o-quan-tag{
    font-size: 10px;
    line-height: 18px; 
    left: -10px;
    top: 2px;
}
.aside-nav li{
    position: relative;
    cursor: pointer;
}
.aside-nav .coupon-ewm{
    right: 140px;
    left: auto;
    top: 0;
}
.aside-nav .coupon-ewm img{
    width: 134px; 
}
.aside-nav li:hover .coupon-ewm{
    display: block;
}

.fix_side {
    width: 110px;
    position: fixed;
    left: 49%;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 8px;
    z-index: 9999999999;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-left: 800px;
}
.fix_side li {
    height: 60px;
    position: relative;
    padding: 0;
    transition: all .1s linear;
} 
.chrome_box {
    width: 130px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    top: 0;
    padding: 10px 0;
    position: absolute;
    right: 110px;
    display: none;  
    font-size: 0;  
    -webkit-border-radius: 8px;
    border-radius: 8px; 
}
 
.chrome_box img {
    display: block;
    width: 100px;
    height: 100px;
    padding: 5px;
    margin: 0 auto;
}  
 
.fix_side>li>a>p, 
.fix_side>li>p {
    font-size: 14px;
    color: #747d89; 
    display: inline-block;
    line-height: 60px;
}
.fix_side>li{
    text-align: center;
    cursor: pointer;
    position: relative;
} 
 
.chrome_box:after {
    display: block;
    content: "";
    width: 0px; 
    height: 0px;
    border-width: 10px;
    border-style: solid; 
    position: absolute;
    right: -20px;
    top: 20px;
    border-color: transparent transparent transparent #eef1f3; 
}
.aicon-tel,.aicon-zixun,.aicon-wechat,.aicon-number,.icon-dianhua11,.aicon-vedio,.aicon-home{
    display: inline-block;
    width: 22px;
    height: 22px; 
    vertical-align: middle;
}
.aicon-tel{
    background: url(../new_zbimages/right-w2.png) no-repeat;
    background-size: contain;
}
.aicon-zixun{
    background: url(../new_zbimages/right-wx4.png) no-repeat;
    background-size: contain;    
}
.aicon-wechat{
    background: url(../new_zbimages/right-wx1.png) no-repeat;
    background-size: contain;    
}
.aicon-number{
    background: url(../new_zbimages/right-wx3.png) no-repeat;
    background-size: contain;    
} 
.aicon-vedio{
    background: url(../new_zbimages/right-wx5.png) no-repeat;
    background-size: contain;       
}
.aicon-home{
    background: url(../new_zbimages/march-jigou.png) no-repeat;
    background-size: contain;       
}
.fix_side>li.chrome_03:hover .aicon-zixun{
    background: url(../new_zbimages/right-w4.png) no-repeat;
    background-size: contain;    
}
.fix_side>li.chrome_02:hover .aicon-wechat{
    background: url(../new_zbimages/right-w1.png) no-repeat;
    background-size: contain;    
}
.fix_side>li.chrome_02:hover .aicon-number{
    background: url(../new_zbimages/right-w3.png) no-repeat;
    background-size: contain;    
}
.fix_side>li.chrome_02:hover .aicon-home{
    background: url(../new_zbimages/march-jigou-1.png) no-repeat;
    background-size: contain;    
}
.fix_side>li.chrome_04:hover .aicon-vedio{
    background: url(../new_zbimages/right-w5.png) no-repeat;
    background-size: contain;       
}
.fix_side>li .icon-dianhua11{
    background: url(../new_zbimages/right-wx2.png) no-repeat;
    background-size: contain;
    margin-right: 5px;
}
.fix_side>li.chrome_03:hover p, 
.fix_side>li:hover>p,
.fix_side>li.chrome_01 p{
    color: #fff;
}
.fix_side>li.chrome_01{
    background: #F0304A;
}
.fix_side>li.chrome_04 .chrome_box{
    top: -70px;
}
.fix_side>li.chrome_04 .chrome_box:after{
     top: 90px;
}
.fix_side>li.chrome_04:hover,
.fix_side>li.chrome_02:hover,
.fix_side>li.chrome_03:hover{
    background: #0c8af4;
} 
 
.fix_side>li:hover .chrome_box{
    display: block;
}
.fix_side>li.chrome_04 .chrome_box span,
.fix_side>li.chrome_01 .chrome_box span,
.fix_side>li.chrome_02 .chrome_box span{
    font-size: 14px;
    line-height: 20px;
    color: #747d89; 
    display: block;
}
.fix_side>li.chrome_01 .chrome_box span{
    color: #F0304A;
} 
.fix_side>li.chrome_01 .chrome_box{
    width: 180px; 
}
.about-article img{
    max-width: 100%;
}
.fix_side>li.chrome_04 .chrome_box{
    width: 340px; 
    padding: 0;
}
.fix_side>li:hover p.course-tit{
    display: block;
    color: #333;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    background: #f1f2f3;
    text-align: center;
    width: 100%;
} 
.course-form{
    padding: 15px;
}
.course-form,
.course-item{
    display: block;
}
.course-item-name,.course-item-tit{
    font-size: 14px;
    color: #333; 
    text-align: left;    
}
.course-item-tit{ 
    padding-left: 10px;
    border-left: 2px solid #F0304A;
    line-height: 20px;
    margin: 5px 0;
} 
.course-item-name{
    border: 1px solid #d8d8d8;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding-left: 10px;
    width: 215px; 
    display: block;
}
.course-telphone{
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    text-align: center;
    border: 1px solid #d8d8d8;
}
.course-item{
    margin-bottom: 25px;
    text-align: left;
}
div.course-item{
    margin-bottom: 10px;
}
.course-item-radio{
    margin-right: -15px;
}
.course-radio{ 
    font-size: 12px; 
    line-height: 28px;
    text-align: left;
    color: #666; 
    float: left;
    background: #fff;
    border-bottom: none;
    margin-bottom: 10px;
    position: relative;  
    white-space: nowrap;
    margin-right: 15px; 
}

.course-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
 
.course-radio input[type="radio"] + .radio-label:before { 
  content: ''; 
  display: inline-block;
  background: url(../new_zbimages/radio.png) no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;  
  cursor: pointer; 
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  vertical-align: middle; 
}
.course-radio input[type="radio"]:checked + .radio-label:before {
  background-image: url(../new_zbimages/radio1.png);
} 

 
input[type="submit"].course-apply{
    background: #F0304A;
    color: #fff;
    width: 100%;
    height: 40px;
    border-radius: 5px; 
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    margin: 18px auto;
    cursor: pointer;
}
.call-phone.list-company-go{
    font-weight: 400;
}
.call-phone.list-company-go:before{
    display: inline-block;
    content: '';
    width: 25px;
    height: 25px;
    background: url(../new_zbimages/call-t.png) no-repeat;
    background-size: contain;   
    margin-right: 5px; 
    vertical-align: middle; 
    margin-top: -3px;  
}
.findjigou-wrap{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 99999999990;
    background: rgba(0,0,0,.6);
}
.findjigou-wrap.active{
    display: none;
}
.new-close-btn{
    position:absolute;
    display: block;
    width: 18px;
    height:18px;
    background:url(../new_zbimages/white-close.png) no-repeat;
    background-size: contain; 
    bottom:-40px;
    left:50%;
    margin-left: -17px;
    cursor:pointer;
}
.icon-new-home{
    position:absolute;
    display: block;
    right: 30px;
    top: -47px;
    width: 100px;
    height:100px;
    background:url(../new_zbimages/new-home.png) no-repeat;
    background-size: contain; 
}

.findjigou-contain{
    position:fixed;
    width: 500px;
    height: 90vh;
    background:#fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 5px solid rgba(0,0,0,0.43);
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 99999999991; 
}
.new-jigou-red{
    background: -webkit-linear-gradient(rgba(255,111,143,0.23), rgba(255,255,255,0.32),#fff);
    background: linear-gradient( rgba(255,111,143,0.23), rgba(255,255,255,0.32),#fff);
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.new-jigou-wrap{ 
    height: 100%;
    overflow: auto; 
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 
.new-jigou-title{
    font-family: Alimama ShuHeiTi;
    font-weight: bold;
    font-size: 24px;
    color: #202020;
    line-height: 34px;
}
.new-jigou-hint{
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #202020;
    line-height: 26px;
    margin: 20px 0 24px;
}

.new-jigou-item{
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}
.new-jigou-item-tit1,
.new-jigou-item-tit{
    width: 80px; 
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #202020;
    line-height: 50px;
}
.new-jigou-item-tit1{
    width: 120px;
}

.new-jigou-area,
.jigou-select,
.new-jigou-item  input{
    width: 330px;
    height: 50px;
    line-height:50px;
    background: #F1F1F1;
    border-radius: 10px;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #333333; 
    padding: 0 0 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.new-jigou-area{
    width: 100px;
    padding: 0 0 0 12px;
    margin-right: 16px;
}
.new-jigou-radio-item.last,
.new-jigou-area.last{
    margin-right:0;
}
.new-jigou-radio{
    width: 280px;
}
.new-jigou-radio-item{
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #202020;
    line-height: 30px;
    display: block;
    margin: 0 20px 10px 0;
} 
.new-jigou-radio-item input[type="radio"] {
  position: absolute;
  opacity: 0;
}
   
.new-jigou-radio-item input[type="radio"] + .radio-label .btn-radio-style { 
  
  display: inline-block; 
  width: 15px;
  height: 15px; 
  cursor: pointer; 
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  vertical-align: middle; 
  background: #F1F1F1;
border-radius: 5px;
border: 2px solid #CCCCCC;
text-align: center;
margin-right: 5px;
}
.new-jigou-radio-item input[type="radio"]:checked + .radio-label .btn-radio-style {
  background: #EA1E4B;
  border: 2px solid #EA1E4B;
} 
.new-jigou-radio-item input[type="radio"]:checked + .radio-label .btn-radio-style:before{
    vertical-align: top;
    display: inline-block;
    content: ''; 
    width: 4px;
    height:8px;
    border-color:#fff;
    border-style:solid;
    border-width: 0 3px 5px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
} 
input[type="submit"].new-jigou-apply{
    background: #F0304A;
    color: #fff;
    width: 90%;
    height: 60px;
    background: #EA1E4B;
    border-radius: 99px; 
    text-align: center;
    line-height: 60px; 
    display: block;
    margin: 60px auto 15px;
    cursor: pointer;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 18px; 
}
.list-link{
    display: block;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #EA1E4B;
    line-height: 30px;
    margin: 20px 0 12px;
    text-align: center; 
}
.web-service{
    text-align: center;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #202020;
    line-height: 24px;
}
.web-service-code{
    display:block;
    width: 90px;
    height: 90px;
    margin: 20px auto 0;
    background: #BEBEBE;
}