.header{position: absolute;}
/* 主内容 */
.container{}
.content{padding-top: .9rem;}

/* 取消input默认样式： */
input[type=range] {-webkit-appearance: none;appearance: none;margin: 0;outline: 0;background-color: transparent;width: 6.86rem;margin: 0 auto;display: block;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none !important;}
input[type="number"]{-moz-appearance:textfield;}
/* 聚焦边框取消： */
input[type=range]:focus {outline: none;}

/* 滑道设置：Chrome、Firefoxi或者IE浏览器通过不同伪类来设置 */
input[type=range]::-webkit-slider-container {height: 16px;overflow: hidden;border-radius: 100px;}
input[type=range]::-webkit-slider-runnable-track{height: 4px;background-color: #EFEFF4;border-radius: 2px;}
input[type=range]::-moz-range-track{height: 4px;background-color: #EFEFF4;}
input[type=range]::-ms-track{color:transparent;/*去除轨道内竖线*/border-color: transparent;/*去除原有边框*/background-color: #EFEFF4;}

/* 滑块设置： */
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 16px;height: 16px;border-radius: 50%;background-color: var(--current-bg-color);border: 1px solid transparent;margin-top: -6px;border-image: linear-gradient(var(--current-bg-color),var(--current-bg-color)) 0 fill / 6 6 6 0 / 0px 0px 0 2000px;}
input[type=range]::-moz-range-thumb {-moz-appearance: none;appearance: none;border: 0;height: 16px;width: 16px;border-radius: 50%;background: var(--current-bg-color);cursor: pointer;}
input[type=range]::-ms-thumb {appearance: none;border: 0;height: 16px;width: 16px;border-radius: 50%;background: var(--current-bg-color);cursor: pointer;}

/*firefox浏览器已填充部分*/
input[type=range]::-moz-range-progress {background: var(--current-bg-color);height: 4px;border-radius: 2px;}
input[type=range]::-ms-fill-upper {height: 4px;border-radius: 2px;background: #EFEFF4;}
input[type=range]::-ms-fill-lower {height: 4px;border-radius: 2px;background: var(--current-bg-color);}

/* 车型信息 */
.car_info{display: flex;align-items: center;justify-content: space-between;width: 6.86rem;margin: 0 auto .3rem;}
.car_info .car_l{width: 3.7rem;}
.car_info .car_logo{display: flex;align-items: center;justify-content: space-between;margin-bottom: .2rem;}
.car_info .car_logo .img{width: .38rem;height: .38rem;}
.car_info .car_logo .logo_name{font-size: .32rem;line-height: .38rem;width: 3.2rem;font-weight: 700;}
.car_info .model_name{font-size: .24rem;height: .9rem;line-height: .3rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.car_info .model_change{font-size: .2rem;display: flex;align-items: center;color: #0C4AD4;line-height: .27rem;height: .27rem;position: relative;}
.car_info .model_change::after{content: '';width: .08rem;height: .08rem;border-left: 1px solid #0C4AD4;border-bottom: 1px solid #0C4AD4;display: block;transform: rotate(-135deg);margin-left: .12rem;}
#select_model{opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.car_info .car_r{width: 3rem;}
.car_info .car_r .img{width: 3rem;height: 2rem;object-fit: cover;}
.car_info .select_btn{height: 1.8rem;font-size: .42rem;font-weight: 700;padding-top: .2rem;}

.month_price_box{display: flex;align-items: center;width: 6.86rem;border: 1px solid #FCD802;justify-content: center;border-radius: .16rem .16rem 0 0;border-bottom: 0;margin: 0 auto;flex-direction: column;padding: .3rem;color: #F2382E;background: #FFFDF0;}
.month_price_box .tit{font-size: .2rem;line-height: .27rem;height: .27rem;margin-bottom: .2rem;}
.month_price_box .val{font-size: .24rem;line-height: .5rem;height: .5rem;}
.month_price_box .val span{font-size: .42rem;font-weight: 700;}

.main_box{box-shadow: 0 -.1rem .16rem 0 rgba(0,0,0,0.1);border-radius: .32rem .32rem 0 0;padding: .3rem .32rem;}
.price_box{display: flex;justify-content: space-between;text-align: center;margin-bottom: .3rem;}
.price_box .price{font-size: .28rem;line-height: .33rem;height: .33rem;margin-bottom: .12rem;font-weight: 700;}
.price_box .name{font-size: .2rem;color: #8E8E93;height: .27rem;line-height: .27rem;}
.change_box .change_item{margin-bottom: .3rem;}
.change_box .change_item .top{display: flex;justify-content: space-between;font-size: .24rem;align-items: center;}
.change_box .change_item .top .val{display: flex;align-items: center;}
.change_box .change_item .top .val input{width: .6rem;height: .45rem;border: 1px solid #D1D1D6;border-radius: .06rem;text-align: center;margin-right: .1rem;font-size: .24rem;font-weight: 700;}
.change_box .change_item .bottom{display: flex;justify-content: space-between;font-size: .24rem;}

.cont_box{margin-bottom: .4rem;}
.cont_box .tit{font-size: .36rem;font-weight: 700;height: .47rem;line-height: .47rem;margin-bottom: .2rem;}
.cont_box .wrap{background: #fff;box-shadow: 0px 0px .32rem 0px rgba(0,0,0,0.1);border-radius: .16rem;}
.cont_box .wrap .list_tit{background: #FFFDF0;border-radius: .16rem .16rem 0px 0px;display: flex;padding: 0 .2rem;align-items: center;height: .96rem;width: 100%;}
.cont_box .wrap .list_tit span{font-size: .28rem;font-weight: 700;}
.cont_box .wrap .list{max-height: 4.65rem;overflow-y: scroll;}
.cont_box .wrap .item{display: flex;padding: 0 .2rem;align-items: center;height: .93rem;font-size: .28rem;width: 100%;}
.cont_box.plan_box .wrap .co1{width: 28%;}
.cont_box.plan_box .wrap .co2{width: 36%;}
.cont_box.plan_box .wrap .co3{width: 36%;}
.cont_box.rate_box .wrap .co1{width: 60%;}
.cont_box.rate_box .wrap .co2{width: 40%;}