*{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%;height: 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:"";height:0}
.clearfix{*zoom:1}
button,input,select,textarea{border:none;outline:0}
html{-ms-touch-action:none;width: 100%;height: 100%;}
input{-webkit-appearance:none}
a{color:#333}
.container{width: 7.5rem;margin: 0 auto;position: relative;overflow: hidden;}
.h_scroller{position: relative;width: 7.5rem;height: 2.38rem;overflow: hidden;margin: .2rem auto 0;}
.h_scroller .scroller{
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	height: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.scroller ul {width: 100%;height: 100%;}
.scroller ul li{width: 3.75rem;height: 2.08rem;padding:0 .1rem;float: left;}
.scroller ul li .inner{width: 3.6rem;height: 2.08rem;margin:0 auto;padding:.2rem;position:relative;box-shadow: 0 0.1rem 0.6em 0.05rem rgba(91,87,119,0.10);background: #fff;border-radius: .08rem;-webkit-border-radius:.08rem;}
.scroller ul li .h3{font-size: .32rem;color: #050B25;line-height: .45rem;margin-bottom: .12rem;}
.scroller ul li .name{font-size: .24rem;color: #050B25;line-height: .33rem;height: .66rem;margin-bottom: .12rem;}
.scroller ul li span{font-size: .24rem;color: #8E8E93;line-height: .33rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.scroller ul li .add{width: .8rem;height: .8rem;position: absolute;left: 50%;top: 50%;margin: -.4rem 0 0 -.4rem;}
.scroller ul li .add:before{display: block;content: "";width: .04rem;height: 100%;background: #c7c7cc;position: absolute;left: 50%;top: 0;margin-left: -.02rem;}
.scroller ul li .add:after{display: block;content: "";width: 100%;height: .04rem;background: #c7c7cc;position: absolute;left: 0;top: 50%;margin-top: -.02rem;}
.scroller ul li .del{display: block;width: .28rem;height: .28rem;background: #EFEFF4;border-radius: 100%;-webkit-border-radius:100%;position: absolute;right: .2rem;top: .2rem;}
.scroller ul li .del:before,.scroller ul li .del:after{display: block;content: "";width: .02rem;height: .2rem;transform: rotateZ(135deg);-webkit-transform: rotateZ(135deg);background: #8E8E93;position: absolute;left: .14rem;top: .04rem;}
.scroller ul li .del:after{transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);}
.scroll_btn{width: 100%;height: auto;text-align: center;font-size: 0;}
.scroll_btn span{display: inline-block;width: .08rem;height: .08rem;border-radius: .08rem;-webkit-border-radius:.08rem;background: #DADAE6;margin: 0 .04rem;}
.scroll_btn span.cur{background: #FF0005;}
.contrast_box{width: 7.5rem;height: auto;padding: 0 .32rem;margin: .4rem auto;}
.config{width: 100%;margin-bottom: 0.5rem;position: relative;}
.config .h3{height: 0.5rem;line-height: 0.5rem;font-weight: bold;font-size: 0.36rem;position: relative;text-align: center;margin: 0 auto .4rem;}
.config .h3:before,.config .h3:after{content: "";display: inline-block;position: relative;left: -.3rem;top: -.12rem;width: 0.3rem;height: 0.02rem;background: #E6E6EC;}
.config .h3:after{left: auto;right: -.3rem;}
.config .list{width: 100%;height: auto;margin:0 auto;position: relative;}
.config .inner{width: 50%;float: left;position: relative;}
.config .inner:nth-child(even){float: right;}
.config .h4{text-align: center;font-size: 0.24rem;color: #8E8E93;margin: 0.4rem 0;}
.config .cont{width: 100%;height: auto;margin: 0 auto;position: relative;}
.budget .inner{text-align: center;}
.budget .txt{font-size: .24rem;color: #8E8E93;line-height: .32rem;margin-bottom: .16rem} 
.budget .price{font-size: .48rem;line-height: .56rem;color: #FF0005;font-weight: bold;}
.budget .price span{font-size: .24rem;font-weight: normal;}
.budget .guide{font-size: .22rem;color: #8E8E93;}
.budget .guide span{color: #FF0005;}
.echarts{width: 6.5rem;height: 4.5rem;}
.purchase{width: 100%;height: auto;}
.purchase li{width: 100%;height: .34rem;line-height: .34rem;}
.purchase li .nm{float: left;height: .34rem;font-size: .24rem;color: #050B25;max-width: 5rem;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.purchase li .nm:before{content: "";display: inline-block;width: .16rem;height: .16rem;border-radius: .04rem;-webkit-border-radius:.04rem;margin-right: .1rem;background:#0078FF;border: .02rem solid #0078FF;}
.purchase li:last-child .nm:before{background: #FF0005;border: .02rem solid #FF0005;}
.purchase li .zs{float: right;font-size: .24rem;color: #8E8E93;}
.purchase li .zs span{color: #FF0005;margin-left: .08rem;}

.space .inner{height: 4.6rem;}
.space img{display: block;height: 100%;margin: 0 auto;}
.space span{color: #050B25;font-size: .24rem;line-height: .28rem;display: block;width: .8rem;text-align: center;position: absolute;font-weight: bold;}
.space span.cur{color: #FF0005;}
.space span.axis{left: 1.35rem;top: 1.65rem;}
.space span.long{left: 1.35rem;top: 2.05rem;}
.space span.high{left: -.05rem;top: 3.2rem;}
.space span.wide{left: 1.35rem;top: 4.4rem;}

.oiluseup{height: 4rem;width: 100%;position: relative;}
.oiluseup .unit{float: left;font-size: 0.24rem;color: #C7C7CC;margin-top: 3.1rem;width: 1.2rem;}
.oiluseup .oil_list{float: right;width: 5.5rem;height:3.5rem;margin-top: 0.5rem;}
.oiluseup .oil_list .oil{float: left;width: 1.5rem;height: 100%;position: relative;margin-right: 1.25rem;text-align: center;}
.oiluseup .oil_list .oil .txt{font-size: 0.24rem;color: #8E8E93;position: absolute;left: 0;bottom: 0;}
.oiluseup .oil_list .oil .pillar_line{width: 1.0rem;height: 3rem;position: absolute;left: 0.25rem;bottom: .5rem;}
.oiluseup .oil_list .oil .pillar_line .num{font-size: 0.24rem;color: #050B25;position: absolute;left: 0;top: -0.42rem;display: block;width: 100%;}
.oiluseup .oil_list .oil_r .pillar_line{background: #FF0005;border-radius: 0.08rem;-webkit-border-radius: 0.08rem;}
.oiluseup .oil_list .oil_l .pillar_line{background:#0078ff;border-radius: 0.08rem;-webkit-border-radius: 0.08rem;}

.victory{display: block;width: .84rem;height: .84rem;position: absolute;left: 0;top: 0;}
.victory_r{display: block;width: .84rem;height: .84rem;position: absolute;right: 0;top: 0;}
.power_list{width: 100%;height: auto;margin: 0 auto .2rem;position: relative;}
.power_list .h5{font-size: .24rem;color: #8E8E93;text-align: center;}
.power_list .power{width: 100%;height: .34rem;margin: 0 auto;}
.power_list .power .inner{height: 100%;line-height: .34rem;overflow: hidden;}
.power_list .power dt{float: left;font-size: .24rem;color: #050B25;}
.power_list .power dd{float: right;width: 2.56rem;height: .1rem;}
.power_list .power dd span{float: right;width: 100%;height: .1rem;background: #0078FF;border-radius: .1rem;-webkit-border-radius:.1rem;margin:.12rem;}
.power_list .power .inner:nth-child(even) dt{float: right;}
.power_list .power .inner:nth-child(even) dd{float: left;}
.power_list .power .inner:nth-child(even) dd span{float: left;background: #FF0005;}

.standard li{width: 50%;height: auto;float: left;text-align: center;}
.standard li img{display: block;width: .72rem;height: .72rem;margin: 0 auto;}
.standard li span{display: block;width: 90%;height:1.02rem;line-height: .34rem;font-size: .24rem;color: #050B25;margin: 0 auto;}
.separate{width: .02rem;height: 100%;background: #F0F0F0;position: absolute;left: 49.99%;top: 0;}

/*.progress{width: 2rem;height: 2rem;margin: 0 auto;position: relative;}
.kb_fraction{width: 100%;text-align: center;position: absolute;left: 0;top: .45rem;color: #FF0005;font-size: .24rem;}
.kb_fraction span{font-size: .48rem;}
.join{width: 100%;text-align: center;position: absolute;left: 0;top: 1.05rem;font-size: .22rem;color: #8E8E93;}
.userkb{width: 2rem;margin: 0 auto;}*/

.progress{width: 6rem;height: 6rem;transform: scale(.333);position: absolute;left: -1.25rem;top: -2.0rem}
.kb_fraction{width: 100%;text-align: center;position: absolute;left: 0;color: #FF0005;font-size: .24rem;transform: scale(3);top: 2.25rem;}
.kb_fraction span{font-size: .48rem;font-weight: bold;}
.join{width: 100%;text-align: center;position: absolute;left: 0;font-size: .22rem;color: #8E8E93;top:3.75rem;transform: scale(3)}
.userkb{width: 2rem;margin: 2rem auto 0;}

.userkb li{width: 100%;height: auto;font-size: 0;line-height: .32rem;margin-bottom: .2rem;}
.userkb li span{font-size: .24rem;color: #050B25;display: inline-block;}
.userkb li span:first-child{color: #fff;width: .24rem;height: .24rem;line-height: .24rem;font-size: .2rem;background: #0078FF;margin-right: .08rem;border-radius: .04rem;-webkit-border-radius:.04rem;text-align: center;}
.userkb li span:last-child{color: #8E8E93;float: right;}
.userkb_r li span:first-child{background: #FF0005;}
.userkb_txt{width: 3.34rem;height: auto;background: #E3EFFE;padding: .2rem;margin: 0 auto .2rem;font-size: .24rem;line-height: .34rem;color: #050B25;border-radius: .08rem;-webkit-border-radius:.08rem;overflow: hidden;position: relative;}
.userkb_txt p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.userkb_txt:before{display: block;content: "";width: 100%;height: .04rem;background: #0078FF;position: absolute;left: 0;top: 0;}
.userkb_txt_r .userkb_txt{background: #FFE5E6;}
.userkb_txt_r .userkb_txt:before{background: #FF0005;}

.bcarimg{display: block;width: 2.1rem;margin: 0 auto .1rem;}
.bname{font-size: .26rem;color: #050B25;text-align: center;line-height: .38rem;margin: 0 auto .1rem;}
.bprice{font-size: .26rem;color: #FF0005;text-align: center;line-height: .38rem;margin: 0 auto .1rem;}
.askbtn{display: block;width: 1.6rem;height: .58rem;background: #FF0005;text-align: center;line-height: .58rem;margin: 0 auto;color: #fff;font-size: .26rem;border-radius: .04rem;-webkit-border-radius:.04rem;border-radius: .58rem;}

.learnmore{width: 100%;height: auto;overflow: hidden;}
.learnmore .learnlist{width: 100%;height: 4rem;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.learnmore .learnlist .learn{width: 3rem;height: 3.66rem;display: inline-block;margin-right: .12rem;background: #fff;box-shadow: 0 0.1rem 0.6em 0.05rem rgba(91,87,119,0.10);border-radius: .08rem;-webkit-border-radius:.08rem;}
.learnmore .learnlist .learn img{display: block;width: 3rem;height: 2rem;}
.learnmore .learnlist .learn p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;white-space:normal;font-size: .28rem;color: #050B25;line-height: .42rem;width: 2.6rem;margin: .2rem auto;}
/*选车*/
.content_sel{width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;background:#fff;display:none;padding-top:0.8rem;}
.carport{padding: 0 .32rem;height:calc(100% - 0.8rem);overflow:hidden;overflow-y:auto;}
.cheshi_bt{width: 100%;background: #fcfcfc;line-height: .57rem;overflow: hidden;height: .57rem;}
.cheshi_bt h3{float: left;font-size: .26rem;font-weight: normal;color: #333;height: 100%;}
.cheshi_bt h3 a{display: block;height: 100%;line-height: .57rem;}
.cheshi_pplist ul li{height: 1.24rem;line-height: 1.24rem;border-bottom: 1px solid #f0f0f0;width: calc(100% - .4rem);font-size: .32rem;}
.cheshi_pplist ul li img{display: inline-block;width: .76rem;height: .76rem;vertical-align: middle;margin-right: .24rem;}

.pybox{width: .4rem;height: calc(100% - .9rem);position: fixed;top: .9rem;right: .1rem;font-size: .2rem;text-align: center;}
.cheshi_pptk{padding-left: 1.26rem;width: 100%;position: fixed;right: 0;top: 0;background: none;z-index: 102;overflow: auto;height: 100%;display: none;border-left: 1px solid #ddd;-webkit-overflow-scrolling: touch;-webkit-transform:translateZ(0);}
.pptk_inner{padding:0 .32rem;background: #fff;border-left: 1px solid #f0f0f0;min-height: 100%;}
.logoname{height: 1.24rem;line-height: 1.24rem;font-size: .32rem;}
.logoname img{display: inline-block;width: .76rem;height: .76rem;vertical-align: middle;margin-right: .24rem}

.pbt{color: #747474;font-size: .24rem;}
.sers{height: 1.4rem;line-height: 1.2rem;overflow: hidden;font-size: .32rem;padding: .1rem 0;}
.sers img{display: inline-block;vertical-align: middle;width: 1.8rem;height: 1.2rem;margin-right: .2rem;}
.noscroll{touch-action: none;position: fixed;z-index: 22;}
.leftBtn{width: 1.26rem;height: 100%;position: fixed;top: 0;left: -1.26rem;background: rgba(0,0,0,0.8);z-index: 120;color: #fff;-webkit-transition: transform 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition: transform 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);background-image: url("https://icon.cheshi-img.com/app/peccancy/close.png");background-size: 100% auto;background-position: center center;background-repeat: no-repeat;touch-action:none;}
.leftBtn_on{transform: translate3d(1.26rem,0,0);}

.cxpos{width: 100%;height: 100%;background: #fff;z-index: 200;padding-top: .8rem;display: none;position: fixed;left:0;top:0;overflow:hidden;overflow-y:auto;}
.cxtitle,.seltitle{height: .8rem;border-bottom: 1px solid #f0f0f0;width: 100%;overflow: hidden;position: fixed;top: 0;right: 0;z-index: 201;background: #fff;}
.cxtitle span,.seltitle span{float: right;width: .8rem;height: .8rem;background: url("https://icon.cheshi-img.com/app/peccancy/close2.png") center center no-repeat; background-size: .3rem .3rem;margin: 0 .07rem;opacity: .8;}
.cxinner{height: 100%;}
.sertitle{font-size: .42rem;font-weight: bold;padding: .2rem .32rem;}
.nktitle{height: .7rem;font-size: .32rem;line-height: .7rem;padding: 0 .32rem;-webkit-box-shadow: 0px 3px 20px 2px #eee;box-shadow: 0px 3px 20px 2px #eee;margin-bottom: .32rem;border-top: 1px solid #f0f0f0;}
.cxbox{padding: .16rem .32rem;font-size: .32rem;}
.cxbox p{float: left;width: 4.22rem;line-height: .45rem;}
.cxbox span{float: right;width: calc(100% - 4.42rem);color: red;line-height: .45rem;text-align: right;}

/*弹框*/
.layerBox{position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.1);z-index:10000;left:0;top:0;}
.layerBox p{width:4.0rem;height:1.2rem;position:absolute;left:50%;top:50%;margin:-0.6rem 0 0 -2rem;background:rgba(28,28,38,0.7);text-align:center;border-radius:5px;-webkit-border-radius:5px;line-height:1.2rem;color:#fff;font-size:0.28rem;}