body dl dd div p{margin:0;padding:0;}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute;}
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:5%;right:6%;}
.music{display:block;width:54px;height:54px;background:url('../images/music_off.png') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music.png?2') no-repeat;background-size:100% 100%;}
.loading{position:absolute;width:100%;height:100%;background:#0f0f0f;}
.load_val{width:100%;}
.loading_line{top: 42%;width: 8%;height: 18%;position: absolute;left: 46%;background: #053f72;}
.loading_line_blank{width:100%;height:0%;background: #0a84ef;}
.loading_image1{position: absolute;top:0;width: 100%;height:100%;background:url('../images/loading.1a.png') no-repeat 0 0;background-size:100% 100%;}
.loading_image2{position: absolute;top:0;width: 100%;height:100%;background:url('../images/loading.1b.png') no-repeat 0 0;background-size:100% 100%;}
.load_img img{width: 100%;height: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}

#list{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#list .w3{position: absolute;width: 100%;height: 200%;top: 0%;left: 0%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#list .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#list .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.2a.png') no-repeat 0 0;background-size:100% 100%;}
#list .w2{position: absolute;width: 100%;height: 200%;top: 0%;left: 0%;background:url('../images/p1.3a.png') no-repeat 0 0;background-size:100% 100%;}
#list .w2 div{display: none;}
#list .w2 .l1{position: absolute;width: 36%;height: 10%;top: 1%;left: 39%;}
#list .w2 .l2{position: absolute;width: 36%;height: 8%;top: 11%;left: 15%;}
#list .w2 .l3{position: absolute;width: 36%;height: 10%;top: 19%;left: 35%;}
#list .w2 .l4{position: absolute;width: 36%;height: 10%;top: 29%;left: 16%;}
#list .w2 .l5{position: absolute;width: 36%;height: 7%;top: 41%;left: 36%;}
#list .w2 .l6{position: absolute;width: 36%;height: 8%;top: 50%;left: 16%;}
#list .w2 .l7{position: absolute;width: 36%;height: 10%;top: 60%;left: 37%;}
#list .w2 .l8{position: absolute;width: 36%;height: 8%;top: 70%;left: 16%;}
#list .w2 .l9{position: absolute;width: 36%;height: 8%;top: 80%;left: 32%;}
#list .w2 .l10{position: absolute;width: 36%;height: 8%;top: 88%;left: 16%;}
#list .socre{position: absolute;width: 10%;height: 6%;top: 8%;right: 8%;}
.shi{position: absolute;width: 52%;height: 49%;top: 10%;right: 24%;}
.ge{position: absolute;width: 52%;height: 49%;top: 55%;right: 24%;}

#s0{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:#0f0f0f;}
#s0 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/loading.1a.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/loading.1b.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/loading.2.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/loading.3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w4{position: absolute;width: 12%;height: 18%;top: 41%;left: 44%;}
#s0 .w5{position: absolute;width: 100%;height: 200%;top: 0%;left: 0%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w6{position: absolute;width: 100%;height: 50%;top: 50%;left: 0%;background:#0f0f0f;}
#s0 .w7{position: absolute;width: 100%;height: 50%;top: 0%;left: 0%;background:#0f0f0f;}
#s0 .w8{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w9{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.2a.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w10{position: absolute;width: 100%;height: 200%;top: 0%;left: 0%;background:url('../images/p1.3a.png') no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w3{
        animation:fadeIn 2s .5s linear infinite;
        -moz-animation:fadeIn 2s .5s linear infinite;
        -webkit-animation:fadeIn 2s .5s linear infinite;
        -o-animation:fadeIn 2s .5s linear infinite
}
.start{
        animation:start 2s .5s linear both;
        -moz-animation:start 2s .5s linear both;
        -webkit-animation:start 2s .5s linear both;
        -o-animation:start 2s .5s linear both
}
.t_open{
        animation:t_open 2s 2.5s linear both;
        -moz-animation:t_open 2s 2.5s linear both;
        -webkit-animation:t_open 2s 2.5s linear both;
        -o-animation:t_open 2s 2.5s linear both
}
.b_open{
        animation:b_open 2s 2.5s linear both;
        -moz-animation:b_open 2s 2.5s linear both;
        -webkit-animation:b_open 2s 2.5s linear both;
        -o-animation:b_open 2s 2.5s linear both
}
.b_open1{
        animation:b_open1 2s 2.5s linear both;
        -moz-animation:b_open1 2s 2.5s linear both;
        -webkit-animation:b_open1 2s 2.5s linear both;
        -o-animation:b_open1 2s 2.5s linear both
}
.right img,.error img{position: absolute;bottom: 8%;width: 64%;left: 22%;opacity: 0;}
.next{position: absolute;width: 10%;height: 15%;top: 2%;left: 20%;}

#s1{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.1a.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.1b.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .right{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s1 .error{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s1 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4a.png') no-repeat 0 0;background-size:100% 100%;}

#s2{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.2a.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.2b.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .right{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s2 .error{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s2 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4b.png') no-repeat 0 0;background-size:100% 100%;}

#s3{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.3a.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.3b.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .right{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s3 .error{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s3 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4c.png') no-repeat 0 0;background-size:100% 100%;}

#s4{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.4a.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.4b.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .right{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s4 .error{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s4 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s4 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4d.png') no-repeat 0 0;background-size:100% 100%;}

#s5{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s5 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.5a.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.5b.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .right{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s5 .error{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s5 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s5 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4e.png') no-repeat 0 0;background-size:100% 100%;}

#s6{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s6 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.6a.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.6b.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .right{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s6 .error{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s6 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s6 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4f.png') no-repeat 0 0;background-size:100% 100%;}

#s7{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s7 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.7a.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.7b.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .right{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s7 .error{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s7 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s7 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4g.png') no-repeat 0 0;background-size:100% 100%;}

#s8{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s8 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.8a.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.8b.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .right{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s8 .error{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s8 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s8 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4h.png') no-repeat 0 0;background-size:100% 100%;}

#s9{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s9 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.9a.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.9b.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .right{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s9 .error{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s9 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s9 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4i.png') no-repeat 0 0;background-size:100% 100%;}

#s10{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s10 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.0.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.10a.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.10b.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .right{position: absolute;width: 10%;height: 29%;top: 61%;left: 5%;}
#s10 .error{position: absolute;width: 10%;height: 29%;top: 18%;left: 5%;}
#s10 .answer{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;}
#s10 .answer .a1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.4j.png') no-repeat 0 0;background-size:100% 100%;}

#s11{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s11 .w0{position: absolute;width: 20%;height: 30%;top: 34%;left: 51%;text-align: center;}
#s11 .w0 img{width: 70%;height: 30%;vertical-align: middle;}
#s11 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.1.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.2.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .w3{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/a1.png') no-repeat 0 0;background-size:100% 100%;}
#s11 .about{position: absolute; width: 10%;height: 16%;top: 17%;left: 31%;}
#s11 .select{position: absolute;width: 10%;height: 16%;top: 43%;left: 32%;}
#s11 .select select{position: absolute;width: 100%;height: 100%;top:0;left: 0;opacity: 0;}
#s11 .move{position: absolute;width: 10%;height: 16%;top: 68%;left: 32%;}
#s11 .move a{position: absolute;width: 100%;height: 100%;top:0;left: 0;}

#about{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.1.png') no-repeat 0 0;background-size:100% 100%;}
#about .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.3.png') no-repeat 0 0;background-size:100% 100%;}
#about .close{position: absolute;width: 11%;height: 7%;bottom: 15%;left: 21%;}
@keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}
@-moz-keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}
@-webkit-keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}

@keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}
@-moz-keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}
@-webkit-keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}

@keyframes animate3
{0%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}25%{-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}50%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}75%{-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}100%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
@-moz-keyframes animate3 /* Firefox */
{0%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}25%{-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}50%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}75%{-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}100%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
@-webkit-keyframes animate3 /* Safari 和 Chrome */
{0%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}25%{-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}50%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}75%{-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}100%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}


@keyframes start
{0%{transform:rotateZ(0deg)}
99%{transform:rotateZ(90deg)}
100%{transform:rotateZ(90deg);opacity: 0}
}

@-moz-keyframes start /* Firefox */
{0%{transform:rotateZ(0deg)}
99%{transform:rotateZ(90deg)}
100%{transform:rotateZ(90deg);opacity: 0}
}

@-webkit-keyframes start /* Safari 和 Chrome */
{0%{transform:rotateZ(0deg)}
99%{transform:rotateZ(90deg)}
100%{transform:rotateZ(90deg);opacity: 0}
}

@keyframes fadeInDown1
{0%{top: -100%;}100%{top: 0%;}}

@-moz-keyframes fadeInDown1 /* Firefox */
{0%{top: -100%;}100%{top: 0%;}}

@-webkit-keyframes fadeInDown1 /* Safari 和 Chrome */
{0%{top: -100%;}100%{top: 0%;}}

@keyframes fadeUp
{0%{top: 9%;}100%{top: 0%;}}

@-moz-keyframes fadeUp /* Firefox */
{0%{top: 9%;}100%{top: 0%;}}

@-webkit-keyframes fadeUp /* Safari 和 Chrome */
{0%{top: 9%;}100%{top: 0%;}}

@keyframes down
{0%{top: -70%;}100%{top: -25%;}}

@-moz-keyframes down /* Firefox */
{0%{top: -70%;}100%{top: -25%;}}

@-webkit-keyframes down /* Safari 和 Chrome */
{0%{top: -70%;}100%{top: -25%;}}

@keyframes t_open
{0%{top: 0%;}100%{top: -50%;}}

@-moz-keyframes t_open /* Firefox */
{0%{top: 0%;}100%{top: -50%;}}

@-webkit-keyframes t_open /* Safari 和 Chrome */
{0%{top: 0%;}100%{top: -50%;}}

@keyframes b_open
{0%{top: 0%;}100%{top: 50%;}}

@-moz-keyframes b_open /* Firefox */
{0%{top: 0%;}100%{top: 50%;}}

@-webkit-keyframes b_open /* Safari 和 Chrome */
{0%{top: 0%;}100%{top: 50%;}}

@keyframes b_open1
{0%{top: 50%;}100%{top: 100%;}}

@-moz-keyframes b_open1 /* Firefox */
{0%{top: 50%;}100%{top: 100%;}}

@-webkit-keyframes b_open1 /* Safari 和 Chrome */
{0%{top: 50%;}100%{top: 100%;}}

@keyframes bulb
{
0%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
25%{opacity: 1;-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}
50%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
75%{opacity: 1;-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}
100%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
}

@-moz-keyframes bulb /* Firefox */
{0%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
25%{opacity: 1;-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}
50%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
75%{opacity: 1;-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}
100%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}

@-webkit-keyframes bulb /* Safari 和 Chrome */
{0%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
25%{opacity: 1;-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}
50%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}
75%{opacity: 1;-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}
100%{opacity: 1;-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}

@keyframes fadeInBig
{
    0%{transform:scale(1);}
    100%{transform:scale(2);}
}

@-moz-keyframes fadeInBig /* Firefox */
{
     0%{transform:scale(1);}
    100%{transform:scale(2);}
  }

@-webkit-keyframes fadeInBig /* Safari 和 Chrome */
{
     0%{transform:scale(1);}
    100%{transform:scale(2);}
}


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

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

@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}}

@-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}}

/* 向左下 */
@-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}}