@charset "UTF-8";
html,body{
    width: 100%;
    height: 100%;
}
*{
    font-family: 微软雅黑;
}
.page-box{
    width: 100%;
    height: auto;
    position: relative;
}
.swiper-container1{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0%;
    top: 0%;
}
.logo{
    width: 94.6vw;
    height: 3vw;
    position: absolute;
    left: 2.7vw;
    top: 0.4vw;
    z-index: 9;
}
.zc{
    width: 11.9vw;
    height: 6.4vw;
    position: fixed;
    right: 0vw;
    top: 29.4vw;
    z-index: 99;
}
.input-box{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: -5.3vw;
    z-index: 9;
}
input,select{
    color: #000;
    font-size: 0.9vw;
    text-indent: 0.4vw;
}
.form-item{
    width: 12.9vw;
    height: 1.9vw;
    position: absolute;
}
.name-box{
    left: 24.8vw;
    top: 0.6vw;
}
.prov{
    width: 9.2vw;
    left: 41.8vw;
    top: 0.6vw;
}
.city-box{
    width: 9.2vw;
    left: 55.2vw;
    top: 0.6vw;
}
.dist-box{
    width: 21.8vw;
    left: 42.8vw;
    top: 3.1vw;
}

.tel-box{
    left: 24.8vw;
    top: 3.1vw;
}
input::-webkit-input-placeholder{
    color: #000;
}
.check-click{
    width: .9vw;
    height: .9vw;
    background-color: #fff;
    border-radius: .9vw;
    position: absolute;
    top: 9.8vw;
    cursor: pointer;
    border: 1px solid #adadad;
}
.men{
    left:36.2vw;
    background-color: #920070;
}
.women{
    left:41.3vw;
}

.form-btn{
    width: 12.2vw;
    height: 2.2vw;
    position: absolute;
    left: 65.8vw;
    top: 1.9vw;
    cursor: pointer;
}
.video-box{
    width: 100%;
    height: 56vw;
    position: absolute;
    left: 0;
    top: 6vw;
    z-index: 9;
}
.zp-box{
    width: 83vw;
    height: 16vw;
    position: absolute;
    left: 8.5vw;
    top: 32.7vw;
    z-index: 9;
}
.zp-box img{
    cursor: pointer;
}
.text-box .close-text{
    width: 3vw;
    height: 3vw;
    position: fixed;
    right: 1vw;
    top: 1vw;
    z-index: 2;
    cursor: pointer;
}
.text-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 999;
}
.big-img{
    width: 62.9vw;
    height: 37.3vw;
    position: absolute;
    left: 18.5vw;
    top: 13.3vw;
    z-index: 9;
}
.swiper-container2{
    width: 63vw;
    height: 9vw;
    position: absolute;
    left: 18.5vw;
    top: 11.5vw;
}
.swiper-container2 img{
    cursor: pointer;
}
.ly-box{
    width: 82vw;
    height: 26vw;
    position: absolute;
    left: 8.5vw;
    top: -11vw;
    background-color: #000d27;
    overflow-y: scroll;
}
.ly-box li{
    width: 100%;
    height: auto;
    margin-bottom: 3vw;
}
.ly-box li p{
    word-wrap:break-word;
    color: #c9caca;
    font-size: 1vw;
    line-height: 2vw;
}

.ly-box li .p-name{
    font-size: 1.4vw;
    line-height: 3vw;
}

.ly-box li .p-time{
    font-size: 1.2vw;
    line-height: 2vw;
}
.btn-box{
    width: 12vw;
    height: 2vw;
    position: absolute;
    left: 76vw;
    top: 17vw;
    color: #c9caca;
    font-size: 1vw;
    line-height: 2vw;
    text-align: center;
    letter-spacing: 2px;
}

.btn-box span{
    cursor: pointer;
}

.liuyan-btn{
    width: 7.6vw;
    height: 3vw;
    position: absolute;
    left: 80.6vw;
    top: 36vw;
    color: #c9caca;
    font-size: 1vw;
    line-height: 2vw;
    cursor: pointer;
}
.liuyan-text{
    width: 77vw;
    height: 13vw;
    position: absolute;
    left: 11vw;
    top: 19.6vw;
    resize:none;
    font-size: 1vw;
    color: #c9caca;
    background-color: rgba(0,0,0,0);
}
.denglu-box,
.zhuce-box
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: rgba(0,0,0,.8);
}
.denglu-box .main{
    width: 43vw;
    height: 24vw;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin:auto;
}
.d-input{
    width: 46%;
    height: 9%;
    position: absolute;
    left: 28%;
    top: 27%;
}
.d-input input{
    color: #c9caca!important;
}

.d-input input::-webkit-input-placeholder{
    color: #c9caca!important;
}
.denglu-box .d-password{
    top: 44%;
}
.denglu-box .d-submit{
    width: 46%;
    height: 11%;
    position: absolute;
    left: 28%;
    top: 68%;
    cursor: pointer;
}
.denglu-box .zhuce-btn{
    width: 10%;
    height: 6%;
    position: absolute;
    left: 59%;
    top: 86%;
    cursor: pointer;
}




.zhuce-box .main{
    width: 43vw;
    height: 30vw;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin:auto;
}
.zhuce-box .d-input{
    width: 46%;
    height: 8%;
    position: absolute;
    left: 28%;
    top: 27%;
}
.zhuce-box .z-pName{
    top: 21.3%;
}
.zhuce-box .z-name{
    top: 31.3%;
}
.zhuce-box .z-tel{
    top: 41.3%;
}
.zhuce-box .z-email{
    top: 51.3%;
}
.zhuce-box .z-password1{
    top: 61.3%;
}
.zhuce-box .z-password2{
    top: 71.3%;
}
.zhuce-box .z-submit{
    width: 46%;
    height: 11%;
    position: absolute;
    left: 28%;
    top: 84.5%;
    cursor: pointer;
}
.close{
    width: 2vw;
    height: 2vw;
    position: absolute;
    right: 1vw;
    top: 1vw;
    cursor: pointer;
}
videos{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.v-img{
    z-index: 99;
}
.xl_2
{
    z-index: 99;
    position: absolute;
    left: 0;
    bottom: -31px;
}