.car_drive_box{
    display: flex;
    position: relative;
    margin-top: .8rem;
    height: calc(100vh - 0.8rem);
    overflow: hidden;
    align-items: center;
    justify-content: flex-end;
    padding-right: 1.4rem;
}
.test-drive-kv{
    width:100%;
   position: absolute;
    left: 0;
    top: 0;
    height: 100%
}
.car_drive_box_mobile_title{
    font-size: 0.42rem;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.unsame-mg{
    width:55%;
    position: relative;
}


.backdrop-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    /* background-color: rgba(0,0,0,0.4); */
    display: none;
}
.test-drive-kv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.test-drive-area {
    position: relative;
    width: 32%;
}

.test-drive-area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: saturate(180%) blur(30px);
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    background-color: rgba(255,255,255,.7);
    box-shadow: 0px 5.2px 12.8px rgba(0, 0, 0, 0.02),
        0px 11.4px 22.9px rgba(0, 0, 0, 0.029),
        0px 19.5px 30.4px rgba(0, 0, 0, 0.036),
        0px 30.8px 36.1px rgba(0, 0, 0, 0.042),
        0px 47.8px 41.3px rgba(0, 0, 0, 0.05),
        0px 76.9px 49.5px rgba(0, 0, 0, 0.062),
        0px 149px 80px rgba(0, 0, 0, 0.09);
}

.appointment{
    padding: .65rem .47rem;
    position: relative;
    z-index: 1;
}
.appointment h4{
    color:#333;
    line-height: 1;
    margin-bottom:.4rem;
    font-size: .32rem;
    font-weight: normal
}
.unsame-area .appointment h4{
    padding-top: .3rem;
}
.appointment .d-center{
    text-align:center;
}
.driveform .rowmain{
    margin-bottom:0.24rem;
}
/* .driveform .rowmain:nth-child(1),.driveform .rowmain:nth-child(3){
    margin-bottom:0.43rem;
}
.driveform .rowmain:nth-child(2),.driveform .rowmain:nth-child(4){
    margin-bottom:0.16rem;
} */
/* .rowmain:nth-child(4){
    border-bottom:none;
} */
.rowmain{
    position: relative;
    line-height:.5rem;
    /* background:red; */
    border-bottom:0.01rem solid #8c8c8c;
}
.rowmain.select-row-city,
.rowmain.form-radios{
    padding-left: .16rem;
}
/* .same-name{
    border-bottom:0.01rem solid #ccc;
} */
.rowmain .m-select + .m-select{
    margin-top:inherit;
}
.same-phone,.same-name,.same-code{
    line-height:0.5rem;
}
.unneed{
    cursor: pointer;
}
.same-half{
    width:3.5rem;
}
.m-select .text-box {
    position: relative;
    z-index: 2;
    padding-left:0;
    border:none;
    font-size: .18rem;
    color: #464646;
    font-weight: 300;
}
.m-select .select-down-ul li:hover {
    color:#000;
    background:#f3f3f3;
}
.m-select .select-down-ul {
}
.m-select .val-name::after{
    border:none;
    width: 0.14rem;
    height: 0.1rem;
    right: 0;
    background:url(../../images/test-drive/arrow-new.png) center center no-repeat;
    background-size:100%;
    transform-origin: center center;
    transition: all .2s linear;
}
.country-select2 .val-name::after{
    right: .16rem;
}
.rowmain.select-row-city .val-name{
    padding-left: 0
}
.form-error{
    left: 0;
    font-size: .16rem;
    font-weight: 300
}
.same-province{
    position: relative;
}
.same-province:before {
    content: '';
    position: absolute;
    top:0.15rem;
    right:0;
    width:0.01rem;
    height:0.22rem;
    background:#999;
}
.same-province,
/* .same-name, */
.same-phone{
    float:left;
}
.same-city,.form-radios,.same-code{
    float:left;
}
.rowmain.form-radios{
    border: none;
}
.rowmain.form-radios label{
    display: inline-block;
    cursor: pointer;
    line-height: .18rem;
    margin-right:.6rem;
    position: relative;
}
.rowmain.form-radios label input{
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}
.rowmain.form-radios label span{
    padding-left: .5rem;
    background: url(../../images/test-drive/radio.png) left center no-repeat;
    background-size: auto 76%;
}
.rowmain.form-radios input:checked+span{
    padding-left: .5rem;
    background: url(../../images/test-drive/radio-active.png) left center no-repeat;
    background-size: auto 76%;
}
.select-down-ul{
    display:none;
}
.jxs-select li{
    padding:.05rem .2rem;
}
.jxs{
    position: relative;
    margin: 0.2rem 0.5rem 0.1rem 0.1em;
}
.m-seat{
    position: absolute;
    top:0.01rem;
    right:0;
}
.jxs h6{
    font-size:.16rem;
    margin-bottom:.15rem;
}
.jxs p,.m-seat span{
    position: relative;
    display:inline-block;
    font-size:0.14rem;
    color:#999;
}
.m-seat span::before{
    content:'';
    position: absolute;
    top:0.02rem;
    left:-0.25rem;
    width:0.14rem;
    height:0.17rem;
    background: url(../../images/test-drive/drive-seat.png) left center no-repeat;
    background-size:100%;
}
.jxs-select li:hover .m-seat span::before{
    background: url(../../images/test-drive/drive-seat-active.png) left center no-repeat;
    background-size:100%;
}
.jxs-select li:hover .jxs h6,.jxs-select li:hover .jxs .m-seat span{
    color:#d7000f;
}
.same-phone{
    position: relative;
}
.same-phone .getCode{
    position: absolute;
    top:0;
    right:0.12rem;
    color:#d7000f;
    display:inline-block;
    cursor: pointer;
}

.rowmain .inputStyle{
    width:100%;
    height:.5rem;
    border:none;
    outline:none;
    background:none;
    padding-left: 0;
    font-size: .18rem;
    font-weight: 300;
}
.rowmain .inputStyle::placeholder {
    color:#ababab;
}
.enquiry-policy{
    display: flex;
    align-items: center;
    padding-left: 0
}
.enquiry-policy .agree-btn{
    width: .24rem;
    height: .24rem;
    display: block;
    position: static;
    margin-right: 0.1rem;
}
.enquiry-policy .agree-btn.active{
    background-image: url(../../images/test-drive/agree-new.png) !important;
    background-size: 100% 100% !important;
    background-color: transparent !important;
}
.enquiry-policy .form-error{
    left: .35rem;
    font-weight: .16rem
}
.explain{
    position: relative;
    margin-top:0.2rem;
}
.enquiry-policy p{
    font-size: .18rem;
    color: #ababab;
    font-weight: 300;
}
.enquiry-policy p a{
    color: #111;
    text-decoration: underline
}
.explain span{
    color:#999;
    line-height:1.7;
}
.checkStyle{
    position: relative;
    display:block;
    margin-left:0.06rem;
}
.checkStyle input {
    opacity: 0;
    position: absolute;
}
.checkStyle input[type=checkbox]{
    -webkit-appearance: checkbox;
}
.form-checkbox .agree-text em{
    display:inline-block;
    font-style:normal;
    margin-top:-0.08rem;
    font-weight: normal;
}
.form-checkbox .agree-text{
    padding-left:.5rem;
    display:inline-block;
    background: url(../../images/test-drive/agreeon.jpg) left top no-repeat;
    background-size:.18rem;
    cursor:pointer;
}
.form-checkbox .agree-text a {
    color:#d7000f;
}
.form-checkbox input:checked+.agree-text{
    display:inline-block;
    background: url(../../images/test-drive/agree.jpg) left top no-repeat;
    background-size:.18rem;
}
.same-btn{
    /* margin:.3rem auto 0; */
    margin:.62rem 0rem 0;
    text-align:center;
}
.same-btn .btn-submit{
    width:100%;
    display: block;
    margin: 0 auto;
    line-height: .5rem;
    outline:none;
    border:none;
    cursor: pointer;
    border-radius: 0 !important;
    font-size: .16rem;
    background: #5d646b;
    position: relative;
    color: #fff
}
.same-btn .btn-submit span{
    color: #fff;
    position: relative;
    z-index: 1
}
.same-btn .btn-submit::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #3e4247;
	transition: transform .9s cubic-bezier(0.165,0.84,0.44,1);
	transform: scaleX(0);
	transform-origin: right;
	z-index: 0;
}
.same-btn .btn-submit:hover span{
	color: #fff;
}
.same-btn .btn-submit:hover::after{
	transform: scaleX(1);
	transform-origin: left;
}
.mb-drive-kv img{
    width:100%;
}
.select-down-ul li{
    font-weight: 300 !important;
    margin: 0.1rem 0 !important;
    line-height: 1.6 !important;
}
.country-select4 .select-down-ul {
    max-height: 3.6rem;
}
    



@media (max-width: 767px){
    .country-select4 .select-down-ul {
        max-height: 7rem;
    }
    .select-down-ul li{
        font-weight: normal !important
    }
    .banner-pr{
        padding: 0 .5rem;
    }
    .banner-pr h3{
        text-align: center;
        font-size: .44rem;
        margin-bottom: .54rem;
        font-weight: normal;
        margin-top: .4rem;
    }
    .driveform .car_form_table{
        margin-top:.2rem;
    }
    /* .m-select .val-name {
        font-size: .26rem;
    } */
    /* .select-row-city{
        margin-top: .16rem;
    } */
    .test-drive-area{
        float:none;
        width: 100%;
    }
    .appointment{
        width:100%;
        padding-top:inherit;
        padding: 0 0.5rem .9rem;
    }
    .appointment .driveform{
        width: 100%;
        margin: 0 auto;
    }
    .appointment h4{
        width: 86%;
        text-align:center;
    }
    .driveform{
        margin-top:.75rem;
    }
    .same-half{
        width:100%;
    }
    .mb-seven{
        height:.77rem;
    }
    .m-select .text-box,.mb-seven .inputStyle,.mb-seven label{
        padding-left:0rem;
    }
    .country-select2 .val-name::after{
        right: 0
    }
    /* .rowmain:nth-child(2),.rowmain:nth-child(4),.rowmain:nth-child(5){ */
    /* .rowmain:nth-child(2),.rowmain:nth-child(4){ */
    /* .rowmain:nth-child(2){
        border:none;
    } */
    /* .rowmain:nth-child(2) .mb-seven{
        margin-bottom:0.15rem;
    } */
    /* .rowmain .same-city, */
    .rowmain .same-province,.rowmain.form-radios,.rowmain .same-phone,.rowmain .same-code{
        border-bottom:0.01rem solid #ccc;
    }
    .same-phone .getCode{
        top:0.1rem;
    }
    .same-province:before, .same-phone:before{
        content:none;
    }
    .same-province,.same-name,.same-phone,.same-city,.same-sex,.same-code{
        float:none;
    }
    .form-radios{
        margin-top:0.3rem;
    }
    .same-city,.same-code{
        margin-top:0.25rem;
    }
    .driveform .rowmain:nth-child(1), .driveform .rowmain:nth-child(3){
        margin-bottom:0.6rem;
    }
    .ui-radio-el{
        padding-top:0.25rem;
        margin-bottom:0.1rem;
    }
    .form-checkbox .agree-text {
        background-size: .3rem;
        padding-left: .5rem;
        font-size: .2rem;
        /* background-position: 0 0; */
    }
    /* .form-checkbox input:checked+.agree-text {
        background-size: .3rem .3rem;
        background-position: . 0;
    } */
    .form-checkbox .agree-text em{
    }
    .rowmain.form-radios label{
        margin-right:1.5rem;
    }
    .same-btn .btn-submit{
        width:100%;
        line-height: .8rem;
        background-color: #424a52;
        color:#fff;
        height: .8rem;
        font-size: .28rem;
    }
    .car_drive_box{
        flex-direction: column;
        margin-top: 1.5rem;
        height: auto;
        padding-right: 0
    }
    /*移动端预约试驾调整*/
    .driveform .car_form_table{
        margin-top:1rem;
    }
    .explain{
        margin-top:.3rem;
    }
    .explain span{
        line-height:1.88;
    }
    .checkStyle{
        margin-left:0;
    }
    .rowmain{
        border-bottom:1px solid #ccc;
    }
    .mb-seven{
        height:inherit;
        line-height:.8rem;
    }
    .same-phone .getCode{
        top:0;
    }
    .form-radios{
        margin-top:0;
        /* padding-top:.2rem; */
        line-height:.8rem;
        border-bottom:0!important;
    }
    .rowmain.form-radios label span{
        padding-left:.4rem;
        background-size:auto 76%;
    }
    .rowmain.form-radios input:checked+span{
        padding-left:.4rem;
        background-size:auto 76%;
    }
    .m-select .val-name{
        line-height:.8rem;
        font-size: .28rem;
        font-weight: normal
    }
    .m-select .val-name::after{
        width: .24rem;
        height: .14rem;
    }
    /*  .rowmain .same-city, */
    .rowmain .same-province, .rowmain.form-radios, .rowmain .same-phone, .rowmain .same-code,.same-name{
        border-bottom:1px solid #ccc;
    }
    .form-checkbox .agree-text,.form-checkbox input:checked+.agree-text{
        background-size:.26rem;
    }
    .rowmain .inputStyle{
        height: .8rem;
        line-height:.8rem;
        font-size: .28rem;
        font-weight: normal
    }
    .enquiry-policy p{
        font-size: .25rem;
    }
    .enquiry-policy .agree-btn{
        width: .4rem;
        height: .4rem;
        margin-right: .2rem;
    }
    .form-error{
        font-size: .25rem;
    }
.select-row-city .form-error{
    left: 0
}
    .enquiry-policy{
        margin-top: .5rem
    }
    .same-btn{
        margin: 1rem 0rem 0;
    }
    .driveform .rowmain:nth-child(1), .driveform .rowmain:nth-child(3){
        margin-bottom:.4rem;
        float: none
    }
    .rowmain:nth-child(2) .mb-seven,
    .driveform .rowmain:nth-child(2),
    .driveform .rowmain:nth-child(4){
        /* margin-bottom:0; */
        padding-left: 0;
    }
    .rowmain .m-select + .m-select,
    .same-city, .same-code{
        margin-top:0;
    }

    body > div.full_container > section > div.test-drive-area > div.appointment > div > form > div.font-text-18pt.clearfix > div.rowmain.w50.same-half.same-name.mb-seven{
        float: inherit;
    }
}