body, h1, h2, h3, h4, h5, h6, blockquote, p, dl, dt, dd, ul, ol, li, th, td, form, fieldset, legend, button, input, textarea { margin: 0; padding: 0; }

em, i { font-style: normal; }

body, button, input, select, textarea { font: 8px arial, "Microsoft YaHei", "SimHei", "SimSun", sans-serif; }

button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

img, fieldset { border: 0; vertical-align: middle; }

textarea { resize: none; }

a { outline: 0; }
a:active { star: expression(this.onFocus=this.blur()); }

:focus { outline: 0; }

table { table-layout: fixed; }

.pr { position: relative; }

.clear { font-size: 0; line-height: 0; height: 0; overflow: hidden; clear: both; visibility: hidden; }

ul.fl, ol.fl { float: left; display: block; }

/*body*/
body { margin: 0; padding: 0; color: #000; font-size: 12px; text-align: left; background: #d7d7d9; }

a, a:link, a:visited, a:active { color: #404d71; text-decoration: none; }
a:hover { color: #404d71; text-decoration: underline; }

.main { margin: 0 auto; width: 1200px; }

.red { color: #fff; }
.red:link, .red:visited, .red:hover, .red:active { color: #fff; }

.aLink { display: block; width: 100px; height: 30px; text-align: center; line-height: 30px; color: #fff; text-decoration: none; }
.aLink:link, .aLink:visited, .aLink:hover, .aLink:active { color: #fff; text-decoration: none; }

/*min-footer*/
/*
body .footer{ height: 28px; line-height: 28px; position: absolute; width:100%; bottom: 0; .section{ padding: 0; }
}
body .author{ position: absolute; width:100%; bottom: 28px;
}
*/
/*bg*/
/*# sourceMappingURL=css.css.map */
/* https://topic.autohome.com.cn/new/marketing/2017/1/bmw/
https://topic.autohome.com.cn/new/marketing/2018/2/karoq/
https://topic.autoimg.cn/marketing/2017/1/bmw/images.jpg */



/* 图案背景 */
.top1, .top1 .main{height: 743px;background:url(https://topic.autoimg.cn/new/marketing/2020/1/bcvclass/0902bg_01.jpg) center top no-repeat;}
.top2, .top2 .main{height: 671px;background:url(https://topic.autoimg.cn/new/marketing/2020/1/bcvclass/0122/bg_02.jpg) center top no-repeat;}
.top3, .top3 .main{height:750px;background:url(https://topic.autoimg.cn/new/marketing/2019/11/bcvclass/bg_03.jpg) center top no-repeat}
.top4, .top4 .main{height:577px;background:url(https://topic.autoimg.cn/new/marketing/2019/11/bcvclass/bg_04.jpg) center top no-repeat}
.top5, .top5 .main{height:597px;background:url(https://topic.autoimg.cn/new/marketing/2019/11/bcvclass/1120bg_02.jpg) center top no-repeat}
.top6, .top6 .main{height:579px;background:url(https://topic.autoimg.cn/new/marketing/2019/11/bcvclass/1120bg_03.jpg) center top no-repeat}

/* 纯色背景 */
/*
.top1, .top1 .main { height: 600px; background: url(https://topic.autoimg.cn/new/marketing/2019/11/bcvclass/bg_01.jpg) center top no-repeat; }
.top2, .top2 .main { height: auto; background: #fff; }
.top3, .top3 .main { height: auto; background: #fff; }
.top4, .top4 .main { height: auto; background: #fff; }
.top5, .top5 .main { height: auto; background: #fff; }
*/


.c1,.c2,.c3,.c4,.c5{position:relative;width: 1120px;margin: 0 auto}


.c11,.c21,.c31,.c41,.c51{}
/* .titb{width: 236px;margin: 0 auto;margin-bottom: 20px;height:80px;background: url(https://topic.autoimg.cn/new/marketing/2019/11/bcvclass/tit.png) no-repeat;} */

/* .tit0{background-position: 0px 0px;}
.tit1{background-position: 0px -80px;}
.tit2{background-position: 0px -160px;}
.tit3{background-position: 0px -240px;}
.tit4{background-position: 0px -320px;}
.tit5{background-position: 0px -400px;}
.tit6{background-position: 0px -480px;}
.tit7{background-position: 0px -560px;}
.tit8{background-position: 0px -640px;}
.tit9{background-position: 0px -720px;}
.tit10{background-position: 0px -800px;} */


.titb{text-align: center;width: 100%;line-height: 1;font-size: 42px;color: #3d3c3d;}


.formText a{color:#a91114;text-decoration: underline;}.formText a:hover{text-decoration: none;}


.lr2{transform-origin: 100% 0;transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.lr2:hover{animation-name: wobble-bottom;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}
@keyframes wobble-bottom{
  15% {-webkit-transform: skew(-18deg);transform: skew(-18deg);}
  30% {-webkit-transform: skew(18deg);transform: skew(18deg);}
  45% {-webkit-transform: skew(-9deg);transform: skew(-9deg);}
  60% {-webkit-transform: skew(9deg);transform: skew(9deg);}
  75% {-webkit-transform: skew(-2deg);transform: skew(-2deg);}
  100% {-webkit-transform: skew(0);transform: skew(0);}
}


.form-box dd input,.form-box dd .selectpick_div{transition: all .2s;}
.form-box dd:hover input,.form-box dd:hover .selectpick_div{ margin-left: 5px; }



.c3{width: 1200px;}
*{-webkit-tap-highlight-color:transparent}
input::-webkit-input-placeholder{color:#323333;opacity: 1;}
input::-moz-placeholder{color:#323333;opacity: 1;}
input::-ms-input-placeholder{color:#323333;opacity: 1;}
input{border:none;border-radius:0;outline:0;background-color:transparent}
.carTaa{margin-bottom: 6px;margin-top: 15px;height: 5px;}
.carTaa input{margin-top: 8px;}
.platform-hidden{display:none;width:0;height:0}
.platform-icon{vertical-align:-.15em;fill:currentColor;overflow:hidden}
.platform-card{margin:0 0 10px;padding:10px;border:1px solid #252c34;/* margin-bottom: 46px; *//*! background: #fff; */text-align: center;}
.platform-form-container{position:relative;/*! padding:10px; */font-size:20px;/*! background:#fff; */color:#323333;/*! top: -487px; */width: 1120px;margin: 0 auto;padding-top: 30px;}
.platform-series{position:relative;height: 148px;/*! padding-left: 145px; */}
.platform-series-img{position:absolute;top:0;bottom:0;margin:auto;/*! width: 288px; */max-height: 37px;/*! display: none; */left: 0;right: 0;}
.platform-series-info{position:absolute;top:0;/*! -webkit-transform:translateY(-50%); *//*! transform: translateY(-29%); *//*! padding: 0px 20px 0 420px; *//*! width:calc(100% - 20px); */max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size: 28px;font-size: 40px;text-align: center;/*! padding-right: 365px; */font-weight: bold;width: 100%;display: none;}
.platform-series-title{margin:0;height: 50px;line-height: 170px;font-size: 28px;font-weight:700;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 100%;}
.platform-series-desc{margin:0;height:20px;line-height:20px;font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.platform-series-price{height:20px;line-height:20px}
.platform-series-price{font-size:0}
.platform-series-price-real{color:#fd5001;font-size:12px}
.platform-series-price-guide{padding-left:6px;margin-left:6px;color:#bbb;font-size:12px;border-left:1px solid #bbb;text-decoration:line-through}
.platform-series-arrow{right:10px!important;left: 50%;margin-left: 170px!important;height: 45px!important;width: 30px!important;transform:rotate(90deg) scaleY(2) ;}
.platform-arrow-right{position:absolute;right:0;top: 0px;bottom:0;margin:auto;width: 40px;height:20px;color: #000;}
.platform-triangle-bottom{position:absolute;right:4px;top:0;bottom:0;margin:auto;width:18px;height:16px;color:#aaa}
.platform-form-item{position:relative;/* height:52px; */border-bottom: 1px solid #959495;cursor:pointer;width: 340px;float: left;/* padding: 14px 0; */margin-right: 19px;}
/* .platform-form-item:nth-of-type(3n){! float:right;margin-right: 0;} */
.platform-form-label{position:absolute;top:0;bottom:0;left:0;margin:auto;width:80px;height:20px;line-height:20px;text-align:left;color:inherit}
.platform-form-input{padding:0 60px 0 70px;width:100%;height:52px;line-height:52px;font-size:20px;background-color:transparent;border:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;color:inherit}
.platform-form-view{display:block;padding:0 50px 0 80px;width:100%;height:52px;line-height:52px;font-size:16px;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;text-align: left;}
.platform-encrypt{position:absolute;right:26px;top:0;bottom:0;margin:auto;padding:6px 2px;width:20px;height:20px;color:inherit;z-index:1}
.platform-visible{width:100%;height:100%;color:inherit}
.platform-invisible{width:100%;height:100%;color:inherit}
.platform-help{position:absolute;right:0;top:0;bottom:0;margin:auto;padding:6px 2px;width:20px;height:20px;color:inherit;z-index:1}
.platform-help-icon{width:100%;height:100%;color:inherit}
.platform-btn-large{display:block;margin:14px 0 0;border-radius:40px;height:40px;line-height:40px;font-size:18px;text-align:center;background: #4d6983;color:#fff !important;outline:0;-webkit-tap-highlight-color:transparent;text-decoration:none;width: 340px;margin: 35px auto;}
.platform-btn-large:hover{text-decoration: none;}
.platform-form-drop{position:relative;font-size:12px;color:inherit;padding: 10px 0;height: 32px;line-height: 32px;text-align: left;}
.platform-form-statement{line-height:1;font-size:14px;color:inherit;/*! padding: 0 0 0 12px; */margin-top: 20px;text-align: left;}
.platform-link{color: #4d6983;text-decoration: underline;cursor: pointer}
.platform-link:hover{text-decoration: none;}
.platform-card.platform-user-info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* padding-left: 145px; */
  height: 348px;
  /* padding-right: 145px; */
  padding: 0 30px;
  padding-top: 35px;
}
#platform-form-sex select::-ms-expand { display: none; }
#platform-form-sex select{
  -moz-appearance:none;
  -webkit-appearance:none;
  -ms-appearance:none;
  height: 52px;
  border: none;
  width: 100%;
  background: none;
  color: #323333;
  outline: none;
  padding-left: 80px;
}
#platform-form-sex select option{color: #000}
#platform-form-sex select:focus{
  outline: none;
  border: none;
}
#platform-form-sex .platform-form-new{
  width: 10px;
  height: 10px;
  border: 1px solid;
  display: block;
  margin: 0;
  position: absolute;
  text-align: inherit;
  right: 15px !important;
  left: inherit;
  top: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border-right: none;
  border-bottom: none;
}
#platform-form-time select::-ms-expand { display: none; }
#platform-form-time select{
  -moz-appearance:none;
  -webkit-appearance:none;
  -ms-appearance:none;
  height: 52px;
  border: none;
  width: 100%;
  background: none;
  color: #323333;
  outline: none;
  padding-left: 80px;
}
#platform-form-time select option{color: #000}
#platform-form-time select:focus{
  outline: none;
  border: none;
}
#platform-form-time .platform-form-new{
  width: 10px;
  height: 10px;
  border: 1px solid;
  display: block;
  margin: 0;
  position: absolute;
  text-align: inherit;
  right: 15px !important;
  left: inherit;
  top: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border-right: none;
  border-bottom: none;
}


.video{width: 1120px;height: 630px;margin: 0 auto;position: relative;top: 20px;}

.ld{/*! position:absolute; *//*! left: 40px; *//*! top: 108px; *//*! padding-bottom: 60px; */position: relative;width: 1120px;margin: 0 auto;top: 35px;} 
.ld .turn1{width: 1120px;margin: 0 auto;top: 0;}
.ld .turn1 ul{ width:1120px;height:441px;background:url(https://topic.autoimg.cn/new/marketing/2019/11/bcvclass/ld_zs1.png) right top no-repeat;position: relative;z-index: 5;overflow: hidden;}
.ld .turn1 ul li {position: absolute;float: left;display:none;/*! background: #f6f5f5; */}
.ld .left1{display:block;width:38px;height:76px;position:absolute;background: url(https://topic.autoimg.cn/new/marketing/2019/11/bcvclass/left.png) no-repeat left top;}
.ld .right1{background:url(https://topic.autoimg.cn/new/marketing/2019/11/bcvclass/right.png) right top no-repeat;display:block;width:38px;height:76px;position:absolute;}
.ld .left1{left: 0px;top: 50%;z-index:99;margin-top: -38px;}
.ld .left1:hover{filter: alpha(opacity=80); opacity: 0.8;}
.ld .right1{ background-position:right 0px; right: 0;top: 50%;z-index: 99;margin-top: -38px;}
.ld .right1:hover{filter: alpha(opacity=80); opacity: 0.8;}
.ld .op{position: absolute; width: 442px; left: 668px;top:370px;z-index: 10;text-align: center;/*! background: red; */}
.ld .op span{display:inline-block; border-radius:100%; background: #ababaa; margin-right:10px;width: 13px;height: 13px; /*! float: left; */ margin-bottom: 15px;cursor:pointer;text-align: center;font-weight: bold;color: #bdbdbd;}
.ld .op span.cur{ background: #4d6983; color: #000;}
.ld .heng{width: 784px;height: 128px;background: #dfb636;float: right;margin-top: -100px;}
.ld img{margin-top: -1px;}
.ld .zi{width: 305px;height: 339px;float: left;margin-top: 0px;margin-left: 0px;/*! background: #f6f5f5; */padding: 80px 30px 0;}
.ld .zi h2{font-size: 20px;margin-bottom: 15px;color: #333333;}
.ld .zi p{font-size: 16px;color: #666666;line-height: 26px;}

.ld .cvbn img{transition:all 1s; 
-webkit-transition:all 1s; 
-moz-transition:all 1s; 
-o-transition:all 1s;}
.ld .cvbn{overflow:hidden;}
.ld .cvbn:hover img{transform:scale(1.1) ;
    -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1) ;opacity: 1;
}


.c5img{width:1120px;margin:0 auto;position:relative;top:32px;}
.roundabout-holder { list-style:none; width:620px; height:465px; margin:0px auto;position:relative;left:4px; }
.roundabout-moveable-item { font-size:12px!important; height:465px; width:816px; cursor:pointer;  }
.roundabout-moveable-item img { height:100%; width:100%;  margin:0; }


#roll1 {position:relative; height:355px; z-index:1;width: 1106px;top: 35px;margin: 0 auto;}
.mCSB_scrollTools {right:0px; top:35px; width:2px; height:318px;}
.mCSB_dragger {width:8px; left:0;}
.mCSB_dragger_bar { width:2px; height:60px; left:0px; background:#c6c7c8; cursor:pointer; z-index:1;overflow: hidden;}
.mCSB_dragger_onDrag .mCSB_dragger_bar{background-position:0px 0px;}
.mCSB_draggerRail { width:8px; overflow:hidden; height:318px; background:#fff;}
.mCustomScrollBox { padding-right:20px;}