input::-webkit-input-placeholder {
    color: #666666;
}

input::-moz-placeholder {
    color: #666666;
}

input:-ms-input-placeholder {
    color: #666666;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden
}

body.cars {
    height: 100%;
    overflow: hidden;
}

body.drive {
    height: auto;
    overflow: auto
}

.drive.windowHeight {
    width: 100%;
    overflow: hidden
}

.pageSwiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* .imgSwiper .swiper-slide{ width: 100%; height: auto; } */
/* .bg1{width: 100%; height: auto} */
.kv_c {
    position: absolute;
    bottom: 5%;
    right: 0;
    margin: -5% 0 0 0;
    width: 50%;
}

.kv_t {
    position: absolute;
    top: 15%;
    left: 50%;
    width: 55%;
    transform: translateX(-50%);
}

/* .kv_title{position: absolute;top: 50%;left: 18%;width: 36%;margin-top: -18%;} */
.kv_title {
    position: absolute;
    top: 3%;
    left: 15%;
    width: 85%;
    margin-top: 0%;
}

.kv_qr {
    position: absolute;
    top: 50%;
    left: 87%;
    width: 5%;
    transform: translateY(80%);
}

.kv_car {
    position: absolute;
    top: 56%;
    left: 5%;
    width: 84%;
    margin: -14% 0 0 0;
}

.kv_i1 {
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    margin: 0 0 6.4% 0;
}

.kv_i2 {
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
}

.kv_lo1 {
    position: absolute;
    top: 0;
    left: 2%;
    width: 10%;
    margin: 6% 0 0 0;
}

.kv_lo2 {
    position: absolute;
    top: 0;
    right: 2%;
    width: 8%;
    margin-top: 6%;
}

/* .kv_bottom{position: absolute;bottom: 0;left: 0;width: 100%;}*/
.kv_bottom {
    position: absolute;
    top: 3%;
    left: 15%;
    width: 85%;
}


.carSwiper {
    width: 100%;
    height: 100%;
    opacity: 0
}

.carSwiper .swiper-slide {
    overflow: hidden;
}

.swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.slide4.animation .cars1.ani .carTitle, .slide4.animation .cars2.ani .carTitle, .slide4.animation .cars3.ani .carTitle, .slide4.animation .cars4.ani .carTitle, .slide4.animation .cars5.ani .carTitle {
    -webkit-animation: fadeInUp 0.8s 1 ease 0.5s forwards;
    animation: fadeInUp 0.8s 1 ease 0.5s forwards;
}

.slide4.animation .carSwiper {
    -webkit-animation: fadeIn 0.8s 1 ease 0s forwards;
    animation: fadeIn 0.8s 1 ease 0s forwards;
}

.slide4.animation .cars1.ani .carCar, .slide4.animation .cars2.ani .carCar, .slide4.animation .cars3.ani .carCar, .slide4.animation .cars4.ani .carCar, .slide4.animation .cars5.ani .carCar {
    -webkit-animation: fadeInRight 0.8s 1 ease 0.5s forwards;
    animation: fadeInRight 0.8s 1 ease 0.5s forwards;
}


/* .p2_t1{position: absolute;top: 50%;left: 30%;margin: -18% 0 0 0;width: 40%;}*/
.p2_t1 {
    position: absolute;
    top: 30%;
    left: 0%;
    margin: -18% 0 0 0;
    width: 100%;
}

.p2_t2 {
    position: absolute;
    top: 30%;
    left: 0%;
    margin: -18% 0 0 0;
    width: 100%;
}

.p2_t3 {
    position: absolute;
    top: 30%;
    left: 0%;
    margin: -18% 0 0 0;
    width: 100%;
}

.p2_r {
    position: absolute;
    bottom: 0%;
    right: 7%;
    margin: 0% 0 2% 0;
    width: 86%;
}

/* .p2_l1{position: absolute;bottom: 50%;left: 23%;margin: 0 0 -17% 2.5%;width: 19%;}
.p2_l2{position: absolute;top: 50%;left: 50%;margin: -17% 0 0 2.5%;width: 20%;}
.p2_t{position: absolute;top: 50%;left: 0;margin: -20% 0 0 0;width: 100%;display: none;} */
.p3_t1 {
    position: absolute;
    top: -5%;
    right: 0;
    margin: -3% 0 0 0;
    width: 100%;
}

.p3_t2 {
    position: absolute;
    top: 0%;
    right: 0;
    margin: -3% 0 0 0;
    width: 100%;
}

.p3_t3 {
    position: absolute;
    top: 0%;
    right: 0;
    margin: -3% 0 0 0;
    width: 100%;
}

.p3_t4 {
    position: absolute;
    top: 0%;
    right: 0;
    margin: -3% 0 0 0;
    width: 100%;
}

/*.p4_t1 {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 10%;*/
/*    width: 41%;*/
/*    margin: -18% 0 0 0;*/
/*}*/

/*.p4_t21 {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 10%;*/
/*    margin: -11% 0 0 0;*/
/*    width: 19%;*/
/*}*/

/*.p4_t22 {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 30%;*/
/*    margin: -11% 0 0 0;*/
/*    width: 21%;*/
/*}*/

.p4_t4 {
    position: absolute;
    top: 29%;
    left: 0%;
    width: 100%;
    margin: -18% 0 0 0;
}

.p4_t5 {
    position: absolute;
    top: 29%;
    left: 0%;
    width: 100%;
    margin: -18% 0 0 0;
}

/*.p4_t6 {*/
/*    position: absolute;*/
/*    top: 20%;*/
/*    left: 0%;*/
/*    width: 100%;*/
/*    margin: -18% 0 0 0;*/
/*}*/

/*.p4_t7 {*/
/*    position: absolute;*/
/*    top: 20%;*/
/*    left: 0%;*/
/*    width: 100%;*/
/*    margin: -18% 0 0 0;*/
/*}*/

/*.p4_t8 {*/
/*    position: absolute;*/
/*    top: 20%;*/
/*    left: 0%;*/
/*    width: 100%;*/
/*    margin: -18% 0 0 0;*/
/*}*/

/*.p4_t9 {*/
/*    position: absolute;*/
/*    top: 20%;*/
/*    left: 0%;*/
/*    width: 100%;*/
/*    margin: -18% 0 0 0;*/
/*}*/

/*.p4_t10 {*/
/*    position: absolute;*/
/*    top: 20%;*/
/*    left: 0%;*/
/*    width: 100%;*/
/*    margin: -18% 0 0 0;*/
/*}*/

/*.p4_t11 {*/
/*    position: absolute;*/
/*    top: 20%;*/
/*    left: 0%;*/
/*    width: 100%;*/
/*    margin: -18% 0 0 0;*/
/*}*/

.p4_t12 {
    position: absolute;
    top: 35%;
    left: 0%;
    width: 100%;
    margin: -18% 0 0 0;
}

/*.p4_t13 {*/
/*    position: absolute;*/
/*    top: 20%;*/
/*    left: 0%;*/
/*    width: 100%;*/
/*    margin: -18% 0 0 0;*/
/*}*/

/*.p4_t14 {*/
/*    position: absolute;*/
/*    top: 20%;*/
/*    left: 0%;*/
/*    width: 100%;*/
/*    margin: -18% 0 0 0;*/
/*}*/

/* .p4_l1{position: absolute;top: 50%;left: 8%;margin: -17% 0 0 0;width: 14%;}
.p4_r{position: absolute;top: 50%;right: 0;margin: -15% 0 0 0;width: 55%;}
.p4_t{position: absolute;top: 50%;left: 9%;margin: -17% 0 0 0;width: 25%;display: none;} */

.p5_t1 {
    position: absolute;
    top: 0%;
    left: 0%;
    margin: -1% 0 0 0;
    width: 100%;
}

.p5_t2 {
    position: absolute;
    top: 0%;
    left: 0%;
    margin: -1% 0 0 0;
    width: 100%;
}

/*.p5_t3 {*/
/*    position: absolute;*/
/*    top: 0%;*/
/*    left: 0%;*/
/*    margin: -1% 0 0 0;*/
/*    width: 100%;*/
/*}*/

.p6_t1 {
    position: absolute;
    top: 40%;
    left: 0%;
    margin: -20% 0 0 0;
    width: 100%;
}

.p6_t2 {
    position: absolute;
    top: 40%;
    left: 0%;
    margin: -20% 0 0 0;
    width: 100%;
}

.p6_t3 {
    position: absolute;
    top: 40%;
    left: 0%;
    margin: -20% 0 0 0;
    width: 100%;
}

.p6_i {
    position: absolute;
    top: 50%;
    left: 5%;
    margin: -11% 0 0 0;
    width: 40%;
}

.p5_r {
    position: absolute;
    top: 50%;
    right: 5%;
    margin: -13% 0 0 0;
    width: 50%;
}

.pn_t {
    position: absolute;
    top: 50%;
    left: 4%;
    margin: -6% 0 0 0;
    width: 30%;
}

.pn_i {
    position: absolute;
    top: 50%;
    left: 10%;
    margin: -17% 0 0 0;
    width: 30%;
}

.pn_t1 {
    position: absolute;
    top: 50%;
    left: 5%;
    margin: 8.5% 0 0 0;
    width: 33%;
}

.pn_i1 {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -5% 0 0 0;
    width: 60%;
}

.nyt {
    position: absolute;
    left: 54%;
    top: 50%;
    width: 38%;
    margin-top: -22em;
    line-height: 3em;
}

.slide6 {
    background: #eaedf0;
}

.test_c {
    position: absolute;
    top: 50%;
    left: 5%;
    margin: -13% 0 0 0;
    width: 48%;
}

.p10_1 {
    position: absolute;
    top: 19%;
    left: 0%;
    margin: -13% 0 0 0;
    width: 100%;
}

.p10_2 {
    position: absolute;
    top: 15%;
    left: 0%;
    margin: -13% 0 0 0;
    width: 100%;
}

.p10_3 {
    position: absolute;
    top: 15%;
    left: 0%;
    margin: -13% 0 0 0;
    width: 100%;
}


.slide5Swiper, .slide5Swiper2 {
    width: 100%;
    height: 75%;
}

.slide5Swiper2 {
    position: absolute;
    left: 0;
    top: 0;
}

.slide5SmallSwiper2, .slide5SmallSwiper2 {
    opacity: 0
}

.wxkSlide2 .slide5Swiper2, .wxkSlide2 .slide5SmallSwiper2 {
    -webkit-animation: fadeIn2 0.5s 1 ease 0s forwards;
    animation: fadeIn2 0.5s 1 ease 0s forwards;
}

.slide5Swiper .swiper-slide, .slide5Swiper2 .swiper-slide {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.slide5SmallSwiper, .slide5SmallSwiper2 {
    position: absolute;
    height: 25%;
    width: 100%;
}

.slide5SmallSwiper2, .slide5Swiper2 {
    left: 100%;
}

.wxkSlide2 .slide5SmallSwiper2, .wxkSlide2 .slide5Swiper2 {
    left: 0;
}

.wxkSlide2 .slide5SmallSwiper2, .wxkSlide2 .slide5Swiper2 {
    left: 0;
}

.slide5Swiper .swiper-slide img, .slide5Swiper2 .swiper-slide img {
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-top: -8%;
}

.wxkSlide .slide5Swiper .swiper-slide img, .wxkSlide .slide5Swiper2 .swiper-slide img {
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-top: -18%;
}

.prev {
    position: absolute;
    background: url(../image/swiper_left.png) center center no-repeat;
    left: 2%;
    background-size: 100% auto;
    padding-top: 2%;
    z-index: 2;
    text-indent: -9999em;
    cursor: pointer;
}

.carsPrev {
    top: 50%;
    margin-top: -1%;
    left: 5%;
}

.next {
    position: absolute;
    background: url(../image/swiper_right.png) center center no-repeat;
    right: 2%;
    background-size: 100% auto;
    padding-top: 2%;
    z-index: 2;
    text-indent: -9999em;
    cursor: pointer;
}

.carsNext {
    top: 50%;
    margin-top: -1%;
    right: 5%;
}

/*.slide5 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {*/
/*    bottom: 0;*/
/*}*/

/*.slide5 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {*/
/*    margin: 0;*/
/*}*/

.slide5Swiper .swiper-pagination, .slide5Swiper2 .swiper-pagination {
    width: 100%;
    height: 25%;
}

.slide5Swiper .swiper-pagination .swiper-pagination-bullet {
    float: left;
    width: 23%;
    height: 100%;
    border-radius: 0;
    background: none;
    opacity: 1;
}

.slide5Swiper .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    background: url(../image/swiper_img4.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.slide5Swiper .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    background: url(../image/swiper_img5.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.slide5Swiper .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    background: url(../image/swiper_img6.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.slide5Swiper .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    background: url(../image/swiper_img7.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.slide5Swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 31%;
}

.slide5SmallSwiper .swiper-slide img, .slide5SmallSwiper2 .swiper-slide img {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -34%;
}

.slide5Top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 3%;
    background: url(../image/zz_02.png) bottom center no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

.slide5Bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 3%;
    background: url(../image/zz_04.png) top center no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

.slide5Swiper .bgg {
}


.slideTitle {
    position: absolute;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: -1.7em;
}

.configMain {
    width: 84%;
    position: absolute;
    left: 8%;
    top: 10%;
    height: 80%;
}

.configScroll {
}

.congfigTab {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; /* border-bottom: 1px solid #ccc; *//* border-right: 1px solid #ccc; */
}

.congfigTab th {
    color: #ffffff;
    font-weight: normal;
}

.congfigTab td {
    text-align: center;
    color: #ffffff;
    font-size: 1em;
}

.congfigTab td, .congfigTab th {
    font-size: 100%;
    word-break: break-all;
    word-wrap: break-word;
    padding: 1em 0.5em;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #000;
    vertical-align: middle;
    line-height: 1.55em;
}

.congfigTab .config-tbody1 td, .congfigTab .config-tbody1 th { /* background: #f1f1f3; */
}

.congfigTab thead th {
    color: #fff;
    text-align: center;
    border-left: 1px solid #950030;
    border-top: 1px solid #950030;
    background: #950030;
}

.congfigTab thead td { /* background: #373737; */
}

td.left {
    text-align: left;
    padding-left: 2em;
}

/* .config-tbody1{ display: none; } */
.configTips {
    width: 100%; /* padding: 0 5%; */
    text-align: left;
    position: relative;
    line-height: 2em;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -4.5em;
}

.configTips h1 {
    position: absolute;
    left: 5%;
    font-size: 1em;
    margin-left: -2em;
    display: none;
}

.congfigTab td span {
    display: block;
    padding: 0.25em 0 0.25em 1em;
}

.congfigTab tr.td td {
    word-break: break-all;
    word-wrap: break-word;
    padding: 0 0 0.5em 0;
    border-top: none;
}

.congfigTab tr.td th {
    border-top: none;
}

.congfigTab tr.td td.left {
    padding-left: 2em;
    border-top: 1px solid #373737;
}

.configTitle tbody {
    display: none;
}

.configTitle tr {
    background: #f5f5f5;
}

.configTitle tr:nth-child(2n) {
    background: #eee;
}

tbody.config-tTitle tr {
    background-color: #950030;
    color: #fff;
}

tbody.config-tTitle:nth-of-type(2n) tr {
    background-color: rgba(255, 255, 255, 0.9);
}

.config-tbody1 tr {
    background: #e5e5e5;
}

.config-tbody1 tr:nth-child(2n) {
    background: none;
}

tr.conTitle {
    background-image: url(../image/tr1.png);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: auto 60%;
    font-weight: bold;
    cursor: pointer;
}

tr.conTitle.show {
    background-image: url(../image/tr2.png);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: auto 60%;
}

.configScroll {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0; /* overflow: hidden; */
    font-size: 90%;
}

.configTitle {
    width: 100%;
}

.configScrollItem {
    height: 100%; /* overflow: hidden; */
    height: 100%;
    position: relative;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -20px;
}

.conTitle th, .congfigTab th {
    text-align: left;
}

tr.conTitle th {
    font-weight: normal;
    color: #fff;
}

.congfigTab td:nth-last-child(1), .congfigTab th:nth-last-child(1) { /* padding-right: 30px; */
}

.configTT { /* background: #99003a; */
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.prevConfig {
    position: absolute;
    left: 12%;
    background: url(../image/prev.png) center center no-repeat rgba(0, 0, 0, 0.2);
    width: 30px;
    height: 100%;
    top: 0;
    background-size: 70% auto;
}

.nextConfig {
    position: absolute;
    right: 0;
    background: url(../image/next.png) center center no-repeat rgba(0, 0, 0, 0.2);
    width: 30px;
    height: 100%;
    top: 0;
    background-size: 70% auto;
}

.prevConfig.grayPrev {
}

.nextConfig.grayNext {
}

.configScrollMain {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.botton:hover {
    border: 1px solid #99003a;
    background: #fff;
    color: #99003a;
}

/*
.redText{ color: #950030; }
.p2_tM{ }
.p2_tM span{display: block;margin: 15px 0;}
.p2_tM1 span,.p2_tM4 span{display: inline;}
.p2_tM1{position: absolute;left: 0%;top: 50%;margin: -19% 0 0 0;width: 100%;text-align: center;}
.p2_tM2{position: absolute;left: 5%;top: 50%;margin: -13% 0 0 0;}
.p2_tM3{position: absolute;left: 63%;top: 50%;margin: -13% 0 0 0;}
.p2_tM4{position: absolute;left: 63%;top: 50%;margin: 16% 0 0 0;}


.p3_tM{ }
.p3_tM p{margin: 7% 0;}
.p3_tM span{ }
.p3_tM strong{ font-weight: normal }
.p3_tM1 span,.p3_tM4 span{display: inline;}
.p3_tM1{position: absolute;left: 39%;top: 50%;margin: -23% 0 0 0;text-align: right;color: #fff;}
.p3_tM2{position: absolute;left: 69%;top: 50%;margin: -22% 0 0 0;}
.p3_tM3{position: absolute;left: 67%;top: 50%;margin: -12% 0 0 0;}
.p3_tM4{position: absolute;left: 8%;margin: 14% 0 0 0;color: #fff;top: 50%;}

.p4_tM{ }
.p4_tM p{margin: 3% 0;}
.p4_tM p.mr{margin-top: 9%;}
.p4_tM span{}
.p4_tM strong{font-weight: normal;}
.p4_tM1{position: absolute;left: 8%;top: 50%;margin: -16% 0 0 0;}
.p4_tM2{position: absolute;left: 8%;top: 50%;margin: -2% 0 0 0;width: 40%;}
.p4_tM3{position: absolute;left: 5%;top: 50%;margin: -13% 0 0 0;}
.p4_tM4{position: absolute;left: 5%;top: 50%;margin: -13% 0 0 0;}


.p5_tM{ }
.p5_tM p{margin: 20px 0;}
.p5_tM p.mr{ }
.p5_tM span{ }
.p5_tM strong{font-weight: normal;}
.p5_tM1{position: absolute;left: 16%;top: 50%;margin: -18% 0 0 0;}
.p5_tM2{position: absolute;left: 16%;top: 50%;margin: -11% 0 0 0;}
.p5_tM3{position: absolute;left: 59%;top: 50%;margin: -21% 0 0 0;}
.p5_tM4{position: absolute;left: 67%;top: 50%;margin: 16% 0 0 0;}



.p6_tM{ }
.p6_tM p{padding: 8px 0;}
.p6_tM p.mr{margin-top: 20%;}
.p6_tM span{ }
.p6_tM strong{font-weight: normal;}
.p6_tM1{position: absolute;left: 63%;top: 50%;margin: -17% 0 0 0;}
.p6_tM2{position: absolute;left: 23%;top: 50%;margin: -16% 0 0 0;width: 40%;}
.p6_tM3{position: absolute;left: 5%;top: 50%;margin: -13% 0 0 0;}
.p6_tM4{position: absolute;left: 5%;top: 50%;margin: -13% 0 0 0;} */


.tkNav {
    width: 15%;
    position: absolute;
    right: 5%;
    top: 50%;
    margin-top: 9%;
    z-index: 5;
}

.tkNav .tkItem {
    width: 50%;
    float: left;
    background: url(../image/tg.png) left center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}

.tkNav .tkItem img {
    width: 100%;
}

.tkNav .tkItem.active {
    background: url(../image/tr.png) left center no-repeat;
    background-size: 100% auto;
}


.driveMain {
    position: absolute;
    width: 350px;
    top: 47%;
    right: 8%;
    margin-top: -270px;
}

.driveMain h3 {
    margin-bottom: 50px;
    font-weight: normal;
}

.driveList {
}

.driveItem {
    margin-bottom: 17px;
    float: left;
    width: 100%;
}

.driveItem.selItem {
    width: 100%;
    display: block;
    height: 45px;
    line-height: 45px;
    border: none;
    padding: 0 1em; /* border-radius: 8px; */
    background: rgba(255, 255, 255, 0.9);
}

.driveItem.selItem select {
    width: 100%;
    line-height: 45px;
    border: none;
    height: 45px;
    background: none;
    color: #666666;
}

.driveItem.inputItem {
    width: 100%;
    display: block;
    border: none;
    padding: 0 1em; /* border-radius: 8px; */
    background: rgba(255, 255, 255, .9);
}

.driveItem.inputItem input {
    width: 100%;
    line-height: 40px;
    border: none;
    background: none;
    color: #666666
}

.driveItem.sexItem {
    padding: 17px 0;
    width: 100%;
}

.driveItem.sexItem span.sex {
    background: url(../image/cicle.png) left center no-repeat;
    background-size: auto 100%;
    padding-left: 7%; /* color: #fff; */
    padding-right: 8%;
    margin-left: 3%;
}

.driveItem.sexItem span.active {
    background: url(../image/cicle2.png) left center no-repeat;
    background-size: auto 100%;
}

.driveItem.smallDriveItem {
    width: 48%;
    float: left;
}

.driveItem.smallDriveItem2 {
    width: 48%;
    float: left;
    margin-left: 4%;
}

.driveItem.readyItem {
    background: #fff;
    padding: 4% 0; /* margin-bottom: 40px; */
}

.driveItem.readyItem span.zc {
    background: url(../image/cicle.png) left center no-repeat;
    background-size: auto 100%;
    padding-left: 6%;
    padding-right: 6%;
    margin-left: 3%;
    padding: 0.3% 6% 0.3% 6%;
}

.driveItem.readyItem span.zc.active {
    background: url(../image/cicle2.png) left center no-repeat;
    background-size: auto 100%;
}

.driveItem.readyItem a {
    color: #000000;
}

.driveItem.submitItem a.submit {
    background: #99003a;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    height: 45px;
    line-height: 45px; /* border-radius: 8px; */
}

.drive .driveMain {
    left: auto;
    left: 55%;
    margin-left: 7%;
}

.drive .driveItem.selItem, .drive .driveItem.inputItem {
    border-radius: 50px;
    border: 1px solid #999;
}

.drive .driveItem.readyItem a, .drive .driveItem.readyItem, .drive .driveItem.sexItem span.sex, .drive .driveItem.readyItem span.zc {
    color: #000;
}

.driveMain .driveItem.tipsItem {
    margin: 15px 0;
}

.slide1.animation .header {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide1.animation .kv_lo1 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide1.animation .kv_lo2 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide1.animation .kv_title {
    -webkit-animation: fadeInUp 0.8s 1 ease 0.2s forwards;
    animation: fadeInUp 0.8s 1 ease 0.2s forwards;
}

.slide1.animation .kv_car {
    -webkit-animation: fadeInRight 0.8s 1 ease 0.2s forwards;
    animation: fadeInRight 0.8s 1 ease 0.2s forwards;
}

.slide1.animation .kv_qr {
    -webkit-animation: fadeIn 0.8s 1 ease 0.2s forwards;
    animation: fadeIn 0.8s 1 ease 0.2s forwards;
}

.slide1.animation .kv_i1 {
    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;
    animation: fadeInDown 0.8s 1 ease 0s forwards;
}

.slide1.animation .kv_i2 {
    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;
    animation: fadeInDown 0.8s 1 ease 0s forwards;
}

.slide1.animation .kv_bottom {
    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;
    animation: fadeInDown 0.8s 1 ease 0s forwards;
}

.slide1.animation .nextP {
    -webkit-animation: fadeInDown 0.8s 1 ease 0.8s forwards;
    animation: fadeInDown 0.8s 1 ease 0.8s forwards;
}

.slide1.animation .nextP span {
    animation: next .5s linear infinite alternate;
    -webkit-animation: next .5s linear infinite alternate;
}

.slide2.animation .p5_t1 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide2.animation .p5_t2 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide3.animation .p2_t1 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide3.animation .p2_t2 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide3.animation .p2_t3 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

/*.slide2.animation .p2_r {*/
/*    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;*/
/*    animation: fadeInDown 0.8s 1 ease 0s forwards;*/
/*}*/

/* .slide2.animation .p2_tM1,.slide2.animation .p2_tM2,.slide2.animation .p2_tM3,.slide2.animation .p2_tM4{-webkit-animation:fadeIn 0.8s 1 ease 0.8s forwards; animation:fadeIn 0.8s 1 ease 0.8s forwards; } */


.slide4.animation .p3_t1 {
    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;
    animation: fadeInDown 0.8s 1 ease 0s forwards;
}

.slide4.animation .p3_t2 {
    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;
    animation: fadeInDown 0.8s 1 ease 0s forwards;
}

/*.slide3.animation .p3_t3 {*/
/*    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;*/
/*    animation: fadeInDown 0.8s 1 ease 0s forwards;*/
/*}*/

/*.slide3.animation .p3_t4 {*/
/*    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;*/
/*    animation: fadeInDown 0.8s 1 ease 0s forwards;*/
/*}*/

.slide5.animation .p4_t1 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t21 {
    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;
    animation: fadeInDown 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t22 {
    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;
    animation: fadeInDown 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t4 {
    -webkit-animation: fadeInRight 0.8s 1 ease 0s forwards;
    animation: fadeInRight 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t5 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t6 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t7 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t8 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t9 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t10 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t11 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t12 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t13 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide5.animation .p4_t14 {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

/* .slide4.animation .p4_tM1,.slide4.animation .p4_tM2{-webkit-animation:fadeIn 0.8s 1 ease 0.7s forwards; animation:fadeIn 0.8s 1 ease 0.7s forwards; } */
/* .slide3.animation .p3_tM1,.slide3.animation .p3_l1,.slide3.animation .p3_tM4,.slide3.animation .p3_l2{-webkit-animation:fadeInLeft 0.8s 1 ease 0s forwards; animation:fadeInLeft 0.8s 1 ease 0s forwards;}
.slide3.animation .p3_tM2,.slide3.animation .p3_r1,.slide3.animation .p3_tM3,.slide3.animation .p3_r2{-webkit-animation:fadeInRight 0.8s 1 ease 0s forwards; animation:fadeInRight 0.8s 1 ease 0s forwards;} */

/* .slide3.animation .p3_l1{-webkit-animation:fadeInUp 0.8s 1 ease 0s forwards; animation:fadeInUp 0.8s 1 ease 0s forwards;}
.slide3.animation .p3_r1{-webkit-animation:fadeInRight 0.8s 1 ease 0s forwards; animation:fadeInRight 0.8s 1 ease 0s forwards;}
.slide3.animation .p3_l2{-webkit-animation:fadeInLeft 0.8s 1 ease 0s forwards; animation:fadeInLeft 0.8s 1 ease 0s forwards;}
.slide3.animation .p3_r2{-webkit-animation:fadeInDown 0.8s 1 ease 0s forwards; animation:fadeInDown 0.8s 1 ease 0s forwards;}
.slide3.animation .p3_tM1,.slide3.animation .p3_tM2,.slide3.animation .p3_tM4,.slide3.animation .p3_tM3{-webkit-animation:fadeIn 0.8s 1 ease 0.7s forwards; animation:fadeIn 0.8s 1 ease 0.7s forwards; } */



/*.slide5.animation .p5_t3 {*/
/*    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;*/
/*    animation: fadeInUp 0.8s 1 ease 0s forwards;*/
/*}*/

/* .slide5.animation .p5_r{-webkit-animation:fadeInRight 0.8s 1 ease 0s forwards; animation:fadeInRight 0.8s 1 ease 0s forwards;}
.slide5.animation .p5_tM1,.slide5.animation .p5_tM2,.slide5.animation .p5_tM3,.slide5.animation .p5_tM4{-webkit-animation:fadeIn 0.8s 1 ease 0.7s forwards; animation:fadeIn 0.8s 1 ease 0.7s forwards; } */

.slide6.animation .p6_t1 {
    -webkit-animation: fadeInRight 0.8s 1 ease 0s forwards;
    animation: fadeInRight 0.8s 1 ease 0s forwards;
}

.slide6.animation .p6_t2 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

/*.slide6.animation .p6_t3 {*/
/*    -webkit-animation: fadeInRight 0.8s 1 ease 0s forwards;*/
/*    animation: fadeInRight 0.8s 1 ease 0s forwards;*/
/*}*/

/*.slide6.animation .p6_i {*/
/*    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;*/
/*    animation: fadeInLeft 0.8s 1 ease 0s forwards;*/
/*}*/

/*.slide6.animation .p5_r {*/
/*    -webkit-animation: fadeInRight 0.8s 1 ease 0s forwards;*/
/*    animation: fadeInRight 0.8s 1 ease 0s forwards;*/
/*}*/

/* .slide6.animation .p6_tM1{-webkit-animation:fadeIn 0.8s 1 ease 0.8s forwards; animation:fadeIn 0.8s 1 ease 0.8s forwards; }
.slide6.animation .p6_tM2{-webkit-animation:fadeIn 0.8s 1 ease 0.8s forwards; animation:fadeIn 0.8s 1 ease 0.8s forwards; } */


/* .p6_t1{position: absolute;top: 50%;left: 15%;margin: -20% 0 0 0;width: 23%;}
.p6_i{position: absolute;top: 50%;left: 5%;margin: -11% 0 0 0;width: 40%;}
.p5_r{position: absolute;top: 50%;right: 5%;margin: -13% 0 0 0;width: 50%;} */


.slide8.animation .slideTitle {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide8.animation .configMain {
    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;
    animation: fadeInDown 0.8s 1 ease 0s forwards;
}


/*.slide8.animation .pn_t {*/
/*    -webkit-animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*    animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*}*/

/*.slide8.animation .pn_i {*/
/*    -webkit-animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*    animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*}*/

/*.slide8.animation .pn_t1 {*/
/*    -webkit-animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*    animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*}*/

/*.slide8.animation .pn_i1 {*/
/*    -webkit-animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*    animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*}*/

/*.slide8.animation .nyt {*/
/*    -webkit-animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*    animation: fadeIn 0.8s 1 ease 0s forwards;*/
/*}*/

.slide9.animation .slideTitle {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide9.animation .test_c {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide9.animation .p10_1 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide9.animation .p10_2 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide9.animation .p10_3 {
    -webkit-animation: fadeInLeft 0.8s 1 ease 0s forwards;
    animation: fadeInLeft 0.8s 1 ease 0s forwards;
}

.slide9.animation .driveMain {
    -webkit-animation: fadeIn 0.8s 1 ease 0.7s forwards;
    animation: fadeIn 0.8s 1 ease 0.7s forwards;
}


.slide10.animation .serviceList {
    -webkit-animation: fadeInUp 0.8s 1 ease 0s forwards;
    animation: fadeInUp 0.8s 1 ease 0s forwards;
}

.slide10.animation .footer {
    -webkit-animation: fadeInDown 0.8s 1 ease 0s forwards;
    animation: fadeInDown 0.8s 1 ease 0s forwards;
}


.tabelSwiper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tabelSwiper .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto
}

.swiper-scrollbar {
    position: absolute;
    height: 100%;
    width: 4px;
    right: -10px;
    top: 0;
    z-index: 2;
}

.swiper-scrollbar-drag {
    background: url(../image/scroll.png) center center no-repeat;
    background-size: contain;
    width: 10px;
    left: -3px;
}

table td em, .configTips em {
    font-size: 2em;
    font-style: normal;
    line-height: 0.5em;
    vertical-align: text-bottom;
}

.mCSB_scrollTools .mCSB_dragger {
    background: url(../image/scroll.png) center center no-repeat;
    background-size: cover;
    width: 10px;
    left: 3px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    opacity: 0;
}

/*.slide2 .swiper-pagination-bullet, .slide6 .swiper-pagination-bullet {*/
/*    background: #919192;*/
/*    width: 18px;*/
/*    height: 18px;*/
/*    margin: 0 1.5%;*/
/*    opacity: 1;*/
/*}*/

/*.slide2 .swiper-pagination-bullet.swiper-pagination-bullet-active, .slide6 .swiper-pagination-bullet.swiper-pagination-bullet-active {*/
/*    background: #950030;*/
/*    width: 18px;*/
/*    height: 18px;*/
/*}*/

/*.slide2 .swiper-pagination {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 5%;*/
/*    margin: 19% 0 0 0;*/
/*    width: 35%;*/
/*}*/

/*.slide6 .swiper-pagination {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: -1%;*/
/*    margin: 20% 0 0 0;*/
/*    width: 45%;*/
/*}*/

@media screen and ( max-height: 850px ) {

    .carCar {
        position: absolute;
        top: 50%;
        width: 40%;
        left: 29.5%;
        margin: -8% 0 0 0;
    }

    .carsItem {
        position: absolute;
        width: 34%;
        left: 33%;
        top: 50%;
        margin-top: 10.5%;
        z-index: 2;
    }
}


@-webkit-keyframes fadeIn2 {
    0% {
        opacity: 0;
        left: 0;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
        left: 0;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}