* {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:"Microsoft YaHei";width: 100%;height: 100%;position: relative;background: #fff;max-width: 750px;margin: 0 auto;color: #000;font-size: 0.2rem;}
/* body {visibility: hidden;} */
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:"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: #000000 !important;}
:-moz-placeholder { color: #000000 !important;}
::-moz-placeholder { color: #000000 !important;}
:-ms-input-placeholder { color: #000000 !important;}
.tab-item{display: none;}.tab-item.tab-item-active{display: block;}/*标签切换*/
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.main{width: 7.5rem;margin: 0 auto;overflow: hidden;position: relative;}
.copyright {color: #000;bottom: 1.6rem;font-size: 0.18rem;text-align: center;padding: 0;position: absolute;width: 100%;z-index: 89;}

/* 滚动公告 */
.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;}
/* 预约试驾 */
.test-drive{position: fixed;width:6.95rem;height:1rem;bottom: 0.4rem;left:50%;transform: translateX(-50%);line-height: 1.05rem;font-size:0.3rem;background: url(https://topicin.autoimg.cn/act/marketing/2023/1/nezhas/m/yysj.png);background-size: 100% 100%; color:#fff;text-align: center;z-index:90;cursor: pointer;}
.test-drive .shou{animation: shou-move 1s infinite; width: 0.87rem; position: absolute; right: 0.22rem; top: 0.05rem;}
@keyframes shou-move {
  0%{
    transform: translateY(0.3rem);
  }
  50%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(0.3rem);
  }
}

/* 自定义弹窗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;}

/* 板块 */
.p{width: 100%;position: relative;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.p-container{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.p-container:before{display: table;content: '';}
.img-bg{display: block; width: 100%;height: auto;margin: 0 auto;}



.nav-list{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  margin-top: 0.2rem;
}
.nav-list .nav-item{
  width: 3.41rem;
  height: 0.63rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  vertical-align: bottom;
}
.nav-list .nav-item:nth-child(1), .nav-list .nav-item:nth-child(2) {
  margin-bottom: 0.26rem;
}
.nav-list .nav-item:nth-child(1){
  background-image: url(https://topicin.autoimg.cn/act/marketing/2023/1/xfj/m/tab1.png);
}
.nav-list .nav-item:nth-child(2){
  background-image: url(https://topicin.autoimg.cn/act/marketing/2023/1/xfj/m/tab2.png);
}
.nav-list .nav-item:nth-child(3){
  background-image: url(https://topicin.autoimg.cn/act/marketing/2023/1/xfj/m/tab3.png);
}
.nav-list .nav-item:nth-child(4){
  background-image: url(https://topicin.autoimg.cn/act/marketing/2023/1/xfj/m/tab4.png);
}
.nav-list .nav-item:nth-child(1).active{
  background-image: url(https://topicin.autoimg.cn/act/marketing/2023/1/xfj/m/tab1-active.png);
}
.nav-list .nav-item:nth-child(2).active{
  background-image: url(https://topicin.autoimg.cn/act/marketing/2023/1/xfj/m/tab2-active.png);
}
.nav-list .nav-item:nth-child(3).active{
  background-image: url(https://topicin.autoimg.cn/act/marketing/2023/1/xfj/m/tab3-active.png);
}
.nav-list .nav-item:nth-child(4).active{
  background-image: url(https://topicin.autoimg.cn/act/marketing/2023/1/xfj/m/tab4-active.png);
}

.nav-content .nav-content-item{
  display: none;
}
.nav-content .nav-content-item.active{
  display: block;
}

.zc-img {
  display: block;
  width: 7.04rem;
  margin: 0.6rem auto 0;
}
/* .zc-img2 {
  width: 6.35rem;
  margin: 1.98rem auto 0;
}
.zc-img3 {
  width: 6.57rem;
  margin: 1.62rem auto 0;
}
.zc-img4 {
  width: 6.62rem;
  margin: 1.62rem auto 0;
} */



/* 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.05rem;left: 0;z-index: 2;text-align: center;}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet{
  width: 0.13rem;
  height: 0.13rem;
  background:#fff;
  margin: 0.1rem;
  opacity: 0.3;
  outline: none !important;
  border-radius: 50%;
}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width: 0.4rem;
  opacity: 1;
  border-radius: 0.1rem;
}
/* KV轮播 End */


/* 表单样式 start */
.platform-icon{color:#000000;}
.platform-arrow-right {width: 0.28rem;height: 0.4rem;transform: rotate(90deg);}
.platform-encrypt,.platform-help {position: absolute;right: 0.45rem;top: 0;bottom: 0;margin: auto;padding: 0.12rem 0;width: 0.4rem;height: 0.4rem;color: inherit;z-index: 1;}
.platform-help {right: 0;}
.platform-form-container {width: 7.33rem;color: #000000;margin: 1.8rem auto 0;font-size: 0.24rem;background: rgba(0, 0, 0, 0);position: relative;z-index: 88;padding: 0;box-sizing: border-box;}
.platform-card {background:none;border:none;padding: 0.2rem;border-radius: 0;margin: 0;box-sizing: border-box;}
.platform-series {height: 1.3rem;margin-bottom: 0;padding: 0;width: 100%;}
.platform-series-info {padding: 0;width: calc(100% - 0.4rem);}
.series-tip{font-size: 0.26rem; font-weight: bold; position: absolute; left: 1.96rem; top: 50%; transform: translateY(-50%);}
.platform-series-img{margin-left:1.74rem;width: 2.06rem !important;max-width: 3rem;height:auto !important;max-height: 105% !important;}
.platform-series-title {font-size: 0.26rem;font-weight: bold; margin-left: 4.5rem;height: 0.5rem;line-height: 0.5rem;}
.platform-user-info {width: 100%;padding: 0.3rem 0.28rem 0.2rem;box-sizing: border-box;}
.platform-form-item {height:0.46rem;line-height: 0.46rem; border-bottom:1px solid rgba(0, 0, 0, .5);margin: 0;margin-bottom: 0.2rem;border-radius: 0rem;box-sizing: content-box;}
.platform-form-label {font-size:0.26rem; color: #000000; width: 1.4rem;height: 100%;line-height:inherit;padding-left: 0;box-sizing: border-box;}
.platform-form-label i{left: -0.17rem;color:#C81219;}
.platform-form-input, #yzm input, .platform-form-view,.platform-dealer-view{padding-left: 1.4rem;font-size: 0.22rem;color: #000000;height: 100%;line-height: inherit; box-sizing: border-box;}
.platform-form-input{line-height:0.36rem;padding-top:0.1rem;padding-bottom:0.1rem}
.platform-form-drop{padding: 0;}
.platform-btn-box {margin-top: 0.3rem;display: flex;justify-content: center;flex-wrap: wrap;}
.platform-btn-large{width:5.58rem;height: 0.68rem;line-height:0.68rem;background: linear-gradient(90deg, #BCD7F4 0%, #64A2DB 100%);background-size: 100% 100%; font-size: 0.32rem;color: #FFFFFF !important; border-radius:0.34rem;font-weight:normal;margin: 0;margin-bottom:0.1rem ;text-align: center;display: inline-block;box-sizing: border-box;}
.platform-btn-disable{background: #333;}
.platform-btn-disable span{font-size: 0.24rem;}
.platform-form-statement {font-size: 0.24rem;margin-top: 0.1rem;padding: 0;}
.platform-link {color: #6EA7F5;text-decoration: underline !important;}
.platform-form-statement p:last-child{font-size: 0.18rem; margin-top: 0.05rem;}
.platform-sidebar-head{background: #ce562a !important;}
/* 表单样式 end */
.yzzl{top:10.5rem;font-size: 0.2rem;color: #fff;position: absolute;width: 100%;left: 0;text-align:center;}


/* 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;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;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.26rem;width: 100%;text-align: center;z-index: 3; font-size: 0;}
.swiper-pagination-bullet{width: 0.28rem;height: 0.06rem;margin: 0 0.04rem;background: #FFFFFF;opacity: 1;border-radius: 0; outline: none !important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1; width: 0.56rem; background: #FFE8A1;}

/* 前进后退按钮和分页器在页面底部的 */
.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:6.94rem;height: 3.99rem;margin: 1.5rem auto 0;}
.ahvp__video__poster{background-size: 100% 100%;}

  /* 多视频 */
  #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: 0.1rem auto 0;}
.highlight .swiper-container{width: 100%;}



/* 亮点图切换按钮 */
.btn-group-highlight{width: 100%;margin: 1.3rem auto 0;text-align: center; font-size: 0; position: relative;}
.btn-group-highlight>li{box-sizing: border-box; margin-right: 0.4rem; padding: 0 0.14rem; height:0.46rem;line-height: 0.46rem; font-size: 0.21rem;color:#FFFFFF; font-weight: 500; background: none;background-size:100% 100%;cursor: pointer;display: inline-block;text-align: center;}
.btn-group-highlight>li:last-child{margin-right: 0;}
.btn-group-highlight>li.btn-item-active{color: #F9EBBB; background: url(https://topicin.autoimg.cn/act/marketing/2023/1/quanxi_db/m/tab-active.png) center bottom no-repeat;background-size:100% 0.06rem;}



/* 精美车图 swiper */
.beautiful-pictures{width: 7.12rem;margin: 1.57rem auto 0;}
.beautiful-pictures .swiper-container{width: 100%;}

/* 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.1rem;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;} */
.mCSB_draggerContainer, .mCSB_draggerRail { width: 100%; height: 100%;}
/* 滚动条 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;-webkit-overflow-scrolling: touch;}
.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;} */


.configtab{width: 7.05rem;margin: 1.3rem auto 0;background: rgba(255, 255, 255, 0.8);}
.pzb-title { height: 0.6rem; line-height: 0.6rem; text-align: center; font-size: 0.24rem; color: #fff;background: linear-gradient(0deg, #383F52 0%, #7E88A1 100%);}
.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; cursor: pointer;}
.select-msg{position: absolute; width: 85%; height: 0.32rem;line-height: 0.32rem; background: linear-gradient(0deg, #383F52 0%, #7E88A1 100%); left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 0.16rem; color: #FFFFFF;}
 /* 三角 */
 .select-msg-wrap{position: absolute; width: 85%;width: 85%; height: 0.32rem;left: 50%; top: 50%; transform: translate(-50%, -50%);}
 .select-msg-wrap .select-msg{width: 100%;}
 .select-td { position: relative;}
.select-msg i, .select-msg-wrap i{right: 0.1rem;top: 50%;margin-top: -0.04rem;border-width:0.1rem;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:2.9rem; -webkit-overflow-scrolling: touch;}
.configtab-body table, .pzb-header table{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.configtab-body table td, .pzb-header table td {height: 0.4rem;line-height: 0.4rem;font-size: 0.16rem;color: #000000;text-align: center;border: solid 1px #000000;}
.configtab3 .pzb-header table td, .configtab4 .pzb-header table td{height: 0.8rem;}
.configtab-body table td:first-child, .pzb-header table td:first-child {text-align: left; padding-left: 0.12rem;}
.pzb-header table td.select-td2 { text-align: center; padding: 0;}
/* table td{ background: rgba(255, 255, 255, 0.8);} */
.configtab-body table td[colspan="2"]{font-weight: bold; background: rgba(126,136,160,0.4);}
/* .configtab ::-webkit-scrollbar { width: 0.06rem;}
.configtab ::-webkit-scrollbar-thumb { background: #960520;}
.configtab ::-webkit-scrollbar-track { background: #454545;} */


/* 配置表 end */




.phoneBox{
  width: 100%;
  /* line-height: 0.54rem; */
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
}

.phoneBox .platform-form-item {
  margin-bottom: 0;
}

#platform-form-mobile{
width: 61%;
display: inline-block;
}
#yzm{
width: 36%;
display: inline-block;
position: relative;
}
/* #yzm i{
position: absolute;
left: -0.2rem;
top: 0.3rem;
color: #fff;
} */
#platform-form-mobile input{
box-sizing: border-box;
width: 80%;
height: 100%;
line-height: inherit;
padding: 0;
padding-left: 1.4rem;
}

.codeBtn, .platform-form-container .codeBtn-disable{
display: inline-block;
width: 1.39rem;
height: 0.5rem;
line-height: 0.5rem;
text-align: center;
text-decoration: none;
font-size: 0.22rem;
color: #FFFFFF;
position: absolute;
right: 0rem;
bottom: 0rem;
background: #B2CAFC;
}

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

#yzm input{
width: 100%;
height: 100%;
line-height: inherit;
padding: 0;
padding-left: 0.02rem;
}
/* #yzm .platform-form-label{
font-size: 0.14rem;
} */



.sl {
  display: inline-block;
  width: 6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 表单元素上下有间距的表单样式，注意样式最好放在最下面，来覆盖上面的 */
/* html里class为platform-form-container的元素加上样式.center-form-container则为上下有间距 */
.center-form-container .platform-form-item {
  height: 0.96rem;
  line-height: 0.96rem;
  box-sizing: content-box;
  padding-bottom: 0 !important;
}
.center-form-container .platform-form-item, .center-form-container .phoneBox {
  margin-bottom: 0;
}
.center-form-container .platform-encrypt, .center-form-container .platform-help {
  line-height: 1;
}
.center-form-container .codeBtn, .center-form-container .codeBtn-disable {
  bottom: 50%;
  transform: translateY(50%);
}
/* .center-form-container .platform-user-info .platform-arrow-right {
  bottom: 0.1rem;
} */

/* 验证码单独一行的样式: html里class为platform-form-container的元素加上样式.code-inline并且把验证码id="yzm"的div提到外层来即可 */
/* 然后注释掉当前文件#yzm .platform-form-label，#yzm i的样式 */
.code-inline #platform-form-mobile {
  width: 100%;
}
.code-inline #platform-form-mobile input, .code-inline #yzm input {
  box-sizing: border-box;
  width: 5rem;
  padding-left: 1.4rem;
}
.code-inline #yzm {
  width: 100%;
}




/* 验证码样式一般不动 */
/* éªŒè¯ç æ ·å¼ä¸€èˆ¬ä¸åŠ¨ */
.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: 0.24rem;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  -ms-border-radius: 0.24rem;
  -o-border-radius: 0.24rem;
}

.yzm-mobile {
  font-size: 0.3rem;
  color: #828CA0;
  margin-top: 0.32rem;
  padding-left: 0.4rem;
}

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

#tc-yzm {
  width: 4.8rem;
  height: 0.8rem;
  margin-top: 0.4rem;
  margin-left: 0.4rem;
  border: 1px solid #EBEBEB;
  font-size: 0.24rem;
  line-height: 0.8rem;
  font-weight: normal !important;
  padding-left: 0.1rem;
  position: relative;


}

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

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

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

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

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

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

.msg {
  height: 0.33rem;
  font-size: 0.24rem;
  color: #FF4434;
  margin-top: 0.32rem;
  padding-left: 0.4rem;
  display: none;
}

.yzm-btn {
  position: absolute;
  bottom: 0.43rem;
  right: 0.4rem;
  width: 1.68rem;
  height: 0.3rem;
  font-size: 0.24rem;
  color: #206CFE;
  z-index: 6;
}

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




/* 自åšä¹‰å¼¹çª—æ ·å¼ */
.popups{
  box-sizing: content-box;
  padding: 0.2rem 0.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: 0.1rem;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
  font-size: 0.24rem;
  animation-name: popupsTrigger;
}
@keyframes popupsTrigger {
  0% {opacity: 0;}
  20%{opacity: 1;}
  80%{opacity: 1;}
  100%{opacity: 0;}

}