html,body{height: 100%;background: #0E0E19;}
.tr{ text-align: right; }
.tl{ text-align: left; }
/* .main-wrap{ } */
.foot{padding: 2rem 0 0 0; text-align: center;}
.wrapper{ padding: 0 0.3rem; }
.bar-apply{ display: none; position: fixed; bottom: 0; left:0; width: 100%; padding:0.14rem 0.3rem; box-sizing: border-box;}
.bar-apply.slideInTop{ display: block;-webkit-animation-name: slideInTop;    animation-name: slideInTop; -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-fill-mode: both;	animation-fill-mode: both;}
@keyframes slideInTop{0%{bottom: -100px;}to{ bottom: 0;}}
.bar-apply a{ display: block; width: 100%; line-height: 0.78rem; font-size: 0.36rem; font-weight: 500; color: #fff;background:linear-gradient(0deg,rgba(0,111,236,1),rgba(42,187,255,1)); text-align: center; border-radius:0.4rem; box-sizing: border-box;}
.countdown{ padding-top: 0.4rem; text-align: center; color: #fff; }
.countdown div{ font-size: 0.33rem; }
.countdown em{ font-size: 0.44rem; padding-right: 0.1rem; }
.countdown i{ font-size: 0.25rem; }
.zt-form{padding-top: 7.1rem; padding-bottom: 0.2rem; background: url(/static/m/images/act/20190712/header-bg.jpg?v=2) no-repeat; background-size: 100% 12.31rem; }
.zt-form .form{background: url(/static/m/images/act/20190810-530/form-bg.jpg) repeat-y; background-size: 100%;padding-bottom: .2rem;position: relative;}
.zt-form .form::after,.zt-form .form::before{
	content: '';
	position: absolute;
	width: 100%;
	height: .5rem;
	left: 0;
}
.zt-form .form::after{
	background: url(/static/m/images/act/20190810-530/form-top.jpg) no-repeat; background-size: 100%;
	top:0;
}
.baxi-wrap .zt-form .form::after, .baxi-wrap .zt-form .form::before{
	display: none;
}
.zt-form .form::before{
	background: url(/static/m/images/act/20190810-530/form-bottom.jpg) no-repeat; background-size: 100%;
	bottom: -.5rem;
}
.zt-form .form ul{ padding: 0 0.6rem; }
.zt-form .form ul li{ padding-top: 0.3rem; }
.zt-form .form input{ width: 100%; padding: 0 0 0 0.3rem; height: 0.78rem; color: #fff; background:rgba(149,190,255,.15);border-radius:0.1rem;box-sizing: border-box;}
.zt-form .form input::-webkit-input-placeholder {
	color:rgba(255,255,255,.5);
}
.zt-form .form button{ width: 100%; height: 0.88rem; font-size: 0.32rem; font-weight: 500; color: #fff; background:linear-gradient(0deg,rgba(0,100,202,1),rgba(0,209,224,1));
box-shadow:0px 5px 15px 0px rgba(3,16,61,0.4);border-radius:0.1rem; border: 0; box-sizing: border-box;}
.zt-form .form button.disabled{ background: #ccc; }

.zt-form .sistributors label {
    margin-bottom: .1rem;
	display: block;
	color:rgba(255,255,255,.5);
}

.zt-form .sistributors dl {
    overflow: hidden;
    padding: .11rem 0;
    clear: both;
}

.zt-form .sistributors dl dt {
    color: #ffffff;
    float: left;
    width: 1.2rem;
}

.zt-form .sistributors dl dd {
    color: #ffffff;
    width: 2.2rem;
    float: left;
}

.zt-form .sistributors dl dd input {
    width: 16px;
    height: 16px;
    position: relative;
    background: none;
    padding: 0;
    margin-right: 5px;
    vertical-align: -1px;
    border-radius: 4px;
    visibility: hidden;
}

.zt-form .sistributors dl dd input[type="checkbox"]:after {
    content: '';
    position: absolute;
    left: -2px;
    top: 2px;
    visibility: visible;
    border: solid 1px #00BCDC;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 4px;

} 

.zt-form .sistributors dl dd input:checked:before {
    content: '';
    position: absolute;
    left: -4px;
    top: -2px;
    background: url(/static/m/images/act/bmw-x1/on_select.png) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 22px;
    visibility: visible;
    z-index: 2;

}

.content{
	background: url(/static/m/images/act/20190810-530/content-bg2.jpg) no-repeat; background-size: 100%;
	position: relative;
}
/* .ask-price{ height: 6.597rem; padding-top: .8rem; } */
.ask-price{ height: 5rem; padding-top: .8rem; }
.ask-price .title{ color: #fff; font-size: 0.32rem; padding-bottom: 0.25rem; }
.ask-price .title span{ float: right; }
.ask-price .title span em{ color: #00D4FF; }
.ask-price .tips{ margin-top: 0.62rem; height: 1.2rem; padding:0.1rem 0 .2rem .26rem; color: #D6CE00; font-size: 0.28rem; border:1px solid #D6CE00;border-radius:0.1rem; }
.ask-price .tips p{font-style: italic;}
.ask-price .tips p em{ font-size: 0.36rem; color:#00D4FF; padding-right: 0.06rem;font-style: italic;}
.ask-price .list{ height: 118px; overflow: hidden; }
.ask-price .list li{ display: table; width: 100%; line-height: 0.74rem; color: #fff; margin-bottom: 0.05rem; background: rgba(149,190,255,.15);border-radius:.05rem; }
.ask-price .list li span{ display: table-cell; width: 33.33%; text-align: center;}

.car-info{ position: absolute; color: #fff; font-size: 0.28rem; }
.car-info li em{ padding: 0 0.1rem; font-size: 0.44rem; color: #00D4FF;}
.car-info li.t1{ font-size: 0.44rem; color: #00D4FF; font-style: italic;}
.car-info li.t2{ padding: 0.12rem 0; font-size: 0.32rem; }
.car-info .i-100{ display: inline-block; width: 0.6rem; height: 0.6rem; margin-bottom: -0.1rem; background: url(/static/m/images/act/20190712/100@2x.png) no-repeat; background-size: 0.6rem 0.6rem;}
.car-info .i-oil{ display: inline-block; width: 0.6rem; height: 0.6rem; margin-bottom: -0.1rem; background: url(/static/m/images/act/20190712/oil@2x.png) no-repeat; background-size: 0.6rem 0.6rem;}
.car1{ height: 8.8rem;}
.car1 .car-info{ right: 0.4rem; opacity:0;}
.car1.anim .car-info{ opacity: 1; animation: 1s linear;}
.car1.anim .car-info .t1{ animation:fadeInLeft .5s linear;}
.car1.anim .car-info .t2{ animation:fadeInLeft .8s linear;}
.car1.anim .car-info .t3{ animation:fadeInLeft 1s linear;}
.car1.anim .car-info .t4{ animation:fadeInLeft 1s linear;}
.car1.anim .car-info .t5{ animation:fadeInLeft 1.2s linear;}
.car1.anim .car-info .t6{ animation:fadeInLeft 1.2s linear;}
.car2{height: 8.8rem;}
.car2 .car-info{ left: 0.4rem; opacity:0;margin-top: -0.8rem;}
.car2.anim .car-info{ opacity: 1; animation: 1s linear; }
.car2.anim .car-info .t1{ animation:fadeInRight .5s linear;}
.car2.anim .car-info .t2{ animation:fadeInRight .8s linear;}
.car2.anim .car-info .t3{ animation:fadeInRight 1s linear;}
.car2.anim .car-info .t4{ animation:fadeInRight 1s linear;}
.car2.anim .car-info .t5{ animation:fadeInRight 1.2s linear;}
.car2.anim .car-info .t6{ animation:fadeInRight 1.2s linear;}
.car3{ height: 8.8rem; padding-top: 1.2rem; background: url(/static/m/images/act/20190712/car1@2x.png) no-repeat; background-size: 100% 8.8rem; }
.car3 .car-info{ right: 0.4rem; opacity:0;}
.car3.anim .car-info{ opacity: 1; animation: 1s linear;}
.car3.anim .car-info .t1{ animation:fadeInLeft .5s linear;}
.car3.anim .car-info .t2{ animation:fadeInLeft .8s linear;}
.car3.anim .car-info .t3{ animation:fadeInLeft 1s linear;}
.car3.anim .car-info .t4{ animation:fadeInLeft 1s linear;}
.car3.anim .car-info .t5{ animation:fadeInLeft 1.2s linear;}
.car3.anim .car-info .t6{ animation:fadeInLeft 1.2s linear;}
.car4{height: 8.8rem; padding-top: 1.5rem; background: url(/static/m/images/act/20190712/car2@2x.png) no-repeat; background-size: 100% 8.8rem;}
.car4 .car-info{ left: 0.4rem; opacity:0;}
.car4.anim .car-info{ opacity: 1; animation: 1s linear; }
.car4.anim .car-info .t1{ animation:fadeInRight .5s linear;}
.car4.anim .car-info .t2{ animation:fadeInRight .8s linear;}
.car4.anim .car-info .t3{ animation:fadeInRight 1s linear;}
.car4.anim .car-info .t4{ animation:fadeInRight 1s linear;}
.car4.anim .car-info .t5{ animation:fadeInRight 1.2s linear;}
.car4.anim .car-info .t6{ animation:fadeInRight 1.2s linear;}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.comment{ padding-bottom: 1.4rem; margin-top: -2rem;}
.comment .title{ padding-bottom: 0.6rem; text-align: center; }
.comment .title img{ width: 2.2rem; height: 0.44rem; }
.comment .list{  padding: 0 0.3rem; }
.comment .item{ position: relative; padding: 0.2rem 0.2rem 0.6rem 0; margin-bottom: 0.1rem; border-radius:0.1rem; font-size: 0.24rem; line-height: 0.36rem; background: #22283B; color: #fff;}
.comment .item:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 0.7rem; height: 0.7rem;  background: url(/static/m/images/act/20190712/arr@2x.png) 50% 50% no-repeat; background-size: 0.28rem 0.18rem;}
.comment .item .pic{ width: 1.4rem; padding: 0 0.2rem; float: left; font-size: 0.26rem; text-align: center; }
.comment .item .pic img{ border-radius: 100%; margin-bottom: 0.12rem;}
.comment .item .info{ padding-top: 0.1rem; padding-left: 1.4rem; }
.comment .item .info .ov{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.comment .item.active:after{transform: rotate(180deg);}
.comment .item.active .info{ height: auto; }

/*宝马8系*/
.fl{float: left;}
.fr{float: left;}
.clearfix:after {
  content: "."; 
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.baxi-wrap{background-color: #011826;}
.baxi-wrap .wrapper{padding: 0 .4rem;}
.baxi-wrap .countdown{ padding-top: 0.4rem; text-align: center; color: #F5A731; }
.baxi-wrap .countdown div{ font-size: 0.44rem; line-height:.42rem;margin-bottom: .4rem;}
.baxi-wrap .countdown em{ font-size: 0.44rem; padding-right: 0.1rem; line-height: .32rem;vertical-align: middle;}
.baxi-wrap .countdown .interval{margin-bottom: .08rem;}
.baxi-wrap .countdown i{ font-size: 0.25rem; color: #01D5C8;line-height: .32rem;vertical-align: middle;}
.baxi-wrap .zt-form{height: 11.8rem;padding-top: 6.4rem; padding-bottom: 0; background: url(/static/m/images/act/8xi/banner.png) no-repeat; background-size: 100% 100%; }
.baxi-wrap .zt-form .form{height: 5.4rem;background:rgba(255,255,255,0.05);border-radius:.2rem;}
.baxi-wrap .zt-form .form ul{ padding: 0 0.5rem; }
.baxi-wrap .zt-form .form ul li{ padding-top: 0.2rem; }
.baxi-wrap .zt-form .form input{ width: 100%; padding: 0 0 0 0.3rem; height: 0.78rem; color: #fff; background:#011826;border-radius:0.1rem;box-sizing: border-box;}
.baxi-wrap .zt-form .form button{ margin-top: .3rem;width: 100%; height: 0.88rem; font-size: 0.32rem; font-weight: 500; color: #fff; background:linear-gradient(0deg,rgba(161,117,50,1),rgba(248,200,124,1));
box-shadow:0px 5px 15px 0px rgba(0, 29, 46, 1);border-radius:0.44rem; border: 0; box-sizing: border-box;}
.baxi-wrap .zt-form .form button.disabled{ background: #ccc; }
.baxi-wrap .ask-price{ height: 5.3rem; padding-top: .8rem; background: url(/static/m/images/act/8xi/bg_bmlist.png) no-repeat; background-size: 100% 5.3rem; }
.baxi-wrap .ask-price .list{height: 2.26rem;}
.baxi-wrap .ask-price .list li{
	margin-bottom: .02rem;
	color: #F1AE48;
	background: rgba(149,190,255,.05);
	border-radius: .2rem;
}
.baxi-wrap .ask-price .title {
	padding-left: .2rem;
    color: #F1AE48;
    font-size: 0.38rem;
}
.baxi-wrap .ask-price .title span{
	float: none;
	font-size: .28rem;
	margin-left: .15rem;
	color: #fff;
}
.baxi-wrap .ask-price .title span em {
    color: #01D5C8;
}
.baxi-wrap .car2{height: 7.5rem; padding-top: 0; background: url(/static/m/images/act/8xi/car1.png) no-repeat; background-size: 100% 7.5rem;}
.baxi-wrap .car1{height: 7.5rem; padding-top: 0; background: url(/static/m/images/act/8xi/car2.png) no-repeat; background-size: 100% 7.5rem;}
.baxi-wrap .car4{height: 7.5rem; padding-top: 0; background: url(/static/m/images/act/8xi/car3.png) no-repeat; background-size: 100% 7.5rem;}
.baxi-wrap .car3{height: 6.74rem; padding-top: 0; background: url(/static/m/images/act/8xi/car4.png) no-repeat; background-size: 100% 6.74rem;}

.series-btn.bar-apply{
	padding: 0;
}
.series-btn.bar-apply a{
	line-height: 0.98rem;
	font-size: 0.38rem;
	color: #fff;
	text-align: center;
	border-radius: 0;
	background:linear-gradient(0deg,rgba(161,117,50,1),rgba(248,200,124,1));
}
.baxi-wrap .car-info{color: #F1AE48; font-size: 0.28rem; }
.baxi-wrap .car-info li em{display: inline-block;font-size: 0.4rem; color: #9FFFF9;margin-right: .08rem;padding: 0;font-weight: bold;}
.baxi-wrap .car-info li span{display: inline-block;vertical-align: top;font-size: 0.28rem; color: #01D5C8;}
.baxi-wrap .car-info li.t1{ line-height: .4rem;font-size: 0.4rem; color: #01D5C8; font-style: italic;}
.baxi-wrap .car-info li.t2{ line-height: .32rem;padding: 0;margin: 0.2rem 0 .4rem; font-size: 0.32rem; font-style: italic;}
.baxi-wrap .car-info li.t3,.baxi-wrap .car-info li.t5{
	display: inline-block;
	margin: .1rem 0 .2rem;
	width: 1.4rem;
	height:.52rem;
	line-height: .5rem;
	text-align: center;
	background:rgba(12,38,57,1);
	border:.02rem solid rgba(1,213,200,1);
	border-radius:.1rem;
}
.baxi-wrap .car-info li.t5{width: 2.5rem;}
.baxi-wrap .comment{
	height: auto; background: url(/static/m/images/act/8xi/bg_comment.png) no-repeat; background-size: 100% 11.2rem;
}
.baxi-wrap .goods-comment{height: auto; background: url(/static/m/images/act/8xi/bg_comment.png) no-repeat; background-size: 100% 11.2rem;}
.baxi-wrap .comment .list{
	padding: 0 0 1rem;
}
.baxi-wrap .comment .item {
	border-top: 1px solid #FFDDA8;
	background: none;
	border-radius: 0;
	margin: 0 .8rem;
    padding: .6rem 0;
    overflow: hidden;
}

.baxi-wrap .comment .item:first-child{
	padding-top: 1rem;
	border-top: none;
}

.baxi-wrap .comment .item .pic{
	padding-left: 0;
	width: 1.2rem;
}

.baxi-wrap .comment .item:after{
	content: '点击查看更多';
	color: #FFDDA8;
	background: none;
	bottom: .1rem;
    width: auto;
}

.baxi-wrap .comment .item.active:after{
	content: '收起';
	transform: rotate(0)
}

.goods-comment ul{
	padding-bottom: 1rem;
}
.goods-comment li{
	margin: 0 .8rem;
	padding: .6rem 0;
	overflow: hidden;
}
.goods-comment li:first-child{
	padding-top: 1rem;
}
.goods-comment li+li{
	border-top: 1px solid #FFDDA8;
}
.goods-comment li .pic{
	width: 1rem;
	text-align: center;
}
.goods-comment li .pic img{
	width: 100%;
	height: 1rem;
	border-radius: 50%;
}
.goods-comment li .pic p{
	margin-top: .2rem;
	line-height: .28rem;
	font-size: .28rem;
	color: #fff;
}
.goods-comment li .con{
	margin-left: 1.2rem;
	line-height: .36rem;
	font-size: .24rem;
	color: #fff;
}
.baxi-wrap .footer{height: 11.04rem; background: url(/static/m/images/act/8xi/footer.png) no-repeat; background-size: 100% 11.04rem;margin-bottom: .98rem;}