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?4');background-size:100% 100%;z-index: 99}
.load_val{width:100%;}
.loading_line{position:absolute;width:43.7%;height:3px;top:52.2%;left:28.5%;background:#b6464b;}
.loading_line_blank{width:0%;height:100%;background:#efc15d;}
a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;top:10px;right:10px;}
.music{display:block;width:30px;height:30px;background:url('../images/music2.png') no-repeat;background-size:100% 100%;}


.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}
.bg,.bg *{opacity:1}
.layer{width:100%;height:100%;opacity:1}
.layer div{border-radius:100%}

#s0{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p0.jpg?4") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s0  .s0_1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/p0.1.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s0  .s0_2{width: 139%;height: 3.5%;top:79%;left:-139%;background:url("../images/p0.2.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s0.ani .s0_2{
    animation:8s 1s fadeLeft linear infinite both;
    -webkit-animation:8s 1s fadeLeft linear infinite both;
    -webkit-animation:8s 1s fadeLeft linear infinite both;
    -webkit-animation:8s 1s fadeLeft linear infinite both;
}
#s0  .s0_3{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/p0.3.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s0  .s0_4{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/p0.7.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s0  .s0_5{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/p0.8.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s0  .s0_6{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/p0.9.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s0  .s0_7{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/p0.1.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s0.ani .s0_7{
    animation:2s 1s fadeIn infinite both ;
    -webkit-animation:2s 1s fadeIn infinite both;
    -o-animation:2s 1s fadeIn infinite both;
    -moz-animation:2s 1s fadeIn infinite both;
}
/*流星*/
#s0  .s0_8{width: 26.8%;height: 12.4%;top:0%;left:0%;background:url("../images/p0.4.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s0.ani .s0_8{
    animation:8s 2s ani_s0_8 infinite both;
    -webkit-animation:8s 2s ani_s0_8 infinite both;
    -o-animation:8s 2s ani_s0_8 infinite both;
    -moz-animation:8s 2s ani_s0_8 infinite both;
}
#s0  .s0_9{width:  39.1%;height: 18.1%;top:10%;left:0%;background:url("../images/p0.4.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s0.ani .s0_9{
    animation:10s 4s ani_s0_9 infinite both;
    -webkit-animation:10s 4s ani_s0_9 infinite both;
    -o-animation:10s 4s ani_s0_9 infinite both;
    -moz-animation:10s 4s ani_s0_9 infinite both;
}


#s0  .s0_10{width:14.3%;height: 6.7%;top:0%;left:40%;background:url("../images/p0.4.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s0.ani .s0_10{

    animation:10s 5s ani_s0_10 infinite linear both;
    -webkit-animation:10s 5s ani_s0_10 infinite linear both;
    -o-animation:10s 5s ani_s0_10 infinite linear  both;
    -moz-animation:10s 5s ani_s0_10 infinite linear  both;
}

#s0  .s0_11{width:14.3%;height: 6.7%;top:0%;left:40%;background:url("../images/p0.4.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s0.ani .s0_11{
    animation:12s 6s ani_s0_11 infinite linear  both;
    -webkit-animation:12s 6s ani_s0_11 infinite linear  both;
    -o-animation:12s 6s ani_s0_11 infinite linear  both;
    -moz-animation:12s 6s ani_s0_11 infinite  linear both;
}


@keyframes ani_s0_8{
    0%{left:35%;top:-20%;opacity: 1}
    40%{left:-35%;top:28%;opacity: 1}
    100%{left:-35%;top:28%;opacity: 0}
}
@-webkit-keyframes ani_s0_8{
    0%{left:35%;top:-20%;opacity: 1}
    40%{left:-35%;top:28%;opacity: 1}
    100%{left:-35%;top:28%;opacity: 0}
}
@-o-keyframes ani_s0_8{
    0%{left:35%;top:-20%;opacity: 1}
    40%{left:-35%;top:28%;opacity: 1}
    100%{left:-35%;top:28%;opacity: 0}
}
@-moz-keyframes ani_s0_8{
    0%{left:35%;top:-20%;opacity: 1}
    40%{left:-35%;top:28%;opacity: 1}
    100%{left:-35%;top:28%;opacity: 0}
}

@keyframes ani_s0_9{
    0%{left:46%;top:-19%;opacity: 1}
    40%{left:-46%;top:38%;opacity: 1}
    100%{left:-46%;top:38%;opacity: 0}
}
@-webkit-keyframes ani_s0_9{
    0%{left:46%;top:-19%;opacity: 1}
    40%{left:-46%;top:38%;opacity: 1}
    100%{left:-46%;top:38%;opacity: 0}
}
@-o-keyframes ani_s0_9{
    0%{left:46%;top:-19%;opacity: 1}
    40%{left:-46%;top:38%;opacity: 1}
    100%{left:-46%;top:38%;opacity: 0}
}
@-moz-keyframes ani_s0_9{
    0%{left:46%;top:-19%;opacity: 1}
    40%{left:-46%;top:38%;opacity: 1}
    100%{left:-46%;top:38%;opacity: 0}
}


@keyframes ani_s0_10{
    0%{left:73%;top:-7%;opacity: 1}
    40%{left:15%;top:22%;opacity: 0}
    100%{opacity: 0}
}
@-webkit-keyframes ani_s0_10{
    0%{left:73%;top:-7%;opacity: 1}
    40%{left:15%;top:22%;opacity: 0}
    100%{opacity: 0}
}
@-o-keyframes ani_s0_10{
    0%{left:73%;top:-7%;opacity: 1}
    40%{left:15%;top:22%;opacity: 0}
    100%{opacity: 0}
}
@-moz-keyframes ani_s0_10{
    0%{left:73%;top:-7%;opacity: 1}
    40%{left:15%;top:22%;opacity: 0}
    100%{opacity: 0}
}


@keyframes ani_s0_11{
    0%{left:87%;top:-7%;opacity: 1}
    20%{left:32%;top:18%;opacity: 0}
    100%{opacity: 0}
}
@-webkit-keyframes ani_s0_11{
    0%{left:87%;top:-7%;opacity: 1}
    20%{left:32%;top:18%;opacity: 0}
    100%{opacity: 0}
}
@-o-keyframes ani_s0_11{
    0%{left:87%;top:-7%;opacity: 1}
    20%{left:32%;top:18%;opacity: 0}
    100%{opacity: 0}
}
@-moz-keyframes ani_s0_11{
    0%{left:87%;top:-7%;opacity: 1}
    20%{left:32%;top:18%;opacity: 0}
    100%{opacity: 0}
}

@keyframes fadeIn{
    0%{opacity: 0}
    50%{opacity:1}
    100%{opacity:0}
}
@-webkit-keyframes fadeIn{
    0%{opacity: 0}
    50%{opacity:1}
    100%{opacity:0}
}
@-o-keyframes fadeIn{
    0%{opacity: 0}
    50%{opacity:1}
    100%{opacity:0}
}
@-moz-keyframes fadeIn{
    0%{opacity: 0}
    50%{opacity:1}
    100%{opacity:0}
}

@keyframes fadeLeft{
    0%{left:-140%}
    60%{left:240%}
    100%{left:240%;opacity: 0}
}
@-webkit-keyframes fadeLeft{
    0%{left:-140%}
    60%{left:240%}
    100%{left:240%;opacity: 0}
}
@-o-keyframes fadeLeft{
    0%{left:-140%}
    60%{left:240%}
    100%{left:240%;opacity: 0}
}
@-moz-keyframes fadeLeft{
    0%{left:-140%}
    60%{left:240%}
    100%{left:240%;opacity: 0}
}

#s1{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p1.jpg?4") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}

.w0{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/p1.2.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s1.ani .w0{
    animation:animation:1.2s 0.5s Out linear  both ;;
    -webkit-animation:1.2s 0.5s Out linear  both ;
    -o-animation:1.2s 0.5s Out linear both ;
    -moz-animation:1.2s 0.5s Out linear both ;
}

.s1_hand{width:7%;height: 5.8%;top:91%;left:60%;background:url("../images/p1.1.png?4") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s1.ani .s1_hand{
    animation:1.5s 1s fadeOut linear infinite both ;
    -webkit-animation:1.5s 1s fadeOut linear infinite both ;
    -o-animation:1.5s 1s fadeOut linear infinite both ;
    -moz-animation:1.5s 1s fadeOut linear infinite both ;
}
.click{width: 38%;height:29%;background-color:#3d3d55;opacity: 0;position: absolute;top:67%;left:31%;display:block}

@keyframes fadeOut{
    0%{opacity: 1}
    50%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes fadeOut{
    0%{opacity: 1}
    50%{opacity:0}
    100%{opacity:1}
}
@-o-keyframes fadeOut{
    0%{opacity: 1}
    50%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes fadeOut{
    0%{opacity: 1}
    50%{opacity:0}
    100%{opacity:1}
}


@keyframes Out{
   
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
}
@-o-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
    
}
@-moz-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
    
}