html{height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: 100%; font-size: 0.24rem; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,figure,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}h1,h2,h3,h4,h5,h6,a{font-size: 0.24rem;font-weight:normal}input,textarea,select,code,kbd,pre,samp{font-size: 0.24rem;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;font-family:inherit}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input,textarea{outline:0}textarea{resize:none}input:focus,textarea:focus{outline:0}li{list-style:none}fieldset,img{border:0}a{text-decoration:none;background:0;color:#666}a:hover{text-decoration:none}table{border-collapse:collapse;border-spacing:0}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;/* -webkit-overflow-scrolling: touch;*/}
a, button, input, img {-webkit-tap-highlight-color: rgba(0,0,0,0);}
html, body { height: 100%;  background: #fff; color: #000; }
body{ overflow-x:hidden;width: 100%;  font: 0.24rem/0.48rem arial, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', '黑体', '宋体', Tahoma, Arial, Helvetica, STHeiti;}
a{ color: #fff; text-decoration: none; }
img{ display: block;  width: 100%;}
.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.clear { clear:both; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix {display:block;} 
.hide{display: none; }
.w100{width: 100%;}
.h100{height: 100%;}
.pos_a{position: absolute;}
.pos_r{position: relative;}
.pos_f{position: fixed;}
/*logo、底部预约试驾、左侧菜单栏*/
.logo_nav{position: absolute; height: .8rem; top: 0; z-index: 111;}
.nav_bg{position: absolute; top: 0;}
.car_logo{ width: 2.22rem; position: absolute; left: 0; top: 0;}
.logo{width: .93rem; position: absolute; right: .15rem; top: 0;}
.videobox{ height: 3.8rem; top: 100%;}
.td_btn{ width: 4.36rem; position: absolute; right: 0; bottom: 0; z-index: 111;}
.menubtn{width: .44rem; position: absolute; top: .9rem; left: .2rem;}
.testdrive .menubtn{position: fixed; top: .9rem; left: .2rem; }
.menu_btn1{width: .25rem; position: absolute; top: .9rem; left: .3rem;}
.menubox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/menu/bg.png) no-repeat left top; background-size: 2.5rem; z-index: 20; }
.menubox .menu { width: 2.5rem; height: 100%; top: 0; left: 0; padding-top: 1.7rem; }
.menubox .menuitem1, .menubox .menuitem2,.menuyuyue { color: #b7b6b4; display: block; font-family: "SimHei","microsoft yahei"; }
.menubox .menuitem1.active, .menubox .menuitem2.active,.menubox .menuyuyue.active{ color: #fff !important; }
.menubox .menuitem1,.menuyuyue { width: 100%; font-size: 0.4rem; padding:0.05rem 0 0.3rem 0.3rem; position: relative; }
.menubox .menuitem1.menuitem2 { padding-bottom: 0; padding-left: .3rem;}
.menubox .menuitem2 { font-size: 0.3rem; padding: 0.1rem 0; position: relative; margin-bottom: .1rem; }
.menubox .menuitem2.active { border-left: 0.1rem solid #fa6a00; padding-left: 0.35rem; }
.m3{margin-top: .3rem;}
.page>.btn1{ width: 2.2rem; height: .4rem; position: absolute; left: .7rem; top: 5.2rem; z-index: 999;}
.page>.btn2{width: 2rem; height: .4rem; position: absolute; left: 2.6rem; top: 5.2rem; z-index: 999;}
/*内容*/
.mian{width: 100%;	height: 100%; position:relative; overflow: hidden;}
.page{width: 100%; height: 100%; position: absolute; background-color: #FFFFFF; }
.kv_box{ width: 100%; height: 100%; position: absolute;}
.kv{width: 100%; height: 100%; position: relative;}
.kv>img{ width: 100%;}
/*page2*/
.page2{background: url(../images/bg.png) no-repeat center bottom; background-size: 100% auto; padding-top: 5.8rem;}
.p_bg{ top: 4rem;}
.p2_kv{top: 0;}
.car_box {width: 100%; position: relative; }
.tag_btn{position:absolute; top:5.2rem; background:url(../images/btn1.png) no-repeat; width:100%; height:44px; text-indent:20px}
.car_box>div{position: relative; height: 2.9rem;}
.prev{ width: .28rem; position: absolute; left: .2rem; top:50%; margin-top: -.29rem;}
.next{ width: .28rem; position: absolute; right: .2rem; top:50%; margin-top: -.29rem;}
.car1>ul{width: 100%;}
.car1>ul>li{width: 5rem; position: absolute; left: 50%; margin-left: -2.5rem;}
.car1>ul>li:nth-child(1){ transform: translate3d(30px, 0px, -200px); z-index: 16;}
.car1>ul>li:nth-child(2){ transform: translate3d(20px, 0px, -400px); z-index: 16;}
.car1>ul>li:nth-child(3){ transform: translate3d(10px, 0px, -600px); z-index: 16;}
.car1>ul>li:nth-child(4){ transform: translate3d(0px, 0px, 0px); z-index: 17;}
.sw_t{ width: .81rem; position: absolute; right: 0; top: 0; z-index: 999;}
.sw_b{ width: .81rem; position: absolute; left: 0; bottom: 0; z-index: 999;}
.prev{ width: .28rem; position: absolute; top: 1.5rem; left: -.3rem; z-index: 999;}
.next{ width: .28rem; position: absolute; top: 1.5rem; right: -.3rem; z-index: 999;}
/*page3*/
.page3{background: url(../images/bg.png) no-repeat center bottom; background-size: 100% auto; padding-top: 5.8rem;}
/*page4*/
.page4{background: url(../images/bg.png) no-repeat center bottom; background-size: 100% auto; padding-top: 5.8rem;}
/*page5*/
.page5{background: url(../images/bg.png) no-repeat center bottom; background-size: 100% auto; padding-top: 5.8rem;}
/*page5*/
.page6{background: url(../images/bg.png) no-repeat center bottom; background-size: 100% auto; padding-top: 5.8rem;}
/*page5*/
.page7{background: url(../images/bg.png) no-repeat center bottom; background-size: 100% auto; padding-top: 5.8rem;}
/*page5*/
.page8{background: url(../images/bg.png) no-repeat center bottom; background-size: 100% auto; padding-top: 5.8rem;}
/*page5*/
.page9{background: url(../images/bg.png) no-repeat center bottom; background-size: 100% auto; padding-top: 5.8rem;}
/*table*/
.table{ overflow-y: auto; padding-top: 0;}
.box{position: absolute; width: 100%;height: 100%; overflow: auto;-webkit-overflow-scrolling: touch; left:0;top:0; padding-bottom: 1.2rem;}
.top_img{ width: 100%;}
.bar { background: url(../images/bar_bg.png) no-repeat center top; height: .68rem; line-height: .68rem; }
.bar h2{color: #fff; float: left; font-size: 0.24rem; font-weight: normal; margin: 0 0 0 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bar .selector { background: #000; color: #fff; float: right; font-size: .24rem; height: .68rem; line-height: .68rem; padding: 0 0.5rem; position: relative; width: 2rem; margin-right: .5rem;}
.pic .bar select{height: .68rem; font-size: .24rem; line-height: .68rem;  position: absolute; width: 2rem;  opacity: 0;  right: 0.5rem; }}
.box .pic{overflow: hidden; overflow-y: auto;}
.table table{ width: 100%; overflow: inherit;  background: #ccc; font-size: 0.24rem; font-family: Arial, Helvetica, sans-serif;}
dl{border: 0; margin: 0; padding: 0; border-top:1px #FFFFFF solid ;}
dt{ text-align: left; color: #535353; line-height: .6rem; width: 100%; height: .6rem; background: url(../images/ico1.png) no-repeat 5.7rem center; background-size: .52rem;  padding:0 .5rem 0 .22rem; background-color: #ffe2c9;}
.up{ background: url(../images/ico2.png) no-repeat 5.7rem center; background-color: #ffe2c9 ; background-size: .52rem;}
dd{display: none; position: relative;}
.dd{position: relative;}
td { padding: 0.04rem; }
table td{ padding-left: .3rem;}
.bg1 { background: #efefef; }
.p5{padding-right: .5rem; }
/*loading*/
.loading{z-index: 10000;background-color: #ffffff;overflow: hidden;}
.load_div{left: 50%;top: 50%;margin-top:-.54rem;margin-left: -3.2rem; height: .75rem; background: url(../images/loading.png) no-repeat left top; background-size: 100%;}
.load_mess{width: 100%;text-align: center; top: .2rem; margin-left: .25rem;}
.load_mess>img{display: inline-block;vertical-align: middle; width: .94rem;}
.load_mess>span{font-size: .24rem;color: #939393;font-style: italic;display: inline-block;vertical-align: middle;}
.load_bar,.load_progress{left: 41%;margin-top: -.13rem; top: .75rem;}
.load_bar{background-color: #be291f;height: .03rem;}
.load_progress{background-color: #be291f;height: .06rem;transform: skew(-45deg,0);transform-origin: left top;}
/*轮播*/
.cdc {
  position: relative;
  height: 3.2rem;
  background: url(../images/ico_bg.png) no-repeat;
  background-position: center .2rem;
  background-size:5.8rem auto ;
   }

.swipe_ctx {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 2.9rem;
  width: 5rem;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swipe_ctx img {
  width: 100%;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  width: 5rem;
  height: 2.9rem;
  display: block;
  opacity: 0.7;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.swipe_ctx.on img {
  opacity: 1; }

.androidwx .swipe_ctx img {
  opacity: 1; }

.swipe_container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.swipeshow {
  position: relative;
  width: 5rem;
  -webkit-perspective: 1200px;
          perspective: 1200px;
  z-index: 1;
  height: 2.9rem;
  margin: 0 auto; }

.swipelibox {
  width: 100%;
  height: 0rem;
  position: absolute;
  bottom: 0.6rem;
  text-align: center;
  z-index: 30; }

.swipelibox .swipeli {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin: 0 0.05rem;
   }

.swipelibox .swipeli.active {
    }
.tbox{padding-bottom: .5rem}
.txtbox {
  top: .2rem;
  position: relative; }

.swipe_txt {
  width: 100%;
  position: absolute;
  text-align: center;
  font-size: 0; }

.swipe_txt img {
    100% }

.swipe_txt .t2 {
    display: inline-block;
    margin-top: 0.1rem; }
.kj_txt tr>td{text-align: center;}
@media screen and (min-aspect-ratio:320/505){
	.page .p2_kv{ margin-top: -.8rem;}
	.page2,.page3,.page4,.page5{padding-top: 5.3rem;}
 	.page .btn1,.page .btn2,.page .tag_btn{top: 4.7rem;}
}
@media screen and (min-aspect-ratio:320/470){
	.page .p2_kv{ margin-top: -1.05rem;}
	.page2,.page3,.page4,.page5{padding-top:4.8rem;}
 	.page .btn1,.page .btn2,.page .tag_btn{top: 4.25rem;}
}
/*预约*/
.testdrive{height: 100%; padding-bottom: 1.8rem;}
.testdrive .logo_nav{position: fixed; top: 0;}
.testdrive .wrapper {
	height: 100%;
  background: #fff;
  font-family: "SimHei","microsoft yahei";
  overflow-y: auto; }

.testdrive .field {
  position: relative;
  margin: 0.3rem 0;
  color: #010101; }

.testdrive .iptext {
	font-family: "SimHei","microsoft yahei";
	-webkit-appearance: none;
 	-moz-appearance: none;
	appearance: none;
	color: #999999;
  font-size: 0.3rem;
  width: 5.1rem;
  height: .6rem;
  border: 2px solid #cccccc;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: block;
  background: #f4f4f4; }

.testdrive label {
  width: 100%;
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 0.3rem;
  color: #010101; }

.testdrive .select {
  width: 5.1rem;
  position: relative;
  height: .6rem;
  text-align: center;
  line-height: .6rem;
  background-color: #f4f4f4;
  border: 2px solid #cccccc;
  margin: 0.3rem auto;
  font-size: 0.3rem;
  -webkit-appearance: none;
 	-moz-appearance: none;
	appearance: none; }

.testdrive .select:after {
  	content: "";
  	position: absolute;
    top: 0.02rem;
    right: 0.2rem;
    width: 0.3rem;
    height: 0.3rem;
  	border-left: 2px solid #a3a3a3;
  	border-bottom: 2px solid #a3a3a3;
  	-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.testdrive #prov, .testdrive #city, .testdrive #dealer {
	color: #999999;
     position: absolute;
    top: 0.75rem;
    width: 5.1rem;
    left: 0.65rem;
    height: .6rem;
    opacity: 0;
    z-index: 10;}

.testdrive #city {
  top: 1.73rem;
    left: .65rem; }

.testdrive #dealer {
  top: 2.6rem;
  left: .65rem; }

.testdrive .add {
  width: 5.1rem;
  height: auto;
  background-color: #f4f4f4;
  border: 2px solid #cccccc;
  margin: 0.3rem auto; }

.testdrive h3 {
  position: relative;
  width: 5rem;
  text-align: center;
  display: block;
  font-weight: 700;
  border-bottom: 2px solid #ccc;
  margin: 0 auto;
  padding: 0.125rem;
  font-size: 0.3rem;
  color: #000000; }

.testdrive>.td_btn{position: fixed; bottom: 0; z-index: 999;}
.testdrive .add p {
  color: #010101;
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.3rem;
  display: block;
  white-space: normal;
  word-break: break-word;
  width: 5rem;
  position: relative;
  padding: 0.2rem; }

.testdrive .contect {
  width: 5.1rem;
  height: 1.6rem;
  background-color: #dee3e6;
  border: 2px solid #cccccc;
  margin: 0.5rem auto; }

.testdrive .contect p {
  	text-align: center;
    height: .7rem;
    line-height: .7rem;
    font-size: 0.4rem;
    display: block;
    color: #535353; }

.testdrive .contect h3 {
  color: #535353;
  padding: 0.15rem; }

.testdrive button {
  	width: 5.2rem;
  	height: .7rem;
  	background: url(../images/yuyue.png) no-repeat left top;
  	background-size: 100%;
  	margin: 0 auto;
  	font-family: "SimHei","microsoft yahei";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #cccccc;
    position: relative;
    display: block;
    color: #fff;
   }

.testdrive .tips {
  	position: relative;
    font-family: "SimHei","microsoft yahei";
    width: 5.2rem;
    position: relative;
    font-size: 0.2rem;
    color: #999999;
    margin: .1rem auto;
    line-height: .24rem; }

.testdrive .addicon:before {
 	content: "";
    width: 0.2rem;
    height: 0.3rem;
    background: url(../images/2.png) center no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 0.1rem;
    margin-top: .02rem;}

.testdrive .contecticon {
  border-bottom: 2px solid #535353; }

.testdrive .contecticon:before {
     content: "";
    position: relative;
    width: 0.2rem;
    height: 0.3rem;
    background: url(../images/2.png) center no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: text-top;
    margin: 0 0.1rem 0 0;
    vertical-align: bottom;
    top: -.1rem; }

.testdrive .default {
  color: #a0a0a0; }

.testdrive .select-default {
  color: #a0a0a0; }

.btn_td {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1.4rem; }

.btn_td img {
    position: absolute;
    bottom: 0;
    pointer-events: none; }

.hide {
  display: none; }

.tsobj {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ffc;
  top: 100%;
  left: 50%;
  -webkit-animation: con 10s infinite;
          animation: con 10s infinite;
  z-index: 11;
  opacity: 0.01; }

@-webkit-keyframes con {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0); } }

@keyframes con {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0); } }

#testobj {
  width: 100%;
  height: 30%;
  font-size: 12px;
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }