#wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.vux-flex-col{height:100%;box-orient:vertical;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;}
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.rotate {
  animation: rotate 2s linear infinite;
}
.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: fixed;
    z-index: 99999;
    display: none;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    display: none;
    background-color: #000c;
}

.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: #fdf002;
    background-position: center;
    background-image: url(https://qiniucloud.jobshaigui.com/images/b1.png);
    background-size: cover;
    background-repeat: no-repeat;
}


.session_2 {
    overflow: hidden;
    background-color: #fff;
    background-image: url(../images/b1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}





.p1p1 {
    opacity: 1;
}



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

.p1_1 {
    position: absolute;
    top: 19%;
    z-index: 900;
    width: 60%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 29%;
}

.p1_2{
    position: absolute;
    top: 5%;
    z-index: 900;
    width: 31%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 29%;
}

.p1_3{
    position: absolute;
    top: 32%;
    z-index: 900;
    width: 43%;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    left: 0%;
    opacity: 0;
}

.p1_4{
    position: absolute;
    top: 52%;
    z-index: 900;
    width: 43%;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    left: 0%;
}

.p1_5{
    position: absolute;
    top: 56%;
    z-index: 900;
    width: 21%;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    left: 81%;
}



.p1_6{
    position: absolute;
    top: 65%;
    z-index: 900;
    width: 21%;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    left: 81%;
}

.p1_7{
    position: absolute;
    top: 89%;
    z-index: 900;
    width: 16%;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    left: 39%;
}

.p1_8{
    position: absolute;
    top: 2%;
    z-index: 900;
    width: 27%;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    left: 48%;
}

.p2 {
    position: absolute;
    top: 24%;
    z-index: 900211111;
    width: 53%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
}


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



.btn,.btn2{
    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;
}
.btn2{
    top: 95%;
}

.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%;
}
.yuan_line{
    position: absolute;
    width: 800px;
    height: 800px;
    border: 0.5px solid #fff;
    border-radius: 500px;
    right: -71%;
    top: 23%;
}
.bg2{position:relative;}

.p5{
    position: absolute;
    top: 50%;
    z-index: 9002;
    width: 81%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
}
.p5 img{opacity:0}
.p5_2{
    position: absolute;
    top: 59%;
    z-index: 9002;
    width: 66%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
}
.p5_3{
    position: absolute;
    top: 72%;
    z-index: 9002;
    width: 66%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    z-index: 999999;
}
.kl{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 18%;
    z-index: 9999999;
    opacity: 0;
}



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

.btn_ajax{
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 95%;
    left: 50%;
    width: 80%;
    height: 80px;
    z-index: 9999999;
}
.back{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 110%;
    left: 50%;
    width: 82%;
    height: 40px;
}
.p8 img{
    /* height: 421px; */
    /* transform: scale(1,-1); */
}



.p10{
    position: absolute;
    top: 86%;
    z-index: 9002;
    width: 52%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    opacity: 0;
}

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



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

.p26{z-index: 10002;position:absolute;width: 50%;bottom: 0;}
.p24{position:absolute;width: 31%;bottom: 0;z-index: 999;right: -4%;z-index: 10002;}
.p15{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 77%;
    left: 50%;
    width: 60%;
    z-index: 10000;
    width: 48%;
    text-align: center;
}

.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%;
}



.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;}

.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: 90%;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_box{z-index: 9999;position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 83%;left: 50%;top: 40%;transition: all 0.7s ease 0s;}
.t_box img{opacity:0;pointer-events: none;}

.t_7{z-index: 9999;position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 53%;left: 50%;top: 40%;}

.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%;
}

#wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.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: #191919;
    background-size: cover;
}
.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;
}

.box{
    width: 750px;
    /* height: 5727px; */
    position: relative;
}
.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-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}


.flex {
    display: -webkit-box;
    /* position: relative; */
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}
.flex_item{-webkit-box-flex:1;flex:1;-webkit-flex:1;}

.zhe {
    position: fixed;
    z-index: 99999;
    display: none;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    display: none;
    background-color: #000c;
    overflow: scroll;
}

.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: 65%;
    left: 50%;
    z-index: 9999119;
    width: 100%;
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0);
    font-size: 25px;
    text-align: center;
    color: #fff;
}
.p4 img{/* opacity: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%;
}





.bg {
    overflow: hidden;
    background-color: #4b3118;
    background-image: url(../images/bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.session_2 {
    overflow: hidden;
    background-color: #3c462a;
    background-image: url(../images/b1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.session_3 {
    overflow: hidden;
    background-color: #18100e;
    background-image: url(../images/b1.png?11);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.session_4 {
    overflow: hidden;
    background-color: #18100e;
    background-image: url(../images/b1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.session_5 {
    overflow: hidden;
    background-color: #18100e;
    background-image: url(../images/b1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.session_6 {
    overflow: hidden;
    background-color: #18100e;
    background-image: url(../images/b1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.fx{
    overflow: hidden;
    background-color: #000000d1;

    background-position: center;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    width: 103%;
    height: 100%;
    top: 0;
    z-index: 99999;
    background-position: 77% 9%;
    margin-left: 0px;
    display: none;
}




.logo {
    position: absolute;
    top: 5%;
    z-index: 900211111;
    width: 94%;
    -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: 9%;
    z-index: 9002;
    width: 97%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    height: 70px;
    background: none;
    border: 0;
    outline: none;
    font-size: 26px;
    padding-left: 3%;
    color: #ffff;
}
.input_2{
    top: 27%;
}
.input_3{
    top: 45.5%;
}
.input_4{
    top: 63%;
}
.input_5{
    top: 80.5%;
}
.input6{}
.city{
    position: absolute;
    top: 46%;
    z-index: 9002;
    width: 51%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    height: 65px;
    background: none;
    border: 0;
    outline: none;
    font-size: 20px;
    z-index: 888888;
    opacity: 0;
}
.btn{
    position: absolute;
    top: 97%;
    z-index: 9002;
    width: 45%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    height: 78px;
    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%;
}
.yuan_line{
    position: absolute;
    width: 800px;
    height: 800px;
    border: 0.5px solid #fff;
    border-radius: 500px;
    right: -71%;
    top: 23%;
}

.p7{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 15%;
    left: 50%;
    width: 60%;
    z-index: 99999;
    opacity: 0;
}

.k_s_1{position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 43%;left: 27%;width: 45%;z-index: 99999;}

.k_s_2{position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 43%;left: 75%;width: 45%;z-index: 99999;}

.k_s_3{position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 68%;left: 27%;width: 45%;z-index: 99999;}

.k_s_4{position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 68%;left: 75%;width: 45%;z-index: 99999;}


.k_s_1 img{opacity:0}

.k_s_2 img{opacity:0}

.k_s_3 img{opacity:0}

.k_s_4 img{opacity:0}

.p6{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 55%;
    left: 50%;
    width: 80%;
}

.ky_1{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 37%;
    left: 50%;
    width: 90%;
}


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


.ky_3{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 57%;
    left: 50%;
    width: 90%;
}


.ky_4{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 67%;
    left: 50%;
    width: 90%;
}


.ky_5{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 77%;
    left: 50%;
    width: 90%;
}

.p9_1{
    position: absolute;
    top: 61%;
    z-index: 9002;
    width: 54%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    opacity: 0;
}
.kl{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 18%;
    z-index: 9999999;
    opacity: 0;
}



.back{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 110%;
    left: 50%;
    width: 82%;
    height: 40px;
}
.p8img{
    opacity:0
}
.p9{
    position: absolute;
    top: 14%;
    z-index: 9002;
    width: 52%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    opacity: 0;
}
.len{
    position: absolute;
    top: 53%;
    z-index: 9002;
    width: 1px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    opacity: 0;
}
.p14{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 19%;
    left: 29%;
    width: 60%;
    z-index: 10000;
    width: 70%;
    text-align: center;
    opacity: 0;
}
.x{
    position: absolute;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    top: 49%;
    left: 460px;
    width: 60%;
    z-index: 10000;
    width: 40px;
    font-size: 30px;
    color: #f5e7be;
    text-align: center;
    border: 1px solid #f8cdb7;
    padding: 11px 13px;
    border-left: 0;
    height: 41px;
}

.p14_1{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 24%;
    left: 50%;
    width: 60%;
    z-index: 10000;
    width: 100%;
    font-size: 35px;
    color: #c88540;
    text-align: center;
}

.p12{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 59%;
    left: 92%;
    width: 19%;
    z-index: 100002;
    opacity: 0;
}

.p12 img{
}



.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: 99%;
    left: 23%;
    width: 35%;
    z-index: 99999;
    opacity: 0;
}

.p11{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 90%;
    left: 34%;
    width: 45%;
    z-index: 99999;
}

.p11 img{opacity:0}



.p19{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 86%;
    z-index: 10000;
    top: 45%;
    left: 50%;
    width: 72%;
}

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

.p17{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 61%;
    left: 52%;
    width: 76%;
    z-index: 1000;
}

.user_txt{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 60%;
    left: 52%;
    width: 86%;
    font-size: 32px;
    color: #c88540;
    z-index: 99999;
}

.user_txt2{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 65%;
    left: 56%;
    width: 94%;
    font-size: 32px;
    color: rgb(200 133 64 / 87%);
    z-index: 9999;
}
.card{
    background: #f5c1b3;
    padding: 4px 10px;
    margin: 2px;
    color: d27607;
    font-size: 40px;
    font-weight: bold;
    border: 2px solid #d27607;
    border-radius: 10px;
    margin-top: -20px;
    background-image: url(../images/h.png?1);
    background-size: cover;
}
.my_adds{
    font-size: 40px;
    font-weight: 800;
    margin-left: 10px;
}
.p16{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 24%;
    left: 50%;
    width: 60%;
    opacity: 1;
}
.p18{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 90%;
    left: 29%;
    width: 40%;
    z-index: 99999;
}
.p20{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 17%;
    left: 50%;
    width: 35%;
    z-index: 99999;
    pointer-events: none;
}

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

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

.shu{
    position: absolute;
    bottom: 32%;
    left: 56%;
    width: 26%;
    z-index: 999999;
    height: 220px;
    /* overflow: hidden; */
    transform-origin: center;
}
.shu_div{
    width: 100%;
    height: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    transform-origin: bottom center;
}
.shu img{
    height: 200px;
}

.p26{z-index: 10002;position:absolute;width: 50%;bottom: 0;}
.p23{position:absolute;width: 8%;left: 17%;top: 20%;z-index: 10002;opacity: 0;pointer-events: none;}
.p24{position:absolute;width: 31%;bottom: 0;z-index: 999;right: -4%;z-index: 10002;}

.z_2{
    left: 56%;
    top: 55%;
}
.z_3{
    left: 43%;
    top: 42%;
}
.z_4{
    left: 68%;
    top: 19%;
}

.z_5{
    left: 56%;
    top: 32%;
}
.z_6{
    left: 75%;
    top: 49%;
}

.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{
    position: absolute;
    top: 68%;
    z-index: 9002;
    width: 45%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
}

.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;
    z-index: 8888;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 96%;
    left: 50%;
    width: 6%;
    z-index: 8899999;
}

.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: 83%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
}
.mo_div{
    width: 750px;
    height: 1300px;
    position: absolute;
    background-color: #ed6f55;
    background-image: url(../images/bg.png?1);
    background-position: center;
    background-size: 176%;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 99999;
    overflow: hidden;
    left: 100%;
}
.user_img{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9999;
}
.user_img img{
    height: 100%;
}
.mo_div .p17{
    top: 55%;
}

.mo_div .user_txt{
    top: 69%;
}

.mo_div .p16{
    top: 32%;
}
.mo_div .user_txt2{
    top: 75%;
}
.mo_div .p21{
    top: 100%;
}
.code2{
    position: absolute;
    width: 17%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 88%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.p1k{
    position: absolute;
    width: 110%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 46%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.gz{
    position: absolute;
    width: 88%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 81%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.img_s_1{
    position: absolute;
    width: 37%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 35%;
    left: 29%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 230px;
}


.img_s_1{
    position: absolute;
    width: 37%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 35%;
    left: 29%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 230px;
}

.quan{
    background-image: url("../images/quan.png");
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: cover;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 86%;
    top: 56%;
    pointer-events: none;
}

.img_s_5{
    position: absolute;
    width: 25%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 75%;
    left: 23%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 215px;
}

.img_s_6{
    position: absolute;
    width: 25%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 75%;
    left: 51%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 215px;
}


.img_s_7{
    position: absolute;
    width: 25%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 75%;
    left: 79%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 215px;
}


.img_s_2{
    position: absolute;
    width: 37%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 35%;
    left: 73%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 230px;
}


.img_s_1 .quan{
    top: 68%;
}
.img_s_2 .quan{
    top: 68%;
}
.img_s_3 .quan{
    top: 68%;
}
.img_s_4 .quan{
    top: 68%;
}

.img_s_3{
    position: absolute;
    width: 37%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 56%;
    left: 29%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 230px;
}


.img_s_4{
    position: absolute;
    width: 37%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 55%;
    left: 73%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 230px;
}


.logo2{
    position: absolute;
    width: 17%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 88%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.code3{
    position: absolute;
    width: 100%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 96%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 20px;
    color: #ffecb4;
}
.img_box2 *{pointer-events: none;}
.user_box,.user_box_mo{
    position: absolute;
    width: 62%;
    z-index: 999999;
    background-size: cover;
    background-repeat: no-repeat;
    top: 17%;
    height: 130px;
    left: 30%;
}
.san{/* display: none; */position: absolute;z-index: 8888;position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 96%;left: 50%;width: 6%;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: #100a06;
    position: absolute;
    z-index: 9999;
}
.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: 90%;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{
    position: absolute;
    top: 1.5%;
    z-index: 9002;
    width: 80%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 60%;
}

.t_2{
    position: absolute;
    top: 34.5%;
    z-index: 9002;
    width: 80%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 60%;
}
.t_2 img,.t_4 img,.t_5 img{opacity:0}
.t_3{
    position: absolute;
    top: 24%;
    z-index: 9002;
    width: 80%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 60%;
}


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

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


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


.t_7{
    position: absolute;
    top: 12%;
    z-index: 9002;
    width: 80%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    left: 60%;
}
.t_8{
    position: absolute;
    top: 46%;
    z-index: 9002;
    width: 80%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    left: 60%;
}


.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%;
}
.ik{opacity: 0;}
svg{
position: absolute;
    width: 64%;
    top: -60%;
    /* transform: rotate(5deg) scale(1.035); */
    left: 18%;
    opacity: 1;
}
.t_div_20 .t_1{
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
}
.user_face{width: 130px;height: 130px;position: absolute;background-color: #ddd;left: -33%;border-radius: 100px;}

.user_name{
    width: 100%;
    font-size: 36px;
    color: #db9e54;
    font-weight: 800;
}
.user_tips{
    width: 100%;
    font-size: 30px;
    color: #c88540;
}
.select_div{width: 100%;display: inline-block;height: 80px;overflow: hidden;POSITION: absolute;top: 32%;z-index: 999911111;background-color: #fff;display: none;}

.select_div_s{
    width: 97%;
    height: 80px;
    background: #ddd;
    justify-content: left;
    font-size: 25px;
    padding-left: 3%;
    border-bottom: 1px solid rgb(181 183 171 / 74%);
}

.picker {
    z-index: 10001!important
}

.picker .picker-panel {
    height: 500px!important
}

.picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item {
    height: 60px!important;
    overflow: hidden;
    white-space: nowrap;
    color: #333
}

.picker .picker-panel .wheel-wrapper .wheel .wheel-scroll {
    margin-top: 120px;
    line-height: 60px!important
}

.picker .picker-panel .picker-choose {
    position: relative;
    height: 110px!important;
    color: #878787;
    font-size: 28px!important
}

.picker .picker-panel .picker-content .mask-bottom:before {
    display: block;
    top: -105px!important
}

.wheel-hook:nth-child(3) {
    display: none
}

.picker .picker-panel .wheel-wrapper .wheel {
    -ms-flex: 1 1 1e-9px;
    -webkit-box-flex: 1;
    flex: 1;
    flex-basis: 1e-9px;
    width: 1%;
    height: 300px!important;
    overflow: hidden;
    font-size: 21px
}

.picker .picker-panel .picker-content .mask-top:after,.picker .picker-panel .picker-content .mask-top:before {
    display: block;
    position: absolute;
    border-top: 1px solid #ccc;
    left: 0;
    width: 100%;
    content: " ";
    border-top: .015625rem solid #e45e00;
    border-bottom: .015625rem solid #e45e00;
    background-color: rgba(228,94,0,.2)
}

ul {
    list-style: none;
    flex-wrap: wrap
}

li {
    list-style-type: none
}

.picker .picker-panel .picker-content .mask-top {
    top: 114px!important;
    background: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,.8)))!important;
    background: -o-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))!important;
    border-top: .015625rem solid #e45e00;
    background-color: rgba(228,94,0,.2)!important
}

.picker .picker-panel .wheel-wrapper {
    position: relative;
    z-index: 1999
}

.picker .picker-panel .picker-choose .picker-title {
    padding: 0;
    line-height: 100px!important;
    font-size: 26px!important;
    margin: 0
}

.picker .picker-panel .picker-choose .cancel,.picker .picker-panel .picker-choose .confirm {
    position: absolute;
    padding: 10px;
    top: 20px!important
}
.picker .picker-panel .picker-content .mask-bottom:after, .picker .picker-panel .picker-content .mask-bottom:before{
    border-top:0!important;
}
.code{
    position: absolute;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    height: 100%;
    background-color: rgb(0 0 0 / 81%);
    z-index: 999999999;
    display: none;
}
.code_img{
    position: absolute;
    width: 49%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}

.date_multi_show{z-index: 999999!important;}

.date_multi_popup .date_list {
    width: 100%;
    height: calc(2.8em * 7)!important;
}
.select_firstlast p{
    line-height: 93px !important;
}

.select_firstlast p:before{top: 59%!important;}
.select_firstlast span{
    opacity:0
}
.date_multi_popup .date_list div {
    display: block;
    width: 14.28%;
    overflow: hidden;
    text-align: center;
    line-height: 3.3em!important;
    height: 3.3em!important;
    position: relative;
    z-index: 2;
    transition: all 0.1s;
}
.date_multi_popup .date_list{

    font-size: 23px!important;
}

.date_multi_popup .date_week span {
    display: block;
    width: 14.28%;
    text-align: center;
    font-size: 24px!important;;
    line-height: 3!important;;
}
.date_multi_popup .date_multi_title p {
    font-size: 30px!important;
    text-align: center;
}
.date_multi_popup .date_multi_title span {
    display: block;
    height: 100%;
    font-size: 30px!important;
    /* display:none!important; */
}

.date_multi_time span {
    display: block;
    height: 100%;
    font-size: 30px!important;
    /* display:none!important; */
}
.date_multi_popup .date_multi_time span::after{
    transform: scale(2.5);
}
.date_multi_popup .date_list div span {
    font-size: 30px!important;
    left: -13%!important;
    width: 130%!important;
    bottom: -5px!important;
}

.date_multi_popup .date_list .select_firstlast p:before {
    position: absolute;
    content: "";
    width: 60%;
    height: 0;
    padding-top: 60%;
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
    z-index: -1;
    border-radius: 10%;
    background-color: #45602bbd!important;
    border-radius: 100px!important;
}
.time_times{padding: 6%;padding-top: 3%;padding-bottom: 0;display: none;}
.time_item{
    font-size: 20px;
    padding: 3%!important;
    border: 1px solid #ddd;
    margin: 0px!important;
    text-align: center;
    /* border-radius: 5px; */
    width: 40%;
    float: left;
    margin: 1%!important;
}

.time_item:nth-child(1){
    margin-left: 3%!important;
}
.time_item:nth-child(2){}
.time_item:nth-child(3){
    margin-left: 3% !important;
}
.time_item:nth-child(5){
    margin-left: 3% !important;
}
.time_item:nth-child(7){
    margin-left: 3% !important;
}
.time_item:nth-child(4){}
.time_item *{  pointer-events: none;}
.no_act{
    /* background: #ddd; */
    color: #959595;
    pointer-events: none;
}
.time_txt{
    font-size: 22px;
    margin-bottom: 10px;
    /* color: #000000; */
    font-weight: 500;
}
.no_act .time_txt{color: #959595;}
.time_t_txt{
    font-size: 24px;
    font-weight: 500;
}
.sc_time{
    background: #ddd;
    color: #000000;
}
.t_txt{    font-size: 28px;
    margin-left: 15px;
    margin-bottom: 10px;
    color: #313030;}

.date_multi_bg2{position: absolute;bottom: 5%;width: 94%;left: 3%;height: 29%;}
.date_time_list{flex-wrap: wrap;width: 100%;left: 1%;position: absolute;top: 25%;}
.date_time_title{
    left: 41%;
    position: absolute;
    top: 6%;
    font-size: 33px!important;
    color: #333333;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 14%;
    left: 50%;
}

.nok{pointer-events:none;opacity: 0.8;color: #646464dd;}
.date_multi_time sapn{display:none;}

.ky_1 img{opacity:0}
.ky_2 img{opacity:0}
.ky_3 img{opacity:0}
.ky_4 img{opacity:0}
.ky_5 img{opacity:0}
.p7 img{
    /* opacity: 0; */
}
#wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


#scroller {
    background-position: bottom!important;
    background-size: 100%!important;
    background-repeat: no-repeat;
}
.bg1{background-image: url(../images/b1.png);background-position: top center;background-size: cover;position: relative;width: 100%;}
.ax_time{position: absolute;width: 100.2%;bottom: 0;background: #ffffff;z-index: 99999999;overflow: hidden;}
.date_multi_bg1,.date_multi_bg2,.date_multi_bg3,.date_multi_bg4{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsl(0deg 0% 0% / 58%);
    opacity: 1;
    z-index: 111111111111;
    display: none;
}
.ax_time .date_multi_title{
    width: 95%;
    position: relative;
    line-height: 2.4;
    top: -3%;
    margin: 0 3%;
    z-index: 9999999;
    background: #fff;
}


.ax_time .date_multi_title span {
    display: block;
    height: 100%;
    position: absolute;
    font-size: 32px;
    left: 0;
    top: 0;
    padding: 0 20px;
}

.ax_time .date_multi_title span:last-child {
    left: auto;
    right: 0;
}
.ax_time .date_multi_title p {
    font-size: 32px;
    text-align: center;
}

.date_multi_time{
    padding: 2%;
    margin-top: -50px;
}
.ax_time .time_item{
    font-size: 25px;
    flex: 0 0 302px;
    padding: 3%!important;
    border: 1px solid #ddd;
    margin: 22px 8px 8px 8px !important;
    text-align: center;
}
.expired{background: #c5c5c5bd;pointer-events: none;}
.time_ON{
    background: #45602bbd;
    border: 1px solid #45602bbd!important;
    color: #fff;
}
.user_names{
    width: 100%;
    height: 100%;
    justify-content: center;
    font-size: 32px;
}
.select_divs{
    position: absolute;
    top: 52%;
    z-index: 9002;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    border: 1px solid #c1bfbf;
    height: 93px;
    pointer-events: none;
}

.new3 .select_divs{
    top: 21.5%;
    width: 32%;
    border-radius: 15px;
    border: 4px solid #45602b;
    height: 76px;
}
.ok{background-image:url("../images/p11.png?11");position: fixed;width: 100%;height: 100%;z-index: 999999;background-size: 75%;background-position: center;background-repeat: no-repeat;background-color: #ffffffc4;display: none;}


.tim_box{
    position: absolute;
    height: 7%;
    width: 750px;
    top: 18%;
}

.date_multi_bg22{
    height: 287px;
    width: 750px;
    top: 71%;
}

.title_i{
    position: absolute;
    width: 750px;
    font-size: 30px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: -22%;
    left: 50%;
    text-align: center;
}

.NO_OK{
    pointer-events: none;
    opacity: 0.2;
}
.date_multi_inner{height: 80%;}