/* @media (max-width: 1600px) {
    html {
        font-size: 160px;
    }
} */


@media (max-width: 1440px) {
    html {
        font-size: 144px;
    }

    .con-two-title {
        height: 65px;
        font-size: 0.16rem !important;
    }
}


@media (min-width: 1440px) {

    .slide-video {
        width: 63% !important;
    }

    .driving-con-two {
        padding-top: .8rem !important;
    }

    .config-type-list li i {
        width: 30px !important;
        height: 30px !important;
    }

    .car-title-box .btn-sj,
    .button-orange-style {
        font-size: 16px;
    }

    /* #st-swiper .swiper-pagination-bullet,
    .st-lightspot-box .one-st-spot {
        width: 175px !important;
    } */

    .video-info {
        /* width: 48% !important; */
        font-size: 18px !important;
    }

    .cmca_config .config-info-left h3 {

        margin: 10px 0;
    }

    .upholstery .up-note {
        font-family: "汉仪中等线简";
        color: rgba(0, 0, 0, 0.6);
        line-height: 14px;
        /*padding-left: 150px;*/
        /*left: 0.05rem;*/
        /*left: 1.1rem;*/
        z-index: 5;
    }

    /* kv轮播图 */

    .kv {
        overflow: hidden;
    }

    .kv .swiper-container {
        width: 100%;
        height: 900px;
        overflow: hidden;
    }

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

    .kv .swiper-slide>img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .kv #swiper-container-banner {
        position: relative;
    }

    /* 视频盒子 */

    .kv .video-box {
        width: 320px;
        height: 180px;
    }

    .kv .video-box video {
        display: block;
        width: 100%;
        height: 100%;
    }


    /* 轮播图文字内容 */
    .kv .car-title-box {
        position: absolute;
        left: 126px;
        bottom: 282px;
        color: #FFFFFF;
        z-index: 200;
    }

    .contain .kv .car-title {
        font-size: 45px;
        line-height: 40px;
        font-family: "汉仪大黑简";
    }

    .contain .kv .car-title-two {
        font-size: 35px;
        line-height: 35px;
        margin-top: 10px;
        font-family: "汉仪大黑简";
    }

    .contain .kv .car-title-three {
        font-size: 25px;
        line-height: 32px;
        margin-top: 22px;
        font-family: "汉仪中黑简";
    }



    /* 试驾btn */
    #sj-btn-box {
        width: 0.77rem;
        height: 0.66rem;
    }

    /* .kv .sj-btn-box {
        width: 172px;
        height: 50px;
        margin-top: 30px;
        cursor: pointer;
    }

    .contain .kv .sj-btn-box img {
        display: block;
        width: 100%;
        height: 100%;
    } */

    .kv #swiper-container-banner .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        background: #ffffff;
        border-radius: 50%;
        overflow: hidden;
        opacity: 1;
    }

    .kv #swiper-container-banner .swiper-pagination-bullet-active {
        background: #FDBB18;
    }


    /* 试驾预约模块 */
    .contain .cmca_sj {
        position: relative;
    }

    #cmca_sj .sj-img {
        width: 100%;
        height: 100vh;
    }

    #cmca_sj .sj-img img {
        display: block;
        width: 100%;
        height: 100%;
    }


    #cmca_sj .sj-title-box {
        color: #FFFFFF;
        position: absolute;
        left: 120px;
        top: 120px;
        box-sizing: border-box;
    }



    .contain .sj-title {
        font-size: 35px;
        line-height: 35px;
        font-family: "汉仪大黑简";
    }

    .contain .sj-title-two {
        font-size: 25px;
        line-height: 32px;
        margin-top: 10px;
        font-family: "汉仪中黑简";
    }


    /* 试驾预约form */
    .contain .sj-yuyue {
        font-size: 24px;
        line-height: 24px;

    }

    .contain .sj-msg-title {

        font-size: 14px;
        line-height: 15px;
    }

    .contain .sj-msg-title-two {
        font-size: 11px;
        line-height: 18px;
    }

    .contain .sub {
        font-size: 10px;
        line-height: 13px;
    }

    .contain select {
        font-size: 14px;
        line-height: 18px;
    }


    /* 360看车 */
    .contain .cmca_experience {
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .contain .watch-car {
        width: 100%;
        /*height: 100vh;*/
    }

    .contain .watch-car img {
        display: block;
        width: 100%;
        height: 100%;
    }

    /* 车型亮点模块 */

    #cmca_lightspot {
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    #cmca_lightspot .swiper-container-two {
        width: 100%;
        height: 100vh;
        overflow: hidden;
        position: relative;
    }

    #cmca_lightspot .swiper-container-two img {
        display: block;
        width: 100%;
        height: 100%;
    }

    #cmca_lightspot .swiper-pagination-two {
        position: absolute;
        top: 177px;
        left: 126px;
    }


    .contain #cmca_lightspot .swiper-pagination-bullet {

        width: 228px;
        height: 4px;
        border-radius: 0;
        margin: 0;
        padding: 0;
        margin-right: 8px;
        background: rgba(255, 255, 255, 0.4);
    }

    .contain #cmca_lightspot .swiper-pagination-bullet-active {
        background: #FDBB18;
    }

    #cmca_lightspot .swiper-slide {
        position: relative;
    }

    .contain #cmca_lightspot .lightspot-nav-box {
        display: flex;
        position: absolute;
        top: 195px;
        left: 126px;
        z-index: 200;
    }

    .contain #cmca_lightspot .lightspot-name {
        width: 228px;
        height: 4px;
        text-align: left;
        margin: 0;
        padding: 0;
        margin-right: 8px;
        margin-top: 15px;
        font-size: 18px;
        line-height: 18px;
        font-family: "汉仪中黑简";
        color: #FFFFFF;
        cursor: pointer;
    }

    #cmca_lightspot .car-msg-box {
        position: absolute;
        top: 70px;
        left: 126px;
        color: #FFFFFF;
    }


    #cmca_lightspot .contain .car-name {
        font-size: 35px;
        line-height: 35px;
    }

    #cmca_lightspot .contain .car-name-two {
        font-size: 25px;
        line-height: 32px;
        margin-top: 10px;
        font-family: "汉仪大黑简";
        color: #FFFFFF;
    }

    #cmca_lightspot .car-msg {
        /* width: 415px; */
        margin-top: 106px;
        font-size: 18px;
        line-height: 30px;
        font-family: "汉仪中黑简";
        color: #FFFFFF;
    }


    #cmca_lightspot .know-btn-box {
        position: absolute;
        top: 608px;
        left: 127px;
        width: 172px;
        height: 50px;
        z-index: 999;
    }

    #cmca_lightspot .know-btn-box img {
        display: block;
        width: 100%;
        height: 100%;
    }

    #cmca_lightspot .lightspot-nav-box {
        display: flex;
    }


    .contain .swiper-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 78px;
        height: 78px;
        z-index: 3;
        border-radius: 50%;
        outline: none;
    }

    #cmca_lightspot .swiper-button img {
        display: block;
        width: 100%;
        height: 100%;
    }



    #cmca_lightspot .last-btn {
        position: absolute;
        left: 36px;
        top: 0rem;
        bottom: 0rem;
        margin: auto;
    }

    #cmca_lightspot .next-btn {
        position: absolute;
        right: 36px;
        top: 0rem;
        bottom: 0rem;
        margin: auto;
    }

    #cmca_lightspot .swiper-button .dn {
        display: none;
    }


    /* 图片和视频模块 */


    #cmca_pv {
        position: relative;
        overflow: hidden;
    }


    #cmca_pv .type-wrap {
        /* position: absolute; */
        /* top: 20px; */
        /* text-align: center;
        left: 548px; */
        /* margin: auto; */
        font-size: 25px;
        line-height: 36px;
        font-family: "汉仪中等线简";
        font-weight: 600;
        color: #FFFFFF;
        z-index: 3;
    }



    #cmca_pv .type-box {
        display: flex;
        margin: 0 auto;
    }


    #cmca_pv .one-type {
        margin-right: 49px;
        margin-left: 49px;
    }

    #cmca_pv .line {
        display: block;
        width: 44px;
        height: 5px;
    }

    #cmca_pv .line-active {
        background: #FDBB18;
    }

    .last-btn-two {
        position: absolute;
        left: 36px;
        top: 0rem;
        bottom: 0rem;
        margin: auto;

    }

    .next-btn-two {
        position: absolute;
        right: 36px;
        top: 0rem;
        bottom: 0rem;
        margin: auto;
    }

    .last-btn-two .dn,
    .next-btn-two.dn {
        display: none;
    }

    #note {
        width: 100%;
        height: 153px;
        display: flex;
        justify-content: space-between;
        padding: 40px 126px;
        box-sizing: border-box;
        background: #000000;
    }

    #note .one-note img {
        display: block;
        width: 28px;
        height: 28px;
        margin-right: 17px;
    }



    .contain #cmca_lightspot .lightspot-name,
    .contain .last-lightspot {
        font-size: 18px;
        line-height: 18px;
        cursor: pointer;
    }



    .contain .car-msg {
        font-size: 18px;
        line-height: 30px;
    }

    .contain .type-wrap {
        font-size: 25px;
        line-height: 36px;
    }

    #note .note-icon-msg p:first-child {
        font-size: 25px;
        line-height: 25px;

    }

    #note .note-icon-msg p:last-child {
        font-size: 16px;
        line-height: 16px;
    }

    /* 弹窗 */
    /* 外观内饰弹窗模块 */
    #car-image .car-image-title-one {
        font-size: 35px;
        line-height: 35px;
    }

    #car-image .car-image-title-two {
        font-size: 18px;
        line-height: 26px;

    }

    #car-image .car-image-name-box {
        font-size: 25px;
        line-height: 25px;
    }

    #car-image .lightspot-name {
        font-size: 18px;
        cursor: pointer;
    }

    #car-image .lightspot-msg {
        font-size: 14px;
        line-height: 14px;
    }

    #car-image .upholstery-title-one {
        font-size: 25px;
        line-height: 25px;

    }

    #car-image .upholstery-title-two {
        font-size: 14px;
        line-height: 14px;
        margin-top: 20px;
    }


    .test-drive p:first-child,
    .next-lightspot p:first-child {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    .test-drive p:nth-child(2),
    .next-lightspot p:nth-child(2) {
        font-size: 35px !important;
        line-height: 32px !important;
    }

    .test-drive p:last-child,
    .next-lightspot p:nth-child(3) {
        font-size: 16px !important;
        line-height: 16px !important;
    }

    #car-image .slide-msg {
        font-size: 20px;
        line-height: 32px;

    }

    #science-technology .science-technology-title-one {
        font-size: 35px;
        line-height: 35px;

    }

    #science-technology .science-technology-title-two {
        font-size: 18px;
        line-height: 26px;
    }

    #science-technology .st-title-one {
        font-size: 25px;
        line-height: 25px;
    }

    #science-technology .st-title-two {
        font-size: 18px;
        line-height: 26px;
    }

    #science-technology .st-lightspot-box {
        font-size: 20px;
        line-height: 20px;

    }

    #science-technology .ty-title {
        font-size: 24px;
        line-height: 25px;
    }

    #science-technology .ty-box-title {
        font-size: 24px;
        line-height: 25px;
    }

    #science-technology .ty-box-msg {
        font-size: 18px;
        line-height: 26px;
    }

    #driving .driving-title-one {
        font-size: 35px;
        line-height: 35px;
    }

    #driving .driving-title-two {
        font-size: 18px;
        line-height: 26px;
    }

    #driving .driving-spot {
        font-size: 25px;
        line-height: 25px;
    }

    #driving .driving-spot-title {
        font-size: 20px;
        line-height: 20px;
    }

    #driving .driving-spot-msg {
        margin-top: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    #driving .one-msg p:first-child {
        font-size: 35px;
        line-height: 32px;
    }

    #driving .one-msg p:last-child {
        font-size: 18px;
        line-height: 32px;
    }


    #driving .con-two-title {
        font-size: 24px;
        line-height: 36px;
        font-family: "汉仪大黑简";
    }

    #driving .con-two-title-two {
        font-size: 20px;
        line-height: 26px;

    }

    #driving .con-two-msg {
        font-size: 18px;
        line-height: 30px;
        font-family: "汉仪中等线简";
    }


    #safety .safety-title-one {
        font-size: 35px;
        line-height: 35px;
    }

    #safety .safety-title-two {
        font-size: 18px;
        line-height: 26px;
    }

    #safety .safety-st-title {
        font-size: 25px;
        line-height: 26px;
    }


    #safety .safety-st-title p:first-child {
        font-size: 25px;
        line-height: 25px;
    }

    #safety .safety-st-title span {
        font-size: 18px;
        line-height: 26px;
    }

    #safety .safety-all-mv {
        font-size: 18px;
        line-height: 26px;
    }

    #safety .safety-mv-title p:first-child {
        font-size: 25px;
        line-height: 25px;
    }

    #safety .safety-mv span {
        font-size: 18px;
        line-height: 26px;
    }

    #safety .safety-lr-title p:first-child {
        font-size: 25px;
        line-height: 25px;
    }

    #safety .safety-lr-title span {
        font-size: 18px;
        line-height: 26px;
    }

    /* 可靠品质模块 */
    #quality .driving-title-one {
        display: block;
        font-family: "汉仪大黑简";
        font-size: 35px;
        line-height: 35px;
    }

    #quality .driving-title-two {
        font-size: 18px;
        line-height: 26px;
        display: block;
        width: 896px;
        font-family: "汉仪中黑简";
    }

    .four-qu {
        width: 100%;
        height: 100vh;
        padding-top: 65px;
        box-sizing: border-box;
        background: url("../img/4q-bg.png");
        background-size: cover;
        position: relative;
    }

    .four-qu-title {
        text-align: center;
        font-family: "汉仪中黑简";
        z-index: 100;
        color: rgba(0, 0, 0, 0.85);
    }


    #quality .four-qu-title p:first-child {
        font-size: 25px;
        line-height: 25px;

    }

    #quality .four-qu-title span {
        font-size: 18px;
        line-height: 22px;
        display: inline-block;
        font-family: "汉仪大黑简";
        /* color: rgba(0, 0, 0, 0.85); */
        line-height: 0.18rem;
    }

    #quality .four-qu-spot .one-spot p {
        font-size: 20px;
        line-height: 20px;
    }

    #quality .four-qu-spot .one-spot span {
        font-size: 18px;
        line-height: 22px;
    }

    .road-condition-spot .one-spot span {
        font-size: 18px;
        line-height: 22px;
    }

    .driving-img-box img {
        margin: 0 auto .1rem;
    }

}


@media (max-width: 1600px) {
    #science-technology .st-lightspot-box {
        font-size: 18px !important;
        line-height: 18px !important;
    }

    .slide-video {
        width: 69% !important;
    }
}

@media (max-width: 1366px) {
    /* #cmca_pv #gallery-thumbs {
        width: 59% !important;
    }

    #cmca_pv #ns-gallery-thumbs {
        width: 59% !important;
    } */

    .block-box {
        height: 440px;
    }

    .slide-video {
        width: 55% !important;
    }

    /* .banner-video video,.light_slide video{
        object-fit: cover !important;
    } */
    .black-mask-box {
        display: none !important;
    }

    .black-mask-small {
        display: block !important;
    }

    #science-technology .st-lightspot-box {
        font-size: 0.125rem !important;
    }

    #details .change-btn-box {
        left: 6.283333rem !important;
    }

    #turn_car {
        height: 72vh !important;
        bottom: 18% !important;
        bottom: 4% !important;
    }

    .safety-new-box {
        padding-top: 0.2rem !important;
    }

    #details .swiper-slide {
        /* width: 6.5rem !important; */
        height: auto !important;
    }

    /* .video-swiper-box .swiper-slide::after {
        background: url(../img/video-mb-1280.png) no-repeat left top !important; 
        background-size: 100% 100% !important;
    }*/



    .st-lightspot-box {
        left: 16.5% !important;
    }

    .video-swiper-container {
        height: 100vh !important;
    }

    #st-swiper .video-swiper-box .video-info {
        position: absolute;
        padding-right: .208333rem !important;
        box-sizing: border-box;
        top: 2.083333rem;
        right: 0 !important;
        z-index: 99;
    }

    html {
        font-size: 136px;
    }

    .four-qu {
        padding-top: 0.27rem !important;
    }

    .four-qu-spot-text {
        bottom: 0.16rem !important;
    }

    .type-wrap {
        /* top: .07rem !important; */
        font-size: .14rem !important;
        line-height: .2rem !important;
    }

    .line {
        height: .026rem !important;
    }

    .gallery-thumbs {
        bottom: 25px !important;
    }

    .gallery-thumbs {
        bottom: 0px !important;
    }

    .four-qu {
        height: auto !important;
        min-height: 100vh !important;
        padding-bottom: 0.22rem !important;
    }

    .car-title-box {
        top: 27%;
        bottom: inherit !important;
    }

    .car-title {
        font-size: .24rem !important;
    }

    .car-title-two {
        font-size: .18rem !important;
        margin-top: .03rem;
    }

    .car-title-three {
        font-size: .14rem !important;
        margin-top: .12rem !important;
    }

    /* 
    .sj-btn-box {
        width: 0.77rem !important;
        height: 0.26rem !important;
    } */
    .car-title-box .btn-sj,
    .button-orange-style {
        font-size: 12px;
    }

    #details {
        height: auto !important;
    }

    .up-note {
        margin-top: .1rem !important;
    }

    .ty-wrap .up-note {
        margin-top: .2rem !important;
    }

    .upholstery {
        padding-top: 0.3rem !important;
    }

    .upholstery-title-two {
        margin-top: 0.06rem !important;
    }

    .slide-msg {
        font-size: 14px !important;
        line-height: 21px !important;
        width: 70% !important;
    }

    .up-last-btn {
        left: 0.2rem !important;
    }

    .screen-modal-title {
        font-size: 0.2rem !important;
    }

    .test-drive p:first-child,
    .next-lightspot p:first-child {
        font-size: .14rem !important;
        line-height: .14rem !important;
        margin-bottom: 0.06rem !important;
    }

    .test-drive p:nth-child(2),
    .next-lightspot p:nth-child(2) {
        font-size: 0.2rem !important;
        line-height: 0.22rem !important;
    }

    .pop-btn {
        width: 130px !important;
        height: 38px !important;
        font-size: 14px !important;
    }

    .pop-btn i {
        margin-top: 0 !important;
    }

    #masker-two {
        height: 3.6rem !important;
    }

    .sj-title-box {
        top: .5rem !important;
    }

    .driving-spot-title {
        font-size: .12rem !important;
        line-height: .14rem !important;
    }

    .driving-spot-msg {
        font-size: 0.08rem !important;
        line-height: 0.12rem !important;
        margin-top: 0.02rem !important;
    }

    .driving-spot {
        font-size: 0.15rem !important;
        line-height: 0.17rem !important;
    }

    .driving-img-box img {
        width: 2.5rem !important;
        margin: 0 0 .1rem 0.3rem;
        height: auto !important;
    }

    .driving-con-two {
        height: auto !important;
    }

    .one-note-style {
        position: unset !important;
        margin-top: .2rem !important;
    }
}

@media (max-width:1280px) {

    /* #gallery-thumbs {
        width: 57.6% !important;
    } */
    .slide-video {
        width: 52% !important;
    }

    html {
        font-size: 128px;
    }

    #details .change-btn-box {
        left: 6.383333rem !important;
    }


}

@media (max-width:1024px) {
    .slide-video {
        width: 81% !important;
    }

    html {
        font-size: 100px;
    }
}

@media (max-width: 960px) {
    html {
        font-size: 96px;
    }
}


header,
footer {
    width: 100%;

}

.op {
    opacity: 0;
}

.testdriveBtn {
    display: none;
}

.none {
    display: none;

}

/* 关闭弹窗 */
.close {
    width: 0.24rem;
    height: 0.24rem;
    position: fixed;
    top: 0.38rem;
    right: 0.38rem;
    z-index: 99999;
    /* background: black; */
    background-color: #fff;
}

.close:hover {
    opacity: 0.9;
}

.close:focus,
.close:hover {
    background-color: #fff;
    opacity: 1;
}

.close img {
    display: block;
    width: 100%;
    height: 100%;
}

/* 向下的三角形 */
.san {
    /* width: 0.17rem;
    height: 0.08rem; */
    width: .236111rem;
    height: .118056rem;
    z-index: 2;
    position: absolute;
    bottom: -0.12rem;
}

.san img {
    display: block;
    width: 0.17rem;
    height: 0.08rem;
}



/* 轮播背景图-概述模块 */
.kv {
    overflow: hidden;
}

.swiper-container {
    width: 100%;
    height: 4.52rem;
    overflow: hidden;
}

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

.swiper-slide>img,
.swiper-slide>video {
    display: block;
    width: 100%;
    height: 100%;
}

#swiper-container-banner {
    position: relative;
}

.video-box {
    width: 2.222222rem;
    height: 1.25rem;
    position: absolute;
    right: .347222rem;
    bottom: .347222rem;
    z-index: 999;
    cursor: pointer;
}

.video-box img {
    display: block;
    width: 100%;
    height: 100%;
}

.video-box video {
    display: block;
    width: 100%;
    height: 100%;
}

.car-title-box {
    position: absolute;
    left: .875rem;
    bottom: 1.958333rem;
    color: #FFFFFF;
    z-index: 998;
}

.car-title {
    font-size: .3125rem;
    line-height: .3125rem;
    font-family: "汉仪大黑简";
}

.car-title-two {
    font-size: .243056rem;
    margin-top: .069444rem;
    line-height: .243056rem;
    font-family: "汉仪大黑简";
}

.car-title-three {
    font-size: .173611rem;
    line-height: .222222rem;
    margin-top: .152778rem;
    font-family: "汉仪中黑简";
}

/* 预约试驾btn */
/* .sj-btn-box {
    width: 1.194444rem;
    height: .347222rem;
    margin-top: .208333rem;
    cursor: pointer;
}

.sj-btn-box img {
    display: block;
    width: 100%;
    height: 100%;
} */


#swiper-container-banner .swiper-pagination-bullet {
    /* width: .263889rem;
    height: .027778rem; */
    width: 14px;
    height: 14px;
    background: #ffffff;
    border-radius: 50%;
    overflow: hidden;
    opacity: 1;
}

#swiper-container-banner .swiper-pagination-bullet-active {
    background: #FDBB18;
}


/* 预约试驾模块 */
.yysj-swiper {
    width: 100%;
    z-index: 1;
}

.cmca_sj {
    height: 100vh;
    position: relative;
}

#swiper-yysj {
    width: 100%;
    height: 100vh;
}

.sj-img {
    width: 100%;
    height: 100vh;
}

.sj-img img {
    display: block;
    width: 100%;
    /* height: 100%; */
    height: 100vh;
}

.sj-title-box {
    color: #FFFFFF;
    position: absolute;
    left: .833333rem;
    top: .4rem;
    box-sizing: border-box;
    z-index: 2;
}

.sj-title {
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-family: "汉仪大黑简";
}

.sj-title-two {
    margin-top: .069444rem;
    font-size: .173611rem;
    line-height: 32px;
    font-family: "汉仪中黑简";
}

#masker-two {
    position: absolute;
    width: 3.02rem;
    /* height: 3.5rem; */
    height: 4.097222rem;
    right: 0.93rem;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0 0.277778rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.01rem 0.05rem 0rem rgba(0, 0, 0, 0.14);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sj-msg-title {
    font-size: 0.1rem;
    line-height: 0.1rem;
    font-family: "汉仪大黑简";
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.1rem;
    margin: 0;
    padding: 0;
    margin-top: .138889rem;
}

.sj-msg-title-two {
    margin: 0;
    padding: 0;
    font-size: 0.08rem;
    font-family: "汉仪中黑简";
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.12rem;
    margin-bottom: .069444rem;
}

.two-title {
    margin-bottom: .069444rem;
}

.name-box {
    position: relative;
    width: 2.33rem;
    height: 0.27rem;
    margin-bottom: 0.06rem;

}

#masker-two input,
#masker-two select {
    width: 2.33rem;
    height: 0.27rem;
    padding: 0 0.07rem;
    box-sizing: border-box;
    outline: none;
    border: 0.01rem solid #979797;
}

.name-box input {
    width: 2.33rem;
    height: 0.27rem;
    box-sizing: border-box;
    border: 0.01rem solid #979797;
}

.name-box #sex {
    position: absolute;
    right: 0.01rem;
    top: 0rem;
    bottom: 0;
    margin: auto;
    width: 0.58rem;
    height: 0.14rem;
    /* text-align: center; */
    border: 0;
    border-left: 0.01rem solid #979797;
}

.sj-yuyue {
    font-size: 0.17rem;
    line-height: 0.17rem;
    font-family: "汉仪大黑简";
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.17rem;
}

#masker-two #province,
#masker-two #city {
    width: 1.13rem;
    display: inline-block;
}

#masker-two #province {
    margin-right: 0.05rem;

}

#masker-two #dealer {
    margin-top: 0.06rem;
}

.shop-box {
    margin-top: 0.12rem;
    margin-bottom: 0.17rem;
}

.sub {
    width: 2.33rem;
    font-size: 0.07rem;
    line-height: 0.09rem;
    /* background: #FFC206; */
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    /* color: rgba(0, 0, 0, 0.85); */
    color: #A9A9A9;
}

.sub img {
    display: block;
    width: 100%;
    height: 0.28rem;
    margin-bottom: 0.04rem;
}

select {
    font-size: 0.1rem;
    line-height: 0.12rem;
    font-family: "汉仪中黑简";
    color: rgba(0, 0, 0, 0.5);

}

/* 360看车 */
.cmca_experience {
    width: 100%;
    height: calc(100vh - 70px);
    overflow: hidden;
}

.watch-car {
    width: 100%;
    height: 100%;
}

.watch-car img {
    display: block;
    width: 100%;
    height: 100%;
}

/* 车型亮点 */
.cmca_lightspot {
    width: 100%;
    height: calc(100vh - 50px);
    overflow: hidden;
    /* background-color: #000; */
}

.swiper-container-two {
    width: 100%;
    height: calc(100vh - 50px);
    overflow: hidden;
    position: relative;
}

.swiper-container-two img {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-pagination-two {
    position: absolute;
    top: 0.85rem;
    left: .875rem;
}

#cmca_lightspot .swiper-pagination-bullet {

    width: 1.583333rem;
    height: .027778rem;
    margin: 0;
    padding: 0;
    border-radius: 0;
    margin-right: .083333rem;
    background: rgba(255, 255, 255, 0.4);
}

#cmca_lightspot .swiper-pagination-bullet-active {
    background: #FDBB18;
}

.swiper-slide {
    position: relative;
}

#cmca_lightspot .lightspot-nav-box {
    display: flex;
    position: absolute;
    top: 0.9rem;
    left: .875rem;
    z-index: 200;
}

#cmca_lightspot .lightspot-name {
    width: 1.583333rem;
    height: .027778rem;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-right: .083333rem;
    margin-top: .104167rem;
    font-size: .125rem;
    line-height: .125rem;
    font-family: "汉仪中黑简";
    color: #FFFFFF;
    cursor: pointer;
}

.car-msg-box {
    position: absolute;
    top: 0.29rem;
    left: 0.88rem;
    font-size: 0.24rem;
    font-family: "汉仪大黑简";
    color: #FFFFFF;
}

.car-name {
    font-size: 0.24rem;
    line-height: 0.24rem;
}

.car-name-two {
    font-size: 0.17rem;
    line-height: 0.22rem;
    margin-top: .069444rem;
    font-family: "汉仪中黑简";
    color: #FFFFFF;
}

.car-msg {
    /* width: 2.881944rem; */
    margin-top: .736111rem;
    font-size: 0.125rem;
    line-height: .208333rem;
    font-family: "汉仪中黑简";
    color: #FFFFFF;
}


.know-btn-box {
    position: absolute;
    bottom: 77px;
    left: .881944rem;
    width: 1.194444rem;
    height: .347222rem;
    z-index: 999;
    cursor: pointer;
}

.know-btn-box img {
    display: block;
    width: 100%;
    height: 100%;
}

.lightspot-nav-box {
    display: flex;
}

/* 不知道是啥开始 */
.car-image-msg-box .lightspot-name,
.car-image-msg-box .last-lightspot {
    /* width: 1.006944rem; */
    width: 1.194444rem;
    margin-top: 0.05rem;
    font-size: 0.1rem;
    line-height: 0.1rem;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    /* margin-right: .083333rem; */
    margin-right: .055556rem;
    cursor: pointer;
    font-family: "汉仪中黑简";
    color: #FFFFFF;
}

/* 不知道是啥结束 */

.swiper-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .541667rem;
    height: .541667rem;
    z-index: 3;
    border-radius: 50%;
    outline: none;
}

.swiper-button img {
    display: block;
    width: 100%;
    height: 100%;
}



.last-btn {
    position: absolute;
    left: .25rem;
    top: 0rem;
    bottom: 0rem;
    margin: auto;
}

.last-btn:hover .left-btn,
.next-btn:hover .right-btn {
    display: none !important;
}

.last-btn:hover .hover-left-btn.dn,
.next-btn:hover .hover-right-btn.dn {
    display: block !important;
}

.swiper-button-disabled.last-btn,
.swiper-button-disabled.next-btn {
    cursor: inherit !important;
}

.swiper-button-disabled.last-btn .left-btn,
.swiper-button-disabled.next-btn .right-btn {
    opacity: 0.4 !important;
    display: block !important;
}

.swiper-button-disabled.last-btn:hover .left-btn,
.swiper-button-disabled.next-btn:hover .right-btn {
    opacity: 0.4 !important;
    display: block !important;
}

.swiper-button-disabled.last-btn:hover .hover-left-btn.dn,
.swiper-button-disabled.next-btn:hover .hover-right-btn.dn {
    display: none !important;
}

.next-btn {
    position: absolute;
    right: 0.25rem;
    top: 0rem;
    bottom: 0rem;
    margin: auto;
}

.swiper-button .dn {
    display: none;
}

/* 图片和视频 */
.cmca_pv {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.my-slide-thumb-active {
    border: 0.01rem solid #FDBB18;
}

.cmca_pv {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
}

.type-wrap {
    height: 0.6rem;
    margin-top: .05rem;
    text-align: center;
    /* left: 3.805556rem; */
    line-height: .25rem;
    font-family: "汉仪中等线简";
    font-weight: 600;
    color: #FFFFFF;
    z-index: 3;
}

.type-box {
    display: flex;
    margin: 0 auto;
}

.one-type {

    cursor: pointer;
    margin-right: 0.34rem;
    margin-left: 0.34rem;

}





.line {
    display: block;
    width: .305556rem;
    height: .034722rem;
}

.line-active {
    background: #FDBB18;
}

.cmca-pv-box {
    position: relative;
    /* height: calc(100vh - 70px); */
}

.gallery-top {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gallery-top .swiper-slide video {
    width: 100%;
    height: 100%;
    display: block;
}

.gallery-thumbs {
    /* height: 20%; */
    box-sizing: border-box;
    /* padding: 0.14rem 0; */
    overflow: hidden;
}

.gallery-thumbs .swiper-slide video {
    width: 100%;
    height: 100%;
    display: block;
}

.gallery-top .swiper-slide img {
    object-fit: contain;
}

.gallery-top .sp_slide img {
    object-fit: cover;
}

.gallery-top .swiper-slide video {
    object-fit: contain;
}

.gallery-thumbs {
    width: 5.905rem;
    /* width: 65.4%; */
    /* width: 57.5%; */
    height: 0.51rem;
    position: absolute !important;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 0;
}

.gallery-thumbs {
    bottom: 0px;
}

.gallery-thumbs .swiper-wrapper {
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    position: absolute;
    top: 0;
}

.gallery-thumbs .swiper-slide {
    width: 0.809rem;
    /* width: 0.92rem; */
    height: 0.51rem;
    opacity: 0.7;
    margin: 0 .04rem 0 0;
    display: inline-block;
    vertical-align: top;
}

.gallery-thumbs .swiper-slide.swiper-slide-active {
    border: 2px solid #FDBB18;
    box-sizing: border-box;
    opacity: 1;
}



.last-btn-two {
    position: absolute;
    left: 0.25rem;
    top: 0rem;
    bottom: 0rem;
    margin: auto;

}

.next-btn-two {
    position: absolute;
    right: 0.25rem;
    top: 0rem;
    bottom: 0rem;
    margin: auto;
}

.last-btn-two .dn,
.next-btn-two.dn {
    display: none;
}


.last-btn-two:hover .left-btn-two,
.next-btn-two:hover .right-btn-two {
    display: none;
}

.last-btn-two:hover .hover-left-btn-two.dn,
.next-btn-two:hover .hover-right-btn-two.dn {
    display: block;
}

.swiper-button-disabled.last-btn-two,
.swiper-button-disabled.next-btn-two {
    cursor: inherit;
}

.swiper-button-disabled.last-btn-two .left-btn-two,
.swiper-button-disabled.next-btn-two .right-btn-two {
    opacity: 0.4;
    display: block;
}

.swiper-button-disabled.last-btn-two:hover .left-btn-two,
.swiper-button-disabled.next-btn-two:hover .right-btn-two {
    opacity: 0.4;
    display: block;
}

.swiper-button-disabled.last-btn-two:hover .hover-left-btn-two.dn,
.swiper-button-disabled.next-btn-two:hover .hover-right-btn-two.dn {
    display: none;
}

/* 车型配置 */
.cmca_config {
    width: 100%;
}

.note {
    width: 100%;
    height: 1.0625rem;
    display: flex;
    justify-content: space-between;
    /* padding: 0.29rem 0.88rem; */
    padding: .277778rem .875rem;
    box-sizing: border-box;
    background: #000000;
}

.one-note {
    display: flex;
    justify-content: center;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.85);
}

.one-note img {
    display: block;
    width: .194444rem;
    height: .194444rem;
    margin-right: .118056rem;
}

.note-icon-msg p:first-child {
    font-size: 0.17rem;
    font-family: "汉仪大黑简";
    line-height: 0.17rem;
}

.note-icon-msg p:last-child {
    font-size: 0.11rem;
    font-family: "汉仪中黑简";
    line-height: 0.11rem;
    display: flex;
    align-items: center;
}

footer {
    /* display: none; */
    color: #FFFFFF;
    background: #000000;
}

footer a {
    color: #FFFFFF !important;
}

/* 弹窗滚动效果 */


/* 外观内饰弹窗 */

#appearance .appearance-swiper-pagination {
    position: absolute;
    z-index: 999;
    height: .027778rem;
    top: 0.52rem;
    left: 34%;
    font-size: 0;
}

#appearance .swiper-pagination-bullet {

    width: 1.194444rem;
    /* width: 1.006944rem; */
    height: .027778rem;
    /* margin-right: .055556rem; */
    background: #ffffff;
    background-color: red;
    border-radius: 0px;
}

#appearance .swiper-pagination-bullet-active {
    background: #FDBB18;
}

.car-image-title-box {
    width: 100%;
    height: 1.25rem;
    /* background: rgba(0, 0, 0, 0.8); */
    background: #000000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FFFFFF;
    position: relative;
}

.car-image-title-one {
    display: block;
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-family: "汉仪大黑简";
}

.car-image-title-two {
    display: block;
    width: 6.67rem;
    font-size: 0.125rem;

    line-height: 0.18rem;
    font-family: "汉仪中黑简";
}

.car-image-name-box {
    position: absolute;
    left: 0.89rem;
    top: 0.49rem;
    color: #ffffff;
    font-size: 0.17rem;
    font-size: .173611rem;
    line-height: 0.17rem;
    font-family: "汉仪大黑简";
    z-index: 999;

}

.car-image-msg-box {
    position: absolute;
    left: 34%;
    top: 0.4rem;
    z-index: 999;
}

#appearance .one-lightspot {
    padding-top: 0.12rem;
    margin-right: 0.16rem;
}

#appearance .car-image-msg-box .one-lightspot {
    margin-right: 0rem;
}

.lightspot-msg {
    /* margin-top: 0.15rem; */
    width: 5.7rem;
    font-size: 0.1rem;
    line-height: 0.15rem;
    font-family: "汉仪大黑简";
    color: #FFFFFF;
    position: absolute;
    z-index: 99;
    top: 0.8rem;
    left: 34%;
}


.upholstery {
    width: 100%;
    background-color: #ffffff;
    /* padding: 0.39rem 0rem 0.28rem 0.88rem; */
    padding: 0.39rem 0rem 0.28rem;
    /* padding: 0.39rem 0.88rem 0.28rem 0.88rem; */
    box-sizing: border-box;
    position: relative;
}

.upholstery-title-box {
    width: 7.72rem;
    /* padding-left: 150px; */
    margin: 0 auto;
    box-sizing: border-box;
}

.upholstery-title-one {
    font-size: 0.17rem;
    line-height: 0.17rem;
    font-family: "汉仪大黑简";
    color: rgba(0, 0, 0, 0.85);

}

.upholstery-title-two {
    font-size: 0.1rem;
    line-height: 0.1rem;
    font-family: "汉仪大黑简";
    margin-top: 0.14rem;
    color: rgba(0, 0, 0, 0.85);
}

.upholstery-lightspot-box img {
    width: 1.40rem;
}

.upholstery-lightspot-box .lightspot-name {
    /* width: 1.194444rem; */
    width: 190px;
    /* height: 4px; */
    margin-right: .055556rem;
    margin-left: .027778rem;
    color: #AFAFAF;
    cursor: pointer;
}

.upholstery-lightspot-box .lightspot-name-active {
    color: #000000;
}


.up-last-btn {
    width: 0.54rem;
    height: 0.54rem;
    position: absolute;
    left: 0.35rem;
    /* top: 0rem; */
    top: 50%;
    bottom: 0rem;
    margin: auto;
    margin-top: -0.27rem;
    /* background-color: #838383; */
}

.up-last-btn.swiper-button-disabled,
.up-next-btn.swiper-button-disabled {
    cursor: inherit;
    opacity: 0.6;
}

.up-next-btn {
    width: 0.54rem;
    height: 0.54rem;
    position: absolute;
    right: 0.35rem;
    /* top: 0rem; */
    top: 50%;
    margin-top: -0.27rem;
    /* background-color: #838383; */
}

.pop-up-button-box {
    display: flex;
    width: 100%;
    height: 1.83rem;
    font-family: "汉仪中黑简";
    z-index: 999;
}

.test-drive {
    width: 50%;
    color: #ffffff;
    padding: 0 0 0 0.42rem;
    background: #636363;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.swiper-wrap {
    margin-top: 20px;
}

.next-lightspot {
    flex: 1;
    color: #000000;
    padding: 0 0.42rem 0 0.42rem;
    background: #FFBA00;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.test-drive p:first-child,
.next-lightspot p:first-child {
    font-size: 0.17rem;
    line-height: 0.17rem;
    margin-bottom: 0.1rem;
}

.test-drive p:nth-child(2),
.next-lightspot p:nth-child(2) {

    line-height: 0.22rem;
    font-size: 0.24rem;
    margin-bottom: 0.24rem;
}

.test-drive p:last-child,
.next-lightspot p:nth-child(3) {

    line-height: 0.11rem;
    font-size: 0.11rem;
}

.arrow-right {
    width: 0.17rem;
    height: 0.31rem;
    flex-shrink: 0;
    flex-grow: 0;
    /* position: absolute;
    top: 0;
    bottom: 0;
    right: 0.42rem;
    margin: auto; */
}

.arrow-right img {
    display: block;
    width: 100%;
    /* height: 100%; */
    flex-shrink: 0;
    flex-grow: 0;
}

#details .swiper-wrapper {
    padding-top: 0.25rem;
    /* width: 4.09rem;
    height: 4rem; */
    box-sizing: border-box;

}

#details .swiper-slide {
    /* width: 80%; */
    width: 8.12rem;
    height: 4rem;
    padding: 0 .21rem;
    overflow: hidden;
    position: relative;
}

/*#details .swiper-slide:last-child {
    margin-right: 145px;
}
*/
#details .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}

#details .swiper-pagination-bullet {
    /* width: 1.006944rem; */
    /* width: 1.194444rem; */
    width: 190px;
    height: 4px;
    margin: 0;
    padding: 0;
    margin-right: .083333rem;
    background: #000000 !important;
    border-radius: 0px;
}

#details .swiper-pagination-bullet-active {
    background: #FDBB18 !important;
}

/* #details .swiper-pagination-details .swiper-pagination-bullet:last-child{
    display: none !important;
} */
.slide-msg {
    position: absolute;
    bottom: .138889rem;
    /* left: 0.73rem; */
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.67rem;
    font-size: 20px;
    line-height: 0.22rem;
    font-family: "汉仪中等线简";
    color: #FFFFFF;
    text-align: center;
}

/* 科技弹窗 */
.science-technology-title-box {
    width: 100%;
    height: 1.41rem;
    /* background: rgba(0, 0, 0, 0.8); */
    background: #000000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FFFFFF;
    position: relative;
}

.science-technology-title-one {
    display: block;
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-family: "汉仪大黑简";
}

.science-technology-title-two {
    display: block;
    width: 8.33rem;
    font-size: 0.125rem;
    line-height: 0.18rem;
    font-family: "汉仪中黑简";
}

/*科技视频  */



#st-swiper .swiper-container {
    position: relative;
}

/* 
#st-swiper video {
    background-color: #000;
} */

video {
    display: block;
    width: 100%;
    height: 100%;
}

.st-title-box {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0.59rem;
    z-index: 9999;
    left: 0;
    color: rgba(255, 255, 255, 0.85);
}

.st-title-one {
    font-size: 0.17rem;

    line-height: 0.17rem;
    font-family: "汉仪大黑简";
}

.st-title-two {
    font-size: 0.125rem;
    line-height: 0.18rem;
    font-family: "汉仪中黑简";
    margin-top: 6px;
}

.swiper-pagination-st-swiper {
    position: absolute;
    bottom: 0.5rem;
    margin-left: 21.3%;
    z-index: 999;
}

#st-swiper .swiper-pagination-bullet {
    /* width: 0.75rem; */
    /* width: 1.2153rem; */
    height: .027778rem;
    margin: 0;
    padding: 0;
    margin-right: .055556rem !important;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.4);

}

.swiper-pagination-st-swiper .swiper-pagination-bullet:first-child {
    display: none;
}

.swiper-pagination-st-swiper .swiper-pagination-bullet-active {
    background: #FDBB18;
}


.st-img {
    display: block;
    width: 0.75rem;
    height: 0.03rem;
}

.st-lightspot-box {
    width: 100%;
    position: absolute;
    bottom: 0.3rem;
    left: 21.5%;
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 0.125rem;
    line-height: 0.125rem;
    font-family: "汉仪中黑简";
    color: #FFFFFF;
    z-index: 999;
    font-weight: bold;
}

.st-lightspot-box .one-st-spot {
    cursor: pointer;
    /* width: 0.75rem; */
    width: 1.2153rem;
    margin: 0;
    padding: 0;
    margin-right: .055556rem;
}

.ty-title {
    text-align: center;
    font-size: 0.17rem;
    font-family: "汉仪大黑简";
    color: #FFFFFF;
    line-height: 0.17rem;
    margin: 0rem auto 0.46rem auto;
}

.ty-wrap {
    width: 100%;
    height: 5.1rem;
    padding: 0.51rem 0.87rem 0;
    /* padding-top: 0.51rem; */
    box-sizing: border-box;
    background: #121212;
}

#ty-details {
    width: 100%;
    height: 3.37rem;
}

#ty-details .swiper-slide {
    /* width: 66% !important;
    margin-right: 21%; */
}

#ty-details .swiper-slide img {
    display: block;
    width: 76%;
    /* height: 100%; */
}

#ty-details .swiper-slide .swiper-button img {
    display: block;
    width: 100%;
    height: 100%;
}

.ty-details-swiper-msg-box {
    position: absolute;
    top: 0.21rem;
    /* left: 87.1%; */
    right: 0;
    width: 2.43rem;
    color: #FFFFFF;
    z-index: 99;
}

.ty-box-title {
    font-size: 0.17rem;
    line-height: 0.17rem;
    font-family: "汉仪大黑简";
}

.ty-box-msg {
    margin-top: 0.14rem;
    font-size: 0.125rem;
    line-height: 0.18rem;
    font-family: "汉仪中黑简";
}

.last-ty-btn {
    position: absolute;
    /* left: 89.1%; */
    left: 69%;
    top: 0rem;
    bottom: 0rem;
    margin: auto;

}

.swiper-button-disabled.next-ty-btn,
.swiper-button-disabled.last-ty-btn {
    opacity: 0.6;
    cursor: inherit;
}

.next-ty-btn {
    position: absolute;
    /* left: 89.1%; */
    left: 64%;

    top: 0rem;
    bottom: 0rem;
    margin: auto;
    margin-left: 15%;
}

.last-st-btn {
    position: absolute;
    left: 0.25rem;
    top: 0rem;
    bottom: 0rem;
    margin: auto;

}

.next-st-btn {
    position: absolute;
    right: 0.25rem;
    top: 0rem;
    bottom: 0rem;
    margin: auto;
}

/* 驾乘弹窗 */
.driving-title-box {
    width: 100%;
    height: 1.41rem;
    /* background: rgba(0, 0, 0, 0.8); */
    background: #000000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FFFFFF;
    position: relative;
}

.driving-title-one {
    display: block;
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-family: "汉仪大黑简";
}

.driving-title-two {
    display: block;
    width: 6.22rem;
    font-size: 0.125rem;
    line-height: 0.18rem;
    font-family: "汉仪中黑简";
}

.driving-con-one {
    width: 100%;
    /* height: 5.1rem; */
    height: 100vh;
    background: #353535 linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    padding: 0.61rem 0.88rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.driving-spot {
    font-size: 0.17rem;

    line-height: 0.17rem;
    font-family: "汉仪大黑简";
    color: rgba(255, 255, 255, 0.85);
}

.driving-left,
.driving-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* justify-content: flex-end; */
}

.driving-right {
    text-align: right;
    align-items: flex-end;
}

/* .driving-right .driving-spot-title:first-child{
    margin-top: 1.01rem;
} */
.driving-spot-title {
    font-size: 0.14rem;
    line-height: 0.14rem;
    font-family: "汉仪大黑简";
    color: rgba(255, 255, 255, 0.85);
}

.driving-spot-msg {
    /* width: 2rem; */
    font-size: 0.1rem;
    line-height: 0.14rem;
    font-family: "汉仪大黑简";
    color: rgba(255, 255, 255, 0.6);
}

.driving-img-box {
    position: absolute;
    left: 50%;
    /* top: 50%; */
    transform: translateX(-50%);
    bottom: 68px;
}

.driving-img-box img {
    display: block;
    width: 2.81rem;
    height: 2.99rem;
}

.one-msg {
    display: inline-block;
    width: 1.1rem;
    /* height: 0.85rem; */
    text-align: center;
}

.one-msg p:first-child {
    font-size: 0.24rem;

    line-height: 0.22rem;
    font-family: DIN-Bold, DIN;
    font-weight: bold;
    color: #FFFFFF;
}

.one-msg p:last-child {
    line-height: 0.22rem;
    font-size: 0.125rem;
    font-family: "汉仪大黑简";
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0;
}

.driving-con-two {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding: .416667rem 0 0.65rem;
    width: calc(100% - 1.76rem);
    margin: 0 auto;
    background: #fff;
}

.driving-con-two {
    display: flex;
    justify-content: space-between;
}

.driving-con-two>div {
    width: calc(33.3% - 20px);
    margin-right: 30px;
}

.driving-con-two>div:last-child {
    margin-right: 0;
}

.driving-con-two img {
    display: block;
    width: 100%;
    /* height: 1.77rem; */
    margin-bottom: 0.21rem;
}

.con-two-title {
    font-size: 0.17rem;
    font-family: "汉仪中等线简";
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 0.14rem;
}

.con-two-title-two {
    font-size: 0.14rem;
    font-family: "汉仪大黑简";
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.18rem;
}

.con-two-msg {
    /* width: 2.53rem; */
    font-size: 0.125rem;
    font-family: "汉仪大黑简";
    color: rgba(0, 0, 0, 0.85);
}

/* 安全堡垒弹窗 */

#turn_car {
    height: 63vh;
    z-index: 999;
    bottom: 14%;
}

.safety-title-box {
    width: 100%;
    height: 1.41rem;
    /* background: rgba(0, 0, 0, 0.8); */
    background: #000000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FFFFFF;
    position: relative;
}

.safety-title-one {
    display: block;
    line-height: 0.24rem;
    font-size: 0.24rem;
    font-family: "汉仪大黑简";
}

.safety-title-two {
    display: block;
    /* width: 6.22rem; */
    line-height: 0.18rem;
    font-size: 0.125rem;
    font-family: "汉仪中黑简";
}

.safety-st {
    width: 100%;
    /* height: 100vh; */
    padding-bottom: .5rem;
    background: #FFFFFF;
}

.safety-st-title {
    margin-top: 0.57rem;
    text-align: center;
    font-size: 0.125rem;
    line-height: 0.18rem;
    font-family: "汉仪中黑简";
    z-index: 100;
    color: rgba(0, 0, 0, 0.85);
}

.safety-st-title p:first-child {
    font-size: 0.17rem;
    line-height: 0.17rem;
    font-family: "汉仪大黑简";
}

.safety-st-title span {
    display: inline-block;
    /* width: 6.67rem; */
    font-size: 0.125rem;
    font-family: "汉仪中等线简";
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.18rem;
}

.safety-all-mv {
    margin-top: 0.63rem;
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-size: 0.125rem;
    font-family: "汉仪中黑简";
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.18rem;
    overflow: hidden;
}

.safety-all-mv>div {
    flex: 1;
    margin-right: 10px;
}

.safety-all-mv>div:last-child {
    margin-right: 0;
}

.safety-all-mv img {
    display: block;
    width: 100%;
    /* height: 1.96rem; */
    margin-bottom: 0.14rem;
}

.safety-mv {
    width: 100%;
    /* height: 100vh; */
    position: relative;
}

.safety-mv img {
    display: block;
    width: 100%;
    height: 100%;
}

.safety-mv-title {
    position: absolute;
    top: 0.57rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 0.125rem;
    font-family: "汉仪大黑简";
    color: #FFFFFF;
}

.safety-mv-title p:first-child {
    font-size: 0.17rem;
    line-height: 0.17rem;
}

.safety-mv span {
    display: inline-block;
    width: 6.67rem;
    font-size: 0.125rem;
    font-family: "汉仪中黑简";
    color: #FFFFFF;
    line-height: 0.18rem;
}

.safety-lr {
    width: 100%;
    height: 100vh;
    position: relative;
    padding-top: 0.4rem;
    box-sizing: border-box;
    background: #E7E7E7;
}

.safety-lr-title {

    text-align: center;
    font-size: 0.125rem;
    font-family: "汉仪中黑简";
    z-index: 100;
    color: rgba(0, 0, 0, 0.85);
}

.safety-lr-title p:first-child {
    font-size: 0.17rem;
    line-height: 0.17rem;
    font-weight: bold;
}

.safety-lr-title span {
    display: inline-block;
    /* width: 6.67rem; */
    font-size: 0.125rem;
    font-family: "汉仪大黑简";
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.18rem;
    font-weight: normal;
}

.block-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

.block-box img {
    display: block;
    width: 100%;
    /*height: 100%;*/
}

/* 可靠品质 */
.four-qu {
    width: 100%;
    height: 100vh;
    padding-top: 0.4rem;
    box-sizing: border-box;
    background: url("../img/4q-bg.png") no-repeat left top;
    background-size: cover;
    position: relative;
}

.four-qu-title {
    text-align: center;
    font-size: 0.125rem;
    font-family: "汉仪中黑简";
    z-index: 100;
    /* color: #fff; */
}

.four-qu-title p:first-child {
    font-weight: bold;
    font-size: 0.17rem;
    line-height: 0.17rem;
}

.four-qu-title span {
    display: inline-block;
    /* width: 6.67rem; */
    font-size: 0.125rem;
    font-family: "汉仪大黑简";
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.18rem;
    /* color: #fff; */
    font-weight: normal;
}

.road-condition .four-qu-title {
    color: #000
}

.road-condition .four-qu-title span {
    color: #000
}

.ceter-four-qu {
    display: block;
    width: 5.65rem;
    height: 3.12rem;
    margin: 0 auto;
    margin-top: .083333rem;
    margin-top: .347222rem;
}

.four-qu-spot {
    padding: 0 1.09rem;
    margin-top: .152778rem;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.four-qu-spot .one-spot {
    flex: 1;
    margin-right: 0.3rem;
    /* color: #ffffff; */
    text-align: center;
    font-weight: normal;
}

.four-qu-spot .one-spot:last-child {
    margin-right: 0;
}

.four-qu-spot .one-spot p {
    font-size: 0.14rem;
    font-family: "汉仪大黑简";
    line-height: 0.14rem;
    font-weight: bold;
}

.four-qu-spot .one-spot span {
    font-size: 0.125rem;
    font-family: "汉仪大黑简";
    color: rgba(0, 0, 0, 0.85);
    line-height: 0.15rem;
    font-weight: normal;
    opacity: 0.85;
}

.road-condition {
    width: 100%;
    height: 100vh;
    padding-top: 0.57rem;
    box-sizing: border-box;
    background: url(../img/pic_new.png) no-repeat;
    background-size: cover;
    position: relative;
}

.road-condition-spot {

    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    position: absolute;
    bottom: 0.33rem;
    left: 1.09rem;
}

.road-condition-spot .one-spot {
    flex: 1;
    margin-right: 0.08rem;
}

.road-condition-spot .one-spot:last-child {
    margin-right: 0;
}

.road-condition-spot .one-spot img {
    display: block;
    width: 1.58rem;
    height: 0.03rem;
}

.road-condition-spot .one-spot span {
    font-size: 0.125rem;
    font-family: "汉仪中黑简";
    color: #FFFFFF;
    line-height: 0.18rem;
}

.last-button-box {
    width: 100%;
    text-align: center;
}

.last-button-box .test-drive {
    background: #FABE00;
}

.test-drive:hover {
    background: #484848;
    cursor: pointer;
}

.last-button-box .test-drive {
    font-size: .173611rem;
    font-family: "汉仪中黑简";
    color: #000000;
    line-height: .173611rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.last-button-box .test-drive .last-p {
    display: inline-block;
    width: 1.194444rem;
    height: .347222rem;
    line-height: .347222rem;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #000000;

}

.next-lightspot:hover {
    background: #DA9C10;
    color: #ffffff;
    cursor: pointer;
}

.last-button-box:hover .test-drive {
    background: #DA9C10;
    color: #000;
}

.last-button-box:hover .last-p {
    background: #484848;
    color: #000;
    cursor: pointer;
}

.safety_car_div {
    margin-top: 0.6rem;
}

.safety_car_center {
    height: 100%;
    position: absolute;
    /*width: 3%;*/
    left: 40%;
    z-index: 9;
    cursor: move;
}

.safety_car_center_sx {
    position: absolute;
    left: 50%;
    width: 4px;
    height: 100%;
    margin-left: -1px;
    z-index: 2;
    /* background: #fff; */
    border-left: 3px dashed #fff;
}

.safety_car_center_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.34rem;
    height: 0.34rem;
    margin-left: -0.17rem;
    margin-top: -0.17rem;
    z-index: 3;
}

.safety_car_center_icon img {
    width: 100%
}



/* 动画效果 */
/* 动画延迟 */

.delay-time {
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    /* opacity: 1; */
}

.delay-time2 {
    -webkit-animate-duration: 3s;
    -moz-animate-duration: 3s;
    -o-animate-duration: 3s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    /* opacity: 1; */
}

/* .FadeInFrame.fadein{
    -webkit-transition: all 1.5s;  
    -moz-transition: all 1.5s;  
    -ms-transition: all 1.5s;  
    -o-transition: all 1.5s;  
    transition: all 1.5s;  
   
   } */


.delay0 {
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
}

.delay2 {
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
}

.delay4 {
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
}

.delay6 {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}


.delay8 {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.delay10 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.delay12 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.delay14 {
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}






.car-title {
    animate-duration: 1s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
}

.car-title-two {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;

    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.car-title-three {

    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
}

.sj-btn-box {
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
}

.car-name-box {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.swiper-pagination-two,
.lightspot-nav-box,
.yy-title-fade,
.masker-two {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;

    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.masker-two {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.car-msg,
.sj-yy-fade2 {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.know-btn-box,
.sj-yy-fade3 {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.sj-yy-fade4 {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.sj-yy-fade5 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.sj-yy-fade6 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.car-image-title-two,
.car-image-title-one {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

.car-image-msg-box .lightspot-nav-box {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;

    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
}

/* .car-image-msg-box .lightspot-msg {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -webkit-animate-duration: 1s;
    -moz-animate-duration: 1s;
    -o-animate-duration: 1s;
} */

/* 1211价格与配置 */
.new-config-box {
    color: #000;
}

.new-config-top {
    padding: .49rem .88rem 0;
    box-sizing: border-box;
}

.new-config-top h1 {
    font-size: 35px;
    line-height: 36px;
    font-weight: bold;
    text-align: left;
}

.config-top-info {
    display: flex;
    margin-top: 10px;
}

.config-info-left h3 {
    font-size: 25px;
    margin: .069444rem 0 .090278rem 0;
}

.config-info-list {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.config-info-list li {
    display: inline-flex;
    align-items: center;
    margin-right: 40px;
}

.config-info-list li:last-child {
    margin-right: 0;
}

.config-info-icon {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/config/radio.png) no-repeat left top;
    background-size: 100% 100%;
}

.config-info-icon.active {
    background: url(../img/config/radioAct.png) no-repeat left top;
    background-size: 100% 100%;
}

.config-info-list li span {
    color: rgba(0, 0, 0, .6);
    font-size: 15px;
    margin-left: 8px;
}

.config-info-line {
    display: block;
    width: 12px;
    height: 1px;
    background-color: #979797;
}

.config-info-right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.config-info-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 148px;
    height: 50px;
    background-color: #FFC206;
    cursor: pointer;
    margin-right: 10px;
    font-weight: bold;

}

.config-info-btn a {
    color: #333;
    text-decoration: none;
}

.config-info-right .config-info-btn:last-child {
    margin-right: 0;
}

.config-info-btn span {
    font-size: 16px;
}

.mainBlock.config-main {
    width: 100%;
    background: transparent;
}

.mainBlock.config-main .all_info {
    width: 100%;
    padding-bottom: 0;
}

.click_bar.config-click-bar {
    cursor: pointer;
}

.click_bar.config-click-bar tr td {
    background: transparent;
    border-bottom: 1px solid #000 !important;
    border-top: none !important;
    position: relative;
    font-size: 18px;
    color: #000;
    height: 56px;
    font-weight: bold;
    padding-left: 0 !important;
}

.click_bar.config-click-bar tr td:hover {
    background: transparent;
}

.click_bar.config-click-bar tr td .ico {
    width: 24px;
    height: 24px;
    background: url(../img/config/show2.png) no-repeat left top;
    background-size: 100% 100%;
    right: 0;
    position: absolute;
    cursor: pointer;
}

.click_bar.config-click-bar.on tr td .ico {
    background: url(../img/config/show1.png) no-repeat left top;
    background-size: 100% 100%;
}

.confid-tb td {
    width: 13%;
    height: 48px;
    padding-left: 12px;
    box-sizing: border-box;
}

.confid-tb tr:nth-child(2n) {
    background-color: #F6F6F6;
}

.table-top-box {
    /* border-bottom: 2px solid rgba(137, 137, 137, 0.5); */
}

.tableBox.config-table-box,
.table_top_con {
    width: 82%;
    margin: 0 auto;
}

.table_top_con {
    border-top: solid 1px;
}

.mainBlock.config-main .all_info .table_top .table {
    margin-bottom: 0;
}

.config-tabBar.tabBar2018 .detailTable th,
.config-tabBar.tabBar2018 .detailTable td {
    text-align: center;
}

.config-tabBar.tabBar2018 .detailTable th {
    border-right: solid 1px !important;
    ;
}


.config-tabBar.tabBar2018 .detailTable th:last-child {
    border-right: none !important;
    ;
}

.config-tabBar.tabBar2018 .detailTable th:first-child {
    padding-left: 0;
}

.config-tabBar.tabBar2018 .detailTable .tb td {
    font-size: 14px;
    /*border: none !important;*/
    border-right: solid 1px;
}

.config-tabBar.tabBar2018 .detailTable .tb td:last-child {
    border-right: none;
}

.config-tabBar.tabBar2018 .detailTable .tb tr:nth-child(2n) {
    background: #F6F6F6;
}

.config-tabBar.tabBar2018 .detailTable .tb tr td.tc {
    text-align: center !important;
}

.table_fixed_thead th {
    padding-bottom: 0 !important;
}

.config-tips {
    background-color: #E7E7E7;
    padding: 32px .88rem;
    box-sizing: border-box;
    color: #000;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}

.config-table-box .detailTable {
    margin-bottom: 0;
}

.config-bot-0 {
    padding-bottom: 0 !important;
}

.config-fixed .mainBlock .all_info .table_top {
    position: fixed;
    left: 0;
    top: 70px;
    border-bottom: none;
    background-color: #fff;
}

.table_fixed_thead {
    padding-bottom: 6px;
    /*border-bottom: 2px solid rgba(137, 137, 137, 0.5);*/
}

.config-fixed .table_fixed_thead {
    width: 100%;
    background-color: #fff;
    z-index: 2;
    border-bottom: none;
    position: relative;
}

.config-fixed .table_fixed_thead::after {
    display: block;
    content: '';
    width: 100%;
    height: 12px;
    box-shadow: 0 9px 10px rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 10;
}

.config-fixed .table_fixed_title {
    width: 100%;
    background-color: #fff;
    background-color: #fff;
    z-index: 1;
}

.tableBox.config-table-box {
    touch-action: auto !important;
}

.flex-img {
    display: flex;
    width: 100%;
    height: 100%;
}

.flex-img img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: inherit;
    height: inherit;
}

.slide-video {
    width: 100%;
    height: 100%;
    /* background-color: #000; */
}

/* modal动画相关 */
html {
    overflow-y: inherit;
}

.page-box {
    width: 100%;
    position: relative;
}

.modal-container {
    background-color: #fff;
}

.dialog {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #000;
    overflow: hidden;
}

.dialog .yellow {
    position: absolute;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background: #4c4c4c;
}

.dialog .yellow.active {
    animation: stop 1.2s cubic-bezier(0.42, 0, 0, 1);
    animation-fill-mode: forwards;
}

.content {
    display: none;
    height: 100%;
    overflow: auto;
    transform: scale(0.95);
}

.content.active {
    animation: enlarge 0.5s;
    animation-fill-mode: forwards;
}

@keyframes enlarge {
    from {
        transform: scale(0.95)
    }

    to {
        transform: scale(1)
    }
}

@keyframes stop {
    from {
        height: 100%;
    }

    to {
        height: 0;
    }
}


.pop-btn {
    width: 172px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
}

.pop-btn i {
    width: 12px;
    height: 12px;
    background: url(../img/arrow-white.png) no-repeat left top;
    background-size: 100% 100%;
    margin-left: 3px;
    margin-top: 2px
}

.test-drive:hover .pop-btn i,
.next-lightspot .pop-btn i {
    background: url(../img/arrow-right.png) no-repeat left top;
    background-size: 100% 100%;
}


.next-lightspot .pop-btn,
.last-button-box .pop-btn {
    border-color: #000000;
    color: #000000;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}

/* {
	border-color: #fff;
	color: #fff;
}
 */
.last-button-box:hover p {
    color: #fff;
}

.test-drive:hover .pop-btn,
.next-lightspot:hover .pop-btn,
.last-button-box:hover .pop-btn {
    border-color: #fff;
    background-color: #fff;
    color: #000;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}

.one-note:hover .note-href {
    color: #FABE00;
}

.one-note:hover {
    color: #fff;
}

.note-href i {
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(../img/icon1.png) no-repeat left top;
    background-size: 100% 100%;
    margin-top: 1px;
}

.one-note:hover .note-href i {
    background: url(../img/icon2.png) no-repeat left top;
    background-size: 100% 100%;
}

.fixed {
    position: fixed;
}

.arrow-img {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.arrow-hover,
.swiper-button:hover .arrow-normal {
    display: none !important;
}

.swiper-button:hover .arrow-hover,
.swiper-button.swiper-button-disabled:hover .arrow-normal {
    display: block !important;
}

.swiper-button.swiper-button-disabled {
    opacity: 0.4;
}

.swiper-button.swiper-button-disabled:hover .arrow-hover {
    display: none !important;
}


.banner-slide,
.banner-img-big {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-img-big img {
    width: 100%;
    display: block;
}

.kv img.video-play-img,
.video-play-img {
    width: .3rem !important;
    height: .3rem !important;
    position: absolute;
    left: calc(50% - .15rem);
    top: calc(50% - .15rem);
    z-index: 2;
    cursor: pointer;
}

#banner4 {
    background-color: #000;
}

.banner-video,
.banner-img-sm {
    width: 2.222222rem;
    height: 1.25rem;
    position: absolute;
    right: .347222rem;
    bottom: .347222rem;
    cursor: pointer;
    background-color: #000;
    overflow: hidden;
}

.banner-img-sm {
    z-index: 1001;
}

.banner-video {
    z-index: 1002;
}

.banner-video video {
    width: 100%;
    display: block;
    height: 100%;
}

.video-bigs {
    background-color: #000;
}
.pos_right{
    width: 100%;
    height: 100%;
}
/* ,.video-bigs.active */
.banner-video.active {
    animation: video-enlarge 1s cubic-bezier(0.42, 0, 0, 1);
    animation-fill-mode: forwards;
    z-index: 1000;
}

.min {
    animation: min 1s cubic-bezier(0.42, 0, 0, 1);
    animation-fill-mode: forwards;
    z-index: 1004;
}
.back_black{
    width: 100%;
    height: 100%;
    background: #000;
}
.small_boxll {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: red;
}

/* .banner-video.min */
@keyframes video-enlarge {
    from {
        width: 2.222222rem;
        height: 1.25rem;
        right: .347222rem;
        bottom: .347222rem;
    }

    to {
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
    }
}

@keyframes min {
    from {
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
    }

    to {
        width: 2.222222rem;
        height: 1.25rem;
        right: .347222rem;
        bottom: .347222rem;
    }
}



.cmca_pv {
    height: calc(100vh - 70px);
}

.cmca-pv-box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.pv-box-position {
    left: 100%;
}

.pv-box-active {
    animation: trans-left 0.3s cubic-bezier(0.42, 0, 0, 1);
    animation-fill-mode: forwards;
}

@keyframes trans-left {
    from {
        left: 100%;
    }

    to {
        left: 0;
    }
}

@keyframes trans-left2 {
    from {
        left: -100%;
    }

    to {
        left: 0;
    }
}

.pv-box-wg.pv-box-position {
    left: -100%;
}

.pv-box-wg.pv-box-active {
    animation: trans-left2 0.3s cubic-bezier(0.42, 0, 0, 1);
    animation-fill-mode: forwards;
}

.pv-box-sp.pv-box-active~.pv-box-ns.pv-box-position {
    left: -100%;
}

.pv-box-ns.pv-box-active.ns-active {
    animation: trans-left2 0.3s cubic-bezier(0.42, 0, 0, 1);
    animation-fill-mode: forwards;
}


.masker-two select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    background: url(../img/select.png) no-repeat calc(100% - .08rem) center;
    background-size: .09rem;
}

.masker-two select::-ms-expand {
    display: none;
}

/* 新增 */


.up-note {
    font-size: .097222rem;
    font-family: "汉仪中等线简";
    color: rgba(0, 0, 0, 0.6);
    line-height: .097222rem;
    /*padding-left: 1.041667rem;*/
    width: 7.72rem;
    margin: 0 auto;
}

.swiper-pagination-bullet {
    outline: none;
}

.safety-p {
    display: flex;
    align-items: center;
    justify-content: center;
}

.safety-p b {
    font-family: '微软雅黑';
}

.color-white,
.color-white p,
.color-white span {
    color: #fff !important;
}

.video-swiper-container {
    height: 5rem;
}

.video-swiper-box .swiper-slide {
    background-color: #000;
}

/* .video-swiper-box .swiper-slide::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/video-mb.png) no-repeat left top;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
} */

.video-info {
    font-size: 0.125rem;
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    /* width: 57%; */
    /* width: 6.298724rem; */
    position: absolute;
    /* left: 21.5%; */
    bottom: 0.7rem;
    z-index: 1;
}

#swiper-container-banner #sj-btn-box {
    width: 0.77rem;
    height: 0.26rem;
    font-family: "汉仪中黑简";
    font-weight: bold;
    color: #000000;
    background: #fabe00;
    box-shadow: 0px -0.01px 0px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .208333rem;
    margin-right: 0.16rem;
    border-radius: 0px;
}

#swiper-container-banner .btn-sj .sj-btn-img {
    display: block;
    width: 0.0903rem;
    /* height: 0.07rem; */
    margin-left: 0.03rem;
    height: auto;
}

.car-title-box .btn-sj,
.button-orange-style {
    width: 0.77rem;
    height: 0.26rem;
    font-family: "汉仪中黑简";
    font-weight: bold;
    color: #000000;
    background: #fabe00;
    box-shadow: 0px -0.01px 0px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .208333rem;
    margin-right: 0.16rem;
    border-radius: 0px;
}

.car-title-box .btn-sj img,
.button-orange-style img {
    display: block;
    width: 0.0903rem;
    /*height: 0.07rem;*/
    margin-left: 0.03rem;
    height: auto;
}

#ns-gallery-thumbs {
    display: none;
}

#sp-gallery-thumbs {
    display: none;
}

.last-button-yysj {
    width: 100%;
}

.last-button-yysj .pop-btn i {
    background: url(../img/arrow-right.png) no-repeat left top;
    background-size: 100% 100%;
}

.four-qu-spot-text {
    position: absolute;
    left: 0;
    bottom: 0.26rem;
    width: 100%;
}

.config-type-list {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.config-type-list li {
    display: inline-flex;
    align-items: center;
    margin-right: .16rem;
    color: #141414;
    font-size: 12px;
}

.config-type-list li i {
    width: .2084rem;
    height: .2084rem;
    display: block;
    margin-right: 10px;
    box-sizing: border-box;
}

.type-haobai {
    background-color: #fff;
    border: 1px solid #494647;
}

.type-jingyan {
    background-color: #9F9FAD;
    border: 1px solid #383436;
}

.type-jinghei {
    background-color: #111010;
    border: 1px solid #231F20;
}

.type-jinghong {
    background-color: #7C2026;
    border: 1px solid #231F20;
}

.type-xingchen {
    background-color: #39416E;
    border: 1px solid #231F20;
}

.details-width-set,
.swiper-container-horizontal>.swiper-pagination-bullets.details-width-set {
    width: 7.72rem;
}

/* @media screen and (max-width: 1280px) {
    #details .swiper-slide{
        width: 7.72rem;
        height: auto;
    }
    .details-width-set,.swiper-container-horizontal>.swiper-pagination-bullets.details-width-set{
        width: 7.72rem;
    }
}
@media screen and (max-width: 1366px) {
    #details .swiper-slide{
        width: 6.5rem ;
        height: auto;
    }
    .details-width-set,.swiper-container-horizontal>.swiper-pagination-bullets.details-width-set{
        width: 8.3rem;
    }
}
@media screen and (max-width: 1440px) {
    #details .swiper-slide{
        width: 8.12rem ;
        height: auto;
    }
    .details-width-set,.swiper-container-horizontal>.swiper-pagination-bullets.details-width-set{
        width: 7.72rem;
    }
    .up-last-btn {
        left: 0.35rem !important;;
    }
} */

.safety-new-box {
    background: url(../img/new-car-img.png) no-repeat -1px bottom;
    background-size: cover;
}

.upholstery-lightspot-box .lightspot-nav-margin .lightspot-name {
    margin-left: 0;
    margin-right: .083333rem;
}

.submit {
    cursor: pointer;
}

.privacy_href {
    color: #A9A9A9;
    text-decoration: none;
}

.privacy_href:hover {
    color: #A9A9A9;
    text-decoration: none;
}

.swiper-container.swiper-appearance-new {
    height: 100vh;
}




/* 新增修改 */

/* 视频模块 */
#st-swiper .video-swiper-box .swiper-slide {
    width: 100% !important;
    position: relative;
    background-color: #fff;
}

#st-swiper .video-swiper-box .mbb {
    position: absolute;
    width: 5.555556rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#st-swiper .video-swiper-box video {}

/* 视频遮罩 */
/* #st-swiper .video-swiper-box .mbb{
    position: relative;
} */
#st-swiper .video-swiper-box .mbb::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/video-2.png) no-repeat left top !important;
    background-size: 100% 100% !important;
    z-index: 1;
}

#st-swiper .st-title-box {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 5.833333rem;
    text-align: left;
    top: .694444rem;
    color: #000;
}


#st-swiper .swiper-pagination-st-swiper {
    position: static;
    margin-left: 0;
    margin-top: .555556rem;
}

#st-swiper .swiper-pagination-bullet {
    width: .75rem;
    background-color: rgba(0, 0, 0, .23);
}

#st-swiper .one-st-spot {
    width: .75rem;
}

#st-swiper .st-lightspot-box {
    position: static;
    margin-top: .069444rem;
}

#st-swiper .video-swiper-box .video-info {
    position: absolute;
    /* width: 45% !important; */
    width: 4.08rem;
    padding-right: .208333rem !important;
    box-sizing: border-box;
    top: 2.083333rem;
    right: 0 !important;
    z-index: 99;
    left: 5.833333rem;
}

#st-swiper .last-st-btn,
#st-swiper .next-st-btn {
    position: static;
    display: inline-block;
}

#st-swiper .last-st-btn {
    margin-right: .208333rem;
}

#st-swiper .st-swiper-btn-box {
    position: absolute;
    bottom: 1.388889rem
}

/* 内饰模块 */


#details .swiper-wrapper .swiper-slide img {
    width: 5.75rem;
    height: 3.368056rem;

}

.details-slide-msg-box {
    color: #fff;
    position: absolute;
    /* width: 2.236111rem; */
    top: .243056rem;
    left: 64%;
    z-index: 99;
}

.details-slide-title {
    margin-bottom: .125rem;
    font-size: .152778rem
}

.details-slide-msg {
    font-size: .111111rem;
    color: rgba(255, 255, 255, 0.85);
}

#details .change-btn-box {
    position: absolute;
    /* left: 60%; */
    left: 6.083333rem;
    bottom: 0.5rem;
    z-index: 99;
}

#details .up-last-btn,
#details .up-next-btn {
    position: static;
    display: inline-block;
}

#details .up-last-btn {
    margin-right: .305556rem;
}

.ty-wrap .up-note {
    color: rgba(255, 255, 255, 0.85);
    width: 100%;
    margin-top: .22rem;
}


.keji-swiper-box .swiper-pagination-bullet {
    background-color: rgba(0, 0, 0, .23) !important;
    opacity: 1 !important;
}

.keji-swiper-box .one-st-spot,
.keji-swiper-box .video-swiper-box .video-info {
    color: #000 !important;
}

.keji-swiper-box .swiper-pagination-st-swiper .swiper-pagination-bullet-active {
    background: #FDBB18 !important;
}

.one-note-style {
    width: 7.72rem;
    color: rgba(255, 255, 255, 0.85) !important;
    position: absolute;
    left: calc(50% - 3.86rem);
    bottom: .4rem;
}

.swiper-wrapper img.keji-play {
    width: .3rem;
    height: .3rem;
    position: absolute;
    left: calc(50% - .15rem);
    top: calc(50% - .15rem);
    z-index: 2;
    cursor: pointer;
}

.swiper-wrapper img.keji-play {
    display: none;
}

.swiper-wrapper .video_end img.keji-play {
    display: block;
}

#swiper-container-banner .swiper-slide .logo-n9 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    /*top: 35px;*/
    background: url(../../../index/img/kv/logo-n9.png) center top no-repeat;
    background-size: cover;
}

.cursor_pointer {
    cursor: pointer;
}

.word-style {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    height: auto !important;
    object-fit: inherit !important;
}

.word-style-auto {
    display: block !important;
    margin: 0 auto !important;
    height: auto !important;
    object-fit: inherit !important;
}

.banner-video-box .video-play-img {
    z-index: 2;
}

.video-mask-pic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    /* top: 0; */
    z-index: 1;
}

/* .active #videoid1{
    margin-top: .2rem;
} */
.slide-video .video-play-img {
    z-index: 2;
    cursor: pointer;
}

.light_slide {
    cursor: pointer;
}

/* .slide-video .video-mask-pic, */
.slide-video .video-play-img {
    display: block;
}

/* .slide-video.light_video_end .video-mask-pic, */
.slide-video.light_video_end .video-play-img {
    display: none;
}

/* .banner-video .video-play-img{
    display: block;
}
.banner-video.banner_video_end .video-play-img{
    display: none;
} */

.black-mask-small {
    display: none;
}

.black-mask {
    width: 100%;
    position: absolute;
    left: 0;
}

.black-mask img {
    width: 100% !important;
    display: block;
    object-fit: inherit !important;
}

.black-mask-top {
    top: 0;
}

.black-mask-bot {
    bottom: 0;
}

.small-black {
    width: 134px;
    height: 100%;
    position: absolute;
    top: 0;
}

.black-mask-left {
    left: 0;
}

.black-mask-right {
    right: 0;
}

.small-black-light {
    width: 100%;
    position: absolute;
    left: 0;
}

.small-black img {
    height: 100%;
}


.min video {
    object-fit: cover;
}

.min .black-mask-small,
.min .black-mask-box {
    display: none !important;
}

.kv_yysj {
    position: absolute;
    left: 10%;
    width: 20%;
    top: 40%;
    height: 20%;
    z-index: 201;
}

/* #gallery-top .swiper-slide{
    background: #000;
} */
#gallery-top .swiper-slide img,
#gallery-top .swiper-slide video {
    width: 85%;
    height: 74%;
    /* height: calc(85% - 0.53rem); */
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 0.53rem;

}

#gallery-top .swiper-slide video {
    width: 84%;
}

#cmca_pv #type-wrap {
    color: #000;
}

.video-mask-pic2 {
    top: 0;
}

.config-fixed .table_top_con {
    border-top: none;
}

/* 图片视频切换垂直居中样式 */
#cmca_pv {
    display: block;
}

.new-pv-nav {
    margin-top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    position: unset;
    justify-content: center;
}

.cmca-pv-box {
    position: unset;
    height: calc(100% - 0.6rem);
}

.gallery-top {
    height: calc(100% - 0.71rem);
}

#gallery-top .swiper-slide img,
#gallery-top .swiper-slide video {
    width: 100%;
    height: 100%;
    bottom: 0;
}

.slide-video {
    width: 55%;
    margin: auto;
    position: relative;
}

.gallery-thumbs {
    bottom: .1rem !important;
}

.yysj-code {
    width: 130px;
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: block;
    z-index: 3;
}

.sm-video-play {
    width: .3rem !important;
    height: .3rem !important;
    position: absolute;
    left: calc(50% - .15rem);
    top: calc(50% - .15rem);
}

.sl-slide-mask {
    width: 100% !important;
}

@media (max-width: 1600px) {
    .config-info-btn {
        width: 112px;
        height: 39px;
    }

    .config-info-btn span {
        font-size: 12px;
    }

    .config-info-btn img {
        width: 11px;
        margin-left: 3px;
    }
}

@media (max-width: 1400px) {
    .config-info-btn {
        width: 99px;
        height: 35px;
    }

    .config-info-btn span {
        font-size: 12px;
    }

    .config-info-btn img {
        width: 11px;
        margin-left: 3px;
    }
}


/*#swiper-container-banner .swiper-slide .wy30 {
    width: 909px;
    height: 80px;
    position: absolute;
    left: 187px;
    bottom: 35px;
    background: url(../img/30_1.png) center top no-repeat;
    background-size: cover;
}*/

#swiper-container-banner .swiper-slide .wy30_2 {
    width: 40%;
    height: auto;
    position: absolute;
    left: 11%;
    bottom: 30px;
}

#swiper-container-banner #banner3 .wy30_2 {
    width: 40%;
}

@media (max-width: 1400px) {
    #swiper-container-banner .swiper-slide .wy30_2 {
        bottom: 10px;
    }
}

@media (max-width: 1280px) {}