html body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: transparent;
    -webkit-user-select: none;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
}

.container {
    width: 35rem;
    left: 1rem;
    top: 9rem;
    /* margin: 40px auto 0 auto; */
    position: absolute;
    z-index: 10;
}

.action {
    width: 38rem;
    height: 30px;
    position: relative;
}

.cropped {
    position: absolute;
    right: -230px;
    top: 0;
}

.imageBox {
    position: relative;
    height: 42rem;
    width: 34.0rem;
    left: 2rem;
    overflow: hidden;
    background-repeat: no-repeat;
}
.imageBox2 {
    position: relative;
    height: 42rem;
    width: 34.0rem;
    left: 2rem;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
}
.end-v{
    background-color: #fff;
}
.thumbBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-size: 100% 100%;*/
    /*background-color: transparent;*/
    /*background-image: url("../img/pzbg.png");*/
}

.thumbBox3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-size: 100% 100%;*/
    /*background-color: transparent;*/
    /*background-image: url("../img/pzbg.png");*/
}

.thumbBox2 {
    position: absolute;
    top: 4rem;
    left: 2rem;
    width: 29.9rem;
    height: 37.9rem;
    background-color: #fff;
    background-size: 100% 100%;

}

.imageBox .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0, 0, 0, 0.7);
}


.view-c {
    overflow: hidden;
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#page1-v {
}

.load_i1 {
    width: 40rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bg2 {
    width: 40rem;
    position: absolute;
    top: 0;
    animation: load_2_ani 3s ease-in-out 0s infinite;
    left: 0;
    z-index: 1;
}

.logo {
    width: 10rem;
    position: absolute;
    top: 0;
    left: 1rem;
}
.logo2 {
    width: 10rem;
    position: absolute;
    top: 0;
    left: 1rem;
    z-index: 2;
}
.ufo {
    width: 13rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
}
.et1 {
    width: 34rem;
    position: absolute;
    top: 10rem;
    right: 3rem;
    z-index: 1;
}
.bj01 {
    width: 40rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
}
.bj02 {
    width: 40rem;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
}

@keyframes load_2_ani {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes load_4_ani {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.tongbu {
    width: 40rem;
    position: absolute;
    bottom: 2rem;
    right: 0rem;
}
.dali22 {
    width: 20rem;
    position: absolute;
    top: 23rem;
    right: 3rem;
}

.music1 {
    width: 3.5rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
}
.musicani {
    animation: myfirst 3s linear 0s infinite;
}
@keyframes myfirst {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes top1 {
    0% {
        bottom: 20rem;
    }
    50% {
        bottom: 21rem;
    }
    100% {
        bottom: 20rem;
    }
}
@keyframes top3 {
    0% {
        top: 24rem;
    }
    50% {
        top: 23rem;
    }
    100% {
        top: 24rem;
    }
}

@keyframes top2 {
    0% {
        bottom: 11rem;
    }
    50% {
        bottom: 10rem;
    }
    100% {
        bottom: 11rem;
    }
}
@keyframes top4 {
    0% {
        top: 46rem;
    }
    50% {
        top: 45rem;
    }
    100% {
        top: 46rem;
    }
}
@keyframes top9 {
    0% {
        top: 31rem;
    }
    50% {
        top: 30rem;
    }
    100% {
        top: 31rem;
    }
}
@keyframes top6 {
    0% {
        bottom:3rem;
    }
    50% {
        bottom: 2rem;
    }
    100% {
        bottom: 3rem;
    }
}
.tit1 {
    width: 33rem;
    position: absolute;
    top: 7rem;
    right: 4rem;
    z-index: 2;
}

.heiban {
    width: 33rem;
    position: absolute;
    top: 21.5rem;
    right: 4rem;
    z-index: 1;
}

.bj2x {
    width: 40rem;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    z-index: 2;
}

.paizhao {
    width: 24rem;
    position: absolute;
    bottom: 3rem;
    right: 8rem;
    z-index: 3;
}

.btn1 {
    width: 17rem;
    position: absolute;
    top: 27rem;
    left: 11.7rem;
    z-index: 4;
}

.btn2 {
    width: 17rem;
    position: absolute;
    top: 35rem;
    left: 11.7rem;
    z-index: 4;
}
.scaleanimat{
    animation:mymove 3s infinite;
    -webkit-animation:mymove 3s infinite; /*Safari and Chrome*/
    animation-direction:alternate;/*轮流反向播放动画。*/
    animation-timing-function: ease-in-out; /*动画的速度曲线*/
    /* Safari 和 Chrome */
    -webkit-animation:mymove 3s infinite;
    -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
@keyframes mymove
{
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }

}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}
.deng {
    width: 30rem;
    position: absolute;
    top: 15rem;
    left: 5rem;
    z-index: 30;
}
.shengchengt{
    width: 15rem;
    position: absolute;
    top: 27rem;
    left: 17rem;
    text-align: left;
    color: #fff;
    font-size: 2rem;
    z-index: 30;
}
.cgg {
    width: 30rem;
    position: absolute;
    top: 15rem;
    left: 5rem;
    z-index: 30;
}
.ewm {
    width: 9rem;
    position: absolute;
    top: 33.9rem;
    left: 15.5rem;
    z-index: 30;
}
.cgg2 {
    width: 34rem;
    position: absolute;
    top: 15rem;
    left: 3rem;
    z-index: 30;
}
.close {
    width: 4rem;
    position: absolute;
    top: 15rem;
    left: 5rem;
    z-index: 30;
}
.xxxx1 {
    width: 3rem;
    position: absolute;
    top: 32rem;
    left: 29rem;
    z-index: 31;
    animation: load_4_ani 0.5s linear 0s infinite;
}
.xxxx2 {
    width: 3.8rem;
    position: absolute;
    top: 29rem;
    left: 26rem;
    z-index: 31;
    animation: load_4_ani 0.7s linear 0s infinite;
}
.xxxx3 {
    width: 2.5rem;
    position: absolute;
    top: 33rem;
    left: 9rem;
    z-index: 31;
    animation: load_4_ani 0.9s linear 0s infinite;
}
.hezi {
    width: 17rem;
    position: absolute;
    top: 31rem;
    left: 12rem;
    z-index: 31;
    animation: top9 2s linear 0s infinite;
}
.gg1 {
    width: 13rem;
    position: absolute;
    top: 28rem;
    left: 14rem;
    z-index: 30;
    animation: load_2_ani 2s linear 0s infinite;
}
.gg2 {
    width: 6rem;
    position: absolute;
    top: 29.5rem;
    left: 11.5rem;
    z-index: 31;
    animation: load_2_ani 2s linear 0s infinite;
}
.close2 {
    width: 4rem;
    position: absolute;
    top: 9rem;
    left: 5rem;
    z-index: 30;
}
.tcxx {
    width: 30rem;
    position: absolute;
    top: 15rem;
    left: 5rem;
    z-index: 30;
}
.cbaocun {
    width: 40rem;
    position: absolute;
    top: 61rem;
    left:0rem;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    z-index: 30;
}
.ckgengd {
    width: 20rem;
    position: absolute;
    top: 54rem;
    left:10rem;
    z-index: 30;
}
.cbaocun2 {
    width: 38rem;
    position: absolute;
    top: 44rem;
    left: 0;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    z-index: 30;
}
.shou {
    width: 8rem;
    position: absolute;
    top: 43rem;
    left: 23rem;
    z-index: 34;
}
.zdl {
    width:20rem;
    position: absolute;
    top: 54rem;
    left: 10rem;
    z-index: 30;
}
.zdl2 {
    width:20rem;
    position: absolute;
    top: 55rem;
    left: 10rem;
    z-index: 30;
}
.ttx1 {
    width: 24rem;
    position: absolute;
    top: 52rem;
    left: 8rem;
    z-index: 30;
}
.dizhi {
    width:20rem;
    position: absolute;
    top: 34.9rem;
    left: 10rem;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    z-index: 30;
}
.name {
    width:22.5rem;
    position: absolute;
    top: 25.5rem;
    color: #B5B5B5;
    left: 7.8rem;
    border: 0;
    height: 3.5rem;
    z-index: 30;
    outline-style: none ;
    padding-left: 1.5rem;
    font-size: 1.5rem;
}
.sheng {
    width:5.2rem;
    position: absolute;
    top: 37.5rem;
    left: 7.8rem;
    border: 0;
    height: 3.5rem;
    z-index: 30;
    outline-style: none ;
    padding-left: 0.5rem;
    color: rgb(117,117,117);
    background-color: #fff;
    text-align: center;
    font-size: 1.2rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.shi {
    width:5.2rem;
    position: absolute;
    top: 37.5rem;
    left:14.1rem;
    color: rgb(117,117,117);
    text-align: center;
    background-color: #fff;
    border: 0;
    height: 3.5rem;
    z-index: 30;
    outline-style: none ;
    padding-left: 0.5rem;
    font-size: 1.2rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.qu {
    width:5.2rem;
    position: absolute;
    top: 37.5rem;
    left:20.4rem;
    background-color: #fff;
    border: 0;
    color: rgb(117,117,117);
    text-align: center;
    height: 3.5rem;
    z-index: 30;
    outline-style: none ;
    padding-left: 0.5rem;
    font-size: 1.2rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.shop {
    width:5.2rem;
    position: absolute;
    top: 37.5rem;
    left:26.6rem;
    border: 0;
    height: 3.5rem;
    z-index: 30;
    color: rgb(117,117,117);
    text-align: center;
    outline-style: none;
    background-color: #fff;
    padding-left: 0.5rem;
    font-size: 1.2rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.phone {
    width:22.5rem;
    font-size: 1.5rem;
    padding-left: 1.5rem;
    position: absolute;
    top: 30.5rem;
    color: #B5B5B5;
    left: 7.8rem;
    border: 0;
    height: 3.5rem;
    z-index: 30;
    outline-style: none ;
}

.djlr {
    width:20rem;
    position: absolute;
    top: 54rem;
    left: 10rem;
    z-index: 30;
}
.shengcheng {
    width: 10rem;
    position: absolute;
    top: 27rem;
    left:15rem;
    z-index: 30;
}

.dialog{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0,0,0,0.8);
}
.tssss{
    width: 16rem;
    position: absolute;
    top: 26rem;
    left: 12rem;
    z-index: 21;
}

.dialog2{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0,0,0,0.8);
}

.di1 {
    width: 34rem;
    position: absolute;
    left: 2rem;
    top: -0.2rem;
}
.surebtn {
    width: 13.5rem;
    position: absolute;
    left: 20.8rem;
    top: 0.8rem;
}

.ts1{
    width: 6rem;
    position: absolute;
    left: 10.8rem;
    top: 10rem;
}
.ts2{
    width: 6rem;
    position: absolute;
    right: 10.8rem;
    top: 10rem;
}
.ts3{
    width: 19rem;
    position: absolute;
    left: 9.3rem;
    top: 21.8rem;
}

.xc1 {
    width: 4.5rem;
    position: absolute;
    left: 4.3rem;
    top: 0.8rem;
}
.cp1 {
    width: 4.5rem;
    position: absolute;
    right: 23.7rem;
    top: 0.8rem;
}
.xzz {
    width: 4.5rem;
    position: absolute;
    right: 18.3rem;
    top: 0.8rem;
}

.zp1 {
    width: 12rem;
    position: absolute;
    z-index: 2;
    bottom: 11rem;
    right: 2rem;
    animation: top2 2.5s linear 0s infinite;
}

.zp3 {
    width: 12rem;
    position: absolute;
    z-index: 2;
    top: 46rem;
    right: 1rem;
    animation: top4 2.5s linear 0s infinite;
}

.zp5 {
    width: 15rem;
    position: absolute;
    z-index: 3;
    bottom: 3rem;
    right: 17rem;
    animation: top6 3s linear 0s infinite;
}

.zp2 {
    width: 9rem;
    position: absolute;
    z-index: 3;
    bottom: 20rem;
    right: 13rem;
    animation: top1 2s linear 0s infinite;
}

.zp4 {
    width: 12rem;
    position: absolute;
    z-index: 1;
    top: 24rem;
    left: 1rem;
    animation: top3 2s linear 0s infinite;
}

.xiangji {
    width: 28rem;
    position: absolute;
    z-index: 2;
    top: 8rem;
    left: 7.5rem;
}

.pzbg {
    width: 28rem;
    position: absolute;
    z-index: 2;
    top: 8rem;
    left: 7.5rem;
}

.load-middle {
    width: 28rem;
    height: 28rem;
    top: 35%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.dali_logo {
    width: 14rem;
    position: absolute;
    bottom: 7rem;
    left: 7.4rem;
    animation: load_4_ani 1s linear 0s infinite;
    z-index: 2;
}

.quan1 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.guang {
    width: 100%;
    position: absolute;
    bottom: 2rem;
    left: 0;
    z-index: 1;
    animation: load_2_ani 4s ease-in-out 0s infinite;
}

.percent {
    width: 100%;
    position: absolute;
    bottom: 1rem;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    left: 0;
    z-index: 1;
}