@import url('../css/swiper.min.css');

/* 基础样式（一般不动） 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(./HYQIHEI-80S.TTF);font-family: HYQIHEI-80S;} */
body,html{font-family:/*"HYQIHEI-80S", */"Microsoft YaHei"; width: 100%; background: #fff; color: #000; font-size: 14px;margin:0 auto;}
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: 18px; 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}
::-webkit-input-placeholder {color:#757575 !important;font-size: 0.16rem !important}
:-moz-placeholder {color: #757575 !important;font-size: 0.16rem !important}
::-moz-placeholder {color: #757575 !important;font-size: 0.16rem !important}
:-ms-input-placeholder {color: #757575 !important;font-size: 0.16rem !important}
#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: 225px;top: 50px;width: 380px;color:#fff;font-size: 24px;overflow: hidden;position: absolute;}
.scroll-notice,.scroll-notice li{height: 46px;line-height: 46px;}
/* 预约试驾 */
.test-drive{width: 70px;height: 205px;right: 0;top: 40%;background: url('http://wx.bjczxda.com/example/pc/test-drive.png') no-repeat center;background-size: 100%;position: fixed;z-index: 100;cursor: pointer;}

/* 自定义弹窗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:380px;top:860px;width: 450px;height: 70px;line-height: 35px;border-radius: 20px;font-size: 36px;color: #000;
  background: #c3232a no-repeat center;
  background-size: 100% 100%;
}
/* 发奖及售后说明 */
.law-fajiang{left: 215px;top: 747px; width: 150px;height: 24px;font-size: 14px;color: #f00;text-decoration:underline}
/* 黄金会员八大权益 */
.law-vip{left:75px;top:790px;width:251px;height:67px;background-image: url(https://topic.autoimg.cn/act/marketing/2020/5/viloran/pc/btn-vip.png);}
/* 自定义弹窗button end*/

/* 活动文字说明 */
.active-msg{width: 418px;left: 85px;top: 640px;font-size:14px;line-height: 26px;color:#fff;position: absolute;}

/* 板块 */
.p{width: 100%;position: relative;background-repeat: no-repeat;background-position:top center; background-size:auto 100%;margin-top:-0.01rem;}
.p:before,.main:before{display: table;content: '';}
.main{margin: 0 auto;width: 12rem;background-repeat: no-repeat;background-position:top center; background-size:auto 100%;}
/* 背景图 start*/

/* 有轮播去掉p1 */
.banner,.banner .main{height:7.62rem;background-image:url(https://topic.autoimg.cn/pmhd/marketing/2024/1/epai007/pc/0314/banner.jpg);}
.p1,.p1 .main{height:16.99rem;background-image:url(https://topic.autoimg.cn/pmhd/marketing/2024/1/epai007/pc/0314/bc_01.jpg);}
.p2,.p2 .main{height:6.1rem;background-image:url(https://topic.autoimg.cn/pmhd/marketing/2024/1/epai007/pc/0214/bc_02.jpg);}
.p3,.p3 .main{height:9.96rem;background-image:url(https://topic.autoimg.cn/pmhd/marketing/2024/1/epai007/pc/0214/bc_03.jpg);}
.p4,.p4 .main{height:13.33rem;background-image:url(https://topic.autoimg.cn/pmhd/marketing/2024/1/epai007/pc/0214/bc_04.jpg);}
/* 背景图 end*/


/* KV轮播 Start */
.kvs{width: 100%;position: relative;}
.kvs img{display:block;width:100%;}
.swiper-container-kv,.swiper-container-kv .swiper-slide,.swiper-container-kv .main{width: 100%;position: relative;height:10.8rem;}
/* KV文字备注 */
.kvs .kv-msg{position: absolute;left: 50px;bottom: 150px;font-size:16px;color: #fff;}
.kvs .swiper-slide{height:10.8rem;background-repeat: no-repeat;background-position:top center; background-size:auto 100%;}
.kvs .swiper-pagination-bullets{position: absolute;width: 100%;bottom:-0.5rem;left: 0;z-index: 2;text-align: center;}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet{width: 0.2rem;height: 0.2rem;background:#bfa591;margin:0 0.05rem;opacity:0.3;outline: none !important;border-radius:0.2rem;border:0 solid #fff;}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

/* KV轮播 End */


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

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

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

.platform-series{
  margin-bottom: 0.25rem;
  height: 0.7rem;
  padding:0;
  border:0.01rem solid #000;
  border-radius:0.1rem;
  box-sizing: border-box;
}
.platform-series-img{
  width: 3.18rem;
  max-height:1.70rem;
  left:1.22rem;
  top:-0.46rem;
}
.platform-series-info{
  width:auto;
  right:2.6rem;
  padding-left: 0;
  padding-right:0.5rem;
  height:0.72rem;
  line-height: 0.72rem;

}
.platform-series-title{
  height: 100%;
  font-size:0.3rem;
  line-height: 0.72rem;
  font-weight: bold;
  color:#000;
}
.platform-series-info .platform-arrow-right{width:0.3rem;height:0.3rem;}

/* 用户信息 */
.xx{
  color: #000;
}
.platform-user-info{
  padding: 0.20rem 0.45rem;
  box-sizing: border-box;
}
.form-large .platform-user-info{/*宽表单*/
  padding: 0;
}
.platform-form-item{
  height: 0.55rem;
  margin-bottom: 0.25rem;
  border-bottom: 0.02rem solid #000;
}
.form-large .platform-form-item{ /*宽表单*/
  width: 5.06rem;
  padding:0;
}
.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: 0.55rem;
      padding: 0 0.6rem 0 1rem;
  font-size: 0.18rem;
  color:#000;
}
.platform-form-label{
  font-size: 0.18rem;
  width: 1.10rem;
  color:#000;
  }
.platform-form-view{
  height: 100%;
  line-height: 0.55rem;
  padding-left: 1rem;
  font-size: 0.18rem;
  color:#000;
}
.platform-dealer-view{
  position: absolute;
  top: 0;
  bottom: 0;
  left:0.85rem;
  margin: auto;
  width: 3.55rem;
  height: 0.55rem;
  line-height: 0.55rem;
  text-align: left;
  color: #000;
  font-size: 0.18rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
}
/* 表单按钮 */
.platform-btn-large{
  display: inline-block;
  /* float: left; */
  line-height: 0.70rem;
  font-size:0.36rem;
  font-weight:bold;
  margin: 0; 
  color:#fff !important;
  width: 3.08rem;
  height: 0.70rem;
  background:#8584ba;
  border-radius:0rem;
}
.platform-link{color:#8584ba;}
.platform-btn-box{text-align:center;margin-top:0.25rem;}
.platform-btn-disable{
  background: #818181;
}
.platform-btn-disable span{
  font-size: 0.14rem;
}
/* .platform-btn-large:nth-child(2){
  margin-left: 50px;
  background: #909090;
} */
/* 提交按钮 */
.btnBox{
  clear: both;
  text-align: center;
  margin-top: 0.30rem;
  /* margin-bottom: 10px; */
}
/* 底部文字说明 */
.platform-form-statement{
  margin-top: 0;
  padding-top:0.10rem;
  /* margin-bottom: 20px; */
  font-size: 0.16rem;
  clear: both;
  text-align:center;
  box-sizing: border-box;
  /* padding: 0 70px; */
  color:#000;
}
.platform-form-statement .notice{
  color: #9dd2f8;
  text-decoration: underline;
}
/* .隐私说明-厂商 */
.yinsi{
  color: #A82227;
  text-decoration: underline;
}
.platform-dropdown-container li p{ position:relative;z-index:1;}
#platform-form-dealer .platform-dropdown-container{width:100% !important;left:0 !important;}
/* 表单样式 end */

/* 转盘样式 start*/
.rotate-box {position: relative;width: 518px;height: 518px;overflow: hidden;}
.rotate-box .hand {cursor: pointer;position: absolute;top: 150px;left: 188px;}
.rotate-box .num_box {color: #333;position: absolute;font-size: 14px;width: 140px;text-align: center;line-height: 20px;left: 189px;top: 288px;}
.rotate-box .num_box .num {color: #f00;}
.rotate-box .mask {position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;height: 402px;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: 3px solid #dcdcdc;width: 296px;height: 158px;margin: auto;}
.rotate-box .mask-login .info {border-bottom: 1px solid #fff;margin: 0 15px;font-size: 16px;padding-top: 5px;text-align: center;font-weight: bold;line-height: 30px;color: #fff}
.rotate-box .mask-login .form {margin: 0 15px;width: 270px}
.rotate-box .mask-login input {box-sizing: border-box;display: block;width: 100%;height: 26px !important;line-height: 26px;font-size: 14px;border: 0;padding-left: 5px;background: #fff;}
.rotate-box .icon-close {position: absolute;top: 5px;right: 5px;width: 14px;height: 14px;border-radius: 20px;cursor: pointer;border: 2px solid #fff;background: url(../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: 5px 0 10px 4px;}
.rotate-box .mask-login .txt {clear: both;text-align: left;line-height: 24px;color: #fff;padding: 5px 0 5px 20px;font-size: 12px;}
.rotate-box .mask-login .btn-reg {background: #ffb72a;display: block;width: 57px;height: 57px;text-align: center;color: #fff;font-size: 16px;line-height: 57px;text-decoration: none;}
.rotate-box .mask-login .btn-reg:hover {opacity: .8;filter: alpha(opacity=80);}
.rotate-box .mask-login dl {float: left;padding: 5px 0 10px;width: 205px;}
.rotate-box .mask-login dt {float: left;width: 55px;height: 26px;line-height: 26px;font-size: 14px;text-align: right;color: #fff; margin-bottom: 5px;}
.rotate-box .mask-login dd {float: left;width: 146px;height: 26px;margin-bottom: 5px;}
.rotate-box .mask-result .tit {padding-top: 10px;font-size: 22px;font-weight: bold;color: #fff;text-align: center;margin-bottom: 10px;}
.rotate-box .mask-result .prize {width: 110px;height: 55px;text-align: center;float: left;padding: 0 20px;margin-top: 19px;}
.rotate-box .mask-result .prize img {/* width: 110px; */height: auto;max-height: 100px;}
.rotate-box .mask-result .info {line-height: 26px;color: #fff;font-size: 22px;padding: 10px 10px 0 0;}
.rotate-box .mask-fail .txt {text-align: center;font-size: 24px;color: #fff;font-weight: bold;padding-top: 40px;line-height: 1.5;}
.rotate-box .alert-box {position: fixed;width: 200px;height: 50px;font-size: 14px;left: 0;right: 0;top: 0;bottom: 0;color: #fff;margin: auto;text-align: center;line-height: 50px;border-radius: 10px;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;display:block;}
.swiper-button-next, .swiper-button-prev{width:0.67rem;height:0.97rem;background: url(https://topic.autoimg.cn/pmhd/marketing/2023/06/qcdvddi/pc/ico.png) center no-repeat;top:50%;margin-top:-0.485rem; background-size:100% 100%;}
.swiper-button-next{right:0rem;}
.swiper-button-prev{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);left:0rem;}
.swiper-pagination-bullets{margin-top: 0;width: 100%;text-align: center;z-index: 3; position:inherit;bottom:83px;}
.swiper-pagination-bullet{width: 22px;height: 22px;margin: 0 8px; background:none;opacity: 1;outline: none !important;border-radius:0;border:2px solid #eea82d;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #eea82d;}

/* swiper end */

/* 视频 start */
.video_mai{width:12rem;height:6.5rem;margin-top:0.9rem;}
.video{height:100%;width:100%;}
  /* 多视频 */
#videobox{width: 1200px;margin: 172px auto 0;} /*多视频轮播*/
#videobox .swiper-video{width: 1135px;
  height:600px;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin:20px auto;}
#videobox .swiper-button-next,#videobox .swiper-button-prev{background: url(https://topic.autoimg.cn/pmhd/marketing/2022/11/bz4x/pc/ico1.png) center no-repeat;width:63px;height:105px;}
#videobox .swiper-button-next{right:32px;}
#videobox .swiper-button-prev{left:32px;}
  
/* 视频 end */

/* 直播 */
.live-player{width: 1000px;height: 562px;margin: 133px auto 0;}

/* 车型亮点 */
.highlight{margin:0rem auto 0; position:relative;width:12rem;}
.highlight img{display:block;width:100%;}
.highlight .swiper-pagination-bullets{bottom:0rem; position:absolute;}
.highlight .swiper-pagination-bullets .swiper-pagination-bullet{width: 0.2rem;height: 0.2rem;margin: 0 0.05rem; background:#8584ba;opacity:0.3;outline: none !important;border-radius:50%;border:0rem solid #fff;}
.highlight .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1; background:#8584ba;}
.highlight .swiper-container{padding-bottom:0.5rem;}


#certify {position: relative;width: 12rem;margin: 0.7rem auto 0;}
#certify .swiper-slide {width: 10rem;}
#certify .swiper-slide img{display:block;width:100%;height:100%;}
#certify .swiper-button-prev{right:0rem;}


/* 亮点图切换按钮 */
.btn-group-highlight{width:12rem;margin: 0.7rem auto 0;text-align: center;overflow:hidden;}
.btn-group-highlight li{width:2.86rem;height:0.58rem;line-height:0.58rem;font-size:0.3rem;color:#8584ba;cursor: pointer;display:block;float:left;border:0.02rem solid #8584ba;border-radius:0; letter-spacing:0.02rem;margin-left:0.14rem;}
.btn-group-highlight li.btn-item-active{ background:#8584ba;color:#fff;}
.btn-group-highlight li:nth-child(1){margin-left:0;}
.tab-item{margin-top:0.3rem;}

/* 精美车图 swiper */
.beautiful-pictures{width:1080px;margin:181px auto 0;}
.beautiful-pictures .swiper-container{width:1080px;}
.beautiful-pictures .swiper-button-next,.beautiful-pictures .swiper-button-prev{top:250px;}



/* 3D轮播图 Start */
.carousel {width: 1200px;height: 500px;margin: 130px auto 0;overflow: hidden;position: relative;}
.carousel .prevButton,.carousel .nextButton{width: 41px;height:95px;margin-top: -48px;position: absolute;top:50%;z-index: 10;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.carousel .prevButton{left: 0px;background-image: url(http://wx.bjczxda.com/example/pc/prev.png)}
.carousel .nextButton{right: 0px;background-image: url(http://wx.bjczxda.com/example/pc/next.png);}
.carousel .slides {margin: 0px auto;overflow: hidden;position: relative;}
.carousel .slides .slideItem {padding: 0px;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;position: relative; margin-top:260px;}
.dealer-select select{
  box-sizing: border-box;
  width: 155px;
  height: 40px;
  background: none;
  border-radius: 10px;margin: 0 auto 0;
  background-repeat: no-repeat;background-position:center;background-size: 100% 100%;box-sizing: border-box;
  text-align: right;
  padding-right: 35px;
  font-size: 20px;
  color: #fff;
}
.dealer-select select option {
  color: #000;
}
/* #dealer-province{background-image: url(../images/province.webp)}
#dealer-city{background-image: url(../images/city.webp)} */
.dealer-header{
  background: #87a1b8;
  width: 1113px;
  height: 50px;
  /* background: linear-gradient(0deg, #5281B8 0%, #C1EBFF 100%); */
  /* margin-top: 40px;
  margin-left: 42px; */
  margin: 20px auto 0;
  border-radius: 0;color: #000;display: table;font-size: 18px;font-weight: bold; margin-bottom: 10px;}
.dealer-container{width: 1113px;height: 480px;overflow: auto;position: relative;margin: 0 auto;
  box-sizing: border-box;
  /* background: rgba(255,255,255,0.3); */
  background: #b9c8d5;
  /* background: linear-gradient(0deg, #A8D9F2 0%, rgba(255, 255, 255, 0) 100%); */}
.dealer-content{width:1113px;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: 16px;color: #000;height: 52px;}
/* 经销商End*/

.proLeft,.cityRight{
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  box-sizing: border-box;
  width: 220px;
  height: 40px;
  line-height: 40px;
  border: solid 1px #1771c5;
  padding-left: 10px;
}
.proLeft{
  margin-right: 10px;
}
.proLeft span,.cityRight span{
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}
.jt1, .jt2{
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  bottom: 16px;
  right: 15px;
}

/* .jt2{
  width: 6px;
  height: 6px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);
  position: absolute;
  bottom: 12px;
  left: 165px;
} */

.dealer-header td,.dealer-container td{
  padding-left: 20px;
  box-sizing: border-box;
}

/* 滚动条 start */
.mCSB_container {width: 100%;}
.mCSB_scrollTools {right: 0px;top: 0;width: 8px;height: 100%;background: rgba(255,255,255,0);}
.mCSB_draggerContainer { height: 100%;}
.mCSB_dragger {width: 5px;right: 0;}
.mCSB_dragger_bar {width: 5px;height: 83px;background: #4CBCED;cursor: pointer;margin: 0 auto;}
.mCSB_dragger_onDrag .mCSB_dragger_bar {background-position: 0px 0px;}
.mCSB_draggerContainer, .mCSB_draggerRail { width: 100%; height: 100%;}
/* 滚动条 end */

/* 配置表 */
.iframe-pzb{
  display: block;
  margin: 145px auto 0;
}


.xwBox{
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, .8);
  position: fixed; 
  top: 0;
  left: 0;
  display: none;
}

.xwBox .xwImgBox{
  width: 1095px;
  height: 679px;
  position: relative;
  top: 50%;
  margin: 0 auto;
  margin-top: -340px;
}
.xwBox .xwImg{
  width: 1090px;
  height: 679px;
  position: relative;
  top: 0;
  left: 0;
}

.xwBox .cha {
  background: url(https://topic.autoimg.cn/new/area/2020/2/geely_hb/0224/cha.png) no-repeat center center;
  position: absolute;
  top: 0;
  right: -55px;
  height: 55px;
  width: 55px;
  cursor: pointer;
}



/*预约试驾-弹窗*/
.yuyueBox{ position:fixed;top:30%;right:0;width:139px;height:155px; background:url('https://topic.autoimg.cn/pmhd/marketing/2022/7/p7/pc/yysj.png') no-repeat;cursor:pointer;-webkit-animation: bounce-up 4s linear infinite;animation: bounce-up 4s linear infinite;z-index:9;}
.yuyuetk{ position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.6);z-index:99;}
.tkContent{width:12rem;margin:0 auto;}
.gbBox{overflow:hidden; position:absolute;top:-50px;right:0;}
.gbBox p{width: 50px;float:right;height:50px;line-height:43px;text-align:center;background:#64aacc;font-size: 50px;color:#202020;cursor:pointer;}
@-webkit-keyframes bounce-up {
 25% { transform:scale(0.95)}
 50%, 100% {transform:scale(1.03)}
 75% {transform:scale(0.95)}
}
@keyframes bounce-up {
 25% { transform:scale(0.95)}
 50%, 100% {transform:scale(1.03)}
 75% {transform:scale(0.95)}
}
.yytc-series .platform-series{width:1080px;margin:0 auto 0;border-radius:10px;}
.yytc-main{width:960px;margin:0 auto;}
.yytc-mobile{width:465px;display: flex;float: right;}
.yzminput{width:90px;display: block;height: 100%;float: left;font-size: 20px;color:#fff;}
.codeBtn{display:block;float: right;width:90px;height:40px;font-size: 16px;color:#333;text-decoration: none;text-align:center;line-height:40px;border-radius:5px; background:#eeb800;margin-top:13px;}
/*预约试驾-弹窗*/


.platform-encrypt {
  right: 20px;
}
/* .platform-btn-code.off{
  background: #ccc;
  color: #000;
} */

.titleBox{
  width: 100%;
  margin-top: 62px;
  font-size: 26px;
  font-weight: bold;
  color: #4B5259;
  position: absolute;
  top: -155px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.titleBox img{
  width: 966px;
  position: absolute;
  top: 0px !important;
  left: 64px;
}

.tzanBox{
  width: 624px;
  display: block;
  margin: 40px auto 0;
}
.tzanBox img{
  width: 624px;
}

.phoneBox{
  width: 5.06rem;
  display: inline-block;
  float: right;
}
#platform-form-mobile{
  /* width: 60%; */
  display: inline-block;
}
#form_yzm{
  width: 38%;
  display: inline-block;
  text-align: left;
}
#platform-form-mobile input{
  width: 3.25rem;
  padding-left: 0.85rem;
}

.codeBtn{
  display: inline-block;
  line-height: 0.36rem;
  text-align: center;
  text-decoration: none;
  color: #fff;
  position: absolute;
  right: 0px;
  bottom: 0.08rem;
  border-radius: 0px;
  font-size: 0.14rem;

  width: 0.97rem;
  height: 0.36rem;
  background: #8584ba;
}


#form_yzm input{
  width: 0.90rem;
  height: 0.55rem;
  line-height: 0.55rem;
  color: #000;
  font-size: 0.18rem;
}
#form_yzm .platform-form-label{
  font-size: 14px;
}




/* 验证码样式一般不动 */
.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: 560px;
  height: 396px;
  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: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.yzm-mobile {
  font-size: 30px;
  color: #828CA0;
  margin-top: 32px;
  padding-left: 40px;
}

.yzm-mobile span {
  color: #111E36;
  margin-left: 3px;
}

#yzm {
  width: 480px;
  height: 80px;
  margin-top: 40px;
  margin-left: 40px;
  border: 0.01rem solid #EBEBEB;
  font-size: 24px;
  line-height: 80px;
  font-weight: normal !important;
  padding-left: 10px;
  position: relative;


}

#yzm input {
  width: 100%;
  font-size: 24px;
  height: 80px;
  line-height: 80px;
  font-weight: normal !important;
  color: #000 !important;
}

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

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

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

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

#yzm a {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 0;
  text-decoration: none;
  text-align: right;
}

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

.yzm-btn {
  position: absolute;
  bottom: 43px;
  right: 80px;
  width: 168px;
  height: 30px;
  font-size: 24px;
  color: #206CFE;
  z-index: 6;
  cursor:pointer;
}

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

/* 自定义弹窗样式 */
.popups{
  box-sizing: content-box;
  padding: 20px 40px;
  background:rgba(0,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: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-size: 24px;
  animation-name: popupsTrigger;
}
@keyframes popupsTrigger {
  0% {opacity: 0;}
  20%{opacity: 1;}
  80%{opacity: 1;}
  100%{opacity: 0;}

}
.yxcx{ position:absolute;left:2.7rem;top:0;font-size:0.24rem;color:#000;line-height:0.7rem;}

/*经销商*/
.jxs_k{width:1167px;height:780px;margin:171px auto 0; background-size:100% 100%; overflow:hidden; position:relative;}
.jxs_k img{display:block;width:100%;}
.jxs_kbt{width:1123px;height:118px;overflow:hidden;margin-top:13px;margin-left:13px; position:relative;z-index:1;}

.jxs_klist{overflow-y:scroll;overflow-x:hidden;width:1143px;margin-left:13px;height:636px; position:absolute;left:0;top:13px;padding-top:118px;}
.jxs_klist img{width:1123px;}
/* 定义滚动条样式 */
.jxs_klist::-webkit-scrollbar {
        width: 10px;											
        height:77px;										
    }
    /*定义滚动条轨道 内阴影+圆角*/
.jxs_klist::-webkit-scrollbar-track {							
        background-color:none;				
    }
    /*定义滑块 内阴影+圆角*/
.jxs_klist::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background:#419ca7;			
    }

.jxs_klist li{width:1150px;line-height:20px;float:left;border-bottom:2px dashed #fff;padding:13px 0;}
.jxs_klist li p{float:left;width:259px;font-size:18px;color:#fff;}
.jxs_klist li p:nth-child(2){float:left;width:726px;}
.jxs_klist li p:nth-child(3){float:left;width:160px;}
/*经销商*/





.pzbox{width:10.8rem;height:7.94rem; background:#fff;margin:0.3rem auto 0;border-radius:0.15rem;overflow:hidden;}
.pz{width:10.38rem;overflow-y:scroll;overflow-x:hidden;height:7.47rem;margin-top:0.21rem;margin-left:0.23rem;}
.pz::-webkit-scrollbar {
        width: 0.1rem;											
        height:0.7rem;		
		border-radius:0.1rem;								
    }
    /*定义滚动条轨道 内阴影+圆角*/
.pz::-webkit-scrollbar-track {							
        background-color:#fff;
    }
    /*定义滑块 内阴影+圆角*/
.pz::-webkit-scrollbar-thumb {
        background:#c6aa92;	border-radius:0.1rem;			
    }
.pz img{display:block;width:10.12rem;}
.ld{overflow:hidden; position:relative;}
.ldnr{width:10.8rem; position:absolute;top:0;left:50%;margin-left:-5.4rem;overflow:hidden;}
.ldtitle,.ldtitle img{display:block;width:100%;}
.ldtitle{margin-top:0.42rem;}