:root{
    --form-color : #fff;         /* 表单字体颜色 以及边框下划线*/  
    --form-series-h : 100px;       /* 车系高度 */   
    --form-series-size : 26px;     /* 车系字体大小 */   
    --form-font-size : 20px;       /* 表单字体大小 */   
    --form-item-w : 45%;         /* 表单元素宽度 */ 
    --form-item-h : 60px;          /* 表单元素高度 */ 
    --form-width : 960px;          /* 表单宽度 */        
    --form-mt : 190px;            /* 表单距离顶部距离 */   
    --form-statement-size : 16px;  /* 表单底部文字大小 */ 
}


/* 基础样式（一般不动） start*/
/* 特殊字体-本地 */
/* @font-face{src: url(./HYZJ.TTF);font-family: HYZJ;} */
*{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:/*"HYZJ",*/"Microsoft YaHei"; width: 100%; background: #fff; color: #000; font-size: 14px;}
em,i,strong{font-style:normal;}
img{ border: 0; vertical-align: middle; display: inline-block;}
input,textarea,select{font-family:/*"HYZJ",*/"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}
#colorbox{color: #000;}
.swiper-wrapper{height: auto;}
.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;}
/* 板块 */
main{width:100%;display:flex;flex-direction:column;align-items:center}
.bg{display:block;position:relative;left:50%;transform:translateX(-50%)}
.p{width:100%;min-width:1200px;position:relative;overflow:hidden;}
.p-center{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.bg-auto{display:block;width:100%}


/* KV轮播 Start */
.kv-slide{overflow:hidden}
.kvs{width:100%;position:relative}
.kvs .swiper-pagination-bullets{position:absolute;width:100%;bottom:50px;left:0;z-index:2;text-align:center}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet{width:13px;height:13px;background:#fff;margin:5px;opacity:.3;outline:0!important;border-radius:50%}
.kvs .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;opacity:1;border-radius:10px}
/* KV轮播 End */




/* 表单 */
::-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) + 5px);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:5px;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{width:var(--form-font-size);height:var(--form-font-size);color:var(--form-color) ; display: none;}
.form-box{width:0;height:0;overflow:hidden}
/* 车系，用户信息背景/边框 */
.platform-card{border:0px 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;font-size:var(--form-font-size);background:0 0;position:relative}
.platform-series{margin-bottom:10px;height:var(--form-series-h);display:flex;align-items:center;justify-content:center}
.platform-series-img{height:80%;margin-right:40px ; 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:120px}
.platform-series-title{font-size:var(--form-series-size);font-weight:700;margin:0 var(--form-series-size)}
/* 用户信息 */
.xx{color:var(--form-color)}
.platform-user-info{padding:20px 40px;box-sizing:border-box;margin-top: -10px;}
.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:5px;border-bottom:2px solid var(--form-color);position:relative;cursor:pointer;display:flex;align-items:center;padding:0 5px}
.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:10px;font-size:var(--form-statement-size);margin-left: 25px;}
.cz-checkbox{width:var(--form-statement-size);height:var(--form-statement-size)}
.platform-form-statement>p{margin-top:5px;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:63px;font-size:32px;font-weight:700;margin:10px 0;width:519px;height:63px;background:#163d00;border-radius:20px;text-decoration:none;color:var(--form-color)}
/* 表单样式 end */


/* 视频 start */
.video{width: 1000px;height: 563px;margin: 132px auto 0;}
/* 多视频 */
#videobox{width: 1150px;margin: 150px auto 0;} /*多视频轮播*/
#videobox .swiper-container{width: 1000px;}
#videobox .swiper-video{width: 100%;height: 563px;}
/* 视频 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: 41px;height:95px; 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: 30px;width: 100%;z-index: 3;display: flex; justify-content: center; align-items: center;}
.swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 8px;background: #ea4817;opacity: 0.3;outline: none !important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
/* swiper end */

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

/* 车型亮点 */
.highlight{width: 1100px;margin: 130px auto 0;}
.highlight .swiper-container{width: 1000px;}
.tab-item.highlight{margin-top: 60px;}

/* 3d轮播 */
.highlight-carousel{width:1200px;margin:130px auto 0}
.highlight-carousel .swiper-container{width:1200px;height:509px}
.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);position:relative;z-index:2}
/* 亮点图切换按钮 */
.btn-group-highlight{width: 1200px;margin: 150px auto 0;text-align: center;}
.btn-group-highlight>li{width: 196px;height:64px;line-height: 64px;font-size: 30px;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: 900px;margin: 140px auto 0;}
.beautiful-pictures .swiper-container{width: 800px;}


/* 预约试驾 */
.test-drive {
  animation: scale 2s linear infinite;
  width: 70px;
  height: 205px;
  right: 0;
  top: 30%;
  background: url('http://wx.bjczxda.com/example/pc/test-drive.png') no-repeat center;
  background-size: 100%;
  position: fixed;
  z-index: 1000;
  cursor: pointer;
}



/* 滚动公告 */
.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;}

/* 自定义弹窗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: 120px;height: 35px;line-height: 35px;border-radius: 20px;font-size: 18px;color: #fff;
  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;}


/* 转盘样式 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(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: 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 */



/* 经销商 Start*/
.dealer-select{text-align: center;}
.dealer-select select{width: 329px;height: 45px;margin: 200px auto 0;padding-left: 50px;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: 1180px;height: 45px;margin: 20px auto 0;background: #794dc6;color: #fff;display: table;font-size: 20px;font-weight: bold;}
.dealer-container{width: 1200px;height: 400px;overflow: auto;position: relative;margin: 0 auto;box-sizing: border-box;}
.dealer-content{width:1180px;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: 14px;color: #fff;height: 52px;}
/* 经销商End*/

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

/* 配置表 */
.iframe-pzb{
  display: block;
  margin: 150px auto 0;
  /* width: 12rem; 自适应配置表*/
}



/* 预约试驾动画 */
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}