:root{
    --current-bg-color: #FCD802;
    --major—bg-color: #FEF7CC;
}
body.green{
    --current-bg-color: #72DDDA;
    --major—bg-color: #FEF7CC;
}

*{margin: 0;padding: 0;text-decoration: none;list-style: none;word-break: break-word;font-style: normal;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);font-weight: 400;}
body{font-family: "PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif;color: #333;font-size: 0.28rem;line-height: 1.60;background: #fff;width: 100%;height: 100%;}
img{border: 0;border: none;display: block;}
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}
strong{font-weight: normal;}
.s_body{overflow: hidden;}
.container{overflow-x: hidden;overflow-y: scroll;position: relative;width: 7.50rem;height: 100%;margin: 0 auto;z-index: 1;}
/*加载动画*/
.loadimg{padding: 0.30rem 0;width: 100%;height: auto;text-align: center;}
.loadimg img{width: 6%;}
/*返回顶部*/
.sideB {position: fixed;right: 0.30rem;bottom: 0.80rem;width: 1.20rem;z-index: 5;display: none;}
.sideB a{display: block;width: 1.16rem;height: 1.16rem;margin: 0.25rem auto;}
.sideB a img {display: block;width: 100%;}
/* 提示框 */
.posbox{width: 100%;height: 100%;position: fixed;z-index: 99999;top: 0;left: 0;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background: rgba(255,255,255,.10);opacity: 1;display: none;}
.jdbox{max-width: 4rem;text-align: center;background: rgba(0,0,0,.70);color: #fff;font-size: 0.24rem;padding: 0.20rem;border-radius: 0.08rem;}
.jdbox p{line-height: 2;}
/* 广告 */
.adv{width: 100%;position: relative;margin: 0 auto;}
.adv img{display: block;width: 100%;height: auto;}
.adv_box{width: 100%;overflow: hidden;position: relative;}
.adv_box img{display: block;width: 100%;height: auto;}

/* 公共header */
.header{padding: 0 .32rem;width: 100%;height: 0.90rem;position: relative;z-index: 21;left: 0;top: 0;}
.header .go_back,.header .home_icon{position: absolute;left: 0.32rem;top: 0;width: 0.45rem;height: 0.9rem;display: flex;align-items: center;z-index: 3;}
.header .go_back{width: .4rem;background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/back_white.png') left center no-repeat;background-size: 100% auto;}
.header .home_icon{left: 0.8rem;width: .42rem;background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/home.png') center center no-repeat;background-size: 100% auto;}
.header .b_txt{font-size: 0.36rem;color: #fff;text-align: center;height: 0.9rem;line-height: 0.9rem;max-width: 4.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 auto;}
.header.white{background: #fff;}
.header.white .go_back{background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/back_black.png') left center no-repeat;background-size: 100% auto;}
.header.white .home_icon{background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/home_black.png') center center no-repeat;background-size: 100% auto;}
.header.white .b_txt{color: #333;}

/* 底部导航 */
.bottom_tab_bar{display: flex;justify-content: space-around;align-items: center;position: absolute;width: 7.06rem;height: 1.10rem;left: 50%;bottom: 0.30rem;margin-left: -3.53rem;background: #303030;box-shadow: 0 0.09rem 0.32rem 0 rgba(0,0,0,0.50);border-radius: 0.32rem;z-index: 2;}
.bottom_tab_bar .tab_item{width: 2.20rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.bottom_tab_bar .tab_item .icon{width: 0.64rem;height: 0.64rem;}
.bottom_tab_bar .tab_item:nth-child(1) .icon{background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/index.png');background-size: 100% 100%;}
.bottom_tab_bar .tab_item:nth-child(2) .icon{background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/select.png');background-size: 100% 100%;}
.bottom_tab_bar .tab_item:nth-child(3) .icon{background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/mine.png');background-size: 100% 100%;}
.bottom_tab_bar .tab_item .name{font-size: 0.20rem;line-height: 0.27rem;color: #8E8E93;}
.bottom_tab_bar .tab_item:nth-child(1).cur .icon{background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/index_cur.png');background-size: 100% 100%;}
.bottom_tab_bar .tab_item:nth-child(2).cur .icon{background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/select_cur.png');background-size: 100% 100%;}
.bottom_tab_bar .tab_item:nth-child(3).cur .icon{background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/mine_cur.png');background-size: 100% 100%;}
.bottom_tab_bar .tab_item.cur .name{color: var(--current-bg-color);}

/* 城市选择 */
.d_city .city{height: 0.72rem;line-height: 0.72rem;color: #333;font-size: 0.28rem;text-indent: 0.28rem;background: #f7f7fa;display: block;border-bottom: 0;}
.sideBottom{transition: 0.50s all ease;-webkit-transition: 0.50s all ease;-webkit-transform: translateY(0) translateX(100%); transform: translateY(0) translateX(100%);}
.sideBottom.active{-webkit-transform: translateY(0) translateX(0);transform: translateY(0) translateX(0);}  
.choosecity_box{width: 100%;height: 100%;position: fixed;left: 0;top: 0; overflow: hidden;background: #fff;z-index: 999;}
.choosecity_box .choose_tit{padding: 0 0.32rem;width: 100%;height: 0.90rem;background: #fff;color: #333;font-size: 0.36rem;line-height: 0.90rem;text-align: center;}
.choosecity_box .title{width: 100%;height: 0.50rem;line-height: 0.50rem;background: #F2F2F2;color: #999;font-size: 0.24rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 0 0.30rem;}
.choose_tit .close{display: inline-block;width: 0.36rem;height: 0.36rem;position: absolute;left: 0.32rem;top: 0.30rem;}
.choose_tit .close:before,.choose_tit .close:after{width: 0.36rem;height: 0.04rem;background: #333;transform: rotateZ(135deg);-webkit-transform: rotateZ(135deg);content: "";display: block;position: absolute;z-index: 2;zoom: 1;left: 0;top: 0.14rem;}
.choose_tit .close:after{left: auto;right: 0;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg)}
.city_box{width: 100%;height: calc(100% - 0.90rem);margin: 0 auto;position: relative;overflow: hidden;overflow-y: auto;}
.dqcity{width: 100%;height: 0.78rem;line-height: 0.78rem;padding: 0 0.30rem;position: relative;}
.dqcity .area{float: left;height: 100%;font-size: 0.32rem;color: #333;}
.dqcity .loca{float: right;height: 100%;font-size: 0.32rem;color: #787878;}
.province_list,.city_list{height: calc(100vh - 2.68rem);overflow-y: scroll;}
.province_item,.city_item{width: 6.86rem;display: flex;align-items: center;height: .88rem;border-bottom: .01rem solid #F0F0F0;margin: 0 auto;font-size: .28rem;}
.py_city{width: 100%;height: auto;margin: 0 auto;padding: 0.16rem 0.12rem 0;}
.py_city span{float: left;width: 0.80rem;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.20rem;}
.py_city span.no{color: #bfbfbf}
.py_city span.cur{background: #0078FF;color: #fff;border-color: #0078FF;}
.txt_city{width: 100%;height: auto;margin: 0 auto;padding: 0.16rem 0.30rem 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.20rem 0.16rem 0;padding: 0 0.20rem;}

/* tab切换 */
.main_tab{position: absolute;width: 100%;left: 0;top: 0;height: .9rem;display: flex;align-items: center;justify-content: center;z-index: 2;}
.main_tab.cur{background: #fff;}
.main_tab .main_tab_item{display: block;margin: 0 .2rem;position: relative;font-size: .28rem;color: #333;line-height: .55rem;}
.main_tab .main_tab_item span{position: relative;z-index: 2;}
.main_tab .main_tab_item.cur{font-size: .42rem;}
.main_tab .main_tab_item.cur span{font-weight: 700;}
.main_tab .main_tab_item.cur::after{content: '';position: absolute;left: 50%;width: .72rem;height: .2rem;bottom: 0;background-image: linear-gradient(90deg, var(--current-bg-color) 0%, rgba(253,217,2,0.00));margin-left: -.36rem;}
.main_tab .search{position: absolute;right: .32rem;top: 0;width: .3rem;height: .9rem;background: left center url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/search_black.png') no-repeat;background-size: 100% auto;}

/* 无数据 */
.nodata{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 7rem;width: 100%;}
.nodata .img{width: 3.66rem;margin-bottom: .2rem;}
.nodata .txt{font-size: .24rem;color: #8E8E93;}

/* 文本单行溢出隐藏省略号 */
.line1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.layerbox{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999;background: rgba(255, 255, 255, .2);display: flex;align-items: center;justify-content: center;}
.layerbox p{font-size: .24rem;color: #fff;background: rgba(0, 0, 0, .6);border-radius: .04rem;-webkit-border-radius: .04rem;padding: .05rem .1rem;max-width: 5.6rem;line-height: .36rem;}

/* 三级联动 品牌车系车型*/
.select_car{position: fixed;left: 100%;top: 0;width: 100%;height: 100vh;background: #fff;z-index: 9999;transition: left .2s;}
.select_car.cur{left: 0;}
.select_car .select_logo,.select_car .select_bseries,.select_car .select_model{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.select_car .select_logo.cur,.select_car .select_bseries.cur,.select_car .select_model.cur{display: block;}
.header_bar{position: relative;padding: 0 .32rem;width: 100%;height: 0.90rem;background: #fff;}
.header_bar .header_back{position: absolute;left: 0.32rem;top: 0;width: 0.4rem;height: 0.9rem;background: url('https://tcar-th.oss-ap-southeast-7.aliyuncs.com/version2/images/wap/back_black.png') left center no-repeat;background-size: 100% auto;}
.header_bar .header_tit{font-size: 0.36rem;color: #333;text-align: center;height: 0.9rem;line-height: 0.9rem;max-width: 4.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 auto;}
.select_car .logo_data,.select_car .bseries_data,.select_car .model_data{height: calc(100% - .9rem);overflow-y: scroll;background: #fff;}
.select_car .logo_data .dt{font-size: .24rem;color: #333;height: .37rem;line-height: .37rem;padding-left: .32rem;background-image: linear-gradient(270deg, rgba(239,239,244,0.00) 0%, #EFEFF4 75%);}
.select_car .logo_data .item{display: flex;padding: 0 .32rem;align-items: center;justify-content: space-between;}
.select_car .logo_data .item .logo img{width: .84rem;height: .84rem;object-fit: cover;}
.select_car .logo_data .item .name{width: 5.7rem;height: 1.32rem;display: flex;align-items: center;font-size: .32rem;color: #333;border-bottom: 1px solid #F0F0F0;}
.select_car .logo_data .item:last-child .name{border-bottom: 0;}
.logo_alpha{position: absolute;right: 0;top: .9rem;height: calc(100% - 1.8rem);display: flex;flex-direction: column;justify-content: space-around;font-size: .18rem;color: #333;width: .5rem;align-items: center;}
.logo_alpha .letter{width: .28rem;height: .28rem;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.logo_alpha .letter.cur{background: var(--current-bg-color);}

/* 列表 */
.bseries_data .list .item{width: 6.86rem;margin: 0 auto .4rem;background: #FFFFFF;box-shadow: 0 0 .32rem 0 rgba(31,24,54,0.1);border-radius: .16rem;display: flex;align-items: center;height: 1.78rem;}
.bseries_data .line1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bseries_data .item_l{width: 3.86rem;margin-left: .3rem;}
.bseries_data .item_l .name{font-size: .32rem;line-height: .45rem;height: .45rem;color: #333;font-weight: 600;margin-bottom: .1rem;}
.bseries_data .item_l .price{font-size: .28rem;color: #F2382E;line-height: .4rem;height: .4rem;margin-bottom: .1rem;}
.bseries_data .item_l .tag{font-size: .24rem;color: #8E8E93;line-height: .33rem;height: .33rem;}
.bseries_data .item_r img{width: 2.4rem;height: 1.6rem;object-fit: cover;}
.model_data .item{display: block;width: 6.86rem;margin: 0 auto;padding: .3rem 0;border-bottom: 1px solid #F0F0F0;}
.model_data .item p{font-size: .32rem;color: #333;font-weight: bold;line-height: .45rem;}
.model_data .item span{font-size: .28rem;color: #F2382E;font-weight: bold;line-height: .4rem;}