﻿/*ÃƒÂ©Ã¢â€šÂ¬Ã…Â¡ÃƒÂ§Ã¢â‚¬ÂÃ‚Â¨*/
.caption{line-height: 50px;border-bottom: 1px solid #f5f5f5;margin: 0px auto;height: 50px;padding: 0 10px 0 15px;overflow: hidden;}
.caption h5{font-size: 18px;display: inline-block;position: relative;color: #333;}
.caption h5 i{width: 4px;height: 24px;background: #EA3C00;display: block;position: absolute;left: -14px;top: 13px;}
.caption .cap_right{float: right;height: 50px;line-height: 50px;}
.caption .cap_right:hover a{color: #4284d9;}
.caption .cap_right a span{display: inline-block;position: relative;top: 1px;} 

.home_cont{padding-right: 330px;position: relative;margin-top: 20px;min-height: 850px;}
.home_cont .home_left{width: 850px;}
.home_cont .home_right{width: 330px;position: absolute;right: 0;top: 0;}
.home_cont .home_content{margin-bottom: 20px;border:1px solid #f5f5f5;}
.home_cont .home_right .home_content.main_top{margin-top: 0;}
.enlist{background: #FFF7E6;padding: 30px 0;border-radius: 3px;width: 850px;margin:20px 0;}
.enlist p{color: #EA3C00;font-size: 14px;line-height: 22px;width: 60%;padding-left: 130px;display: inline-block;vertical-align: middle;}
.enlist span{display: inline-block;vertical-align: middle;line-height: 20px;color: #747474;}
.enlist button{background: #ff8700;color: #fff;font-size: 15px;line-height: 40px;width: 20%;display: inline-block;border-radius: 3px;text-align: center;vertical-align: middle;}
/**/
.reviewlist ul li{border-bottom: 1px dashed #dcdcdc;padding: 10px;cursor: pointer;}
.reviewlist ul li:hover .review span{color: #EA3C00;}
.reviewlist li .review{font-size: 0;display: block;}
.reviewlist li .review .img{width: 40%;display: inline-block;vertical-align: middle;}
.reviewlist li .review img{max-width: 100%;}
.reviewlist li .review span{display: block;vertical-align: middle;font-size: 14px;line-height: 22px;display: -webkit-box;color: #333;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 44px;overflow: hidden;}
.reviewlist li p{font-size: 12px;line-height: 26px;color: #747474;display: inline-block;vertical-align: middle;width: 55%;margin-left: 5%;}
.reviewlist li p span{float: right;display: block;}
.reviewlist li p span i{color: #EA3C00;font-style:normal;}
.namelist{height: 300px;position: relative;overflow: hidden;}
.names p{font-size: 0;height: 40px;line-height: 40px;transition: all .3s linear;}
.names p.auto{height: 0;overflow:hidden;}
.names p.auto span{opacity: 0;}
.names p span{white-space:nowrap;overflow:hidden; text-overflow: ellipsis;width: 33.33%;display: inline-block;vertical-align: middle;font-size: 13px;cursor: pointer;color: #555;text-indent: 20px;}
.names p span.name{ width:25% }
.names p span.series{ width:41% }
.names p span:hover{color: #EA3C00;}

/*ÃƒÂ©Ã‚Â¦Ã¢â‚¬â€œÃƒÂ©Ã‚Â¡Ã‚Âµ*/
.carfilter{border:1px solid #f5f5f5;border-radius: 5px;font-size: 0;padding:10px;margin-top: 20px;}
.carfilter .car_left{display: inline-block;vertical-align: top;width: 30%;}
.carfilter .car_left .car_list{padding:10px 10px 0 10px; }
/*.carfilter .car_left .car_list span{display: inline-block;vertical-align: middle;line-height: 30px;font-size: 14px;width: 25%;color: #444;cursor: pointer;}*/
.carfilter .car_left .car_list span{
        cursor: pointer;
    position: relative;
    font-size: 14px;
    padding: 0px 8px;
    color: #666;
    display: inline-block;
    margin-right: 20px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.carfilter .car_left .car_list span:hover{color: #FFF;background: #EA3C00;}
.carfilter .car_left .car_list .small_title{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 10px;line-height: 40px;border-bottom: 1px solid #f5f5f5;}
.carfilter .car_left .car_list .small_title a {float: right;display: block;font-weight: normal;font-size: 13px;height: 40px;color: #888;}
.carfilter .car_left .car_list .small_title a i{font-style: normal;font-size: 20px;color: #888;display: inline-block;vertical-align: middle;top: -2px;position: relative;}
.carfilter .car_left .car_list .small_title a:hover,
.carfilter .car_left .car_list .small_title a:hover i{color: #EA3C00;}
.carfilter .car_right{display: inline-block;vertical-align: top;width: 70%;}
.carfilter .car_right img{width: 100%;height: 527px;}
.carfilter .car_brand{height: 80px;border-top:1px solid #f5f5f5;padding:10px 0 0 0;margin-top: 10px;font-size: 0px;}
.carfilter .car_brand a{float: left;width: 7.66%;display: inline-block;cursor:pointer;vertical-align: middle;transition:all .2s linear;margin-top:0;}
.carfilter .car_brand a:hover{margin-top:-8px;}
.carfilter .car_brand a:hover span,
.carfilter .car_brand a:hover i{color: #EA3C00;}
.carfilter .car_brand a span{font-size: 13px;display: block;line-height: 25px;text-align: center;padding:0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.carfilter .car_brand a img{height: 50px;display: block;margin: 0 auto;transition:all .2s linear;}
.carfilter .car_brand a i{display: block;font-size: 25px;height: 40px;line-height: 40px;color: #747474;text-align: center;}
.group li{width: 25%;display: inline-block;vertical-align: top;border-radius: 0px;position: relative;cursor: pointer;/* border-top: 1px solid #e5e5e5; *//* overflow:  hidden; */}
.group .info p.price{line-height: 40px;color: #EA3C00;}
.group .info p.tit{line-height: 15px;font-size: 13px;color: #777;}
.group .info p.price b{font-size: 17px;color: #EA3C00;font-weight: 550;}
.group .info p.price span{color: #36B566;padding-left: 10px;}
.group .info p.price span em{font-size: 14px;color: #36B566;}
/**/
.group_active li {width: 25%;display: inline-block;vertical-align: middle;}
.group_active li .detail{padding: 12px;width: 88%;margin: 0 auto;margin-bottom: 10px;border:1px solid #f5f5f5;border-radius: 4px;cursor:pointer;transition: all .3s linear;} 
.group_active li .detail:hover{transform: translate3d(0,0,-5px);box-shadow: 0px 5px 10px 0px rgba(0,0,0,.15);}
.group_active li .detail .img img{max-width: 100%;display: block;margin: 0 auto;height: 135px;}
.group_active li .detail .img label{display: block;line-height: 50px;font-weight: 550;font-size: 18px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.group_active li .detail .img span{color: #888787;font-size: 13px;position: relative;padding-left: 65px;display: block;line-height: 25px;height: 25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.group_active li .detail .img span em{font-style: normal;position: absolute;top: 0;color: #555;line-height: 25px;display: block;height: 25px;left: 0px;}
.group_active li .detail .info{border-top:1px solid #f5f5f5;padding: 10px 0;position: relative;padding-right: 60px;}
.group_active li .detail .info a{display: block;position: absolute;top: 50%;margin-top: -20px;font-size: 14px;right: -19px;width: 70px;text-align: center;opacity: .8;background:url('/templates/default/images/181122/baoming.png') no-repeat center center;background-size: cover;color: #fff;line-height: 40px;height: 40px;cursor: pointer;}
.group_active li .detail .info a:hover{opacity: 1;}
.group_active li .detail .info p{display: block;font-size: 14px;line-height: 25px;}
.group_active li .detail .info p i{font-style: normal;color: #EA3C00;}
.history li{width: 20%;display: inline-block;vertical-align: middle;padding:10px 0;cursor:pointer;}
.history li .img{width: 95%;display: block;margin: 0 auto;height: 147px;overflow:hidden;}
.history li img{max-width:100%;height: 100%;transition: all .5s linear;display: block;margin: 0 auto; }
.history li span{display: inline-block;line-height: 25px;padding:5px 0;width: 95%;display: block;margin: 0 auto;font-size: 15px;color: #747474;}
.history li:hover img{transform: scale(1.05);}
.history li:hover span{color: #EA3C00;}

/*hot*/
.hot li{cursor: pointer;display: block;background: #fff;width: 100%;box-shadow: 0px 0px 1rem 0px rgba(0,0,0,.1);margin: 0 auto;border-radius: 10px;margin-bottom: 20px;overflow: hidden;}
.hot li:hover .hot_info p{color: #EA3C00;}
.hot li .hot_img{position: relative;width: 100%;margin: 0 auto;display: block;left: 0;overflow: hidden;min-height:435px}
.hot li .hot_img img{width: 100%;transition:all .7s linear;}
.hot li:hover .hot_img img{transform:scale(1.02)}
.hot li .hot_img p{position: absolute;bottom: 0;left: -15px;line-height: 32px;border-radius: 15px;overflow:hidden;color: #fff;font-size: 15px;background-size: cover;padding-left: 10px;}
.hot li .hot_img p i{font-style:  normal;display:  inline-block;padding: 0 10px;background: #FE9131;color: #fff;}
.hot li .hot_img p em{color: #EA3C00;font-style: normal;font-weight: 600;padding: 0 5px;}
.hot li .hot_img p span{background: #4BA887;background-size: cover;padding: 0 10px;display: inline-block;}
.hot li .hot_info{width: 95%;display: block;margin: 0 auto;padding: 10px 0 0;}
.hot li .hot_info p{line-height: 60px;height: 60px;overflow:hidden;text-overflow: ellipsis;white-space:  nowrap;display:  block;font-size: 22px;font-weight: 600;}
.hot li .hot_info p img{width: 58px;display: inline-block;vertical-align: middle;}
.hot li .hot_info p b{color: #333;font-size: 35px;display: inline-block;vertical-align: middle;}
.hot li .hot_info .info{line-height: 26px;font-size: 15px;padding: 15px 0px;color: #747474;display: block;border-bottom: 1px solid #f5f5f5;}
.hot li .hot_info .bot{line-height: 50px;height: 50px;font-size: 13px;color: #747474;}
.hot li .hot_info .bot i{color: #fff;font-style: normal;display: inline-block;vertical-align: middle;background: #EA3C00;border-radius: 5px;height: 20px;line-height: 20px;margin: 0 8px;padding: 0 5px;text-align: center;}
.hot li .hot_info .bot a{color: #747474;display: inline-block;vertical-align: middle;}
.hot li .hot_info .bot a em{font-size: 18px;font-style: normal;padding-right: 5px;display: inline-block;vertical-align: middle;color: #777;position: relative;top: -1px;}
.hot li .hot_info .bot span{opacity:.95;cursor: pointer;height: 30px;line-height: 30px;float: right;margin-top: 10px;font-size: 13px;color: #fff;border-radius: 4px;padding: 0 20px;background: #EA3C00;}
.hot li .hot_info .bot span:hover{opacity:1;}
/*history*/
.newslist li{padding-bottom: 20px;margin-bottom: 20px;cursor: pointer;border-bottom: 1px dashed #dcdcdc;}
.newslist li:hover{background: #f9f9f9;}
.newslist li:hover .news h3{color: #EA3C00}
.newslist li .news h3{font-size: 20px;color: #000;line-height: 30px;height: 50px;}
.newslist li .news .news_Date{font-size: 0;margin: 10px 0;}
.newslist li .news .news_Date .new_img{width: 35%;display: inline-block;vertical-align: middle;}
.newslist li .news .news_Date .new_img img{height: 150px;max-width: 100%;}
.newslist li .news .news_Date .new_parme{display: inline-block;vertical-align: top;width: 63%;margin-left: 2%;}
.newslist li .new_parme p{font-size: 14px;display: block;line-height: 26px;color: #747474;}
.newslist li .new_parme p span{display: inline-block;vertical-align: middle;float: right;font-weight: normal;}
.newslist li .new_parme p span em{display: inline-block;font-size: 20px;vertical-align: middle;margin-right: 5px;margin-left: 15px;}
.newslist li .new_parme p span i{display: inline-block;vertical-align: middle;font-style: normal;}
/*flow*/
.actives{border:1px solid #f5f5f5;}
.actives img.liucheng {max-width: 100%;display: block;margin: 20px auto}
.actives .part{
    border-top: 1px solid #f5f5f5;
    padding:0 20px 20px;
}
.actives .part label{font-weight: 600;font-size: 18px;color: #333;line-height: 50px;display: block;}
.actives dl{line-height: 30px;}
.actives dl dt,.actives dl dd{font-size: 14px;display: block;margin-top: 10px;padding-left: 30px;position: relative;}
.actives dl dt{color: #333;}
.actives dl dt span{color: #F97360;font-size: 24px;position: absolute;top: 3px;left: 0;}
.actives dl dd span{color: #30ABF1;font-size: 24px;position: absolute;top: 3px;left: 0;}
.actives dl dd{color: #888888;}

/*groupview*/
.group_top{border-radius: 5px;}
.group_top h3{border-bottom: 1px solid #f5f5f5;line-height: 60px;font-size: 17px;color: #333;margin-bottom: 20px;}
.group_top h3 img{width:50px;display: inline-block;vertical-align: middle;margin: 0 10px 0 10px;}
.group_top h3 span{display: block;float: right;font-size: 13px;height: 30px;line-height: 30px;margin-top: 30px;font-weight: normal;color: #747474;}
.group_top h3 span i{padding: 0 2px;color: #ff8700;font-style: normal;}
.groupview{padding-bottom: 30px;font-size: 0;border:1px solid #f5f5f5;}
.groupview em{color: #EA3C00;font-style: normal;font-size: 15px;}
.group_left,.group_right{width: 35%;display: inline-block;vertical-align: top;}
.group_right{width:65%; }
.group_left img{max-width: 95%;display: block;margin: 0 auto;border-radius: 5px;}
.group_left p{display: block;line-height: 30px;font-size: 16px;color: #333;width: 90%;display: block;margin: 0 auto;margin-top: 10px;}
.group_left p i{color: #747474;font-size: 15px;font-style: normal;}
.group_right .first{background: #f5f5f5;line-height: 40px;font-size: 15px;padding: 10px 0;}
.group_right .first span{color: #333;width: 22%;padding-left:20px;display: inline-block;vertical-align: middle;border-right: 1px solid #fff;}
.groupBuy{border-top: 1px dashed #dedddd;border-bottom: 1px dashed #dedddd;margin-top: 10px;}
.groupBuy li{display: inline-block;vertical-align: middle;width: 50%;margin: 10px 0;}
.groupBuy li img{display: inline-block;vertical-align: middle;margin: 0 30px;}
.groupBuy li p{display: inline-block;vertical-align: middle;}
.groupBuy li p span{font-size: 16px;color: #333;line-height: 25px;display: block;}
.groupBuy li p i{display: block;font-style: normal;color: #747474;font-size: 14px;}
.select_brand{margin-top: 10px;width: 85%;display: block;}
.select_brand .select_list{position: relative;padding-left: 120px;margin-top: 25px;}
.select_brand .select_list label{position: absolute;display: block;top: 0;left: 0;line-height: 40px;font-size: 16px;color: #333;text-indent: 31px;}
.select_brand .select_list .select_box{width: 100%;position: relative;display: block;}
.select_box p span{display:inline-block;padding: 0px 14px;border:1px solid #f5f5f5;border-radius: 3px;font-size: 14px;line-height: 30px;height: 30px;margin-left: 6px;position: relative;margin-bottom: 5px;overflow: hidden;cursor: pointer;}
.select_box p span em{position: absolute;bottom: -8px;right: -4px;font-size: 20px;color: #fff;}
.select_box .tips{display: block;font-size: 12px;color: #747474;}
.select_box p span.on,.select_box p span:hover{border:1px solid #EA3C00;color: #EA3C00;}
.select_box p span.on em{color: #EA3C00;}
.select_box input{display: block;height: 40px;border-radius: 4px;border:1px solid #f5f5f5;width: 77%;font-size: 15px;text-indent: 10px;}
.select_brand button{width: 63%;display: block;margin: 0px auto;margin-top: 22px;background: #EA3C00;color: #fff;line-height: 45px;height: 45px;font-size: 16px;text-align: center;opacity: .9;cursor: pointer;border-radius: 3px;}
.select_brand button:hover{opacity: 1;}
.view{border:1px solid #f5f5f5;}
.flow{font-size: 0;margin: 35px auto 0;border-bottom: 1px solid #f5f5f5;padding-bottom: 30px;}
.flow p{display: inline-block;vertical-align: middle;font-size: 17px;text-align: center; color: #333;width: 22%;line-height: 40px;}
.flow p img{width: 60px;margin: 0 auto;display: block;}
.flow i{width: 4%;display: inline-block;vertical-align: top;font-size: 36px;color: #ff8700;}
.contact{border-radius: 4px;padding:0px 20px 20px;}
.contact p{display: block;line-height: 24px;font-size: 14px;color: #747474;margin: 10px 0 0 0;}
.contact img{max-width:100%;margin:10px auto 0;display: block;}

.aside_ranks li{display: inline-block;vertical-align: middle;font-size: 0;cursor: pointer;position: relative;overflow: hidden;border-bottom: 1px solid #f5f5f5;padding: 10px;}
.aside_ranks li:hover label{color: #ff4f53;}
.aside_ranks li .aside_cont{font-size: 0;}
.aside_ranks li .img{width: 35%;overflow:hidden;position:relative;display: inline-block;vertical-align: middle;}
.aside_ranks li .img img{width: 100%;transition: all .5s linear;}
.aside_ranks li:hover img{transform: scale(1.1);}
.aside_ranks li .rank_info{width: 65%;display: inline-block;vertical-align: middle;height: 70px;}
.aside_ranks li .rank_info label{font-style: normal;cursor: pointer;transition: .3s linear;font-size: 16px;font-weight: 600;display: block;line-height: 35px;padding-left: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.aside_ranks li .rank_info p{font-style: normal;display: block;font-size: 12px;color: #666;padding-left: 8px;}
.aside_ranks li .rank_info p i{font-style: normal;font-weight: 600;font-size: 16px;color: #ff4f53;}
.aside_ranks li .rank_info p a{background: #ff4f53;color: #fff;border-radius: 3px;padding:0 10px;height: 25px;display: block;float: right;line-height: 25px;margin-top: 3px;cursor: pointer;opacity: .9;}
.aside_ranks li .rank_info p a:hover{opacity: 1;}

/*index_detail*/
.main{border:1px solid #f5f5f5;box-shadow: 0px 0px 5px 0px rgba(0,0,0,.1);/* padding:10px 0; */}
.main .area{/* padding: 10px 0 0px; */padding-left: 100px;position: relative;border-bottom: 1px solid #f5f5f5;}
.main .area .name{display: inline-block;vertical-align: top;width: 100%;padding-top: 15px;border-left: 1px solid #f5f5f5;}
h4{width:100px;text-align: right;font-size:16px;font-weight: normal;position: absolute;left: 0;top: 0;line-height: 56px;}
.area a{cursor: pointer;position: relative;font-size: 14px;padding:0px 8px;color:#666;display: inline-block;margin-left: 20px;height: 26px;line-height: 26px;border-radius: 3px;margin-bottom: 15px;}
.area a.on,.area a:hover{background:#EA3C00;color: #fff;}

.group_baoming li {width: 33.33%;display: inline-block;vertical-align: middle;}
.group_baoming li .detail{padding: 20px 0;width: 100%;/* margin: 0 auto; */border:.5px solid #f5f5f5;/* border-radius: 4px; */cursor:pointer;transition: all .3s linear;} 
.group_baoming li .detail:hover{transform: translate3d(0,0,-5px);box-shadow: 0px 5px 10px 0px rgba(0,0,0,.15);}
.group_baoming li .detail .img img{max-width: 98%;display: block;margin: 0 auto;}
.group_baoming li .detail .info{border-top:1px solid #f5f5f5;padding: 10px 20px;}
.group_baoming li .detail .info .people a{display: block;position: absolute;top: 0;/* margin-top: -15px; */font-size: 14px;right: 0;width: 70px;text-align: center;opacity: .8;background: #EA3C00;color: #fff;line-height: 30px;height: 30px;cursor: pointer;border-radius: 3px;overflow: hidden;}
.group_baoming li .detail .info .people a:hover{opacity: 1;}
.group_baoming li .detail .info .people{padding-right:70px;display: block;font-size: 14px;line-height: 32px;position: relative;}
.group_baoming li .detail .info .people i{font-style: normal;color: #EA3C00;}

.group_baoming li .detail .info p{font-size: 14px;color: #EA3C00;line-height: 30px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.group_baoming li .detail .info label{font-size: 16px;display: block;font-weight: 600;line-height: 30px;padding-bottom: 10px;}
.group_baoming li .detail .info p b{font-size: 17px;color: #EA3C00;font-weight: 550;}
.group_baoming li .detail .info p span{display:inline-block;color: #36B566;padding-left: 10px;}
.group_baoming li .detail .info p span em{font-size: 14px;color: #36B566;}

.new_baoming{border-radius: 5px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,.1);overflow: hidden;padding: 10px 0;font-size: 0;height: 50px;}
.index_left{display: inline-block;vertical-align: middle;width: 45%;}
.index_right{display: inline-block;vertical-align: middle;width: 55%;}
.index_left i{width: 4px;height: 24px;background: #EA3C00;display: inline-block;vertical-align: middle;margin-right: 10px;margin-left: 4px;}
.index_left label{display: inline-block;vertical-align: middle;font-size: 16px;color: #333;height: 50px;line-height: 50px;}
.index_left p{display: inline-block;vertical-align: middle;}
.index_left p span{overflow: hidden;position: relative;border-radius: 2px;display: inline-block;vertical-align: middle;width:25px;margin-right: 5px;font-size: 19px;height: 35px;line-height: 35px;}
.index_left p span b{position: absolute;top: 0;left: 0;}
.index_left p span b em{display:block;background: #EA3C00;color: #fff;width: 25px;font-size: 19px;height: 35px;line-height: 35px;font-style: normal;text-align: center;}
.index_left img{display: inline-block;vertical-align: middle;width: 33px;margin: 0 15px 0 0;}
.index_right label{display: inline-block;vertical-align: middle;border-right: 1px solid #f5f5f5;font-size: 18px;width: 19%;height: 45px;line-height: 45px;text-align: center;}
.index_right .new_name{display: inline-block;vertical-align: middle;height: 50px;width: 80%;}
.index_right p span{display: block;line-height: 50px;height: 50px;font-size: 0;color: #555;}
.index_right p span i{width: 25%;display: inline-block;vertical-align: middle;
text-align: center;font-style: normal;font-size: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.group.groups li{padding-bottom: 0;}

.group.groups li .detail{
    width:100%;
    border:.5px solid #f5f5f5;
}
.saller_info ul li img{
	position: absolute;
	left: 30px;
	width: 110px;
	top: 50%;
	margin-top: -55px;
}
.saller_info ul li{display:block;padding: 10px 20px 20px 160px;border-bottom:1px solid #f3f3f3;position: relative;}
.saller_info ul li label{display:block;font-size: 19px;font-weight: 550;color:#333;line-height: 50px;}
.saller_info ul li p{width: 100%;display: block;vertical-align:middle;font-size: 14px;color:#333;line-height: 28px;}
.saller_info ul li p i{color:#ff8700;font-size: 17px;display: inline-block;padding-right: 10px;}
.saller_info ul li span{display:block;font-size: 14px;color:#747474;line-height: 26px;}









