html {
    font-size: 5.2083333vw;
}
body {
    position: relative;
    margin: 0 auto;
    font-family: qihei55, sans-serif;
    /*font-size: 13px;*/
    line-height: 1.5;
    /*width: 100%;*/
    /*height: 100vh;*/
    overflow: hidden;
    /*overflow-y: auto;*/
    /*background: #000;*/
}
ul,li {
    margin: 0;
    padding: 0;
}
video {
    display: block;
    background: #000;
}
.zIndex {
    z-index: -1;
}
.zIndex1 {
    z-index: 1;
}
.poninterNo {
    pointer-events: none;
}
.poninterYes {
    pointer-events: all;
}
.w100 {
    display: block;
    width: 100%;
}
.fontSize0 {
    font-size: 0;
}

.opacity {
    opacity: 0;
}
.opacity1 {
    opacity: 1;
}
.pre {
    position: relative;
    font-size: 0;
}
.pos {
    position: absolute;
    top: 0;
    left: 0;
}
.opacityScale {
    opacity: 0;
    transform: scale(0);
}
.container {
    height: 100vh;
    overflow-y: scroll;
    background: #000;
}
.headerBox {
    position: relative;
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    height: .79rem;
    background-color: #000;
    z-index: 2;
}
.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0.82rem;
}
.home {
    position: absolute;
    right: 2.604vw;
    line-height: 4.688vw;
    top: 0;
    font-family: qihei55;
    font-size: 1.3vw;
    color: black;
    text-decoration: none;
}
.toYue {
    position: absolute;
    top: 50%;
    right: .6rem;
    transform: translateY(-50%);
    /*padding: .1rem .67rem;*/
    font-size: .18rem;
    text-decoration: none;
    color: #fff;
    /*border: 1px solid #fff;*/
    letter-spacing: .1em;
}
.video-box {
    position: relative;
    /*margin-top: .79rem;*/
    font-size: 0;
    height: 10.80rem;
}
.video-pre {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10.8rem;
}
.first-video {
    height: 10.80rem;
    object-fit: cover;
}
/* .swiper-slide {
    font-size: 0;
    opacity: 0 !important;
}
.swiper-slide-active {
    opacity: 1 !important;
} */
.swiper-slide img {
    width: 40%;
}

/* .swiper-slide {
    opacity: 0 !important;
}
.swiper-slide-active {
    opacity: 1 !important;
} */
.swiper-container-1 {
    margin: 0 auto;
    /* padding-bottom: .5rem; */
    width: 12.29rem;
    height: 7.46rem;

}
.swiper-2-title {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 9.38rem;
    z-index: 2;
}


/* .swiper-container-1 .swiper-slide {
    display: flex;
    justify-content: center;
} */
.swiper-container-1 .swiper-slide img {
    /*display: inline-block;*/
    width: 100%;
    flex-shrink: 0;
}
/* .swiper-container-1 .swiper-slide img + img {
    margin-left: 2%;
} */
.swiper-container-1 .swiper-slide-last {
    display: block;
}
.swiper-container-1 .swiper-slide-last img {
    display: block;
    margin-left: 10.5%;
}
.swiper-container-2 .swiper-slide img {
    width: 100vw;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -0.05rem;
}
.swiper-pagination-bullet {
    height: .04rem;
    width: .5rem;
    background: #fff !important;
    border-radius: 0;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #f5d98f !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}
.swiper-container-1 .swiper-pagination-bullets {
    bottom: -.38rem;
}
.swiper-button-prev {
    background-image: url(../images/prev.png);
    top: 5.5rem;
    left: 2.02rem;
    width: 0.27rem;
    height: 0.47rem;
    background-size: cover;
}

.swiper-button-next {
    background-image: url(../images/next.png);
    top: 5.5rem;
    right: 2.02rem;
    width: 0.27rem;
    height: 0.47rem;
    background-size: cover;
}
.form-box {
    text-align: center;
}
.yuYue-title-box {
    text-align: center;
}
.yuYue-title-box h2 {
    position: relative;
    display: inline-block;
    font-family: qihei55;
    font-size: 1.875vw;
    color: #fff;
}


.yuYue {
    position: relative;
    /*padding: 0 0 9.115vw 0;*/
    background: #000;
    z-index: 1;
    font-size: 0;
}
.yuYue-1 {
    margin-bottom: 1.85rem;
}
.yuYue-inner {
    /*position: absolute;*/
    /*top: 4rem;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    margin: 0 auto;
    width: 13.1rem;
    font-family: qihei55, sans-serif;
}
.sign-modal .yuYue-inner {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.row {
    display: flex;
    justify-content: space-between;
    margin-bottom: .19rem;
}

.row .shortFormEle {
    width: 49.4%
}
.shortFormEle input, .shortFormEle select {
    width: 100%;
}
.longFormEle input, .longFormEle select {
    width: 100%;
}

.publicInput, .publicSelect {
    box-sizing: border-box;
    font-family: qihei45;
    font-size: .28rem;
    padding: 0 .28rem;
    height: .8rem;
    color: #fff;
    background: transparent;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: 1px solid #fff;
    border-radius: 0;
    -webkit-text-fill-color: #fff;
    outline: 0;
}
.publicSelect option {
    background: #000;
}
select optgroup{
    background:#000;
    color:#fff;
}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px #000 inset !important;}
input::-webkit-input-placeholder {
    color: #000;
}
.label-box {
    font-size: 1.042vw;
}
.label-box label {
    display: flex;
    align-items: center;
    letter-spacing: .1em;

}
.label-box span {
    display: inline-block;
    font-family: qihei45;
    color: #fff;
}
.label-box input {
    margin-right: .09rem;
    margin-left: .3rem;
    float: left;
    width: .26rem;
    height: .26rem;
}

/*预约页面*/
/*勾选同意协议*/
.agree-box {
    position: relative;
    /*display: flex;*/
    padding-left: 4.11rem;
    justify-content: flex-end;
    margin: .5rem 0 .5rem 0;
}
.agree-box label span {
    font-size: .28rem;
    color: #fff;
}
.agree-box label a {
    color: #fff;
    font-family: qihei45;
    font-size: .28rem;
}
.gou {
    position: absolute;
    left: 0.833vw;
    width: 2.267vw;
    opacity: 0;
    transition: opacity .3s ;
}

.select-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .37rem;
    width: .27rem;
    pointer-events: none;
}
#submitBt {
    display: block;
    margin: 0 auto 0;
    width: 6.47rem;
    height: .77rem;
    line-height: .77rem;
    background: #7c1c1d;
    font-family: qihei45;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: .3em;
    border: 1px solid #000;
    transition: all .5s;
}
.sign-btn-box {
    padding-bottom: 1.84rem;
}
.sign-btn-box #submitBt {
    display: block;
    margin: 0 auto 0;
    width: 6.47rem;
    height: .77rem;
    line-height: .77rem;
    background: #7c1c1d;
    font-family: qihei45;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: .3em;
    border: 1px solid #000;
    transition: all .5s;
}
#submitBt:hover {
    opacity: .8;
    /*color: #000;*/
    /*background: #f5f0e5;*/
}
.layout-aside {
    bottom: 3.542vw;
    position: fixed;
    right: 1.25vw;
    width: 7.813vw;
    z-index: 99;
}
.layout-drive {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(0,0,0,.5) url(https://www.cadillac.com.cn/resources/img/common/aside_drive.png) no-repeat;
    background-position: 0.781vw 0.781vw;
    background-size: 1.406vw 1.25vw;
    border-radius: 4.01vw;
    cursor: pointer;
    height: 2.813vw;
    margin-top: 0.521vw;
    overflow: hidden;
    transition: width .5s;
    transition: background-color .5s;
    width: 7.813vw;
}
.layout-drive span {
    display: block;
    font-size: 1.042vw;
    line-height: 2.813vw;
    margin-left: 2.396vw;
    transform: scale3d(.85,.85,1);
    transform-origin: center left;
    transition: transform .5s;
    width: 7.813vw;
    color: #fff;
}
.layout-drive:hover span {
    transform: scale3d(.85,.85,1) translate(5px);
}
.sign-modal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /*background: url(../images/r_bg.jpg) no-repeat center;*/
}
.r-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 80%;
}
.sign-modal #submitBt {
    background: #fff;
    color: #000;
}
.close {
    position: absolute;
    bottom: -1.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: .84rem;
    cursor: pointer;
}
.close:hover {
    opacity: .7;
}
.displayNone {
    display: none;
}

@keyframes opacityIn {
    to {
        opacity: 1;
    }
}
@keyframes opacityOut {
    to {
        opacity: 0;
    }
}
@keyframes opacityInOut {
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}