:root{
  --form-color : #000;            /* 表单字体颜色 以及边框下划线*/
  --form-series-h : 0.8rem;           /* 车系高度 */
  --form-series-size : 0.26rem;     /* 车系字体大小 */
  --form-font-size : 0.24rem;       /* 表单字体大小 */
  --form-item-w : 100%;             /* 表单元素宽度 */
  --form-item-h : 0.9rem;           /* 表单元素高度 */
  --form-width : 6.5rem;              /* 表单宽度 */
  --form-mt : 0.8rem;               /* 表单距离顶部距离 */
  --form-statement-size : 0.18rem;  /* 表单底部文字大小 */
}

/* 基础css */
* {margin: 0;padding: 0;list-style: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,html {font-family:/*"HYQIHEI-80S", */"Microsoft YaHei";width: 100%;height: 100%;position: relative;background: #fff;margin: 0 auto;color: #000;font-size: 0.2rem;}
a{text-decoration: none;outline:none;}
em,i,strong{font-style:normal;}
img{ border: 0; vertical-align: middle; display: inline-block;}
input,textarea,select{font-family:/*"HYQIHEI-80S", */"Microsoft YaHei";font-size: 0.22rem; outline: none; color: #333; background: transparent; border: 0; }
input[type="submit"],input[type="reset"],input[type="button"],input[type='file'],button, select{ -webkit-appearance: none; }
table {border-collapse: collapse;border-spacing: 0}
.tab-item{display: none;}.tab-item.tab-item-active{display: block;}/*标签切换*/
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-wrapper{height: auto;}
.copyright {color: #fff;bottom: 0.0rem;font-size: 0.16rem;text-align: center;padding: 0;position: absolute;width: 100%;z-index: 89;}
main{width: 7.5rem;margin: 0 auto; overflow: hidden;position: relative; display: flex; flex-direction: column; align-items: center;} 
.tkBoxForm {display: none;}
.p{width:100%;position:relative;overflow:hidden}
.p-center{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.bg{display:block;width:100%;position: relative;z-index: 1;}
.priming{position: absolute;z-index: 0;left: 0; top: 0;width: 100%;}

/* 表单 */
::-webkit-input-placeholder {color: var(--form-color) !important;font-size: var(--form-font-size) !important}
:-moz-placeholder {color: var(--form-color)  !important;font-size: var(--form-font-size) !important}
::-moz-placeholder {color: var(--form-color)  !important;font-size: var(--form-font-size) !important}
:-ms-input-placeholder {color: var(--form-color)  !important;font-size: var(--form-font-size) !important}
/* icon */
.platform-series-right,.platform-help,.platform-arrow-right,.platform-visible{color: var(--form-color);}
.platform-encrypt{position:absolute; right:calc(var(--form-font-size) + .05rem);top:0;bottom:0;margin:auto; width:var(--form-font-size);height:var(--form-font-size);z-index:1}
.platform-visible{width:100%;height:100%;  fill: var(--form-color)}
.platform-invisible{width:100%;height:100%;fill:var(--form-color)}
.platform-help{position:absolute;right:.05rem;top:0;bottom:0;margin:auto;width:var(--form-font-size);height:var(--form-font-size);color:var(--form-color);z-index:1}
.platform-help-icon{width:100%;height:100%;fill:var(--form-color)}
.arrow-icon{width:var(--form-font-size);height:var(--form-font-size);color:var(--form-color); }
.car-icon{ display: none;}
.form-box{width:0;height:0;overflow:hidden}
/* 车系，用户信息背景/边框 */
.platform-card{border:0 solid var(--form-color);border-radius:0}
/* 车系选择 */
.platform-form-container{color:var(--form-color);width:var(--form-width);margin:var(--form-mt) auto;box-sizing:border-box;padding:0;background:0 0;position:relative}
.platform-series{margin-bottom:.1rem;height:var(--form-series-h);display:flex;align-items:center;justify-content:center;border: 0.01rem solid #000;
  border-radius: 0.08rem;}
.platform-series-img{height:80%;margin-right:.4rem;display: none;}
.platform-series-info{display:flex;justify-content:center;align-items:center}
.yxcx{font-size:var(--form-series-size);line-height:var(--form-series-h);font-weight:400;margin-right:1.4rem}
.platform-series-title{font-size:var(--form-series-size);font-weight:400;margin:0 var(--form-series-size)}
/* 用户信息 */
.xx{color:var(--form-color);display: none;}
.platform-user-info{padding:.2rem 0;box-sizing:border-box}
.platform-input-box{display:flex;flex-wrap:wrap;justify-content:space-around}
.platform-form-item{width:var(--form-item-w);height:var(--form-item-h);margin-bottom:.05rem;border-bottom:1px solid var(--form-color);position:relative;cursor:pointer;display:flex;align-items:center;padding:0 .05rem}
.platform-form-input{height:100%;line-height:var(--form-item-h);font-size:var(--form-font-size);flex:1;color:var(--form-color)}
.platform-form-label{display:block;font-size:var(--form-font-size);width:calc(var(--form-font-size) * 5.5)}
.platform-form-view{height:100%;flex:1;font-size:var(--form-font-size);line-height:var(--form-item-h)}
.platform-dealer-view{height:100%;flex:1;font-size:var(--form-font-size);line-height:var(--form-item-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 底部文字说明 */
.platform-form-statement{margin-top:.15rem;font-size:var(--form-statement-size);text-align:left}
.cz-checkbox{width:var(--form-statement-size);height:var(--form-statement-size)}
.platform-form-statement>p{margin-top:.05rem;font-size:var(--form-statement-size)}
.platform-checkbox-box{cursor:pointer}
.platform-link{color:var(--form-color);text-decoration:none}
/* 表单按钮 */
.btnBox{text-align: center;}
.platform-btn-large {
  display: inline-block;
  line-height: .8rem;
  font-size: 0.36rem;
  font-weight: 700;
  margin: .2rem auto 0;
  width: 100%;
  height: .8rem;
  background: #37a8db;
  border-radius: 0rem;
  text-decoration: none;
  color: #fff
}
/* 表单样式 end */


/* swiper start*/
.swiper-box{position: relative;}
.swiper-box .swiper-container{width: 100%;margin: 0 auto;}
.swiper-box .swiper-container img{width: 100%;margin: 0 auto;}
.swiper-button-prev,.swiper-button-next{width: 0.41rem;height:0.95rem;transform: translateY(-50%); outline:  none !important;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.swiper-button-prev{ left: 0;background-image: url(http://wx.bjczxda.com/example/pc/prev.png)}
.swiper-button-next{right: 0;background-image: url(http://wx.bjczxda.com/example/pc/next.png)}
.swiper-pagination-bullets{margin-top: 0.1rem;width: 100%;z-index: 3;display: flex; justify-content: center; align-items: center;}
.swiper-pagination-bullet{width: 0.15rem;height: 0.15rem;margin: 0 0.1rem;background: #fff;opacity: 0.3;outline: none !important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
/* swiper end */

/* 视频 start */
.video{width:7.12rem;height: 4.01rem;margin: 1.8rem auto 0;}
.videoBox{width:7.12rem;height: 4.01rem;margin: 1.5rem auto 0;overflow: hidden;}

/* 多视频 */
#videobox{width:7rem;margin: 1.8rem auto 0;} /*多视频轮播*/
#videobox .swiper-container{width: 6rem;}
#videobox .swiper-video{width: 6rem;height: 3.4rem;}
/* 视频 end */


/* 直播 */
.live-player{width: 6rem;height: 3.4rem;margin: 2rem auto 0;}

/* 车型亮点 */
.highlight{width: 7.5rem;margin: 0rem auto 0;}
.highlight-group .highlight{margin-top: 0.6rem;}
.highlight .swiper-container{width: 7.5rem;}

/* 亮点图切换按钮 */
.btn-group-highlight{width: 100%;margin: 1.5rem auto 0;text-align: center;}
.btn-group-highlight>li{width: 1.5rem;height:0.5rem;line-height: 0.5rem;font-size: 0.3rem;color:#fff;background: url(http://wx.bjczxda.com/example/pc/btn-off.png) no-repeat center;background-size:100% 100%;cursor: pointer;display: inline-block;text-align: center;}
.btn-group-highlight>li.btn-item-active{color: #fff;font-weight: bold;background: url(http://wx.bjczxda.com/example/pc/btn-on.png) no-repeat center;background-size: 100% 100%;}

/* 精美车图 swiper */
.beautiful-pictures{width: 7.5rem;margin: 1.5rem auto 0;}
.beautiful-pictures .swiper-container{width: 6rem}

/* 3d轮播 */
.highlight-carousel{width: 7rem;margin:1.8rem auto 0}
.highlight-carousel .swiper-container{width:7rem; height: 3rem;}
.highlight-carousel .swiper-slide{display:flex;justify-content:center;align-items:center;transition:.3s;transform:scale(.8);position:relative;z-index:1}
.highlight-carousel .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1.3);position:relative;z-index:2}


/* KV轮播 Start */
.kvs{width: 100%;position: relative;}
.kvs img{width: 100%;margin: 0 auto;display: block;}

/* KV文字备注 */
.kvs .kv-msg{position: absolute;left: 0.5rem;bottom: .5rem;font-size:0.24rem;color: #fff;}
.kvs .swiper-pagination-bullets{position: absolute;width: 100%;bottom: 0.1rem;left: 0;z-index: 2;text-align: center;}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet{ width: 0.15rem; height: 0.15rem; background:#31afce; margin: 0.1rem; opacity: 0.3; outline: none !important; border-radius: 50%;}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
/* KV轮播 End */

/* 预约试驾 */
.test-drive {
  height: 1.06rem;
  line-height: 0.8rem;
  font-size: 0.3rem;
  font-weight: bold;
  background: url('https://topicin.autoimg.cn/act/marketing/202503/aion_y/m/yuyue.png') no-repeat center;
  background-size: auto 100%;
  color: #fff;
  position: fixed;
  bottom: 0.35rem;
  left: 50%;
  margin-left: -3.75rem;
  width: 7.5rem;
  text-align: center;
  z-index: 1000;
}







/* 旧的css暂留 */

/* 滚动公告 */
.scroll-notice{left: 0;top: 0.5rem;width: 3rem;color:#fff;font-size: 0.22rem;overflow: hidden;position: absolute;}
.scroll-notice,.scroll-notice li{height: 0.4rem;line-height: 0.4rem;}

/* 自定义弹窗button start*/
.law-rule,.law-fajiang,.law-vip{display: block;position: absolute;text-align: center;text-decoration: none;cursor: pointer;background-repeat:no-repeat;background-position: center;background-size: 100%;}
/* 活动规则 */
.law-rule{left:0.2rem;top:1rem;width: 1.8rem;height: 0.5rem;line-height: 0.5rem;border-radius: 0.1rem;font-size: 0.24rem;color: #fff;
  background: #af53c8 no-repeat center;
  background-size: 100% 100%;
}
/* 发奖及售后说明 */
.law-fajiang{left: 5.3rem;top: 1rem;font-size: 0.2rem;color: #f00;text-decoration:underline}
/* 黄金会员八大权益 */
.law-vip{left:2.2rem;top:1rem;width:2.51rem;height:0.67rem;background-image: url(https://topic.autoimg.cn/act/marketing/2020/5/viloran/pc/btn-vip.png);}
/* 自定义弹窗button end*/

/* 活动文字说明 */
.active-msg{width: 7.5rem;left:0rem;top: 15.5rem;font-size:0.2rem;line-height: 0.33rem;color:#fff;position: absolute;}


/* 3D轮播图 Start */
.carousel {width: 7.5rem;height:3.75rem;margin: 1.5rem auto 0;overflow: hidden;position: relative;}
.carousel .prevButton,.carousel .nextButton{width: 0.41rem;height:0.95rem;margin-top: -0.48rem;position: absolute;top:50%;z-index: 10;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.carousel .prevButton{left: 0;background-image: url(http://wx.bjczxda.com/example/pc/prev.png)}
.carousel .nextButton{right: 0;background-image: url(http://wx.bjczxda.com/example/pc/next.png);}
.carousel .slides {margin: 0 auto;overflow: hidden;position: relative;}
.carousel .slides .slideItem {padding: 0;overflow: hidden;position: absolute;cursor: pointer;opacity: 1 !important;}
.carousel .slides .slideItem a {overflow: hidden;display: block;}
/* 3D轮播图 End */

/* 经销商 Start*/
.dealer-select{text-align: center;}
.dealer-select select{width: 3.29rem;height: 0.45rem;margin: 1.5rem auto 0;padding-left: 0.5rem;background-repeat: no-repeat;background-position:center;background-size: 100% 100%;box-sizing: border-box;}
#dealer-province{background-image: url(https://topic.autoimg.cn/act/marketing/2020/4/va3/pc/form/province.jpg)}
#dealer-city{background-image: url(https://topic.autoimg.cn/act/marketing/2020/4/va3/pc/form/city.jpg)}
.dealer-container{width: 7rem;height: 7rem;overflow: auto;position: relative;margin: 0.5rem auto 0;box-sizing: border-box;}
.dealer-content{width:6.8rem;margin: 0 auto;color: #fff;}
.dealer-content .dealer-item{position: relative;padding: 0.2rem 0;border-bottom: .02rem dashed #fff;box-sizing: border-box;}
.dealer-content .dealer-item h3{font-size: 0.32rem;line-height: 2;}
.dealer-content .dealer-item p{font-size: 0.24rem;line-height: 1.5;}
/* 经销商End*/

/* 滚动条 start */
.mCSB_container {width: 100%;}
.mCSB_scrollTools {right: 0;top: 0;width: 0.1rem;height: 100%;background: rgba(255,255,255,0.1);}
.mCSB_dragger {width: 0.1rem;right: 0;}
.mCSB_dragger_bar {width: 0.08rem;height: 0.36rem;background: #d95bc9;cursor: pointer;margin: 0 auto;}
.mCSB_dragger_onDrag .mCSB_dragger_bar {background-position: 0 0;}
.mCSB_draggerRail {width: 0.1rem;height: 7rem;}
/* 滚动条 end */

/* 配置表 start */
.configtab{width: 7rem;margin: 2.2rem auto 0;}
.configtab-head{height:0.8rem;line-height: 0.8rem;font-size: 0.3rem;background: #d95bc9;color: #fff;position: relative;text-align: center;}
.configtab-select{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;z-index: 1;}
.select-msg{position: relative;}
 /* 三角 */
.select-msg:after{right: 0.2rem;top: 50%;margin-top: -0.07rem;border-width:0.14rem;border-style: solid;border-color:#fff transparent transparent transparent;content: '';display: block;position: absolute;width: 0; height: 0;}
.configtab-body{overflow: auto;position: relative;margin: 0 auto;width: 100%;height:5rem;}
.configtab-body table{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.configtab-body table td {height: 0.68rem;line-height: 0.68rem;font-size: 0.2rem;color: #fff;text-align: center;border: solid 1px #fff;}
/* 配置表 end */