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/new/marketing/2017/1/bmw/images.jpg */



.top1, .top1 .main { height: 600px; background: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/bg_02.jpg) center top no-repeat; }
.top2, .top2 .main { height: 450px; background: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/bg_03.jpg) center top no-repeat; }
.top3, .top3 .main { height: 582px; background: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/bg_04.jpg) center top no-repeat; }
.top4, .top4 .main { height: 791px; background: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/bg_06.jpg) center top no-repeat; }
.top5, .top5 .main { height: 809px; background: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/bg_07.jpg) center top no-repeat; }
.top6, .top6 .main { height: 829px; background: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/bg_08.jpg) center top no-repeat; }



.c1,.c2,.c3,.c4,.c5,.c6{position:relative;}

.c21{position:absolute; left: 560px; top: 80px; font-size: 12px;}

.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; }
.c21{float: left;position: absolute;left: 41px;
  top: 129px;}
.c12{float: right;position: absolute;top: 129px;right: 0;}
.video {
  width: 692px;
  height: 385px;
  color: #fff;
  background: #000;
}


.formText a{color:#a91114;text-decoration: underline;}.formText a:hover{text-decoration: none;}
.xf{position: fixed;right: 0px;top:20%;cursor:pointer;z-index: 100;}


.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; }

.loginText{font-size: 14px;color: #666666;margin-left: 55px;}
.loginText a{text-decoration: underline;}
.loginText a:hover{text-decoration: none;}


.c710{font-size: 24px;}
.c710 font{font-weight: bold;}
.imgT{padding-top: 15px;width: 25px;float: left;}


.rotate-box {position: relative; width: 518px; height: 518px;overflow: hidden;}
.rotate-box .hand{cursor: pointer; position: absolute; top: 150px; left: 189px;}
.rotate-box .num_box {position: absolute; font-size: 12px;width: 140px;text-align: center;line-height: 20px;left:189px;top:282px;}
.rotate-box .mask {position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;height: 518px;z-index: 999;-webkit-animation: fadeIn 0.6s both;animation: fadeIn 0.6s both}
.rotate-box .mask .box {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;line-height: 26px;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 {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: 75px;height: 80px;text-align: center;float: left;padding: 0 20px;}
.rotate-box .mask-result .prize img {width: 75px;height: 80px;}
.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 .num_box{color: #fff;}
.rotate-box .num_box .num {color: #ff9900;}
.rotate-box .mask .box{background: #253953;}
.rotate-box .mask-login .btn-reg{background: #ffb72a;}
.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);}

*{-webkit-tap-highlight-color:transparent}
input::-webkit-input-placeholder{color:#000}
input::-moz-placeholder{color:#000}
input::-ms-input-placeholder{color:#000}
input{border:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;outline:0;background-color:transparent}
.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 10px 15px 10px;border: 1px solid #CE562A; background: #141414;}
.platform-form-container{width: 365px;float:  right;position:relative;font-size: 18px;color:#000;}
.platform-series{position:relative;height:60px;padding: 10px 20px;cursor:  pointer;    background: #141414;color: #fff;}
.platform-series-img{position:absolute;top: 0;bottom:0;margin:auto;left: 14px;width: 126px;}
.platform-series-info{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding: 0 12px 0 136px;width:calc(100% - 20px);max-width: 87%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.platform-series-title{margin:0;height:20px;line-height:20px;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center; font-size: 20px;}
.platform-series-desc{margin:0;height:20px;line-height:20px;font-size:13px;;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;font-size:12px;border-left:1px solid #bbb;text-decoration:line-through}
.platform-series-arrow{width: 20px!important;right: 25px!important;}
.platform-arrow-right{position:absolute;right:0;top:0;bottom:0;margin:auto;width: 14px;height:20px;}
.platform-triangle-bottom{position:absolute;right:4px;top:0;bottom:0;margin:auto;width:18px;height:16px;}
.platform-form-item{position:relative;height: 45px;border-bottom: 2px solid #959595;cursor:pointer;color: #fff;}
.platform-form-label{position:absolute;top:0;bottom:0;left:0;margin:auto;width: 72px;height:20px;line-height:20px;text-align:left;}
.platform-form-input{padding: 0 0px 0 80px;width:100%;height: 45px;line-height: 45px;font-size: 14px;background-color:transparent;border:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;color: #fff;}
.platform-form-view{display:block;padding: 0 0px 0 80px;width:100%;height: 45px;line-height: 45px;font-size: 14px;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.platform-encrypt{position:absolute;right:26px;top:0;bottom:0;margin:auto;padding:6px 2px;width:20px;height:20px;;z-index:1}
.platform-visible{width:100%;height:100%;}
.platform-invisible{width:100%;height:100%;}
.platform-help{position:absolute;right:0;top:0;bottom:0;margin:auto;padding:6px 2px;width:20px;height:20px;;z-index:1}
.platform-help-icon{width:100%;height:100%;}
a.platform-btn-large{display:block;margin: 10px 0 0;height:36px;line-height:36px;font-size: 18px;text-align:center;background: #CE562A;color:#fff!important;outline:0;-webkit-tap-highlight-color:transparent;text-decoration:none;border-radius: 20px;}
.platform-form-drop{position:relative;margin:6px 0;padding:4px 30px 4px 4px;line-height: 30px;font-size:12px;border-bottom: 2px solid #959595;cursor:  pointer;color: #fff;}
.platform-form-statement{line-height:1.5;font-size: 14px;;margin-top: 8px;padding-left: 4px;color: #3A3A3A;}
a.platform-link{color: #CE562A;text-decoration:underline!important;}
.mdBtn {background: #999;margin-top: 12px;}
.mdBtn e {font-size: 16px;}
.jxs a {
    display:  block;
    font-size: 14px;
    text-decoration:  underline;
    margin-top: 2px;
}
.formText {font-size: 12px;padding: 0 4px;color: #3A3A3A;}



.tabs7_1{position: absolute;left: 400px;}
.tabs7_2{position: absolute;left: 630px;}

.c510{margin-top: 60px;height: 440px;}
.turn1{margin:0 auto; width:1120px; position:relative;color: #fff;}
ul{list-style:none;}
.turn1 ul{ width:1120px;height:440px;}
.turn1 ul li {position: absolute;top: 0px;left: 0px;float: left;display:none;width: 1120px;}
.left1{display:block;width:52px;height:113px;position:absolute;background: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/arr.png) no-repeat left top;}
.right1{display:block;width:52px;height:113px;position:absolute;background: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/arr.png) no-repeat right top;}

.left1:hover{filter: alpha(opacity=80); opacity: 0.8;}
/* .right1{ left: 940px;top: 355px;z-index: 99;} */
/* .right1:hover{filter: alpha(opacity=80); opacity: 0.8;} */

.op{position: absolute; width: 155px; text-align: center;left:323px;top:403px;z-index: 10;}
.op span{display:block; border-radius:50%; background: #ffffff8a; margin-right:10px;width: 12px;height: 12px; float: left; margin-bottom: 15px;cursor:pointer;text-align: center;font-weight: bold;color: #bdbdbd;}
.op span.cur{ background: #fff; color: #fff;}

.zi{font-size: 16px;width: 350px;height: 310px;background: #161a26;padding: 80px 50px 50px;margin-left: 10px;}
.zi p{line-height: 30px;margin-bottom: 20px;}
.zi h2{font-size: 20px;font-weight: normal;margin-bottom: 25px;}

.c610{margin-top: 0px;}
.tabs77{ height:105px;margin-left: 45px;}
.tabs77 div a{width: 189px;height: 68px;    line-height: 52px;background: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/qh1.png) left top no-repeat;font-size:28px;color: #fff;/* padding-left: 80px; */display: block;margin-right: 25px;float: left;text-align: center;}
.tabs77 div a:hover,.tabs77 div.cur a{text-decoration: none;height: 70px;color: #fff;text-align: center;    line-height: 52px;}
.tabs77 div:nth-child(1) a{background-image: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/qh2.png);}
.tabs77 div:nth-child(1):hover a,.tabs77 div:nth-child(1).cur a{background-image: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/qh1.png);}
.tabs77 div:nth-child(2) a{background-image: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/qh2.png);}
.tabs77 div:nth-child(2):hover a,.tabs77 div:nth-child(2).cur a{background-image: url(https://topic.autoimg.cn/new/marketing/2019/10/tyst/qh1.png);}

.xcv{width: 594px;margin-top: 25px;border: 5px solid #246eab;height: 285px;padding-left: 30px;padding-top: 50px;}
.xcv h2{font-size: 18px;margin-bottom: 15px;width: 308px;}
.xcv p{font-size: 14px;line-height: 22px;width: 308px;}
.imgn{position: absolute;top: 0px;}
.c610 .left1{left: 0px;top: 196px;z-index:99;}
.c610 .left1:hover{filter: alpha(opacity=80); opacity: 0.8;}
.c610 .right1{ right: 278px;top: 196px;z-index: 99;}
.c610 .right1:hover{filter: alpha(opacity=80); opacity: 0.8;}
.c610 .op{position: absolute; width: 155px; text-align: center;left:130px;top:293px;display: none;}
.juzhong{
  width: 100%;
  height: 122px;
}
.c71{
 margin-left: 50px;
}

.c310{position: relative;}
.tit{height: 100px;margin: 0 auto;width: 1120px;margin-bottom: 20px;padding-top: 60px;}

.c5img{width:1120px;margin:0 auto;position:relative;top:2px;}
.roundabout-holder { list-style:none; width:620px; height:552px; margin:0px auto;position:relative;left:4px; }
.roundabout-moveable-item { font-size:12px!important; height:552px; width:918px; cursor:pointer;  }
.roundabout-moveable-item img { height:100%; width:100%;  margin:0; }
.tioa{position: absolute;top: 318px;
  left: 374px;}
  .list1{position: fixed;right: 0;top: 100px;}