@charset "utf-8";
*{margin:0;padding:0;text-decoration:none;list-style:none;word-break:break-all;font-style:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif;color:#333;font-size:0.28rem;line-height:1.6;background:#fff;width: 100%;}
img{border:0;border:none}
a:focus,a:hover,input:focus{outline:0}
.fl{float:left}
.fr{float:right}
.clearfix:after,.clearfix:before{display:block;clear:both;content:"\200B";height:0}
.clearfix{*zoom:1}
button,input,select,textarea{border:none;outline:0}
html{-ms-touch-action:none;width: 100%;}
input{-webkit-appearance:none}
a{color:#333}
strong{font-weight: normal;}
.s_body{overflow: hidden;}

.top_bg{width: 7.5rem;display: block;position: relative;}
.top_bg .small_img img,.top_bg .big_img img{position: absolute;}
.top_bg .big_img{display: block;position: fixed;left: 50%;top: 0;transform: translateX(-50%);background: url('https://img.cheshi-img.com/mobile/product/ph_redbg_big.png') no-repeat top center;background-size: 7.5rem auto;height: 4.38rem;z-index: 1;}
.top_bg .small_img{display: none;position: fixed;left: 50%;top: 0;transform: translateX(-50%);background: url('https://img.cheshi-img.com/mobile/product/ph_redbg_big.png') no-repeat top center;background-size: 7.5rem auto;height: 2.08rem;z-index: 1;}
.top_bg .small_img img{left: 2.45rem;top: 1.1rem;width: 2.6rem;}
.top_bg .big_img img{left: .32rem;top: 1.66rem;width: 3.66rem;}

body.fixed .top_bg .big_img{display: none;}
body.fixed .top_bg .small_img{display: block;}

.go_back{display:block;position:fixed;left: 50%;top: .4rem;width:0.45rem;height:0.9rem;z-index: 20;margin-left: -3.3rem;display: flex;align-items: center;}
.go_back:before{display: block;content: ""; width: .2rem;height: .2rem;border-top: 1px solid #fff;border-left: 1px solid #fff;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);}
.bre_img{width: .34rem;height: .06rem;display: block;position: absolute;top: .42rem;left: 0;}
.nav_mark{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;display: none;z-index: 20;}

/* 弹框 */
.posbox{width: 100%;height: 100%;position: fixed;z-index: 999;top: 0;left: 0;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background: rgba(255,255,255,.1);z-index: 999;opacity: 1;display: none;}
.jdbox{max-width: 4rem;text-align: center;background: rgba(0,0,0,.7);color: #fff;font-size: .24rem;padding: .2rem;border-radius: 4px;}
.jdbox p{line-height: 2;}

.container{width: 7.5rem;overflow: hidden;margin: 0 auto;box-sizing: content-box;}
/* .container::after{position: absolute;left: 0;top: 3.6rem;width: 100%;height: 100%;content: '';} */
body.fixed .container::after{display: none;}

.condition_top{position: fixed;left: 50%;top: 0;z-index: 1;padding-top: 3.68rem;width: 7.5rem;transform: translateX(-50%);}
body.fixed .condition_top.arrive_top{background: url('https://img.cheshi-img.com/mobile/product/ph_bg_small.png') 0 2rem no-repeat;background-size: 100% auto;}


.rank_type{padding-top: .2rem;position: relative;z-index: 2;background: #fff;border-radius: .24rem .24rem 0 0;height: 1.1rem;overflow: hidden;padding-bottom: .35rem;}
.rank_type .wrap{overflow-x: scroll;height: 1.5rem;font-size: 0;white-space: nowrap;width: 7.3rem;margin: 0 auto;}
.rank_type a{line-height: .86rem;font-size: .36rem;color: #818181;padding: 0 .25rem;display: inline-block;position: relative;}
.rank_type a.cur{color: #050B25;position: relative;font-weight: bold;font-size: .48rem;background: url('http://img.cheshi-img.com/mobile/select/rank_cur_tabbg.png') no-repeat bottom center;background-size: .91rem auto;}

.conditionWrap{background: #fff;position: relative;}
.condition_item{width: 1.4rem;text-align: left;padding: .3rem 0;font-size: .28rem;background-color: #fff;}
.condition_item.date_inner,.condition_item.price_inner,.condition_item.age_inner{width: 1.9rem;}
.condition_item.cur,.condition_item.cur_uo{color: #FF0005;}
.condition_item.price_inner{margin-left: .44rem;}
.condition_item.level_inner{width: 7.5rem;overflow: hidden;height: 1.2rem;overflow: hidden;background-color: #EFEFF4}
.condition_item .condition_tit{line-height: .57rem;height: .57rem;}
.condition_item .condition_tit span{position: relative;padding-right: .2rem;line-height: .57rem;display: inline-block;height: .57rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.condition_item .condition_tit span::after{position: absolute;right: 0;top: .24rem;width: .12rem;height: .08rem;content: '\200B';box-sizing: border-box;border-left: .06rem solid transparent;border-right: .06rem solid transparent;border-top: .08rem solid #8E8E93;}
.condition_item.cur .condition_tit span::after{border-top: .08rem solid #FF0005;}
.condition_item.cur_uc .condition_tit span::after{transform: rotate(180deg);}
.condition_item.cur_uo .condition_tit span::after{border-top: .08rem solid #FF0005;transform: rotate(180deg);}
.condition_item.level_inner .condition_tit .wrap a span::after{}
.condition_item.level_inner .condition_tit .wrap a.cur span::after{border-top: .08rem solid #FF0005;}
.condition_item.level_inner .condition_tit .wrap a.cur_uc span::after{transform: rotate(180deg);}
.condition_item.level_inner .condition_tit .wrap a.cur_uo span::after{border-top: .08rem solid #FF0005;transform: rotate(180deg);}
.condition_item.level_inner .condition_tit{width: 100%;overflow-x: scroll;white-space: nowrap;font-size: 0;height: 1.5rem;}
.condition_item.level_inner .condition_tit .wrap{padding: 0 .12rem;font-size: 0;display: inline-block;}
.condition_item.level_inner .condition_tit .wrap a{font-size: .24rem;display: inline-block;height: .57rem;line-height: .57rem;padding: 0 .24rem;color: #333;background: #F9F9FB;margin: 0 .12rem;border-radius: .28rem;vertical-align: top;}
.condition_item.level_inner .condition_tit .wrap a.cur,.condition_item.level_inner .condition_tit .wrap a.cur_uo{color: #FF0005;background-color: #FFE5E6;}
.condition_item .condition_layer{display: none;}


.condition_layer{position: absolute;left: 0;top: 1.8rem;width: 7.5rem;height: calc(100vh - 1.8rem);background: rgba(0,0,0,.4);z-index: 9;border-top: .02rem solid #f0f0f0;}
.condition_layer .stitle{padding: 0 .3rem;background: #fff;color: #999;font-size: .24rem;line-height: .8rem;text-align: left;}
.condition_layer .condition_con{background: #fff;padding: 0 .14rem;font-size: 0;text-align: left;white-space: initial;}
.condition_layer .condition_con a{width: 1.56rem;margin: 0 .12rem .24rem;color: #333;font-size: .28rem;height: .57rem;line-height: .57rem;background: #f5f5f9;text-align: center;display: inline-block;border-radius: .34rem;}
.condition_layer .condition_con a.cur{color: #FF0005;background-color: #FFE5E6;}
.condition_layer .condition_tip{background: #fff;padding: 0 .3rem .2rem;color: #8E8E93;font-size: .24rem;}
.condition_layer .dimensional_wrap{display: flex;margin-bottom: .16rem;}
.condition_layer .dimensional_tit{width: .96rem;white-space: nowrap;}

.origin_box{display: none;background: #f2f2f2;color: #666;padding: 0 .24rem;font-size: 12px;line-height: .6rem;height: .6rem;position: relative;z-index: 2;}
.origin_box.cur{display: block;}
.origin_box .origin_tit{color: #666;}
.origin_box .origin_tit span{position: relative;padding-right: .2rem;display: inline-block;height: .6rem;}
.origin_box .origin_tit span::after{position: absolute;right: 0;top: .27rem;width: .12rem;height: .08rem;content: '\200B';box-sizing: border-box;border-left: .06rem solid transparent;border-right: .06rem solid transparent;border-top: .08rem solid #8E8E93;}
.origin_box .origin_con{display: none;position: absolute;left: 0;top: .58rem;background: #f2f2f2;width: 100%;padding: 0 .24rem .2rem;line-height: .4rem;}
.origin_box.cur1 .origin_con{display: block;}
.origin_box.cur1 .origin_tit span::after{transform: rotate(180deg);}


.car_list{height: 100vh;background: #EFEFF4;overflow-y: scroll;padding-bottom: .3rem;position: relative;padding-top: 7.32rem;}
.car_list li{display: flex;padding: .1rem .2rem;position: relative;width: 6.86rem;margin: 0 auto .2rem;background-color: #fff;border-radius: .16rem;flex-wrap: wrap;}
.car_list li .top_num{width: .5rem;color: #c7c7cc;font-size: .4rem;font-weight: bold;box-sizing: border-box;line-height: 1.4rem;height: 1.4rem;white-space: nowrap;}
.car_list li:nth-child(1) .top_num{background: url('https://img.cheshi-img.com/mobile/select/rank_NO1.png') no-repeat left center;background-size: .5rem auto;}
.car_list li:nth-child(2) .top_num{background: url('https://img.cheshi-img.com/mobile/select/rank_NO2.png') no-repeat left center;background-size: .5rem auto;}
.car_list li:nth-child(3) .top_num{background: url('https://img.cheshi-img.com/mobile/select/rank_NO3.png') no-repeat left center;background-size: .5rem auto;}
.car_list li .top_num sub{font-size: .2rem;color: #666;position: relative;top: -.22rem;}
.car_list li .cont{width: 5.96rem;display: flex;align-items: center;flex-wrap: wrap;}
.car_list li .cont .img{width: 2.1rem;height: 1.4rem;overflow: hidden;margin-right: .2rem;}
.car_list li .cont .img img{width: 1.8rem;}
.car_list li .cont .word{width: 2.16rem;}
.car_list li .cont .word .car_name{font-size: .32rem;color: #333;height: .5rem;line-height: .5rem;margin-bottom: .1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.car_list li .cont .word .car_price{font-size: .28rem;color: #F03616;height: .4rem;line-height: .4rem;white-space: nowrap;}
.car_list li .cont .right_info{width: 1.5rem;text-align: right;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.car_list li .cont .right_info_val{font-size: .28rem;font-weight: bold;color: #333;line-height: .34rem;white-space: nowrap;}
.car_list li .cont .right_info_val.down{font-size: .24rem;color: #43BF58;font-weight: bold;background: url(https://img.cheshi-img.com/mobile/product/down.png) no-repeat left center;background-size: 0.12rem auto;padding-left: .2rem;}
.car_list li .cont .right_info_key{font-size: .28rem;color: #8E8E93;line-height: .3rem;white-space: nowrap;transform:scale(.8,.8);transform-origin: right center;}
.car_list li .cont .right_info_key.trend_val{padding-right: 12px;position: relative;display: flex;}
.car_list li .cont .right_info_key.trend_val span{display: block;padding-left: .14rem;font-size: .2rem;font-weight: bold;margin-right: .1rem;}
.car_list li .cont .right_info_key.trend_val.up span{display: block;padding-left: .14rem;font-size: .2rem;color: #F03616;font-weight: bold;margin-right: .1rem;background: url('https://img.cheshi-img.com/mobile/product/up.png') no-repeat left center;background-size: .12rem auto;}
.car_list li .cont .right_info_key.trend_val.down span{display: block;padding-left: .14rem;font-size: .2rem;color: #43BF58;font-weight: bold;margin-right: .1rem;background: url('https://img.cheshi-img.com/mobile/product/down.png') no-repeat left center;background-size: .12rem auto;}
.car_list li .cont .right_info_key.trend_val::after{display: block;content: ""; width: 5px;height: 5px;border-top: 1px solid #8E8E93;border-left: 1px solid #8E8E93;position: absolute;right: 4px;top: 50%;transform: rotateZ(135deg);-webkit-transform: rotateZ(135deg);margin-top: -4px;}
.btn_box{position: absolute;right: .32rem;top: .3rem;height: 1.2rem;display: flex;align-items: center;justify-content: right;}
.btn_box .inq_btn{width: 1.4rem;height: .56rem;border: 1px solid #FF0005;color: #FF0005;line-height: .56rem;font-size: .28rem;text-align: center;border-radius: .28rem;box-sizing: content-box;}

.no_item{text-align: center;color: #666;padding-top: 50px;height: calc(100% - 2.8rem);display: none;font-size: .28rem;}
.no_item img{width: 3.6rem;}
.loadbox{text-align: center;color: #666;line-height: 30px;height: 30px;font-size: 14px;padding-top: 20px;display: none;box-sizing: content-box;}
.load_more_btn{text-align: center;color: #666;line-height: 30px;height: 30px;font-size: 14px;padding-top: 10px;box-sizing: content-box;display: none;}
.nomore_tip{text-align: center;color: #666;line-height: 30px;height: 30px;font-size: 14px;padding-top: 20px;box-sizing: content-box;}
.loadbox img{display: inline-block;width: 16px;height: 16px;position: relative;top: 3px;}

/* 销量趋势 */
.trend_wrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 99;display: none;}
.trend_wrap .close{position: absolute;width: 100%;height: 100%;}
.trend_box{position: absolute;left: 50%;bottom: 0;width: 7.5rem;height: 12rem;background: #fff;border-radius: .16rem .16rem 0 0;padding: .2rem .32rem;transform: translateX(-50%);}
.trend_box .drag_block{height: .5rem;display: flex;justify-content: center;}
.trend_box .drag_block span{width: 1rem;height: .1rem;background: #D1D1D6;border-radius: .05rem;}
.trend_box .chart_tit{font-size: .36rem;color: #050B25;font-weight: bold;text-align: center;margin-bottom: .3rem;}
.chart_box{width: 6.86rem;background: #F5F6F7;border-radius: .08rem;padding-bottom: .2rem;margin-bottom: .4rem;}
#my_chart{width: 6.86rem;height: 4.4rem;}
.chart_box .trend_info{display: flex;justify-content: center;font-size: .24rem;color: #333;align-items: center;}
.chart_box .trend_info .line{width: .6rem;height: .04rem;background: #FF0005;position: relative;margin-right: .2rem;}
.chart_box .trend_info .line::before{position: absolute;content: '';width: 8px;height: 8px;border: 1px solid #FF0005;background: #fff;border-radius: 50%;left: 50%;top: 50%;margin-left: -4px;margin-top: -4px;box-sizing: border-box;}
.chart_box .trend_info .num{padding-left: .14rem;font-size: .2rem;font-weight: bold;margin-left: .08rem;}
.chart_box .trend_info .num.up{color: #F03616;background: url('https://img.cheshi-img.com/mobile/product/up.png') no-repeat left center;background-size: .12rem auto;}
.chart_box .trend_info .num.down{color: #43BF58;background: url('https://img.cheshi-img.com/mobile/product/down.png') no-repeat left center;background-size: .12rem auto;}
.trend_box .trend_tit{text-align: center;font-size: .32rem;color: #050B25;font-weight: bold;margin-bottom: .3rem;}
.trend_box .trend_list{height: 4.2rem;overflow-y: scroll;}
.trend_box .trend_item{display: flex;justify-content: space-between;height: .4rem;line-height: .4rem;font-size: .28rem;align-items: center;margin-bottom: .4rem;position: relative;}
.trend_box .trend_item::before{content: '';position: absolute;left: 3px;top: 50%;width: 1px;height: .8rem;background: #EFEFF4;}
.trend_box .trend_item:last-child::before{display: none;}
.trend_box .trend_item .trend_name{color: #8E8E93;display: flex;align-items: center;}
.trend_box .trend_item .trend_name span{width: 7px;height: 7px;background: #8E8E93;border-radius: 50%;margin-right: .24rem;position: relative;z-index: 1;}
.trend_box .trend_item .trend_val{color: #050B25;font-weight: bold;}

/*选择城市*/
.i_city02{display: inline-block;width: 0.24rem;height: 0.3rem;background: url("https://img.cheshi-img.com/mobile/product/position.png") no-repeat center;background-size: 100%;position: relative;vertical-align: middle;margin-right: .1rem;}
.choose_tit .close{display: inline-block;width: 0.36rem;height: 0.36rem;position: relative;}
.choose_tit .close:before,.choose_tit .close:after{width:0.36rem;height:0.02rem;background:#3A3A3A;transform:rotateZ(135deg);-webkit-transform:rotateZ(135deg);content:"";display:block;position:absolute;z-index:2;zoom:1;left:0;top:7px}
.choose_tit .close:after{left:auto;right:0;transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg)}
.title{width: 100%;height: 0.5rem;line-height: 0.5rem;background: #F2F2F2;color: #999;font-size: 0.24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 0.3rem;}
.choosecity_box{width:100%;height: 100%;position: fixed;left: 0;top: 0; overflow: hidden;background: #fff;z-index: 100;padding-top: .4rem;}
.choosecity_box .choose_tit{padding: 0 .32rem;width: 100%;height: 0.9rem;background: #FFFFFF;color: #fff;font-size: 0.36rem;line-height: 0.9rem;text-align: center;color: #333333;}
.sideBottom{transition: .5s all ease;-webkit-transition: .5s all ease;-webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);}
.sideBottom.active{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 
.choose_tit .close{position: absolute;left: 0.32rem;top: 0.7rem;}
.city_box{width: 100%;height: calc(100% - 0.9rem);margin: 0 auto;position: relative;padding-bottom: 0.3rem;overflow: hidden;overflow-y:auto;}
.dqcity{width: 100%;height: 0.78rem;line-height: 0.78rem;padding: 0 0.3rem;position: relative;}
.dqcity .area{float: left;height: 100%;font-size: 0.32rem;color: #333;}
.dqcity .loca{float: right;height: 100%;font-size: 0;color: #787878;display: none;}
.dqcity .loca b{display: inline-block;font-size: .32rem;vertical-align: middle;font-weight: normal;}
.py_city{width: 100%;height: auto;margin: 0 auto;padding: 0.16rem 0.12rem 0;}
.py_city span{float: left;width: 0.8rem;height: 0.58rem;border-radius: 0.04rem;-webkit-border-radius:0.04rem;text-align: center;line-height: 0.58rem;border:1px solid #dedede;font-size: 0.28rem;color: #333;margin:0 0 0.16rem 0.2rem;}
.py_city span.no{color: #bfbfbf}
.py_city span.cur{background: #FF0005;color: #fff;border-color: #FF0005;}
.txt_city{width: 100%;height: auto;margin: 0 auto;padding: 0.16rem 0.3rem 0;}
.txt_city span{float: left;height: 0.58rem;border-radius: 0.04rem;-webkit-border-radius:0.04rem;text-align: center;line-height: 0.58rem;border:1px solid #dedede;font-size: 0.28rem;color: #333;margin:0 0.2rem 0.16rem 0;padding: 0 0.2rem;}


.car_list li .model_box{width: 100%;margin-top: .06rem;background-image: linear-gradient(270deg, #FFFFFF 0%, #EFEFF4 100%);padding: .1rem;font-size: .24rem;color: #333;line-height: .33rem;display: flex;flex-wrap: wrap;border-radius: .08rem;}
.car_list li .model_box .single{max-width: 100%;white-space: nowrap;height: .33rem;line-height: .33rem;align-items: center;position: relative;}
.car_list li .model_box .single span{max-width: 100%;display: block;text-overflow: ellipsis;overflow: hidden;}
.car_list li .model_box .single.has_arrow::after{display: block;content: "";width: 0.06rem;height: 0.06rem;border-top: 1px solid #8E8E93;border-left: 1px solid #8E8E93;transform: rotateZ(135deg);-webkit-transform: rotateZ(135deg);margin-left: .12rem;margin-right: .12rem;position: absolute;right: 0;top: 50%;margin-top: -.03rem;}
.car_list li .model_box .model_tit{display: flex;width: 100%;}
.car_list li .model_box .model_tit .model_num{color: #FF0005;margin-right: .3rem;}
.car_list li .model_box .model_tit .model_show{display: flex;align-items: center;padding-right: .24rem;background: url('https://img.cheshi-img.com/mobile/img/down_ccc.png') no-repeat right center;background-size: .14rem auto;}
.car_list li .model_box .model_tit .model_hide{align-items: center;padding-right: .24rem;background: url('https://img.cheshi-img.com/mobile/img/up_ccc.png') no-repeat right center;background-size: .14rem auto;display: none;}
.car_list li .model_box .model_list{display: none;padding-top: .1rem;max-width: 100%;}
.car_list li .model_box .model_list .model_item{display: block;height: .52rem;line-height: .52rem;}
.car_list li .model_box .model_list .model_item .single{height: .52rem;line-height: .52rem;}
.car_list li .model_box.show .model_list{display: block;}
.car_list li .model_box.show .model_tit .model_show{display: none;}
.car_list li .model_box.show .model_tit .model_hide{display: flex;}

/* 20220524新能源排行 */
.condition1_box{height: 1.28rem;font-size: 0;white-space: nowrap;-ms-overflow-style: none;overflow: -moz-scrollbars-none;position: relative;}
.condition1_box::-webkit-scrollbar{width: 0!important;}
.condition1_box .condition_item{display: inline-block;font-size: .28rem;vertical-align: top;}
.green_inner{width: auto;}
.green_inner a{font-size: .28rem;display: inline-block;height: 0.57rem;line-height: .57rem;padding: 0 0.24rem;color: #333;background: #F9F9FB;margin: 0 0.12rem;border-radius: .34rem;vertical-align: top;}
.green_inner a.cur{color: #FF0005;background-color: #FFE5E6;border-radius: .34rem;}

.prov_list{height: calc(100vh - .9rem - .4rem);overflow-y: scroll;box-sizing: border-box;padding-bottom: .4rem;}
.city_list{height: calc(100vh - .9rem - .4rem);overflow-y: scroll;position: absolute;left: 0;top: calc(.9rem + .4rem);width: 100%;transition: .5s all ease;-webkit-transition: .5s all ease;-webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);}
.city_list.active{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.city_list .city_bg{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);}
.city_list .wrap{width: 5.3rem;margin-left: 2.2rem;background: #fff;position: relative;height: 100%;overflow-y: scroll;padding-bottom: .4rem;}
.choosecity_box .zimu{background-image: linear-gradient(270deg, #F8F8FA 0%, #EFEFF4 100%);height: .5rem;line-height: .5rem;padding-left: .32rem;font-size: .24rem;color: #333;}
.choosecity_box .city_item{width: calc(100% - .64rem);margin: 0 auto;border-bottom: 1px solid #D1D1D6;line-height: .5rem;padding: .28rem 0;font-size: .32rem;color: #333;}
.choosecity_box .city_item:last-child{border-bottom: 0;}
.choosecity_box .city_cur span{float: right;font-size: .24rem;line-height: .5rem;padding-left: .5rem;background: url('https://img.cheshi-img.com/mobile/select/sync-outlined.png') no-repeat left center;background-size: .32rem auto;}