/* 基础样式（一般不动） start*/
*{margin:0;padding:0;list-style:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* 特殊字体-本地 */
@font-face{src: url(AudiTypeV01-Bold.otf);font-family: 'aodi';}
body,html{font-family:"aodi"; width: 100%; background: #fff; color: #000; font-size: 0.14rem;}
em,i,strong{font-style:normal;}
img{ border: 0; vertical-align: middle; display: inline-block;}
input,textarea,select{font-family:"Microsoft YaHei"; outline: none; 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}
::-webkit-input-placeholder { color: #fff !important; font-weight: normal;}
:-moz-placeholder { color: #fff !important; font-weight: normal;}
::-moz-placeholder { color: #fff !important; font-weight: normal;}
:-ms-input-placeholder { color: #fff !important; font-weight: normal;}
#colorbox{color: #000;}
.rule-content{line-height: 1.8;}
.tab-item{display: none;}.tab-item.tab-item-active{display: block;}/*标签切换*/
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
/* 滚动公告 */
.scroll-notice{left: 2.25rem;top: 0.5rem;width: 3.8rem;color:#fff;font-size: 0.24rem;overflow: hidden;position: absolute;}
.scroll-notice,.scroll-notice li{height: 0.46rem;line-height: 0.46rem;}
/* 预约试驾 */
.test-drive{animation: scale 2s linear infinite; -webkit-animation: scale 2s linear infinite;width: 0.7rem;height: 2.05rem;right: 0;top: 50%;margin-top: -1.03rem; background: url('http://wx.bjczxda.com/example/pc/test-drive.png') no-repeat center;background-size: 100% 100%;position: fixed;z-index: 100;cursor: pointer;}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/* 自定义弹窗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:3.8rem;top:8.6rem;width: 1.2rem;height: 0.35rem;line-height: 0.35rem;border-radius: 0.2rem;font-size: 0.18rem;color: #fff;
  background: #c3232a no-repeat center;
  background-size: 100% 100%;
}
/* 发奖及售后说明 */
.law-fajiang{left: 2.15rem;top: 7.47rem; width: 1.5rem;height: 0.24rem;font-size: 0.14rem;color: #f00;text-decoration:underline}
/* 黄金会员八大权益 */
.law-vip{left:0.75rem;top:7.9rem;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: 4.18rem;left: 0.85rem;top: 6.4rem;font-size:0.14rem;line-height: 0.26rem;color:#fff;position: absolute;}

/* 板块 */
.p{width: 100%;min-width: 12rem;position: relative;background-repeat: no-repeat;background-position:center;}
.p:before,.main:before{display: table;content: '';}
.main{margin: 0 auto;width: 12rem;position: relative;background-repeat: no-repeat;background-position:center top;}
/* 背景图 start*/
/* 有轮播去掉p1 */
.p1{margin-top: -2px; height: 10.8rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/11/audi_q5/pc/1129/pc_01.webp'); background-size: 19.2rem auto;}
.zc{margin-top: -2px; height: 10.8rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/11/audi_q5/pc/1129/pc_02.webp'); background-size: 19.2rem auto;}
.p2{margin-top: -2px; height: 7.15rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/4/audi_q5/pc/bg2.webp'); background-size: 19.2rem auto;}
.psp{margin-top: -2px; height: 1.32rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/4/audi_q5/pc/bg3.webp'); background-size: 19.2rem auto;}
.pldTitle{margin-top: -2px; height: 1.32rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/4/audi_q5/pc/bg4.webp'); background-size: 19.2rem auto;}
.p3{margin-top: -2px; height: 9.5rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/2/audi_q5l/pc/pc_03.webp'); background-size: 19.2rem auto;}
.p4{margin-top: -2px; height: 9.5rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/2/audi_q5l/pc/pc_04.webp'); background-size: 19.2rem auto; }
.p5{margin-top: -2px; height: 9.5rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/2/audi_q5l/pc/pc_05.webp'); background-size: 19.2rem auto;}
.p6{margin-top: -2px; height: 9.5rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/2/audi_q5l/pc/pc_06.webp'); background-size: 19.2rem auto;}
.p7{margin-top: -2px; height: 2.09rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/2/audi_q5l/pc/pc_07.webp'); background-size: 19.2rem auto; }
.p8{margin-top: -2px; height: 11.19rem;background-image:url('https://topicin.autoimg.cn/act/marketing/2023/2/audi_q5l/pc/pc_08.webp'); background-size: 19.2rem auto; }
/* 背景图 end*/






/* KV轮播 Start */
.kvs{width: 100%;min-width: 12rem;position: relative;}
.swiper-container-kv,.swiper-container-kv .swiper-slide,.swiper-container-kv .main{width: 100%;height: 10.8rem;position: relative;}
.swiper-container-kv .main{width: 12rem !important;}

/* KV文字备注 */
.kvs .kv-msg{position: absolute;left: 0.5rem;bottom: 1.5rem;font-size:0.16rem;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.16rem;
  height: 0.16rem;
  background:#fff;
  margin: 0.05rem;
  /* opacity: 0.3; */
  outline: none !important;
  /* border-radius: 50%; */
}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
  opacity: 1;
  border-radius: 0.1rem;
  background:#B61D23;
}
/* KV轮播 End */



/* 留资左侧 一般放转盘或黄金会员按钮 */
.left{position: absolute;left: 1.13rem;top: 1rem;}
/* 留资右侧 放预约试驾表单 */
.right{position: absolute;top: 1.83rem;right: 0rem;width: 5.5rem;}
.right.form-large{ /* 宽表单 */width: 100%;right: 0;}

/* 表单样式 start */
.platform-series-right,.platform-encrypt,.platform-help,.platform-arrow-right{color: #333;}
.platform-form-container{
  width:5.5rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
  background: none;
  color: #fff;
  font-size: 0.18rem;
}
.form-large .platform-form-container{
  width: 10.61rem;
  margin-top: -0.6rem;
}

/* 车系，用户信息背景/边框 */
.platform-card{
  border: 0rem solid #fff;
  border-radius: 0;
  box-sizing: border-box;
  background:none;
  margin: 0;
}

.platform-series{
  box-sizing: content-box;
  height: 1.2rem;
  line-height: 1.2rem;
  margin-bottom: 0rem;
  padding: 0;
}
.platform-series-img{
  width: 2rem;
  height: auto;
  max-height: 100%;
  left: 3rem;
}
.platform-series-info{
  padding-left: 5.59rem;
  height:100%;
  line-height: inherit;

}
.platform-series-title{
  font-size: 0.24rem;
  color: #fff;
  height: 100%;
  line-height: inherit;
}


/* 用户信息 */
.xx{
  color: #E60122;

}
.platform-user-info{
  padding: 0.2rem 0.45rem;
  box-sizing: border-box;
}
.form-large .platform-user-info{/*宽表单*/
  padding: 0.1rem 0.23rem 0.15rem;
  margin-top: 12px;
}
.platform-form-item{
  height: 0.55rem;
  line-height: 0.55rem;
  margin-bottom: 0.2rem;
}
.form-large .platform-form-item{ /*宽表单*/
  box-sizing: border-box;
  width: 4.91rem;
  border-bottom: 2px solid #F1F3F6;
}
.form-large .platform-form-item:nth-child(1),.form-large .platform-form-item:nth-child(3){float: left;}/*宽表单*/
.form-large .platform-form-item:nth-child(2),.form-large .platform-form-item:nth-child(4){float: right;}/*宽表单*/

.platform-form-input{
  height: 100%;
  line-height: inherit;
}
.platform-form-input, #yzm input, .platform-form-view, .platform-dealer-view {
  font-size: 0.16rem;
  font-weight: 600;
  color: #fff;
}
.platform-form-input, .platform-form-view, .platform-dealer-view {
  padding-left: 1.05rem;
}
.platform-form-label{
  font-size: 0.16rem;
  width: 1.1rem;
  height: 100%;
  line-height: inherit;
  color: #fff;
}
#platform-form-mobile .platform-form-label {
  width: 0.8rem;
}
.platform-form-view{
  height: 100%;
  line-height: inherit;
}
.platform-dealer-view{
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  line-height: inherit;
}
/* 表单按钮 */
.platform-btn-large{
  display: inline-block;
  width: 3.18rem;
  height: 0.5rem;
  line-height: 0.36rem;
  font-size:0.16rem;
  color: #fff !important;
  font-weight:bold;
  background: linear-gradient(45deg, #66615E 7.000000000000001%, #C9B89F 100%);
  border-radius: 0.22rem;
  margin: 0;
  width: 3.4rem;
  height: .36rem;
  background: #CD0001;
  border-radius: 0 !important;
  -webkit-border-radius: .16rem;
  -moz-border-radius: .16rem;
  -ms-border-radius: .16rem;
  -o-border-radius: .16rem;
}
.platform-btn-disable{
  background: #818181;
}
.platform-btn-disable span{
  font-size: 0.14rem;
}
/* .platform-btn-large:nth-child(2){
  margin-left: 0.5rem;
  background: #909090;
} */
/* 提交按钮 */
.btnBox{
  clear: both;
  text-align: center;
  margin-top: 0.1rem;
  /* margin-bottom: 0.1rem; */
}
/* 底部文字说明 */
.platform-form-statement{
  font-size: 0.12rem;
  margin-top: 1.4rem;
  clear: both;
  box-sizing: border-box;
  text-align: center;
}
.platform-form-statement .last-statement {
  font-size: 0.12rem;
  margin-top: 0.05rem;
  color: #fff;
}
.platform-form-statement .notice{
  color: #E40121;
  text-decoration: none;
}
/* .隐私说明-厂商 */
.yinsi{
  color: #A82227;
  text-decoration: underline;
}
/* 表单样式 end */

/* 转盘样式 start*/
.rotate-box {position: relative;width: 5.18rem;height: 5.18rem;overflow: hidden;}
.rotate-box .hand {cursor: pointer;position: absolute;top: 1.5rem;left: 1.88rem;}
.rotate-box .num_box {color: #333;position: absolute;font-size: 0.14rem;width: 1.4rem;text-align: center;line-height: 0.2rem;left: 1.89rem;top: 2.88rem;}
.rotate-box .num_box .num {color: #f00;}
.rotate-box .mask {position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;height: 4.02rem;z-index: 999;-webkit-animation: fadeIn 0.6s both;animation: fadeIn 0.6s both}
.rotate-box .mask .box {background: #da3628;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 0.03rem solid #dcdcdc;width: 2.96rem;height: 1.58rem;margin: auto;}
.rotate-box .mask-login .info {border-bottom: 0.01rem solid #fff;margin: 0 0.15rem;font-size: 0.16rem;padding-top: 0.05rem;text-align: center;font-weight: bold;line-height: 0.3rem;color: #fff}
.rotate-box .mask-login .form {margin: 0 0.15rem;width: 2.7rem}
.rotate-box .mask-login input {box-sizing: border-box;display: block;width: 100%;height: 0.26rem !important;line-height: 0.26rem;font-size: 0.14rem;border: 0;padding-left: 0.05rem;background: #fff;}
.rotate-box .icon-close {position: absolute;top: 0.05rem;right: 0.05rem;width: 0.14rem;height: 0.14rem;border-radius: 0.2rem;cursor: pointer;border: 0.02rem solid #fff;background: url(http://x.autoimg.cn/topic/images/closeBtn_black.png) center center no-repeat #fff;}
.rotate-box .mask-login .icon-close:hover {filter: alpha(opacity=80); -moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.rotate-box .mask-login .btn-area {float: left;padding: 0.05rem 0 0.1rem 0.04rem;}
.rotate-box .mask-login .txt {clear: both;text-align: left;line-height: 0.24rem;color: #fff;padding: 0.05rem 0 0.05rem 0.2rem;font-size: 0.12rem;}
.rotate-box .mask-login .btn-reg {background: #ffb72a;display: block;width: 0.57rem;height: 0.57rem;text-align: center;color: #fff;font-size: 0.16rem;line-height: 0.57rem;text-decoration: none;}
.rotate-box .mask-login .btn-reg:hover {opacity: .8;filter: alpha(opacity=80);}
.rotate-box .mask-login dl {float: left;padding: 0.05rem 0 0.1rem;width: 2.05rem;}
.rotate-box .mask-login dt {float: left;width: 0.55rem;height: 0.26rem;line-height: 0.26rem;font-size: 0.14rem;text-align: right;color: #fff; margin-bottom: 0.05rem;}
.rotate-box .mask-login dd {float: left;width: 1.46rem;height: 0.26rem;margin-bottom: 0.05rem;}
.rotate-box .mask-result .tit {padding-top: 0.1rem;font-size: 0.22rem;font-weight: bold;color: #fff;text-align: center;margin-bottom: 0.1rem;}
.rotate-box .mask-result .prize {width: 1.1rem;height: 0.55rem;text-align: center;float: left;padding: 0 0.2rem;margin-top: 0.19rem;}
.rotate-box .mask-result .prize img {/* width: 1.1rem; */height: auto;max-height: 1rem;}
.rotate-box .mask-result .info {line-height: 0.26rem;color: #fff;font-size: 0.22rem;padding: 0.1rem 0.1rem 0 0;}
.rotate-box .mask-fail .txt {text-align: center;font-size: 0.24rem;color: #fff;font-weight: bold;padding-top: 0.4rem;line-height: 1.5;}
.rotate-box .alert-box {position: fixed;width: 2rem;height: 0.5rem;font-size: 0.14rem;left: 0;right: 0;top: 0;bottom: 0;color: #fff;margin: auto;text-align: center;line-height: 0.5rem;border-radius: 0.1rem;background-color: rgba(0, 0, 0, .8);}
/* 转盘样式 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.43rem;height:0.75rem;top: 50%;margin-top:0;transform:translateY(-50%);outline:  none !important;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.swiper-button-prev{left: -0.7rem;background-image: url(https://topicin.autoimg.cn/act/marketing/2022/6/passat/pc/l.png)}
.swiper-button-next{right: -0.7rem;background-image: url(https://topicin.autoimg.cn/act/marketing/2022/6/passat/pc/r.png)}
.swiper-pagination-bullets{margin-top: -.8rem;width: 100%;text-align: center;z-index: 3;}
.swiper-pagination-bullet{ width: 0.18rem; height: 0.18rem; margin: 0 0.08rem; background: #fff; opacity: 1; outline: none !important; border-radius: 100% !important ; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1; background: #F40738; border-radius: 0.09rem !important}

/* 前进后退按钮和分页器在页面底部的 */
.swiper-bottom { position: relative; z-index: 3; margin-top: 0rem; text-align: center;}
.swiper-bottom .swiper-button-prev, .swiper-bottom .swiper-button-next{ position: static; display: inline-block; vertical-align: middle; margin-top: 0; top: auto; transform:translateY(0);}
.swiper-bottom .swiper-pagination-bullets{ position: static; display: inline-block; vertical-align: middle; margin-top: 0rem; width: auto; padding: 0 0.05rem;}

/* swiper end */

/* 视频 start */
.video{width: 10.73rem;height: 6.04rem;margin: 0rem auto 0;}
  /* 多视频 */
  #videobox{width: 11.5rem;margin: 1.5rem auto 0;} /*多视频轮播*/
  #videobox .swiper-container{width: 10rem;}
  #videobox .swiper-video{width: 100%;height: 5.63rem;}
  .swiper-pagination-bullets{margin-top: .5rem;}
/* 视频 end */

/* ç›´æ’­ */
.live-player{width: 10rem;height: 5.62rem;margin: 1.33rem auto 0;}

/* 车型亮点 */
.highlight{width: 19.2rem;margin: 9.13rem auto 0;}
.highlight .swiper-container{width: 19.2rem;}

/* 亮点图切换按钮 */
.btn-group-highlight{width: 19.2rem;margin: -6.8rem -4rem 0;text-align: center; font-size: 0;}
.btn-group-highlight>li{margin-right: 0.0rem; width: 5.52rem;height:0.59rem;line-height: 0.59rem;font-size: 0.3rem;color:#fff;background: url(https://topic.autoimg.cn/act/marketing/2022/9/audi_xqlxx/pc/off.png) no-repeat center;background-size:100% 100%;cursor: pointer;display: inline-block;text-align: left;box-sizing: border-box;
  padding-left: 0.9rem;margin: .05rem auto;}
.btn-group-highlight>li:last-child { margin-right: 0;}
.btn-group-highlight>li.btn-item-active{color: #fff;font-weight: bold;background: url(https://topic.autoimg.cn/act/marketing/2022/9/audi_xqlxx/pc/on.png) no-repeat center;background-size: 100% 100%;}

/* 精美车图 swiper */
.beautiful-pictures{width: 9rem;margin: 1.4rem auto 0;}
.beautiful-pictures .swiper-container{width: 8rem;}

/* 3D轮播图 Start */
.carousel {width: 11rem;height: 4.3rem;margin: 1.8rem auto 0;position: relative;}
.carousel .prevButton,.carousel .nextButton{width: 0.43rem;height:0.75rem;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.7rem;background-image: url(https://topicin.autoimg.cn/act/marketing/2022/6/passat/pc/l.png)}
.carousel .nextButton{right: -0.7rem;background-image: url(https://topicin.autoimg.cn/act/marketing/2022/6/passat/pc/r.png);}
.carousel .slides {margin: 0rem auto;overflow: hidden;position: relative;}
.carousel .slides .slideItem {padding: 0rem;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: 2rem 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-header{width: 11.8rem;height: 0.45rem;margin: 0.2rem auto 0;background: #794dc6;color: #fff;display: table;font-size: 0.2rem;font-weight: bold;}
.dealer-container{width: 12rem;height: 4rem;overflow: auto;position: relative;margin: 0 auto;box-sizing: border-box;}
.dealer-content{width:11.8rem;margin: 0 auto;color: #000;}
.dealer-content tr{background: rgba(0,0,0,0.15)}
.dealer-content tr:nth-child(2n){background: rgba(0,0,0,0.3)}
.dealer-content td{font-size: 0.14rem;color: #fff;height: 0.52rem;}
/* 经销商End*/

/* 滚动条 start */
.mCSB_container {width: 100%;}
.mCSB_scrollTools {right: 0rem;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.1rem;height: 0.36rem;background: #d95bc9;cursor: pointer;margin: 0 auto;}
.mCSB_dragger_onDrag .mCSB_dragger_bar {background-position: 0rem 0rem;}
/* .mCSB_draggerRail {width: 0.1rem;height: 4rem;} */
.mCSB_draggerContainer, .mCSB_draggerRail { width: 100%; height: 100%;}
/* 滚动条 end */

/* 配置表 */
.iframe-pzb{
  display: block;
  width: 12rem;
  height: 4.25rem;
  margin: 1.5rem auto 0;
}



.phoneBox{
  width: 4.91rem;
  display: inline-block;
  float: right;
}
#platform-form-mobile{
  width: 60%;
  display: inline-block;
}
#yzm{
  width: 38%;
  display: inline-block;
  text-align: left;
}

#yzm input{
  box-sizing: border-box;
  width: 0.8rem;
  height: 100%;
  padding-left: 0.1rem;
  line-height: inherit;
}

#platform-form-mobile input{
  width: 85%;
  padding-left: 0.75rem;
  padding-right: 0;
}

.codeBtn, .platform-form-container .codeBtn-disable{
  display: inline-block;
  width: 0.9rem;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.16rem;
  font-weight: 600;
  color: #fff;
  position: absolute;
  right: 0rem;
  bottom: 0.07rem;
  background: none;
  border-radius: 0rem;
  text-decoration: none;
  background-color: #E40121;
}

.platform-form-container .codeBtn-disable {
  display: none;
}

.platform-encrypt {
  right: 0.2rem;
}
.platform-encrypt, .platform-help {
  width: 0.2rem;
  height: 0.2rem;
  line-height: 1;
}
/* .platform-btn-code.off{
  background: #ccc;
  color: #000;
} */

.platform-series-right, .platform-encrypt, .platform-help, .platform-arrow-right{
  color: #fff;
}

.cxxz{
  line-height: 1.2rem;
  font-size: 0.24rem;
  margin-left: 3rem;
  margin-top: .8rem;
}


/* éªŒè¯ç æ ·å¼ä¸€èˆ¬ä¸åŠ¨ */
.yzm-box {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  z-index: 59999;
  left: 0;
  top: 0;
  display: none;
}

.yzm-box .yzm {
  width: 5.6rem;
  height: 3.96rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: .24rem;
  -webkit-border-radius: .24rem;
  -moz-border-radius: .24rem;
  -ms-border-radius: .24rem;
  -o-border-radius: .24rem;
}

.yzm-mobile {
  font-size: .3rem;
  color: #828CA0;
  margin-top: .32rem;
  padding-left: .4rem;
}

.yzm-mobile span {
  color: #111E36;
  margin-left: .03rem;
}

#tc-yzm {
  width: 4.8rem;
  height: .8rem;
  margin-top: .4rem;
  margin-left: .4rem;
  border: 1px solid #EBEBEB;
  font-size: .24rem;
  line-height: .8rem;
  font-weight: normal !important;
  padding-left: .1rem;
  position: relative;


}

#tc-yzm input {
  width: 100%;
  font-size: .24rem;
  height: .8rem;
  line-height: .8rem;
  font-weight: normal !important;
  color: #206CFE !important;
}

#tc-yzm ::-webkit-input-placeholder {
  color: #c5cad4 !important;
  font-size: .24rem !important
}

#tc-yzm :-moz-placeholder {
  color: #c5cad4 !important;
  font-size: .24rem !important
}

#tc-yzm ::-moz-placeholder {
  color: #c5cad4 !important;
  font-size: .24rem !important
}

#tc-yzm :-ms-input-placeholder {
  color: #c5cad4 !important;
  font-size: .24rem !important
}

#tc-yzm a {
  display: inline-block;
  position: absolute;
  right: .2rem;
  top: 0;
  text-decoration: none;
  text-align: right;
}

.msg {
  height: .33rem;
  font-size: .24rem;
  color: #FF4434;
  margin-top: .32rem;
  padding-left: .4rem;
  display: none;
}

.yzm-btn {
  position: absolute;
  bottom: .43rem;
  right: .8rem;
  width: 1.68rem;
  height: .3rem;
  font-size: .24rem;
  color: #206CFE;
  z-index: 6;
}

.x {
  width: .88rem;
  height: .88rem;
  position: absolute;
  right: 0;
  top: 0;
}

/* 自åšä¹‰å¼¹çª—æ ·å¼ */
.popups {
  box-sizing: content-box;
  padding: .2rem .4rem;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  position: fixed;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1000000000000;
  border-radius: .1rem;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
  font-size: .24rem;
  animation-name: popupsTrigger;
}

@keyframes popupsTrigger {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }

}


.highlight {
  width: 5.61rem;
  position: absolute;
  left: -2rem;
  top: -8.5rem;
}

.highlight .swiper-container {
  width: 100%;
}

.swiper-box .swiper-container img {
  width: 100%;
  margin: 0 auto;
}

.swiper-box .swiper-container {
  width: 100%;
  margin: 0 auto;
}

.platform-form-view select{
  width: 140px;
  height: 30px;
  color: #fff;
  font-size: 17px;
}
.platform-form-view select option{
  background: #000;
}
.platform-series-title select{
  color: #fff;
  font-size: 25px;
  height: 50px;
}
#platform-form-mobile input {
  padding-left: 1rem;
}