*{margin: 0;padding: 0}
html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;}
.tips_blk{z-index:99999999999;position:absolute;left:50%;bottom:10px;width:130px;height: 20px;margin-left:-65px;text-align:center;}
.tips_blk p{z-index:99999999999;font-size:10px;color:#FFF;}
.tips_blk_hide p{z-index:99999999999;display:none;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg?1');background-size:100% 100%;z-index: 99}

/*.loading1{position:absolute;width:120px;height:120px;background:url('../images/img1/loading1.png');background-size:100% 100%;top:25%;left:25%;*/
    /*-webkit-animation:rotate 1.2s linear infinite;*/
    /*animation:rotate 1.2s linear infinite;*/
/*}*/
.loading11{
    position:absolute;top:51.63%;left:23.91%;width: 54.59%;height:4%;border-radius:100px;background-color: #5e5e5e;
}
.loading11_1{
     position:absolute;top:0;left:0;width: 0;height:100%;border-radius:100px;background-color: #a83d2d;
 }

a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;right:5px;top:5px;display: none}
.music{display:block;width:30px;height:30px;background:url('../images/music_on.png') no-repeat;background-size:100% 100%;}
.music_on{
    -webkit-animation:rotate 1.2s linear infinite;
    animation:rotate 1.2s linear infinite;
}

.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}

#video1{position:absolute;width: 100%;height:100%;top:0;left:0}
#video1_1{object-fit: fill}



.bg0{position: absolute;top:0;left:0;width: 100%;height:100%;display: none}
.img1{position:absolute;width: 100%;height: 100%;background:url("../images/p0.jpg?3") no-repeat 0 0;background-size:100% 100%;z-index:5}




#ww1{position: absolute;width:24.63%;height:10.11%;right:0;bottom:0;background:url("../images/jump.png?3") no-repeat 0 0;background-size:100% 100%;;}


@keyframes bg0_1{
    0%{opacity:0}
    20%{opacity:1}
    80%{opacity: 1}
    100%{opacity: 0}
}
@-webkit-keyframes bg0_1{
    0%{opacity:0}
    20%{opacity:1}
    80%{opacity: 1}
    100%{opacity: 0}
}
.bg1{position: absolute;top:0;left:0;width: 100%;height:100%;background:url('../images/p2.jpg?3') no-repeat 0 0;background-size:100% 100%;}
.bg1_1{position: absolute;top:0;left:0;width: 100%;height:100%;opacity: 0}
.bg1_1_img{position: absolute;
    width: 16%;
    height: 10%;
    left: 5%;
    top: 10.5%;
    outline: none;
    opacity: 1;}
.span1{    position: absolute;
    width: 50%;
    height: 3%;
    left: 24%;
    top: 9.5%;
    opacity: 1;
    display: inline-block;
    font-weight: 500;
}
#span2{
    position: absolute;
    width: 24%;
    height: 3%;
    left: 28%;
    top: 85%;
    opacity: 1;
    display: inline-block;
    font-weight: 600;
    color: white;
    text-align: center;
}

#span2.span2{
    position: absolute;
    width: 24%;
    height: 3%;
    left: 28%;
    top: 85%;
    opacity: 1;
    display: inline-block;
    font-weight: 600;
    color: white;
    text-align: center;
}

.bg1_2{position: absolute;top:0;left:0;width: 100%;height:100%;background:url('../images/p2.1.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_3{position: absolute;top:0;left:0;width: 100%;height:100%;background:url('../images/p2.2.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_fire{position: absolute;top:0;left:0;width: 100%;height:100%;opacity: 1}

.bg1_share{position: absolute;bottom:0;right:0;width: 29.46%;height:17.11%;background:url('../images/p2.3.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 0;display: none}
.bg1_mask{position: absolute;top:0;left:0;width: 100%;height:100%;background:url('../images/p2.4.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}

.bg1_4{position: absolute;bottom:0;right:0;width: 100%;height:100%;background:url('../images/p2.5.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 0;display: none}



.bg1.ani .bg1_1{
    -webkit-animation: 1s 0.5s Out linear both;
    animation: 1s 0.5s Out linear both;
}

.bg1.ani .bg1_2{
    -webkit-animation: 1s 2s Out linear both;
    animation: 1s 2s Out linear both;
}

.bg1.ani .bg1_fire{
    -webkit-animation: 1s 4s Out linear both;
    animation: 1s 4s Out linear both;
}

.bg1.ani .bg1_3{
    -webkit-animation: 1s 4.5s Out linear both;
    animation: 1s 4.5s Out linear both;
}

.bg1_share.ani{
    -webkit-animation: 1s 0.5s Out linear both;
    animation: 1s 0.5s Out linear both;
}

.bg1_4.ani{
    -webkit-animation: 1s 0.2s Out linear both;
    animation: 1s 0.2s Out linear both;
}
/*.s1_0{position:absolute;background:url('../images/p2.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0}*/
/*.s1_1{width: 100%;height:100%;opacity: 1}*/
/*.s1_1_1{position:absolute;width:100%;height:71.13%;bottom:0 ;opacity: 0}*/
/*.s1_1.ani{*/
    /*-webkit-animation: 2s 0.2s Out linear both;*/
    /*animation: 2s 0.2s Out linear both;*/
/*}*/

/*.mask1{position: fixed;top:0;left:0;width: 100%;height:100%;display: none;z-index:1000}*/
@-webkit-keyframes bg0_2_4 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 0}
    100% { -webkit-transform:translate3d(100%,102%,0);transform:translate3d(100%,102%,0) ;opacity: 1}
}

@keyframes bg0_2_4 {
    0% { transform:translate3d(0,0,0) ;opacity: 0}
    100% { transform:translate3d(100%,102%,0);opacity: 1}
}

.bg2{position: absolute;top:0;left:0;width: 100%;height:100%;background:url('../images/p3.jpg?3') no-repeat 0 0;background-size:100% 100%;}

/*#span2{position: absolute;width: 9%;height: 3%;left: 23%;top: 85%;opacity: 1;display: inline-block;font-weight: 600;color: white;text-align: center;*/
/*}*/

.bg2_2{position: absolute;top:0;left:0;width: 100%;height:100%;background:url('../images/p3.1.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg2_3{position: absolute;top:0;left:0;width: 100%;height:100%;background:url('../images/p2.2.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_fire{position: absolute;top:0;left:0;width: 100%;height:100%;opacity: 1}

.bg1_share{position: absolute;bottom:0;right:0;width: 29.46%;height:17.11%;background:url('../images/p2.3.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 0;display: none}
.bg1_mask{position: absolute;top:0;left:0;width: 100%;height:100%;background:url('../images/p2.4.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}

.bg2_4{position: absolute;bottom:0;right:0;width: 100%;height:100%;background:url('../images/p2.5.png?3') no-repeat 0 0;background-size:100% 100%;opacity: 0;display: none}



.bg2.ani .bg2_2{
    -webkit-animation: 1s 0.5s Out linear both;
    animation: 1s 0.5s Out linear both;
}

.bg2.ani .bg1_fire{
    -webkit-animation: 1s 2.5s Out linear both;
    animation: 1s 2.5s Out linear both;
}

.bg2.ani .bg1_3{
    -webkit-animation: 1s 4s Out linear both;
    animation: 1s 4s Out linear both;
}

.bg2_4.ani{
    -webkit-animation: 1s 0.2s Out linear both;
    animation: 1s 0.2s Out linear both;
}
/*.bg1_share.ani{*/
    /*-webkit-animation: 1s 0.5s Out linear both;*/
    /*animation: 1s 0.5s Out linear both;*/
/*}*/

/*.bg1_4.ani{*/
    /*-webkit-animation: 1s 0.2s Out linear both;*/
    /*animation: 1s 0.2s Out linear both;*/
/*}*/




#ss{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0}
#s0{width: 100%;height: 100%;background:url("../images/p0.jpg?3") no-repeat 0 0;background-size:100% 100%;}
.s0_1{background:url('../images/p0.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0}
.s0_2{background:url('../images/p0.2.png?4') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;left:0;opacity: 0}
#s0.ani .s0_1{
    -webkit-animation: 0.8s 0.5s Out linear both;
    animation: 0.8s 0.5s Out linear both;
}
#s0.ani .s0_2{
    -webkit-animation: 0.8s 1.6s Out linear both;
    animation: 0.8s 1.6s Out linear both;
}
#s0.ani .arrow{
    -webkit-animation:1s 3s arrow infinite;
    animation:1s 3s arrow infinite ;
}

#s1{background:url('../images/p1.jpg?8') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s1_1{position:fixed;height:100%;width:100%;left:0;top:0;opacity: 0;z-index: 10;display:none}









.arrow{position:absolute;width: 11%;height: 6%;opacity:0;background:url("../images/arrow.png?2") no-repeat 0 0;background-size:100% 100%;top:92%;left:45%;}



@-webkit-keyframes arrow {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(0,-30%,0);opacity: 1}

}
@keyframes arrow {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(0,-30%,0);opacity: 1}
}




.arrow.ani{
    -webkit-animation:arrow1 1s linear infinite;
    animation:arrow1 1s linear infinite;
}


.hand.ani{
    -webkit-animation:Out 1s linear infinite;
    animation:Out 1s linear infinite;
}
#center0.ani .word{
    -webkit-animation:Out 1s linear both;
    animation:Out 1s linear both;
}

#center0.ani .tap{
    -webkit-animation:Out_tap 1.2s 2s  linear infinite both;
    animation:Out_tap 1.2s 2s  linear infinite both;
}

.div111.ani{
    -webkit-animation:rotate 1.2s linear infinite;
    animation:rotate 1.2s linear infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg);}
}



@keyframes Out{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
}
/*@-webkit-keyframes s1_0 {*/
    /*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 0}*/
    /*100% { -webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0); opacity: 1}*/
/*}*/
/*@keyframes s1_0 {*/
    /*0% { transform:translate3d(0,0,0) ;opacity: 0}*/
    /*100% { transform:translate3d(0,-20%,0); opacity: 1 }*/
/*}*/



@-webkit-keyframes s2_1 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 0}
    100% { -webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity: 1}
}

@keyframes s2_1 {
    0% { transform:translate3d(0,0,0) ;opacity: 0}
    100% { transform:translate3d(-100%,0,0);opacity: 1}
}