/*弹性布局*/
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;}
.flex.center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex.stretch{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.flex.end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.flex.right{justify-content: flex-end;-ms-justify-content:flex-end;-webkit-justify-content:flex-end;}
.flex.row{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row;}
.flex.row-reverse{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-flow: row-reverse;flex-flow: row-reverse;}
.flex.column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
.flex.justify{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex.jc{-webkit-box-pack:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;}
.flex.flow{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
.flex.hide{display: none;}
.clearfix{zoom: 1}
.clearfix:after{content: '\20'; display: block; clear: both; height: 0; overflow: hidden;}

.qtd-wrapper{font-size: 20px;font-family: VWText-Regular, HYQiHei-60S,sans-serif;font-weight: 400;}
.qtd-content{position: relative;width: 70%;max-width: 1200px;padding: 140px 0;margin: 0 auto;}
.module-box{width: 100%;}
.l{float: left;}
.r{float: right;}
.qtd-car-text{font-size: 22px;}
.qtd-car-text h3{font-size: 28px;color: #000;font-family: VWHead-Bold, HYQiHei-80S,sans-serif;font-weight: 400;}
.qtd-car-text h4{padding: 12px 0 20px;color: #95a3a8;}
.qtd-car-box img{width: 640px;}
.qtd-btn-box{padding-top: 40px;float: left;}
.qtd-btn{display: inline-block;width: 140px;height: 42px;margin-right: 20px;border: solid 1px #001e50;border-radius: 22px;font-size: 20px;color: #001e50;line-height: 40px;text-align: center;cursor: pointer;}
.qtd-btn.color{background: #001e50;color: #fff;}
.qtd-sct{position: relative;width: 220px;height: 30px;padding: 0 30px 0 10px;margin: 40px 60px 40px 0;background: url(../../images/qtd-btn.png) right center no-repeat;border-bottom: 1px solid  #dfe4e8;font-size: 16px;color: #072454;}
.qtd-sct select{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.qtd-color-list{margin-bottom: 20px;}
.qtd-color-list li{position: relative;width: 95px;height: 27px;margin-top: 40px;float: left;cursor: pointer;transition: all 0.3s;}
.qtd-color-list li span{display: none;}
.qtd-color-list li.active{height: 50px;margin-top: 17px;}
.qtd-color-list li.active span{position: absolute;top: -30px;left: 0;width: 100%;display: block;color: #000;font-size: 18px;text-align: center;}
.qtd-color-list li.on{height: 50px;margin-top: 17px;}
.qtd-color-list li.on span{position: absolute;top: -30px;left: 0;width: 100%;display: block;color: #000;font-size: 18px;text-align: center;}
.qtd-color-list li:hover{height: 50px;margin-top: 17px;}
.qtd-color-list li:hover span{position: absolute;top: -30px;left: 0;width: 100%;display: block;color: #000;font-size: 18px;text-align: center;}
.tab-color1{background: #e5e9e8;}
.tab-color2{background: #a60c26;}
.tab-color3{background: #010005;}
.tab-color4{background: #da5c1f;}
.tab-color5{background: #a0b2bc;}
.tab-color6{background: #457a9c;}
.tab-color7{background: #d6dadd;}
.tab-color8{background: #8d9194;}
.tab-color9{background: #7a462e;}
.qtd-tel{padding: 20px 0 45px;font-family: VWHead-Light, HYQiHei-60S,sans-serif;}
.mod-pad{padding-top: 20px;}

.qtd-dataBox{position: relative;}
.qtd-data-pos{position: absolute;top: 0;left: -180px;}
.qtd-data-pos li{position: relative;height: 48px;padding: 10px 40px;color: #95A3A8;font-size: 22px;line-height: 28px;cursor: pointer;}
.qtd-data-pos li:before{position: absolute;content: '';width: 24px;height: 24px;top: 13px;left: 0;border: 2px solid #001e50;border-radius: 100%;}
.qtd-data-pos li.active{color: #001E50;}
.qtd-data-pos li.active:after{position: absolute;content: '';width: 12px;height: 12px;top: 19px;left: 6px;background: #001e50;border-radius: 100%;}

.qtd-thead{min-width: 100%;height: 94px;padding: 35px 15px;background: #001E50;font-size: 22px;color: #fff;line-height: 24px;}
.scroll-box{position: relative;width: 100%;height: 900px;overflow-x: hidden;overflow-y: auto;}
.scroll-content{position: relative;}
.qtd-tbody li{height: 110px;}
.qtd-tbody li div{float: left;width: 68%;height: 110px;padding: 15px 8px;font-size: 18px;border-bottom: 2px solid #dfe4e8;font-family: VWHead-Light, HYQiHei-60S,sans-serif;}
.qtd-tbody li div:first-child{width: 30%;margin-right: 2%;font-family: HYQiHei-80S, VWHeadWeb-Bold, Arial, sans-serif;}
.qtd-text1,.qtd-text2{font-size: 16px;font-family: VWHead-Light, HYQiHei-60S,sans-serif;}
.qtd-text1{padding: 30px 0 10px;}

@media screen and (max-width:1444px) {
    .qtd-btn{width: 100px;height: 34px;font-size: 16px;line-height: 32px;}
    .qtd-car-box img{width: 500px;}
    .qtd-data-pos{left: -140px;}
    .qtd-data-pos li{position: relative;height: 40px;padding: 10px 30px;color: #95A3A8;font-size: 16px;line-height: 20px;}
    .qtd-data-pos li:before{position: absolute;content: '';width: 18px;height: 18px;top: 11px;left: 0;border: 2px solid #001e50;border-radius: 100%;}
    .qtd-data-pos li.active{color: #001E50;}
    .qtd-data-pos li.active:after{position: absolute;content: '';width: 8px;height: 8px;top: 16px;left: 5px;background: #001e50;border-radius: 100%;}
    .qtd-color-list li{width: 60px;height: 20px;margin-top: 47px;float: left;}
    .qtd-color-list li.active{height: 36px;margin-top: 31px;}
    .qtd-color-list li.on{height: 36px;margin-top: 31px;}
    .mod-pad{padding-top: 0;}
    .qtd-sct{margin-bottom: 20px;}
    .qtd-tel{padding: 20px 0 25px;}

}

@media screen and (max-width:1200px) {
    .qtd-content{width: 84%;padding: 100px 0 0;}
    .l{float: initial;}
    .r{float: initial;}
    .qtd-btn{width: 100px;height: 34px;font-size: 16px;line-height: 32px;}
    .qtd-car-box img{width: 500px;}
    .qtd-data-pos{position: relative;top: initial;left: initial;}
    .qtd-data-pos{text-align: center;}
    .qtd-data-pos li{display: inline-block;}
    .qtd-data-pos{padding-bottom: 30px;}
}
@media screen and (max-width:768px) {
    .qtd-content{width: 86%;padding: 100px 0 0;}
    .qtd-wrapper{font-size: 14px;}
    .qtd-car-text{font-size: 14px;}
    .qtd-car-text h3{font-size: 16px;color: #000;font-family: VWHead-Bold, HYQiHei-80S,sans-serif;font-weight: 400;}
    .qtd-car-text h4{padding: 6px 0 10px;color: #95a3a8;}
    .qtd-car-box{padding-top: 10px;text-align: center;}
    .qtd-car-box img{width: 300px;}
    .qtd-btn-box{padding-top: 30px;float: initial;}
    .qtd-btn{width: 95px;height: 28px;font-size: 14px;line-height: 26px;}
    .qtd-sct{position: relative;width: 132px;height: 26px;padding: 0 30px 0 10px;margin: 30px 0 10px;background: url(../../images/qtd-btn.png) right center no-repeat;background-size: 16px auto;border-bottom: 1px solid  #dfe4e8;font-size: 14px;color: #072454;}
    .qtd-color-list li{width: 50px;height: 16px;margin-top: 40px;float: left;}
    .qtd-color-list li.active{height: 26px;margin-top: 30px;}
    .qtd-color-list li.on{height: 26px;margin-top: 30px;}
    .qtd-tel{font-size: 12px;}
    .qtd-data-pos li{position: relative;height: 30px;padding: 5px 10px 5px 15px;color: #95A3A8;font-size: 12px;line-height: 20px;}
    .qtd-data-pos li:before{position: absolute;content: '';width: 12px;height: 12px;top: 9px;left: 0;border: 1px solid #001e50;border-radius: 100%;}
    .qtd-data-pos li.active{color: #001E50;}
    .qtd-data-pos li.active:after{position: absolute;content: '';width: 6px;height: 6px;top: 12px;left: 3px;background: #001e50;border-radius: 100%;}
    .qtd-thead{height: 44px;padding: 10px;background: #001E50;font-size: 14px;}
    .scroll-box{height: 480px;}
    .qtd-tbody li{height: 80px;}
    .qtd-tbody li div{float: left;height: 80px;padding: 10px 5px;font-size: 12px;border-bottom: 1px solid #95A3A8;}
    .qtd-tbody li div:first-child{font-family: HYQiHei-80S, VWHeadWeb-Bold, Arial, sans-serif;}
    .qtd-color-list li.active span{top: -22px;font-size: 12px;}
    .qtd-text1,.qtd-text2{font-size: 12px;}
	
	.v_qtd-content{padding: 110px 0 0;}
}


.qtd-color-list li span.v_car_name{font-size: 14px!important;}
.qtd-color-list li:hover span.v_car_name{top: -24px;}