body dl dd div p{margin:0;padding:0;}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute;font-family:'Microsoft YaHei';}
ul li{list-style-type:none;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}
.music_blk{z-index:999;position:fixed;bottom:5px;right:5px;}
.music{display:block;width:30px;height:30px;background:url('../images/music_on.png?10') no-repeat;background-size:100% 100%;}
/* .music_on{background:url('../images/music_on.png?10') no-repeat;background-size:100% 100%;} */
.music_on{
            animation:music 1.5s .5s linear infinite;
            -moz-animation:music 1.5s .5s linear infinite;
            -webkit-animation:music 1.5s .5s linear infinite;
            -o-animation:music 1.5s .5s linear infinite
}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.gif?4') no-repeat 0 0;background-size:100% 100%;}
.load_val{width:100%;}
.loading_line{top: 47%;width: 64%;height: 3px;position: absolute;left: 18%;background:#ffcda3;}
.loading_line_blank{width: 100%;height: 0%;background:#9d4415;}
.load_img{position: absolute;top:0;width: 100%;height:100%;}
.load_img img{width: 100%;height:100%;}
.load_u{position:absolute;width:100%;height:100%;opacity: 0.8;left:100%;}
.body{width: 100%;height: 100%;position: absolute;}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-wrapper{height: 100%;}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}
#s0{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p0.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s0 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.1.png?10') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.4.png?10') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.3.png?10') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2 .start{position: absolute;width: 42%;height: 9%;top: 85%;left: 28%;}
#s0 .w4{position: absolute;width: 50%;height: 100%;top: 0%;left: 0%;background:url('../images/p00.png?10') no-repeat 0 0;background-size:100% 100%;}
#s0 .w5{position: absolute;width: 50%;height: 100%;top: 0%;left: 50%;background:url('../images/p11.png?10') no-repeat 0 0;background-size:100% 100%;}

#s1{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{transform-origin:80% 70%;position: absolute;width: 200%;height: 200%;top: -70%;left: -100%;background:url('../images/p1.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{opacity: 0;position: absolute;width: 12%;height: 7%;top: 58%;left: 41%;background:url('../images/dian2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s1 .w1{opacity: 0;position: absolute;width: 36%;height: 18%;top: 53%;left: 30%;background:url('../images/tu.png?10') no-repeat 0 0;background-size:100% 100%;}
#s1 .w3{opacity: 0;position: absolute;width: 100%;height: 72%;top: 3%;left: 0%;background:url('../images/p1.1.png?10') no-repeat 0 0;background-size:100% 100%;}
#s1 .w4{opacity: 0;position: absolute;width: 95%;height: 75%;top: 5%;left: 8%;background:url('../images/p1.2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s1 .w5{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.3.png?10') no-repeat 0 0;background-size:100% 100%;}
#s1 .w5 .a1{position: absolute;width: 100%;height: 6.5%;top: 71%;left: 0%;background-size:100% 100%;}
#s1 .w5 .a2{position: absolute;width: 100%;height: 6.5%;top: 79%;left: 0%;background-size:100% 100%;}
#s1 .w5 .a3{position: absolute;width: 100%;height: 6.5%;top: 87%;left: 0%;background-size:100% 100%;}
#fuceng1{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p1.0.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng1 .close1{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}

#s2{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{transform-origin:20% 70%;position: absolute;width: 200%;height: 200%;top: -80%;left: -100%;background:url('../images/p2.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s2 .w2{opacity: 0;position: absolute;width: 12%;height: 7%;top: 58%;left: 27%;background:url('../images/dian2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{opacity: 0;position: absolute;width: 36%;height: 18%;top: 53%;left: 18%;background:url('../images/tu.png?10') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3{opacity: 0;position: absolute;width: 100%;height: 82%;top: 3%;left: 0%;background:url('../images/p2.1.png?10') no-repeat 0 0;background-size:100% 100%;}
#s2 .w4{opacity: 0;position: absolute;width: 22%;height: 17%;top: 20%;left: 41%;background:url('../images/p2.2.png?10') no-repeat 0 0;transform:rotate(-180deg);background-size:100% 100%;}
#s2 .w6{opacity: 0;position: absolute;width: 34%;height: 31%;top: 10%;left: 66%;background:url('../images/fire1.png?10') no-repeat 0 0;transform:rotate(-180deg);background-size:100% 100%;}
#s2 .w5{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.3.png?10') no-repeat 0 0;background-size:100% 100%;}
#s2 .w5 .a1{position: absolute;width: 100%;height: 6.5%;top: 73%;left: 0%;background-size:100% 100%;}
#s2 .w5 .a2{position: absolute;width: 100%;height: 6.5%;top: 81%;left: 0%;background-size:100% 100%;}
#s2 .w5 .a3{position: absolute;width: 100%;height: 6.5%;top: 89%;left: 0%;background-size:100% 100%;}
#s2 .w7{opacity: 0;position: absolute;width: 19%;height: 13%;top: 54%;left: 67%;background:url('../images/peo.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng2{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p2.0.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng2 .close2{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}

#s3{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{transform-origin:20% 60%;position: absolute;width: 200%;height: 200%;top: -80%;left: -100%;background:url('../images/p3.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s3 .w2{opacity: 0;position: absolute;width: 12%;height: 7%;top: 48%;left: 42%;background:url('../images/dian2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s3 .w1{opacity: 0;position: absolute;width: 36%;height: 18%;top: 43%;left: 32%;background:url('../images/tu.png?10') no-repeat 0 0;background-size:100% 100%;}
#s3 .w3{opacity: 0;position: absolute;width: 150%;height: 100%;top: 0%;left: -10%;background:url('../images/p3.1.png?10') no-repeat 0 0;background-size:100% 100%;}
/* #s3 .w4{opacity: 0;position: absolute;width: 19%;height: 10%;top: 25%;left: 42%;background:url('../images/p3.2.png?10') no-repeat 0 0;transform:rotate(-180deg);}
 */#s3 .w5{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.3.png?10') no-repeat 0 0;background-size:100% 100%;}
#s3 .w5 .a1{position: absolute;width: 100%;height: 6.5%;top: 73%;left: 0%;background-size:100% 100%;}
#s3 .w5 .a2{position: absolute;width: 100%;height: 6.5%;top: 81%;left: 0%;background-size:100% 100%;}
#s3 .w5 .a3{position: absolute;width: 100%;height: 6.5%;top: 89%;left: 0%;background-size:100% 100%;}
#s3 .w7{opacity: 0;position: absolute;width: 19%;height: 13%;top: 68%;left: 42%;background:url('../images/peo.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng3{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p3.0.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng3 .close3{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}

#s4{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{transform-origin:30% 40%;position: absolute;width: 200%;height: 200%;top: -80%;left: -92%;background:url('../images/p4.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s4 .w2{opacity: 0;position: absolute;width: 12%;height: 7%;top: 33%;left: 32%;background:url('../images/dian2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s4 .w1{opacity: 0;position: absolute;width: 36%;height: 18%;top: 28%;left: 22%;background:url('../images/tu.png?10') no-repeat 0 0;background-size:100% 100%;}
#s4 .w3{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 9%;background:url('../images/p4.1.png?10') no-repeat 0 0;background-size:100% 100%;}
#s4 .w4{opacity: 0;position: absolute;width: 83%;height: 79%;top: 4%;left: 9%;background:url('../images/p4.2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s4 .w6{opacity: 0;position: absolute;width: 71%;height: 64%;top: 13%;left: 12%;background:url('../images/p4.5.png?10') no-repeat 0 0;background-size:100% 100%;transform-origin: 20% 19%;}
#s4 .w7{opacity: 0;position: absolute;width: 69%;height: 114%;top: 6%;left: 19%;transform-origin: 56% 19%;background:url('../images/p4.4.png?10') no-repeat 0 0;background-size:100% 100%;}
#s4 .w5{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.3.png?10') no-repeat 0 0;background-size:100% 100%;}
#s4 .w5 .a1{position: absolute;width: 100%;height: 6.5%;top: 74%;left: 0%;background-size:100% 100%;}
#s4 .w5 .a2{position: absolute;width: 100%;height: 6.5%;top: 82%;left: 0%;background-size:100% 100%;}
#s4 .w5 .a3{position: absolute;width: 100%;height: 6.5%;top: 90%;left: 0%;background-size:100% 100%;}
#s4 .w8{opacity: 0;position: absolute;width: 19%;height: 13%;top: 38%;left: 29%;background:url('../images/peo.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng4{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p4.0.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng4 .close4{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}

#s5{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s5 .w0{transform-origin:30% 40%;position: absolute;width: 200%;height: 200%;top: -70%;left: -100%;background:url('../images/p5.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s5 .w2{opacity: 0;position: absolute;width: 12%;height: 7%;top: 48%;left: 62%;background:url('../images/dian2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s5 .w1{opacity: 0;position: absolute;width: 34%;height: 16%;top: 43%;left: 52%;background:url('../images/tu.png?10') no-repeat 0 0;background-size:100% 100%;}
#s5 .w3{opacity: 0;position: absolute;width: 96%;height: 114%;top: 0%;left: 2%;background:url('../images/p5.1.png?10') no-repeat 0 0;background-size:100% 100%;}
#s5 .w4{opacity: 0;position: absolute;width: 115%;height: 85%;top: 4%;left: -10%;background:url('../images/p5.2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s5 .w6{opacity: 0;position: absolute;width: 57%;height: 64%;top: -25%;left: 54%;background:url('../images/p5.4.png?10') no-repeat 0 0;background-size:100% 100%;transform: rotate(-180deg);}
#s5 .w5{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p5.3.png?10') no-repeat 0 0;background-size:100% 100%;}
#s5 .w5 .a1{position: absolute;width: 100%;height: 6.5%;top: 73%;left: 0%;background-size:100% 100%;}
#s5 .w5 .a2{position: absolute;width: 100%;height: 6.5%;top: 81%;left: 0%;background-size:100% 100%;}
#s5 .w5 .a3{position: absolute;width: 100%;height: 6.5%;top: 89%;left: 0%;background-size:100% 100%;}
#s5 .w8{opacity: 0;position: absolute;width: 19%;height: 13%;top: 50%;left: 60%;background:url('../images/peo.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng5{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p5.0.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng5 .close5{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}

#s6{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s6 .w0{transform-origin:45% 30%;position: absolute;width: 200%;height: 200%;top: -93%;left: -27%;background:url('../images/p6.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s6 .w2{opacity: 0;position: absolute;width: 12%;height: 7%;top: 45%;left: 54%;background:url('../images/dian2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s6 .w1{opacity: 0;position: absolute;width: 34%;height: 16%;top: 40%;left: 44%;background:url('../images/tu.png?10') no-repeat 0 0;background-size:100% 100%;}
#s6 .w3{opacity: 0;position: absolute;width: 80%;height: 83%;top: 4%;left: 10%;background:url('../images/p6.1.png?10') no-repeat 0 0;background-size:100% 100%;}
#s6 .w4{opacity: 0;position: absolute;width: 100%;height: 100%;top: -75%;left: 0%;background:url('../images/p6.2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s6 .w5{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p6.3.png?10') no-repeat 0 0;background-size:100% 100%;}
#s6 .w5 .a1{position: absolute;width: 100%;height: 6.5%;top: 73%;left: 0%;background-size:100% 100%;}
#s6 .w5 .a2{position: absolute;width: 100%;height: 6.5%;top: 81%;left: 0%;background-size:100% 100%;}
#s6 .w5 .a3{position: absolute;width: 100%;height: 6.5%;top: 89%;left: 0%;background-size:100% 100%;}
#s6 .w7{opacity: 0;position: absolute;width: 19%;height: 13%;top: 30%;left: 45%;background:url('../images/peo.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng6{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p6.0.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng6 .close6{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}
#s7{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s7 .w0{transform-origin:63% 23%;position: absolute;width: 200%;height: 200%;top: -30%;left: -0%;background:url('../images/p7.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s7 .w2{opacity: 0;position: absolute;width: 12%;height: 7%;top: 45%;left: 54%;background:url('../images/dian2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s7 .w1{opacity: 0;position: absolute;width: 34%;height: 16%;top: 40%;left: 44%;background:url('../images/tu.png?10') no-repeat 0 0;background-size:100% 100%;}
#s7 .w3{opacity: 0;position: absolute;width: 82%;height: 86%;top: 8%;left: 8%;background:url('../images/p7.1.png?10') no-repeat 0 0;background-size:100% 100%;}
#s7 .w4{opacity: 0;position: absolute;width: 100%;height: 122%;top: 6%;left: 15%;background:url('../images/p7.2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s7 .w5{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p7.3.png?10') no-repeat 0 0;background-size:100% 100%;}
#s7 .w5 .a1{position: absolute;width: 100%;height: 6.5%;top: 73%;left: 0%;background-size:100% 100%;}
#s7 .w5 .a2{position: absolute;width: 100%;height: 6.5%;top: 81%;left: 0%;background-size:100% 100%;}
#s7 .w5 .a3{position: absolute;width: 100%;height: 6.5%;top: 89%;left: 0%;background-size:100% 100%;}
#s7 .w7{transform:rotateY(-180deg);opacity: 0;position: absolute;width: 19%;height: 13%;top: 40%;left: 30%;background:url('../images/peo.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng7{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p7.0.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng7 .close7{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}
#s8{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p8.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#s8 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p8.1.png?10') no-repeat 0 0;background-size:100% 100%;}
#s8 .w1{position: absolute;width: 100%;height: 100%;top: -3%;left: 0%;background:url('../images/p8.2.png?10') no-repeat 0 0;background-size:100% 100%;}
#s8 .w2{position: absolute;width: 300%;height: 183%;top: -19%;left: -54%;background:url('../images/p8.png?10') no-repeat 0 0;background-size:100% 100%;}
#s8 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/share.png?10') no-repeat 0 0;background-size:100% 100%;}
#s8 .w3 .share{position: absolute;width: 31%;height: 7%;top: 24%;left: 33%;}

#add1{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#add1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: -0%;background:url('../images/p1.33.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#add1 .w0 .a1{position: absolute;width: 100%;height: 6.5%;top: 67%;left: 0%;background-size:100% 100%;}
#add1 .w0 .a2{position: absolute;width: 100%;height: 6.5%;top: 75%;left: 0%;background-size:100% 100%;}
#add1 .w0 .a3{position: absolute;width: 100%;height: 6.5%;top: 83%;left: 0%;background-size:100% 100%;}
#fuceng11{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p1.00.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng11 .close11{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}

#add2{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#add2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: -0%;background:url('../images/p1.333.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#add2 .w0 .a1{position: absolute;width: 100%;height: 6.5%;top: 67%;left: 0%;background-size:100% 100%;}
#add2 .w0 .a2{position: absolute;width: 100%;height: 6.5%;top: 75%;left: 0%;background-size:100% 100%;}
#add2 .w0 .a3{position: absolute;width: 100%;height: 6.5%;top: 83%;left: 0%;background-size:100% 100%;}
#fuceng22{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p1.000.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng22 .close22{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}

#add3{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#add3 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: -0%;background:url('../images/p3.33.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#add3 .w0 .a1{position: absolute;width: 100%;height: 6.5%;top: 73%;left: 0%;background-size:100% 100%;}
#add3 .w0 .a2{position: absolute;width: 100%;height: 6.5%;top: 81%;left: 0%;background-size:100% 100%;}
#add3 .w0 .a3{position: absolute;width: 100%;height: 6.5%;top: 89%;left: 0%;background-size:100% 100%;}
#fuceng33{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p3.00.png?10') no-repeat 0 0;background-size:100% 100%;}
#fuceng33 .close33{position: absolute;width: 28%;height: 6%;top: 86%;left: 35%;}

#photo{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/back.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#photo .w0{z-index: 100;position: absolute;width: 100%;height: 100%;top: 0%;left: -0%;background:url('../images/nan.png?10') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#photo .nan{position: absolute;width: 11%;height: 4%;top: 2%;left: 59%;z-index: 101;}
#photo .nv{position: absolute;width: 11%;height: 4%;top: 2%;left: 80%;z-index: 101;}
#photo .scale{position: absolute;width: 43%;height: 5%;top: 71%;left: 30%;color:#944c1b;z-index: 101;text-align: center;}
#photo .range{position: absolute;top: 71%;left: 62%;z-index: 101;}
#photo .but{position: absolute;width: 32%;height: 10%;top: 70%;left: 8%;z-index: 101;}
#photo .start1{position: absolute;width: 40%;height: 10%;top: 85%;left: 30%;z-index: 101;}
#photo .w1{z-index: -1;width: 100%;height: 100%;top: 0%;left: 0%;overflow: scroll;}
#myImage{transform-origin:0 0;position: absolute;top: 0%;left: 0%;}

#bs{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/bstart.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#bs .w0{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/bs.png?10') no-repeat 0 0;background-size:100% 100%;}
#bs .w0 .button{position: absolute;width: 15%;height: 10%;top: 83%;left: 10%;}
#bs .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s1.png?10') no-repeat 0 0;background-size:100% 100%;}
#bs .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s2.png?10') no-repeat 0 0;background-size:100% 100%;}
#bs .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s3.png?10') no-repeat 0 0;background-size:100% 100%;}
#bs.ani .w1{
			animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#bs.ani .w2{
			animation:fadeIn 1s 1.5s ease both;
            -moz-animation:fadeIn 1s 1.5s ease both;
            -webkit-animation:fadeIn 1s 1.5s ease both;
            -o-animation:fadeIn 1s 1.5s ease both
}
#bs.ani .w3{
			animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#bs.ani .w0{
			animation:shan1 3s 3.5s linear infinite;
            -moz-animation:shan1 3s 3.5s linear infinite;
            -webkit-animation:shan1 3s 3.5s linear infinite;
            -o-animation:shan1 3s 3.5s linear infinite
}
#gs{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/gstart.jpg?10') no-repeat 0 0;background-size:100% 100%;}
#gs .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s1.png?10') no-repeat 0 0;background-size:100% 100%;}
#gs .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s2.png?10') no-repeat 0 0;background-size:100% 100%;}
#gs .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s3.png?10') no-repeat 0 0;background-size:100% 100%;}
#gs .w0{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/gs.png?10') no-repeat 0 0;background-size:100% 100%;}
#gs .w0 .button{position: absolute;width: 15%;height: 10%;top: 83%;left: 74%;}
#gs.ani .w1{
			animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both
}
#gs.ani .w2{
			animation:fadeIn 1s 1.5s ease both;
            -moz-animation:fadeIn 1s 1.5s ease both;
            -webkit-animation:fadeIn 1s 1.5s ease both;
            -o-animation:fadeIn 1s 1.5s ease both
}
#gs.ani .w3{
			animation:fadeIn 1s 2.5s ease both;
            -moz-animation:fadeIn 1s 2.5s ease both;
            -webkit-animation:fadeIn 1s 2.5s ease both;
            -o-animation:fadeIn 1s 2.5s ease both
}
#gs.ani .w0{
			animation:shan1 3s 3.5s linear infinite;
            -moz-animation:shan1 3s 3.5s linear infinite;
            -webkit-animation:shan1 3s 3.5s linear infinite;
            -o-animation:shan1 3s 3.5s linear infinite
}

.num{display: none;position: absolute;width: 9%;height: 6%;top: 4.5%;left: 16%;font-family:'Microsoft YaHei';color:#8e3900;font-size: 24px;}
.score{position: absolute;width: 9%;height: 6%;top: 8.5%;left: 49%;font-family:'Microsoft YaHei';color:#8e3900;font-size: 28px;}
#share{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/share1.png?10') no-repeat 0 0;background-size:100% 100%;}
#share .close{position: absolute;width: 13%;height: 8%;top: 74%;left: 43%;}

#s0.ani .w0{
            animation:fadeInUp 1s .5s ease both;
            -moz-animation:fadeInUp 1s .5s ease both;
            -webkit-animation:fadeInUp 1s .5s ease both;
            -o-animation:fadeInUp 1s .5s ease both
}
#s0.ani .w1{
            animation:fadeIn 1.5s 1.5s ease both;
            -moz-animation:fadeIn 1.5s 1.5s ease both;
            -webkit-animation:fadeIn 1.5s 1.5s ease both;
            -o-animation:fadeIn 1.5s 1.5s ease both
}
#s0.ani .w3{
            animation:fadeIn 1.5s 2.5s ease both;
            -moz-animation:fadeIn 1.5s 2.5s ease both;
            -webkit-animation:fadeIn 1.5s 2.5s ease both;
            -o-animation:fadeIn 1.5s 2.5s ease both
}
#s0.ani .w4{
            animation:fleft 1.5s 3.5s linear both;
            -moz-animation:fleft 1.5s 3.5s linear both;
            -webkit-animation:fleft 1.5s 3.5s linear both;
            -o-animation:fleft 1.5s 3.5s linear both
}
#s0.ani .w5{
            animation:fright 1.5s 3.5s linear both;
            -moz-animation:fright 1.5s 3.5s linear both;
            -webkit-animation:fright 1.5s 3.5s linear both;
            -o-animation:fright 1.5s 3.5s linear both
}
/* #s0.ani .w2{
            animation:shan1 2s 3.5s linear infinite;
            -moz-animation:shan1 2s 3.5s linear infinite;
            -webkit-animation:shan1 2s 3.5s linear infinite;
            -o-animation:shan1 2s 3.5s linear infinite
} */
#s1.ani .w0{
            animation:move1 1s 3.5s linear both;
            -moz-animation:move1 1s 3.5s linear both;
            -webkit-animation:move1 1s 3.5s linear both;
            -o-animation:move1 1s 3.5s linear both
}
#s1.ani .w1{
            animation:fadeIn 2s .5s ease both;
            -moz-animation:fadeIn 2s .5s ease both;
            -webkit-animation:fadeIn 2s .5s ease both;
            -o-animation:fadeIn 2s .5s ease both
}
#s1.ani .w2{
            animation:shan 3s 1.5s linear both;
            -moz-animation:shan 3s 1.5s linear both;
            -webkit-animation:shan 3s 1.5s linear both;
            -o-animation:shan 3s 1.5s linear both
}
#s1.ani .w3{
            animation:fadeIn 1s 5s ease both;
            -moz-animation:fadeIn 1s 5s ease both;
            -webkit-animation:fadeIn 1s 5s ease both;
            -o-animation:fadeIn 1s 5s ease both
}
#s1.ani .w4{
            animation:rMove1 10s 4.5s linear infinite;
            -moz-animation:rMove1 10s 4.5s linear infinite;
            -webkit-animation:rMove1 10s 4.5s linear infinite;
            -o-animation:rMove1 10s 4.5s linear infinite
}
/* #s1.ani .w5{
            animation:fadeIn 1s 6s ease both;
            -moz-animation:fadeIn 1s 6s ease both;
            -webkit-animation:fadeIn 1s 6s ease both;
            -o-animation:fadeIn 1s 6s ease both
} */
#s2.ani .w0{
            animation:move2 6s .5s linear both;
            -moz-animation:move2 6s .5s linear both;
            -webkit-animation:move2 6s .5s linear both;
            -o-animation:move2 6s .5s linear both
}
#s2.ani .w1{
            animation:fadeIn 2s 4s ease both;
            -moz-animation:fadeIn 2s 4s ease both;
            -webkit-animation:fadeIn 2s 4s ease both;
            -o-animation:fadeIn 2s 4s ease both
}
#s2.ani .w2{
            animation:shan 3s 4.5s linear both;
            -moz-animation:shan 3s 4.5s linear both;
            -webkit-animation:shan 3s 4.5s linear both;
            -o-animation:shan 3s 4.5s linear both
}
#s2.ani .w4{
            animation:fire 2s 6s ease infinite;
            -moz-animation:fire 2s 6s ease infinite;
            -webkit-animation:fire 2s 6s ease infinite;
            -o-animation:fire 2s 6s ease infinite
}
#s2.ani .w6{
            animation:fire 2s 7s ease infinite;
            -moz-animation:fire 2s 7s ease infinite;
            -webkit-animation:fire 2s 7s ease infinite;
            -o-animation:fire 2s 7s ease infinite
}
#s2.ani .w7{
            animation:peo1 4.5s .5s ease both;
            -moz-animation:peo1 4.5s .5s ease both;
            -webkit-animation:peo1 4.5s .5s ease both;
            -o-animation:peo1 4.5s .5s ease both
}
#s2.ani .w3{
            animation:fadeIn 1s 6s ease both;
            -moz-animation:fadeIn 1s 6s ease both;
            -webkit-animation:fadeIn 1s 6s ease both;
            -o-animation:fadeIn 1s 6s ease both
}

/* #s2.ani .w5{
            animation:fadeIn 1s 10s ease both;
            -moz-animation:fadeIn 1s 10s ease both;
            -webkit-animation:fadeIn 1s 10s ease both;
            -o-animation:fadeIn 1s 10s ease both
} */
#s3.ani .w0{
            animation:move3 6s .5s linear both;
            -moz-animation:move3 6s .5s linear both;
            -webkit-animation:move3 6s .5s linear both;
            -o-animation:move3 6s .5s linear both
}
#s3.ani .w1{
            animation:fadeIn 2s 4s ease both;
            -moz-animation:fadeIn 2s 4s ease both;
            -webkit-animation:fadeIn 2s 4s ease both;
            -o-animation:fadeIn 2s 4s ease both
}
#s3.ani .w2{
            animation:shan 3s 4.5s linear both;
            -moz-animation:shan 3s 4.5s linear both;
            -webkit-animation:shan 3s 4.5s linear both;
            -o-animation:shan 3s 4.5s linear both
}
#s3.ani .w3{
            animation:rMove3 25s 6.5s linear infinite;
            -moz-animation:rMove3 25s 6.5s linear infinite;
            -webkit-animation:rMove3 25s 6.5s linear infinite;
            -o-animation:rMove3 25s 6.5s linear infinite
}
#s3.ani .w7{
            animation:peo2 4.5s .5s ease both;
            -moz-animation:peo2 4.5s .5s ease both;
            -webkit-animation:peo2 4.5s .5s ease both;
            -o-animation:peo2 4.5s .5s ease both
}

#s4.ani .w0{
            animation:move4 6s .5s linear both;
            -moz-animation:move4 6s .5s linear both;
            -webkit-animation:move4 6s .5s linear both;
            -o-animation:move4 6s .5s linear both
}
#s4.ani .w1{
            animation:fadeIn 2s 4s ease both;
            -moz-animation:fadeIn 2s 4s ease both;
            -webkit-animation:fadeIn 2s 4s ease both;
            -o-animation:fadeIn 2s 4s ease both
}
#s4.ani .w2{
            animation:shan 3s 4.5s linear both;
            -moz-animation:shan 3s 4.5s linear both;
            -webkit-animation:shan 3s 4.5s linear both;
            -o-animation:shan 3s 4.5s linear both
}
#s4.ani .w3{
            animation:piao 20s 6s linear infinite;
            -moz-animation:piao 20s 6s linear infinite;
            -webkit-animation:piao 20s 6s linear infinite;
            -o-animation:piao 20s 6s linear infinite
}
#s4.ani .w4{
            animation:fadeIn 1s 6s linear both;
            -moz-animation:fadeIn 1s 6s linear both;
            -webkit-animation:fadeIn 1s 6s linear both;
            -o-animation:fadeIn 1s 6s linear both
}
#s4.ani .w6{
            animation:piao1 2s 6.5s ease infinite;
            -moz-animation:piao1 2s 6.5s ease infinite;
            -webkit-animation:piao1 2s 6.5s ease infinite;
            -o-animation:piao1 2s 6.5s ease infinite
}
#s4.ani .w7{
            animation:piao1 2s 6s ease infinite;
            -moz-animation:piao1 2s 6s ease infinite;
            -webkit-animation:piao1 2s 6s ease infinite;
            -o-animation:piao1 2s 6s ease infinite
}
#s4.ani .w8{
            animation:peo3 4.5s .5s ease both;
            -moz-animation:peo3 4.5s .5s ease both;
            -webkit-animation:peo3 4.5s .5s ease both;
            -o-animation:peo3 4.5s .5s ease both
}

#s5.ani .w0{
            animation:move5 8s .5s linear both;
            -moz-animation:move5 8s .5s linear both;
            -webkit-animation:move5 8s .5s linear both;
            -o-animation:move5 8s .5s linear both
}
#s5.ani .w1{
            animation:fadeIn 2s 5s ease both;
            -moz-animation:fadeIn 2s 5s ease both;
            -webkit-animation:fadeIn 2s 5s ease both;
            -o-animation:fadeIn 2s 5s ease both
}
#s5.ani .w2{
            animation:shan 3s 5.5s linear both;
            -moz-animation:shan 3s 5.5s linear both;
            -webkit-animation:shan 3s 5.5s linear both;
            -o-animation:shan 3s 5.5s linear both
}
#s5.ani .w3{
            animation:fadeIn 1s 8s linear both;
            -moz-animation:fadeIn 1s 8s linear both;
            -webkit-animation:fadeIn 1s 8s linear both;
            -o-animation:fadeIn 1s 8s linear both
}
#s5.ani .w4{
            animation:water 10s 8s linear infinite;
            -moz-animation:water 10s 8s linear infinite;
            -webkit-animation:water 10s 8s linear infinite;
            -o-animation:water 10s 8s linear infinite
}
#s5.ani .w6{
            animation:fadeIn11 13s 8s ease infinite;
            -moz-animation:fadeIn11 13s 8s ease infinite;
            -webkit-animation:fadeIn11 13s 8s ease infinite;
            -o-animation:fadeIn11 13s 8s ease infinite
}
#s5.ani .w8{
            animation:peo4 6.5s .5s ease both;
            -moz-animation:peo4 6.5s .5s ease both;
            -webkit-animation:peo4 6.5s .5s ease both;
            -o-animation:peo4 6.5s .5s ease both
}

#s6.ani .w0{
            animation:move6 6s .5s linear both;
            -moz-animation:move6 6s .5s linear both;
            -webkit-animation:move6 6s .5s linear both;
            -o-animation:move6 6s .5s linear both
}
#s6.ani .w1{
            animation:fadeIn 2s 4s ease both;
            -moz-animation:fadeIn 2s 4s ease both;
            -webkit-animation:fadeIn 2s 4s ease both;
            -o-animation:fadeIn 2s 4s ease both
}
#s6.ani .w2{
            animation:shan 3s 4.5s linear both;
            -moz-animation:shan 3s 4.5s linear both;
            -webkit-animation:shan 3s 4.5s linear both;
            -o-animation:shan 3s 4.5s linear both
}
#s6.ani .w3{
            animation:fadeIn 1s 6s linear both;
            -moz-animation:fadeIn 1s 6s linear both;
            -webkit-animation:fadeIn 1s 6s linear both;
            -o-animation:fadeIn 1s 6s linear both
}
#s6.ani .w4{
            animation:snow 10s 6s linear infinite;
            -moz-animation:snow 10s 6s linear infinite;
            -webkit-animation:snow 10s 6s linear infinite;
            -o-animation:snow 10s 6s linear infinite
}
#s6.ani .w7{
            animation:peo5 4.5s .5s ease both;
            -moz-animation:peo5 4.5s .5s ease both;
            -webkit-animation:peo5 4.5s .5s ease both;
            -o-animation:peo5 4.5s .5s ease both
}

#s7.ani .w0{
            animation:move7 6s .5s linear both;
            -moz-animation:move7 6s .5s linear both;
            -webkit-animation:move7 6s .5s linear both;
            -o-animation:move7 6s .5s linear both
}
#s7.ani .w1{
            animation:fadeIn 2s 4s ease both;
            -moz-animation:fadeIn 2s 4s ease both;
            -webkit-animation:fadeIn 2s 4s ease both;
            -o-animation:fadeIn 2s 4s ease both
}
#s7.ani .w2{
            animation:shan 3s 4.5s linear both;
            -moz-animation:shan 3s 4.5s linear both;
            -webkit-animation:shan 3s 4.5s linear both;
            -o-animation:shan 3s 4.5s linear both
}
#s7.ani .w3{
            animation:fadeIn 1s 6s linear both;
            -moz-animation:fadeIn 1s 6s linear both;
            -webkit-animation:fadeIn 1s 6s linear both;
            -o-animation:fadeIn 1s 6s linear both
}
#s7.ani .w4{
            animation:rMove7 10s 6s linear infinite;
            -moz-animation:rMove7 10s 6s linear infinite;
            -webkit-animation:rMove7 10s 6s linear infinite;
            -o-animation:rMove7 10s 6s linear infinite
}
#s7.ani .w7{
            animation:peo6 4.5s .5s ease both;
            -moz-animation:peo6 4.5s .5s ease both;
            -webkit-animation:peo6 4.5s .5s ease both;
            -o-animation:peo6 4.5s .5s ease both
}
#s8.ani .w2{
            animation:small 2s .5s linear both;
            -moz-animation:small 2s .5s linear both;
            -webkit-animation:small 2s .5s linear both;
            -o-animation:small 2s .5s linear both
}
#s8.ani .w0{
            animation:fadeIn 1s 2.5s linear both;
            -moz-animation:fadeIn 1s 2.5s linear both;
            -webkit-animation:fadeIn 1s 2.5s linear both;
            -o-animation:fadeIn 1s 2.5s linear both
}
#s8.ani .w1{
            animation:fadeIn 1s 3.5s linear both;
            -moz-animation:fadeIn 1s 3.5s linear both;
            -webkit-animation:fadeIn 1s 3.5s linear both;
            -o-animation:fadeIn 1s 3.5s linear both
}
#s8.ani .w3{
            animation:fadeIn 1s 4.5s linear both;
            -moz-animation:fadeIn 1s 4.5s linear both;
            -webkit-animation:fadeIn 1s 4.5s linear both;
            -o-animation:fadeIn 1s 4.5s linear both
}
@keyframes move1
{
  0%{opacity: 1;top: -70%;left: -100%;transform:scale(1);}
  100%{opacity: 0;top: -70%;left: -100%;transform:scale(2);}
}
@-moz-keyframes move1
{
  0%{opacity: 1;top: -70%;left: -100%;transform:scale(1);}
  100%{opacity: 0;top: -70%;left: -100%;transform:scale(2);}
}
@-moz-keyframes move1
{
  0%{opacity: 1;top: -70%;left: -100%;transform:scale(1);}
  100%{opacity: 0;top: -70%;left: -100%;transform:scale(2);}
}
@-webkit-keyframes move1
{
  0%{opacity: 1;top: -70%;left: -100%;transform:scale(1);}
  100%{opacity: 0;top: -70%;left: -100%;transform:scale(2);}
}

@keyframes move2
{
  0%{opacity: 1;top: -80%;left: -100%;transform:scale(1);}
  60%{opacity: 1;top: -80%;left: 0%;transform:scale(1);}
  85%{opacity: 1;top: -80%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -80%;left: 0%;transform:scale(2);}
}
@-moz-keyframes move2
{
  0%{opacity: 1;top: -80%;left: -100%;transform:scale(1);}
  60%{opacity: 1;top: -80%;left: 0%;transform:scale(1);}
  85%{opacity: 1;top: -80%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -80%;left: 0%;transform:scale(2);}
}
@-moz-keyframes move2
{
  0%{opacity: 1;top: -80%;left: -100%;transform:scale(1);}
  60%{opacity: 1;top: -80%;left: 0%;transform:scale(1);}
  85%{opacity: 1;top: -80%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -80%;left: 0%;transform:scale(2);}
}
@-webkit-keyframes move2
{
  0%{opacity: 1;top: -80%;left: -100%;transform:scale(1);}
  60%{opacity: 1;top: -80%;left: 0%;transform:scale(1);}
  85%{opacity: 1;top: -80%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -80%;left: 0%;transform:scale(2);}
}

@keyframes move3
{
  0%{opacity: 1;top: -80%;left: -100%;transform:scale(1);}
  60%{opacity: 1;top: -70%;left: 0%;transform:scale(1);}
  85%{opacity: 1;top: -70%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -70%;left: 0%;transform:scale(2);}
}
@-moz-keyframes move3
{
  0%{opacity: 1;top: -80%;left: -100%;transform:scale(1);}
  60%{opacity: 1;top: -70%;left: 0%;transform:scale(1);}
  85%{opacity: 1;top: -70%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -70%;left: 0%;transform:scale(2);}
}
@-moz-keyframes move3
{
  0%{opacity: 1;top: -80%;left: -100%;transform:scale(1);}
  60%{opacity: 1;top: -70%;left: 0%;transform:scale(1);}
  85%{opacity: 1;top: -70%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -70%;left: 0%;transform:scale(2);}
}
@-webkit-keyframes move3
{
  0%{opacity: 1;top: -80%;left: -100%;transform:scale(1);}
  60%{opacity: 1;top: -70%;left: 0%;transform:scale(1);}
  85%{opacity: 1;top: -70%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -70%;left: 0%;transform:scale(2);}
}

@keyframes move4
{
  0%{opacity: 1;top: -80%;left: -92%;transform:scale(1);}
  30%{opacity: 1;top: -43%;left: -67%;transform:scale(1);}
  60%{opacity: 1;top: -47%;left: -23%;transform:scale(1);}
  90%{opacity: 1;top: -47%;left: -23%;transform:scale(1);}
  100%{opacity: 0;top: -47%;left: -23%;transform:scale(2);}
}
@-moz-keyframes move4
{
  0%{opacity: 1;top: -80%;left: -92%;transform:scale(1);}
  30%{opacity: 1;top: -43%;left: -67%;transform:scale(1);}
  60%{opacity: 1;top: -47%;left: -23%;transform:scale(1);}
  90%{opacity: 1;top: -47%;left: -23%;transform:scale(1);}
  100%{opacity: 0;top: -47%;left: -23%;transform:scale(2);}
}
@-moz-keyframes move4
{
  0%{opacity: 1;top: -80%;left: -92%;transform:scale(1);}
  30%{opacity: 1;top: -43%;left: -67%;transform:scale(1);}
  60%{opacity: 1;top: -47%;left: -23%;transform:scale(1);}
  90%{opacity: 1;top: -47%;left: -23%;transform:scale(1);}
  100%{opacity: 0;top: -47%;left: -23%;transform:scale(2);}
}
@-webkit-keyframes move4
{
  0%{opacity: 1;top: -80%;left: -92%;transform:scale(1);}
  30%{opacity: 1;top: -43%;left: -67%;transform:scale(1);}
  60%{opacity: 1;top: -47%;left: -23%;transform:scale(1);}
  90%{opacity: 1;top: -47%;left: -23%;transform:scale(1);}
  100%{opacity: 0;top: -47%;left: -23%;transform:scale(2);}
}

@keyframes move5
{
  0%{opacity: 1;top: -70%;left: -100%;transform:scale(1);}
  30%{opacity: 1;top: -100%;left: 0%;transform:scale(1);}
  60%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  90%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -30%;left: 0%;transform:scale(2);}
}
@-moz-keyframes move5
{
  0%{opacity: 1;top: -70%;left: -100%;transform:scale(1);}
  30%{opacity: 1;top: -100%;left: 0%;transform:scale(1);}
  60%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  90%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -30%;left: 0%;transform:scale(2);}
}
@-moz-keyframes move5
{
  0%{opacity: 1;top: -70%;left: -100%;transform:scale(1);}
  30%{opacity: 1;top: -100%;left: 0%;transform:scale(1);}
  60%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  90%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -30%;left: 0%;transform:scale(2);}
}
@-webkit-keyframes move5
{
  0%{opacity: 1;top: -70%;left: -100%;transform:scale(1);}
  30%{opacity: 1;top: -100%;left: 0%;transform:scale(1);}
  60%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  90%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  100%{opacity: 0;top: -30%;left: 0%;transform:scale(2);}
}

@keyframes move6
{
  0%{opacity: 1;top: -93%;left: -27%;transform:scale(1);}
  60%{opacity: 1;top: -5%;left: -27%;transform:scale(1);}
  85%{opacity: 1;top: -5%;left: -27%;transform:scale(1);}
  100%{opacity: 0;top:-5%;left: -27%;transform:scale(2);}
}
@-moz-keyframes move6
{
  0%{opacity: 1;top: -93%;left: -27%;transform:scale(1);}
  60%{opacity: 1;top: -5%;left: -27%;transform:scale(1);}
  85%{opacity: 1;top: -5%;left: -27%;transform:scale(1);}
  100%{opacity: 0;top:-5%;left: -27%;transform:scale(2);}
}
@-moz-keyframes move6
{
  0%{opacity: 1;top: -93%;left: -27%;transform:scale(1);}
  60%{opacity: 1;top: -5%;left: -27%;transform:scale(1);}
  85%{opacity: 1;top: -5%;left: -27%;transform:scale(1);}
  100%{opacity: 0;top:-5%;left: -27%;transform:scale(2);}
}
@-webkit-keyframes move6
{
  0%{opacity: 1;top: -93%;left: -27%;transform:scale(1);}
  60%{opacity: 1;top: -5%;left: -27%;transform:scale(1);}
  85%{opacity: 1;top: -5%;left: -27%;transform:scale(1);}
  100%{opacity: 0;top:-5%;left: -27%;transform:scale(2);}
}
@keyframes move7
{
  0%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  60%{opacity: 1;top: 0%;left: -92%;transform:scale(1);}
  85%{opacity: 1;top: 0%;left: -92%;transform:scale(1);}
  100%{opacity: 0;top:0%;left: -92%;transform:scale(2);}
}
@-moz-keyframes move7
{
  0%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  60%{opacity: 1;top: 0%;left: -92%;transform:scale(1);}
  85%{opacity: 1;top: 0%;left: -92%;transform:scale(1);}
  100%{opacity: 0;top:0%;left: -92%;transform:scale(2);}
}
@-moz-keyframes move7
{
  0%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  60%{opacity: 1;top: 0%;left: -92%;transform:scale(1);}
  85%{opacity: 1;top: 0%;left: -92%;transform:scale(1);}
  100%{opacity: 0;top:0%;left: -92%;transform:scale(2);}
}
@-webkit-keyframes move7
{
  0%{opacity: 1;top: -30%;left: 0%;transform:scale(1);}
  60%{opacity: 1;top: 0%;left: -92%;transform:scale(1);}
  85%{opacity: 1;top: 0%;left: -92%;transform:scale(1);}
  100%{opacity: 0;top:0%;left: -92%;transform:scale(2);}
}
@keyframes rMove1
{
  0%{opacity: 1;left: 8%;}
  50%{opacity: 1;left: -4%;}
  100%{opacity: 1;left: 8%;}
}
@-moz-keyframes rMove1
{
  0%{opacity: 1;left: 8%;}
  50%{opacity: 1;left: -4%;}
  100%{opacity: 1;left: 8%;}
}
@-moz-keyframes rMove1
{
  0%{opacity: 1;left: 8%;}
  50%{opacity: 1;left: -4%;}
  100%{opacity: 1;left: 8%;}
}
@-webkit-keyframes rMove1
{
  0%{opacity: 1;left: 8%;}
  50%{opacity: 1;left: -4%;}
  100%{opacity: 1;left: 8%;}
}

@keyframes rMove3
{
  0%{opacity: 1;left: -10%;}
  50%{opacity: 1;left: -60%;}
  100%{opacity: 1;left: -10%;}
}
@-moz-keyframes rMove3
{
  0%{opacity: 1;left: -10%;}
  50%{opacity: 1;left: -60%;}
  100%{opacity: 1;left: -10%;}
}
@-moz-keyframes rMove3
{
  0%{opacity: 1;left: -10%;}
  50%{opacity: 1;left: -60%;}
  100%{opacity: 1;left: -10%;}
}
@-webkit-keyframes rMove3
{
  0%{opacity: 1;left: -10%;}
  50%{opacity: 1;left: -60%;}
  100%{opacity: 1;left: -10%;}
}

@keyframes rMove5
{
  0%{opacity: 1;left: -10%;}
  50%{opacity: 1;left: -60%;}
  100%{opacity: 1;left: -10%;}
}
@-moz-keyframes rMove5
{
  0%{opacity: 1;left: -10%;}
  50%{opacity: 1;left: -60%;}
  100%{opacity: 1;left: -10%;}
}
@-moz-keyframes rMove5
{
  0%{opacity: 1;left: -10%;}
  50%{opacity: 1;left: -60%;}
  100%{opacity: 1;left: -10%;}
}
@-webkit-keyframes rMove5
{
  0%{opacity: 1;left: -10%;}
  50%{opacity: 1;left: -60%;}
  100%{opacity: 1;left: -10%;}
}

@keyframes rMove7
{
  0%{opacity: 1;left: 15%;}
  100%{opacity: 1;left: -15%;}
}
@-moz-keyframes rMove7
{
  0%{opacity: 1;left: 15%;}
  100%{opacity: 1;left: -15%;}
}
@-moz-keyframes rMove7
{
  0%{opacity: 1;left: 15%;}
  100%{opacity: 1;left: -15%;}
}
@-webkit-keyframes rMove7
{
  0%{opacity: 1;left: 15%;}
  100%{opacity: 1;left: -15%;}
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

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

@keyframes fadeInBig
{
    0%{transform:scale(0);display: none;}
    100%{transform:scale(0.6);display: block;}
}

@-moz-keyframes fadeInBig /* Firefox */
{
     0%{transform:scale(0);display: none;}
    100%{transform:scale(0.6);display: block;}
  }

@-webkit-keyframes fadeInBig /* Safari 和 Chrome */
{
     0%{transform:scale(0);display: none;}
    100%{transform:scale(0.6);display: block;}
}


@-webkit-keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  
  25% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  
  50% {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
  }

  100% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}

@keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  
  25% {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }

  50% {
    -webkit-transform: rotateZ(270deg);
    -ms-transform: rotateZ(-270deg);
    transform: rotateZ(-270deg);
  }

  100% {
    -webkit-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
/* 向左下 */
@-webkit-keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

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

@-moz-keyframes RightShift /* Firefox */
{
    0%{opacity:1;-webkit-transform:none;transform:none;}
    100%{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}

@-webkit-keyframes RightShift /* Safari 和 Chrome */
{
    0%{opacity:1;-webkit-transform:none;transform:none;}
    100%{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
}

@keyframes shengkong
{
    0%{-webkit-transform:none;transform:none}
    100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}

@-moz-keyframes shengkong /* Firefox */
{
    0%{-webkit-transform:none;transform:none}
    100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}

@-webkit-keyframes shengkong /* Safari 和 Chrome */
{
    0%{-webkit-transform:none;transform:none}
    100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}

@keyframes arrow
{
    0%{opacity: 0;left:93%;}
    90%{opacity: 1;left:91%;}
    100%{opacity: 1;left:93%;}
}

@-moz-keyframes arrow /* Firefox */
{
    0%{opacity: 0;left:93%;}
    90%{opacity: 1;left:91%;}
    100%{opacity: 1;left:93%;}
}

@-webkit-keyframes arrow /* Safari 和 Chrome */
{
    0%{opacity: 0;left:93%;}
    90%{opacity: 1;left:91%;}
    100%{opacity: 1;left:93%;}
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity:1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-webkit-keyframes fadeIn11 {
  0% {opacity: 0;}
  25% {opacity: 1;}
  50% {opacity: 0;}
  75% {opacity: 1;}
  100% {opacity: 0;}
}
@-moz-keyframes fadeIn11 {
  0% {opacity: 0;}
  25% {opacity: 1;}
  50% {opacity: 0;}
  75% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeIn11 {
  0% {opacity: 0;}
  25% {opacity: 1;}
  50% {opacity: 0;}
  75% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeInRight
{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-moz-keyframes fadeInRight /* Firefox */
{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-webkit-keyframes fadeInRight /* Safari 和 Chrome */
{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft
{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-moz-keyframes fadeInLeft /* Firefox */
{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-webkit-keyframes fadeInLeft /* Safari 和 Chrome */
{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@keyframes shan
{
    0%{opacity:0;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:1;}
}

@-moz-keyframes shan /* Firefox */
{
      0%{opacity:0;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes shan /* Safari ºÍ Chrome */
{
    0%{opacity:0;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:1;}
}

@keyframes fire
{
    0%{opacity: 1;background-size: 100% 100%;}
    50%{opacity: 1;background-size: 100% 90%;}
    100%{opacity: 1;background-size: 100% 100%;}
}

@-moz-keyframes fire /* Firefox */
{
   0%{opacity: 1;background-size: 100% 100%;}
   50%{opacity: 1;background-size: 100% 90%;}
   100%{opacity: 1;background-size: 100% 100%;}
}

@-webkit-keyframes fire /* Safari ºÍ Chrome */
{
    0%{opacity: 1;background-size: 100% 100%;}
    50%{opacity: 1;background-size: 100% 90%;}
    100%{opacity: 1;background-size: 100% 100%;}
}

@keyframes piao
{
    0%{opacity: 1;top: 0%;left: 9%;}
    100%{opacity: 1;top:0%;left: -27%}
}

@-moz-keyframes piao /* Firefox */
{
   0%{opacity: 1;top: 0%;left: 9%;}
    100%{opacity: 1;top:0%;left: -27%}
}

@-webkit-keyframes piao /* Safari ºÍ Chrome */
{
    0%{opacity: 1;top: 0%;left: 9%;}
    100%{opacity: 1;top:0%;left: -27%}
}

@keyframes piao1
{
    0%{opacity: 1;transform: rotateZ(-3deg);}
    50%{opacity: 1;transform: rotateZ(3deg);}
    100%{opacity: 1;transform: rotateZ(-3deg);}
}

@-moz-keyframes piao1 /* Firefox */
{
   0%{opacity: 1;transform: rotateZ(-3deg);}
    50%{opacity: 1;transform: rotateZ(3deg);}
    100%{opacity: 1;transform: rotateZ(-3deg);}
}

@-webkit-keyframes piao1 /* Safari ºÍ Chrome */
{
    0%{opacity: 1;transform: rotateZ(-3deg);}
    50%{opacity: 1;transform: rotateZ(3deg);}
    100%{opacity: 1;transform: rotateZ(-3deg);}
}

@keyframes water
{
    0%{opacity: 1;left: -10%;}
    100%{opacity: 1;left: -20%}
}

@-moz-keyframes water /* Firefox */
{
   0%{opacity: 1;left: -10%;}
    100%{opacity: 1;left: -20%}
}

@-webkit-keyframes water /* Safari ºÍ Chrome */
{
    0%{opacity: 1;left: -10%;}
    100%{opacity: 1;left: -20%}
}
@keyframes snow
{
    0%{opacity: 1;top: -75%;}
    100%{opacity: 1;top: 0%;}
}

@-moz-keyframes snow /* Firefox */
{
   0%{opacity: 1;top: -75%;}
    100%{opacity: 1;top: 0%;}
}

@-webkit-keyframes snow /* Safari ºÍ Chrome */
{
    0%{opacity: 1;top: -75%;}
    100%{opacity: 1;top: 0%;}
}
@keyframes shan1
{
    0%{opacity: 0;}
    33%{opacity: 1;}
    66%{opacity: 0;}
    100%{opacity: 1;}
}

@-moz-keyframes shan1 /* Firefox */
{
   0%{opacity: 0;}
    33%{opacity: 1;}
    66%{opacity: 0;}
    100%{opacity: 1;}
}

@-webkit-keyframes shan1 /* Safari ºÍ Chrome */
{
    0%{opacity: 0;}
    33%{opacity: 1;}
    66%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes small
{
    0%{width: 300%;height: 183%;top: -19%;left: -54%;}
    100%{width: 123%;height: 70%;top: 25%;left: 0%;}
}

@-moz-keyframes small /* Firefox */
{
    0%{width: 300%;height: 183%;top: -19%;left: -54%;}
    100%{width: 123%;height: 70%;top: 25%;left: 0%;}
}

@-webkit-keyframes small /* Safari ºÍ Chrome */
{
    0%{width: 300%;height: 183%;top: -19%;left: -54%;}
    100%{width: 123%;height: 70%;top: 25%;left: 0%;}
}

@keyframes music
{
    0%{transform:rotate(15deg);}
    50%{transform:rotate(-15deg);}
    100%{transform:rotate(15deg);}
}

@-moz-keyframes music /* Firefox */
{
    0%{transform:rotate(15deg);}
    50%{transform:rotate(-15deg);}
    100%{transform:rotate(15deg);}
}

@-webkit-keyframes music /* Safari ºÍ Chrome */
{
    0%{transform:rotate(15deg);}
    50%{transform:rotate(-15deg);}
    100%{transform:rotate(15deg);}
}
@keyframes fright
{
    0%{left: 50%;}
    100%{left: 67%;}
}

@-moz-keyframes fright /* Firefox */
{
    0%{left: 50%;}
    100%{left: 67%;}
}

@-webkit-keyframes fright /* Safari ºÍ Chrome */
{
    0%{left: 50%;}
    100%{left: 67%;}
}
@keyframes fleft
{
    0%{left: 0%;}
    100%{left: -18%;}
}

@-moz-keyframes fleft /* Firefox */
{
    0%{left: 0%;}
    100%{left: -18%;}
}

@-webkit-keyframes fleft /* Safari ºÍ Chrome */
{
    0%{left: 0%;}
    100%{left: -18%;}
}

@keyframes peo1
{
    0%{top: 54%;left: 67%;}
    1%{opacity: 1;top: 54%;left: 67%;}
    99%{opacity: 1;top:57%;left: 42%;}
    100%{opacity: 0;top:57%;left: 42%;}
}

@-moz-keyframes peo1 /* Firefox */
{
     0%{top: 54%;left: 67%;}
    1%{opacity: 1;top: 54%;left: 67%;}
    99%{opacity: 1;top:57%;left: 42%;}
    100%{opacity: 0;top:57%;left: 42%;}
}

@-webkit-keyframes peo1 /* Safari ºÍ Chrome */
{
     0%{top: 54%;left: 67%;}
    1%{opacity: 1;top: 54%;left: 67%;}
    99%{opacity: 1;top:57%;left: 42%;}
    100%{opacity: 0;top:57%;left: 42%;}
}

@keyframes peo2
{
    0%{top: 68%;left: 42%;}
    1%{opacity: 1;top: 68%;left: 42%;}
    99%{opacity: 1;top:57%;left: 42%;}
    100%{opacity: 0;top:57%;left: 42%;}
}

@-moz-keyframes peo2 /* Firefox */
{
    0%{top: 68%;left: 42%;}
    1%{opacity: 1;top: 68%;left: 42%;}
    99%{opacity: 1;top:57%;left: 42%;}
    100%{opacity: 0;top:57%;left: 42%;}
}

@-webkit-keyframes peo2 /* Safari ºÍ Chrome */
{
    0%{top: 68%;left: 42%;}
    1%{opacity: 1;top: 68%;left: 42%;}
    99%{opacity: 1;top:57%;left: 42%;}
    100%{opacity: 0;top:57%;left: 42%;}
}

@keyframes peo3
{
    0%{top: 38%;left: 29%;}
    1%{opacity: 1;top: 38%;left: 29%;}
    99%{opacity: 1;top:43%;left: 32%;}
    100%{opacity: 0;top:43%;left: 32%;}
}

@-moz-keyframes peo3 /* Firefox */
{
    0%{top: 38%;left: 29%;}
    1%{opacity: 1;top: 38%;left: 29%;}
    99%{opacity: 1;top:43%;left: 32%;}
    100%{opacity: 0;top:43%;left: 32%;}
}

@-webkit-keyframes peo3 /* Safari ºÍ Chrome */
{
    0%{top: 38%;left: 29%;}
    1%{opacity: 1;top: 38%;left: 29%;}
    99%{opacity: 1;top:43%;left: 32%;}
    100%{opacity: 0;top:43%;left: 32%;}
}

@keyframes peo4
{
    0%{top: 50%;left: 60%;}
    1%{opacity: 1;top: 50%;left: 60%;}
    99%{opacity: 1;top:53%;left: 50%;}
    100%{opacity: 0;top:53%;left: 50%;}
}

@-moz-keyframes peo4 /* Firefox */
{
    0%{top: 50%;left: 60%;}
    1%{opacity: 1;top: 50%;left: 60%;}
    99%{opacity: 1;top:53%;left: 50%;}
    100%{opacity: 0;top:53%;left: 50%;}
}

@-webkit-keyframes peo4 /* Safari ºÍ Chrome */
{
    0%{top: 50%;left: 60%;}
    1%{opacity: 1;top: 50%;left: 60%;}
    99%{opacity: 1;top:53%;left: 50%;}
    100%{opacity: 0;top:53%;left: 50%;}
}

@keyframes peo5
{
    0%{top: 30%;left: 45%;}
    1%{opacity: 1;top: 30%;left: 45%;}
    99%{opacity: 1;top:50%;left: 45%;}
    100%{opacity: 0;top:50%;left: 45%;}
}

@-moz-keyframes peo5 /* Firefox */
{
    0%{top: 30%;left: 45%;}
    1%{opacity: 1;top: 30%;left: 45%;}
    99%{opacity: 1;top:50%;left: 45%;}
    100%{opacity: 0;top:50%;left: 45%;}
}

@-webkit-keyframes peo5 /* Safari ºÍ Chrome */
{
    0%{top: 30%;left: 45%;}
    1%{opacity: 1;top: 30%;left: 45%;}
    99%{opacity: 1;top:50%;left: 45%;}
    100%{opacity: 0;top:50%;left: 45%;}
}

@keyframes peo6
{
    0%{top: 40%;left: 30%;}
    1%{opacity: 1;top: 40%;left: 30%;}
    99%{opacity: 1;top:40%;left: 38%;}
    100%{opacity: 0;top:40%;left: 38%;}
}

@-moz-keyframes peo6 /* Firefox */
{
    0%{top: 40%;left: 30%;}
    1%{opacity: 1;top: 40%;left: 30%;}
    99%{opacity: 1;top:40%;left: 38%;}
    100%{opacity: 0;top:40%;left: 38%;}
}

@-webkit-keyframes peo6 /* Safari ºÍ Chrome */
{
    0%{top: 40%;left: 30%;}
    1%{opacity: 1;top: 40%;left: 30%;}
    99%{opacity: 1;top:40%;left: 38%;}
    100%{opacity: 0;top:40%;left: 38%;}
}