@font-face {
    /* font-family: "songti-b";
    src:url("../imagesnew/yaq/Helvetica-Narrow-Bold.otf"); */
}

.uu_img {
    position: absolute;
    position: absolute;
    top: 46%;
    left: 50%;
    left: 50%;
    margin: 0 auto;
    width: 90%;
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
}
.load_img{width: 67px;position: absolute;left: 0;}
.load_txt{
    width: 400px;
    height: 60px;
    position: absolute;
    border-bottom: 5px solid #ddd;
    right: 90px;
    top: 2%;
}

.zhe_bai{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 86%;
    left: 50%;
    width: 100%;
    background: #fff;
    height: 20%;
}
.load_div{
    width: 70%;
    height: 160px;
    position: absolute;
    justify-content: center;
    top: 45%;
    right: 11%;
    overflow: hidden;
}
.load_flex {
    position: absolute;
    z-index: 999999999;
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-size: 12px;
    background-color: #5b6058db;
    background-size: cover;
    /* display: none; */
}
.fix_box{z-index: 1000;}

.page {
    position: relative;
}

.load_flex_text {
    position: absolute;
    position: absolute;
    top: 52%;
    color: #fff;
    text-align: right;
    font-weight: 800;
    font-size: 24px;
    font-size: 21px;
    width: 100px;
    justify-content: center;
    right: 0;
}

body,li,ul {
    margin: 0;
    padding: 0;
    border: 0;
}

.page-loading {
    position: absolute;
    top: 0;
    z-index: 100000002;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

body {
    background: #000000;
    font-size: 12px;
    font-family: helvetica,arial;
    -webkit-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    overflow: hidden;
}

.zhe {
    position: absolute;
    z-index: 99999;
    display: none;
    width: 100%;
    height: 100%;
    background-image: url(../imagesnew/yaq/images/zhe.png);
    background-position: center;
    background-size: cover;
}

.f_box {
    position: absolute;
    top: 50%;
    left: 54%;
    width: 57%;
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
}

.page-loading {
    position: absolute;
    top: 0;
    z-index: 100001;
    width: 100%;
    height: 100%;
    background-color: #f4eae0;
    background-size: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.load {
    position: fixed;
    z-index: 9999999999999;
    width: 100%;
    height: 100%;
    background-color: hsla(0,40%,50%,.95);
    background-image: azure;
    background-position: center;
    background-size: cover;
}

img {
    width: 100%;
}

.pres {
    position: absolute;
    top: 65%;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 22px;
}

.p1_box {
    margin-top: -70px;
}

#scroller {
    background-position: bottom!important;
    background-size: 100%!important;
    background-repeat: no-repeat;
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0;
    width: 100%;
    height: 45px;
    background: #cd235c;
    color: #eee;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 45px;
}

#scroller ul {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    list-style: none;
    text-align: center;
}

#scroller ul img {
    width: 100%;
}

.IPX .index_last {
    position: absolute;
    left: 50%;
    margin-left: -56.5%;
    width: 113%;
}

#scroller ul .log {
    width: auto;
    height: 100%;
}

#scroller li {
    float: left;
    display: block;
    width: 100px;
    height: 100%;
    border-right: 1px solid #ccc;
    background-color: #fafafa;
    font-size: 14px;
}

.tips{
    position: absolute;
    top: 94%;
    left: 50%;
    z-index: 9999;
    width: 26%;
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
}
.swiper-slide img {
    margin: 0 auto;
    width: 100%;
}

.nk{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20%;
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
    width: 100%;
}





.session_1 {
    overflow: hidden;
    background-color: #ffffff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.session_12 {
    overflow: hidden;
    background-color: #ffffff;
    background-image: url(../images/p21.jpg?1);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}



.session_3 {
    overflow: hidden;
    background-color: #efe3e8;
    background-image: url(../imagesnew/yaq/images/bg33.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.p1p1 {
    opacity: 1;
}

.logo {
    position: absolute;
    top: 5%;
    z-index: 9002;
    width: 90%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
}

.p1 {
    position: absolute;
    top: 50%;
    z-index: 9002;
    width: 110%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
}

.p1s{
    position: absolute;
    top: 60%;
    z-index: 9002;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
}

.input{
    position: absolute;
    top: 35%;
    z-index: 9002;
    width: 53%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 59%;
    height: 6%;
    background: none;
    border: 0;
    outline: none;
    font-size: 27px;
}

.btn{
    position: absolute;
    top: 64%;
    z-index: 9002;
    width: 53%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    height: 98px;
    background: none;
    border: 0;
    outline: none;
    font-size: 27px;
}

.tel{
    top: 43%;
}
.p2_2{
    position: absolute;
    top: 50%;
    z-index: 9002;
    width: 36%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
}


.p2_3{
    position: absolute;
    top: 10%;
    z-index: 90;
    width: 0;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    left: 15%;
    overflow: hidden;
}

.p2_3 img{width:510px;}
.play{
    position: absolute;
    top: 88%;
    z-index: 9002;
    width: 9%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 81%;
}



.index_1 {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.bg_index{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 49%;
    left: 50%;
    width: 100%;
}

.img_box{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 78.1%;
    margin-left: 2px;
}
.img_box *{
    pointer-events: none;
}
.img_1{
    top: 31.3%;
}
.img_2{
    top: 50.5%;
}
.img_3{
    top: 69.7%;
}

.p7{
    position: absolute;
    top: -1%;
    right: -6%;
    width: 49%;
}
.p6{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 80%;
    left: 50%;
    width: 100%;
}
.p5{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 48%;
    left: 50%;
    width: 92%;
}
.kl{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 18%;
    z-index: 9999999;
    opacity: 0;
}

.p4{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 115%;
    left: 49%;
    width: 93%;
}

.p8{
    position: absolute;
    bottom: 42%;
    left: 47%;
    width: 260px;
    height: 0px;
    overflow: hidden;
    -webkit-transform: translate(-50%,0%) scale(1,-1);
    transform: translate(-50%,0%) scale(1,-1);
    z-index: 10000;
}
.p8 img{
    height: 421px;
    transform: scale(1,-1);
}
.p9{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 33%;
    left: 72%;
    width: 15%;
    z-index: 10000;
}
.p14{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 75%;
    left: 18%;
    width: 54%;
    z-index: 10000;
}

.p12{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 41%;
    left: 6%;
    width: 36%;
    z-index: 10000;
}

.p12 img{
    transform-origin: left bottom;
}

.p10 img{
    transform-origin: right bottom;
}

.p15 img{
    transform-origin: right top;
}

.p21 img{
    transform-origin: right bottom;
}
.p20 img{
    transform-origin: left bottom;
}
.p24 img{
    transform-origin: right bottom;
}

.p13{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 93%;
    left: 12%;
    width: 16%;
    z-index: 999999;
}

.p11{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 75%;
    left: 9%;
    width: 30%;
    z-index: 99999;
}

.p10{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 61%;
    left: 90%;
    width: 30%;
    z-index: 99999;
}

.p19{
    position: absolute;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    top: 86%;
    right: 0;
    width: 64%;
    z-index: 10000;
}

.p5 .ppImg_1{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 49%;
    left: 48.8%;
    width: 91%;
    pointer-events: none;
}

.p3{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 90%;
    left: 50%;
    width: 61%;
    opacity: 0;
}

.p17{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 72%;
    left: 50%;
    opacity: 0;
    width: 100%;
    z-index: 1000;
}
.p16{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 105%;
    left: 50%;
    width: 100%;
    opacity: 0;
}
.p18{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 64%;
    left: 67%;
    width: 26%;
}
.p20{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 1%;
    left: 8%;
    width: 26%;
}

.p21{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: -16%;
    left: 93%;
    width: 19%;
}

.p22{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 34%;
    left: 93%;
    width: 26%;
    z-index: 999999;
}

.p26{z-index: 10002;position:absolute;width: 50%;bottom: 0;}
.p23{position:absolute;width: 28%;bottom: 0;right: 0;z-index: 10002;}
.p24{position:absolute;width: 31%;bottom: 0;z-index: 999;right: -4%;z-index: 10002;}
.p15{position:absolute;width: 80%;top: -2%;z-index: 999;right: -4%;z-index: 10002;}

.pk{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 83%;
    left: 86%;
    width: 15%;
    z-index: 9999999;
}
.p29{
    position: absolute;
    width: 41%;
    right: -17%;
    top: -4%;
}
.p33{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 104%;
    left: 89%;
    width: 15%;
}

.p4{
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 90%;
    left: 50%;
    width: 60%;
}

.p30{
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 89%;
    left: 50%;
    width: 122%;
}

.p31{
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 92%;
    left: 95%;
    width: 24%;
}

.p32{
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 92%;
    left: 50%;
    width: 112%;
}

.p32 img{
    transform-origin: center bottom;
}
.p42{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 106%;
    left: 81%;
    width: 37%;
}

.p_p{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 47%;
    left: 50%;
    width: 88%;
}

.user_f_1{
    font-family:"songti-b"!important;
    position: absolute;
    top: 80%;
    font-size: 40px;
    left: 9%;
    z-index: 9999;
}
.user_f_1 *{opacity:0}
.user_f_2 *{opacity:0}
.user_f_3 *{opacity:0}
.ele{
    opacity: 0;
}

.past .ele{
    opacity: 1;
}
.user_f_2{
    font-family: "songti-b"!important;
    position: absolute;
    top: 86%;
    font-size: 40px;
    left: 13%;
    z-index: 9999;
    text-align: left;
    width: 80%;
}

.user_f_3{
    font-family: "songti-b"!important;
    position: absolute;
    top: 90%;
    font-size: 40px;
    left: 13%;
    z-index: 9999;
    text-align: left;
    width: 80%;
}

.gb {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 28%;
    left: 92%;
    width: 5%;
}

.img_box2 *{pointer-events: none;}
.user_box,.user_box_mo{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-image: url("../imagesnew/yaq/images/mo_1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
}
.san{/* display: none; */position: absolute;z-index: 8888;position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 70%;left: 51%;width: 18%;z-index: 8899999;}
.video{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgb(0 0 0);
    display: none;
}
video{
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 47%;
    position: absolute;
}
.user_box_mo{display: block;width: 750px;height: 1550px;z-index: 999999;left: 165%;display: none;-webkit-transform: translate(-50%,-50%);position: fixed;background-color: #000;}

.user_box_mo .p5{
    width: 98%;
    top: 44%;
}
.user_box_mo .p7{
    top: 114%;
}
.user_box2{
    position: absolute;
    width: 101%;
    height: 101%;
    z-index: 999999;
    background-color: rgb(0 0 0 / 86%);
    display: none;
    filter: blur(3px);
}
.code{
    position: absolute;
    width: 28%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 77%;
    left: 50%;
}

.user_box_img{
    position: absolute;
    z-index: 99999;
    opacity: 0;
    left: 0;
    top: 0;
    height: 109%;
}

.l{position: absolute;width: 6%;left: 2%;top: 14%;}
.r{position: absolute;width: 6%;left: 70%;top: 78%;}
@media screen and (max-height: 1400px) {

    .p7{
        /* top: 109%; */
    }
}

.all_box{
    background: #000;
    position: absolute;
    z-index: 9999;
    overflow: hidden;
}
.user_name_name{
    position: absolute;
    top: 21%;
    z-index: 9002;
    width: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 51%;
    font-size: 39px;
    color: #2e5234;
}
.user_name_city{position: absolute;top: 22.2%;z-index: 9002;width: 35%;-webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);left: 79%;font-size: 24px;color: #2e5234;}
.user_name_face{
    position: absolute;
    top: 21%;
    z-index: 9002;
    width: 87px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 17%;
    font-size: 45px;
    color: #2e5234;
    height: 87px;
    border-radius: 100px;
    overflow: hidden;
    background-size: cover;
}
.p33{position: absolute;top: -8%;width: 100%;opacity: 0.2;}
.p33_2{position: absolute;top: 46%;width: 79%;opacity: 0;right: 0;z-index: 100;}
#music{
    /* background-image: url("../images/music.png"); */
    position: absolute;top: 3%;position: absolute;top: 10%;z-index: 90021111;width: 90%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);left: 85%;width: 80px;height: 80px;background-size: cover;}
.music_act{
    /* background-image: url("../images/music_off.png")!important; */
}
.user_name_num{
    position: absolute;
    top: 39%;
    z-index: 9002;
    width: 27%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    font-size: 45px;
    color: #2e5234;
    text-align: center;
    background: #eaeea4;
    padding: 4px;
    border-radius: 7px;
    border: 1px solid #2e5234;
    height: 50px;
    line-height: 45px;
    font-family: "songti-b";
}
.kl{display: none;}

.t_div_2 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
    z-index: 99999;
}

.t_1{z-index: 9999;position: absolute;width: 100%;}
.t_1 img{opacity:0}
.bg_img{opacity:0}
.t_div_3 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;

}
.t_div_4 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
}
.t_div_5 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
}

.t_div_6 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
}

.t_div_7 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
}

.t_div_8 .t_1{
    position: absolute;
    top: 39%;
    width: 100%;
}
.t_div_9 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
}
.t_div_10 .t_1{
    position: absolute;
    top: 5%;
    width: 100%;
}
.t_div_12 .t_1{
    position: absolute;
    top: 5%;
    width: 100%;
}

.t_div_13 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
    left: -6%;
}
.t_div_14 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
}

.t_div_16 .t_1{
    position: absolute;
    top: 7%;
    width: 100%;
}


.t_div_15 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
}



.t_div_17 .t_1{
    position: absolute;
    top: 55%;
    width: 100%;
}

.t_div_18 .t_1{
    position: absolute;
    top: 6%;
    width: 100%;
}


.t_div_19 .t_1{
    position: absolute;
    top: 52%;
    left:7%;
    width: 94%;
}


.t_div_20 .t_1{
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
}


.user_t{width: 750px;height: 1350px;position: absolute;overflow: hidden;left: 750px;}