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: #8f152d;text-decoration: none;}
a:hover {/* color: #8f152d; *//* 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/2019/5/ftms_rav4*/
/* 图案背景 */
.top1, .top1 .main { height: 826px; background: url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/tpq_01.jpg) center top no-repeat; }
.top2, .top2 .main { height: 1111px; background: url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/tpq_02.jpg) center top no-repeat; }
.top3, .top3 .main { height: 896px; background: url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/tpq_03.jpg) center top no-repeat; }
.top4, .top4 .main { height: 1162px; background: url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/tpq_04.jpg) center top no-repeat; }
.top5, .top5 .main { height: 509px; background: url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/tpq_05.jpg) center top no-repeat; }
.top6, .top6 .main { height: 938px; background: url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/tpq_06.jpg) center top no-repeat; }
.top7, .top7 .main { height: 542px; background: url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/tpq_07.jpg) center top no-repeat; }
/* 纯色背景 */
/*
.top1, .top1 .main { height: 600px; background: url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/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,.c6,.c7{position:relative;width: 1120px;margin: 0 auto}
.c11,.c21,.c31,.c41,.c51{}

.tht a{cursor: pointer;}
.tht1{width: 212px;height: 55px; position: absolute;top: 204px;left: 0px;}
.tht2{width: 314px;height: 82px; position: absolute;top: 290px;left: 142px;}
.tht3{width: 212px;height: 55px; position: absolute;top: 438px;left: 4px;}
.tht4{width: 283px;height: 74px; position: absolute;top: 213px;left: 487px;}
.tht5{width: 271px;height: 71px; position: absolute;top: 315px;left: 728px;}
.tht6{width: 212px;height: 55px; position: absolute;top: 446px;left: 925px;}


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

.imgT{float: left;}

.c3 .imgT {
    float: right;
}
.cvbn a img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;width: 622px;margin-top: -20px;}
.cvbn{overflow:hidden;width: 622px;height: 391px;}
.cvbn:hover img{transform:scale(1.1) ;
    -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1) ;opacity: 1;
}

.zitlz{width: 350px;height: 330px;float: left;color: #fff;padding: 0px 49px 0;margin-left: 10px;}

.c3 .zitlz {
    float: right;
    clear: both;
    width: 940px;
    padding: 0;
}
.zitlz h2{font-size: 18px;margin-top: 35px;color: #fff;font-weight: normal;}
.zitlz p{font-size: 14px;margin-top: 20px;line-height: 30px;}
.zitlz a.ck{color: #2755a6;}
.ck33{/* width: 100px; *//* height: 40px; *//* display: block; *//* border:1px solid #fff; */text-align: center;color: #8f152d;line-height: 40px;margin-top: 30px;font-size: 14px;}

.ck33:hover {
    text-decoration: underline;
}
.ck33:hover{/* text-decoration: none; */}

.turn1{margin:0 auto;width:1120px;top: 210px;left: -18px;position:absolute;}
ul{list-style:none;}
.turn1 ul{width: 1110px;height:395px;}
.c3 .turn1 ul {
    width: 950px;
    right: -30px;
    position: absolute;
    top: 36px;
}
.turn1 ul li { position:absolute;top:-3px; display:none;}
.left1,.right1{background:url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/ter.png) no-repeat;display:block;width: 87px;height: 86px;position:absolute;cursor: pointer;}
.left1{background-position:left 0px;left: -1px;top: 150px;z-index:99;}
.left1:hover{ background-position: 0 0px;opacity: 0.8;}
.right1{background-position:right 0px;left: 536px;top: 150px;z-index:99;}

.c3 .left1 {
    left: 525px;
    top: 190px;
}

.c3 .right1 {
    left: 1064px;
    top: 190px;
}

.c6 a:hover{cursor: pointer;}
.myytt1 a{    width: 260px;
  height: 150px;
    display: block;
    
    position: absolute;
    top: 340px;
    left: 0px;
    }

.myytt2 a{width: 260px; height: 150px; display: block;position: absolute;top: 314px;left: 283px;}
.myytt3 a{width: 260px; height: 150px; display: block;position: absolute;top: 636px;left: 105px;}
.right1:hover{ background-position:right 0px;opacity: 0.8;}

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

.car{
  width: 759px;
  height: 370px;
  position: absolute;
  top: 495px;
  right: 40px;
  background: url(https://topic.autoimg.cn/new/marketing/2019/5/ftms_rav4/car.png) no-repeat;
  z-index: 999;
}
#playerContainer{
  width: 850px;
  height:478px;
  /* background: rgba(255, 255, 255, .5); */
  position: absolute;
  top: 15px;
  left: 41px;
}