body dl dd div p{margin:0;padding:0;}
body{margin: 0 auto;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;}

.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg?1') no-repeat;background-size:100% 100%;}
.load_val{width:100%;font-family: '微软雅黑';font-size: 40px;}
.loading_line{top: 42%;width: 8%;height: 18%;position: absolute;left: 46%;background: #053f72;}
.loading_line_blank{width:100%;height:0%;background: #0a84ef;}
.loading_img{position:absolute;width:100%;height:100%;background:url('') no-repeat;background-size:100% 100%;}

.body{width: 100%;height: 100%;position: absolute;}
.swiper-container{position:absolute;width:100%;height:100%;opacity: 0}
.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?2') no-repeat 0 0;background-size:100% 100%;}
#s0 .w0{position: absolute;width: 100%;height: 100%;background:url('../images/p0.1.png?1') no-repeat 0 0;background-size:100% 100%; opacity: 0;}
#s0 .w1{position: absolute;width: 100%;height: 100%;background:url('../images/p0.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 100%;height: 100%; background:url('../images/p0.3.png?1') no-repeat 0 0;background-size:100% 100%; opacity: 0;}

#s0 .w3{position: absolute;width: 100%;height: 100%;background:url('../images/p0.4.png?1') no-repeat 0 0;background-size:100% 100%; opacity:0;}

#s0 .w4{position: absolute;width: 23%;height: 11%;left: 21%;top: 70%; background:url('../images/p0.5.png?1') no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w2{
        animation:arrow 1.5s 3.5s linear infinite ;
        -moz-animation:arrow 1.5s 3.5s linear infinite;
        -webkit-animation:arrow 1.5s 3.5s linear infinite;
        -o-animation:arrow 1.5s 3.5s linear infinite
}
#s0.ani .w0{
        animation: bounceIn .8s .5s linear both;
        -moz-animation: bounceIn .8s .5s linear both;
        -webkit-animation: bounceIn .8s .5s linear both;
        -o-animation: bounceIn .8s .5s linear both
}
#s0.ani .w1{
        animation: fadeInRight 1.5s 1s linear both;
        -moz-animation: fadeInRight 1.5s 1s linear both;
        -webkit-animation: fadeInRight 1.5s 1s linear both;
        -o-animation: fadeInRight 1.5s 1s linear both
}
#s0.ani .w4{
        animation:  fd 1s 3s linear both;
        -moz-animation: fd 1s 3s linear both;
        -webkit-animation: fd 1s 3s linear both;
        -o-animation: fd 1s 3s linear both
}
#s0.ani .w3{
        animation: fadeIn 1.5s 4s linear both;
        -moz-animation: fadeIn 1.5s 4s linear both;
        -webkit-animation: fadeIn 1.5s 4s linear both;
        -o-animation: fadeIn 1.5s 4s linear both
}
@keyframes fd{
    0%{
      transform: scale(0);
      -webkit-transform:scale(0);
      -moz-transform:scale(0);
    }
    100%{
      transform: scale(1);
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
    }
}
@-webkit-keyframes fd{
    0%{
      transform: scale(0);
      -webkit-transform:scale(0);
      -moz-transform:scale(0);
    }
    100%{
      transform: scale(1);
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
    }
}
@-moz-keyframes fd{
    0%{
      transform: scale(0);
      -webkit-transform:scale(0);
      -moz-transform:scale(0);
    }
    100%{
      transform: scale(1);
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
    }
}
#s1{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;overflow: hidden;background:url('../images/p00.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{position: absolute;width: 20%;height: 4%;top: 73%;left: 26%;width:48%;height:8.5%;}
#s1 .w1{position: absolute;width: 100%;height: 100%;background:url('../images/p00.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{position: absolute;width: 100%;height: 100%;background:url('../images/p00.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w3{position: absolute;width: 100%;height: 100%;background:url('../images/p00.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1 .w4{position: absolute;width: 100%;height: 100%;background:url('../images/p00.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s1.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s1.ani .w1{
        animation:fd 1s .5s linear both;
        -moz-animation:fd 1s .5s linear both;
        -webkit-animation:fd 1s .5s linear both;
        -o-animation:fd 1s .5s linear both;
        transform-origin: 50% 20%;
        -webkit-transform-origin: 50% 20%;
        -moz-transform-origin: 50% 20%;
}
#s1.ani .w2{
        animation:fadeInDown 1.5s 1.5s linear both;
        -moz-animation:fadeInDown 1.5s 1.5s linear both;
        -webkit-animation:fadeInDown 1.5s 1.5s linear both;
        -o-animation:fadeInDown 1.5s 1.5s linear both
}
#s1.ani .w3{
        animation:bounceIn 1s 3s linear both;
        -moz-animation:bounceIn 1s 3s linear both;
        -webkit-animation:bounceIn 1s 3s linear both;
        -o-animation:bounceIn 1s 3s linear both
}
#s1.ani .w4{
        animation:fadeIn 1s 2.5s linear infinite alternate both;
        -moz-animation:fadeIn 1s 2.5s linear infinite alternate both;
        -webkit-animation:fadeIn 1s 2.5s linear infinite alternate both;
        -o-animation:fadeIn 1s 2.5s linear infinite alternate both
}

#s2{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;overflow: hidden;}
#s2 .w0{position: absolute;width: 100%;height: 110%;top: -10%;left: 0%;background:url('../images/p2.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{position: absolute;width: 10%;height: 3%;top: 92%;left: 43%;background:url('../images/p2.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .start{display: none;position: absolute;width: 20%;height: 12%;top: 85%;left: 77%;background:url('../images/p2.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .ren{position: absolute;width: 44%;height: 23%;top: 74%;left: 42%;background:url('../images/ren1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .time{position: absolute;top: 0%;left: 42%;width: 16%;height: 7%;overflow:hidden;background:url('../images/time.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .time img{position: absolute;height: 60%;top: 34%;left: 15%;}
#s2 .time .ge{position: absolute;left: 48%}
#s2 .w2{position: absolute;width: 50%;height: 50%;top: 25%;left: 25%;background:url('../images/t3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3 .w3_ph{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png?1') no-repeat 0 0;background-size:100% 100%;
                animation:ph_move 2s .5s linear infinite both;
                -moz-animation:ph_move 2s .5s linear infinite both;
                -webkit-animation:ph_move 2s .5s linear infinite both;
                -moz-transform-origin: 30% 37%;
                -webkit-transform-origin: 30% 37%;
                transform-origin: 30% 37%;
}
@keyframes ph_move{
  0%{
    transform: rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
  }
  30%{
    transform: rotateZ(15deg);
    -webkit-transform:rotateZ(15deg);
    -moz-transform:rotateZ(15deg);
  }
  80%{
    transform: rotateZ(-15deg);
    -webkit-transform:rotateZ(-15deg);
    -moz-transform:rotateZ(-15deg);
  }
  100%{
      transform: rotateZ(0deg);
      -webkit-transform:rotateZ(0deg);
      -moz-transform:rotateZ(0deg);
  }
}
@-webkit-keyframes ph_move{
  0%{
    transform: rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
  }
  30%{
    transform: rotateZ(15deg);
    -webkit-transform:rotateZ(15deg);
    -moz-transform:rotateZ(15deg);
  }
  80%{
    transform: rotateZ(-15deg);
    -webkit-transform:rotateZ(-15deg);
    -moz-transform:rotateZ(-15deg);
  }
  100%{
      transform: rotateZ(0deg);
      -webkit-transform:rotateZ(0deg);
      -moz-transform:rotateZ(0deg);
  }
}
@-moz-keyframes ph_move{
  0%{
    transform: rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
  }
  30%{
    transform: rotateZ(15deg);
    -webkit-transform:rotateZ(15deg);
    -moz-transform:rotateZ(15deg);
  }
  80%{
    transform: rotateZ(-15deg);
    -webkit-transform:rotateZ(-15deg);
    -moz-transform:rotateZ(-15deg);
  }
  100%{
      transform: rotateZ(0deg);
      -webkit-transform:rotateZ(0deg);
      -moz-transform:rotateZ(0deg);
  }
}
#s2 .w3 .w3_ren{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.2.png?1') no-repeat 0 0;background-size:100% 100%;
                animation:ren_move 2s .5s linear infinite ;
                -moz-animation:ren_move 2s .5s linear infinite ;
                -webkit-animation:ren_move 2s .5s linear infinite ;
}
@keyframes ren_move{
  0%{
      transform: translateX(0%);
      -webkit-transform:translateX(0%);
      -moz-transform:translateX(0%);
  }
  30%{
      transform: translateX(10%);
      -webkit-transform:translateX(10%);
      -moz-transform:translateX(10%);
  }
  80%{
      transform: translateX(-10%);
      -webkit-transform:translateX(-10%);
      -moz-transform:translateX(-10%);
  }
  100%{
      transform: translateX(0%);
      -webkit-transform:translateX(0%);
      -moz-transform:translateX(0%);
  }
}
@-webkit-keyframes ren_move{
  0%{
      transform: translateX(0%);
      -webkit-transform:translateX(0%);
      -moz-transform:translateX(0%);
  }
  30%{
      transform: translateX(10%);
      -webkit-transform:translateX(10%);
      -moz-transform:translateX(10%);
  }
  80%{
      transform: translateX(-10%);
      -webkit-transform:translateX(-10%);
      -moz-transform:translateX(-10%);
  }
  100%{
      transform: translateX(0%);
      -webkit-transform:translateX(0%);
      -moz-transform:translateX(0%);
  }
}
@-moz-keyframes ren_move{
  0%{
      transform: translateX(0%);
      -webkit-transform:translateX(0%);
      -moz-transform:translateX(0%);
  }
  30%{
      transform: translateX(10%);
      -webkit-transform:translateX(10%);
      -moz-transform:translateX(10%);
  }
  80%{
      transform: translateX(-10%);
      -webkit-transform:translateX(-10%);
      -moz-transform:translateX(-10%);
  }
  100%{
      transform: translateX(0%);
      -webkit-transform:translateX(0%);
      -moz-transform:translateX(0%);
  }
}
#s2 .w3 .w3_sr{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3 .w3_hand{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.4.png?1') no-repeat 0 0;background-size:100% 100%;
                animation:hand_move 2s .5s linear infinite both;
                -moz-animation:hand_move 2s .5s linear infinite both;
                -webkit-animation:hand_move 2s .5s linear infinite both;
}
#s2 .w3 .w3_hand2{position: absolute;width: 100%;height: 100%;top: 21%;left: 27%;background:url('../images/p1.4.png?1') no-repeat 0 0;background-size:100% 100%;
                animation:fadeIn 1s .5s linear infinite alternate both;
                -moz-animation:fadeIn 1s .5s linear infinite alternate both;
                -webkit-animation:fadeIn 1s .5s linear infinite alternate both;
}
@keyframes hand_move{
  0%{
  }
  100%{
      transform: translateX(-5%);
      -webkit-transform:translateX(-5%);
      -moz-transform:translateX(-5%);
  }
}
@-webkit-keyframes hand_move{
  0%{
  }
  100%{
      transform: translateX(-5%);
      -webkit-transform:translateX(-5%);
      -moz-transform:translateX(-5%);
  }
}
@-moz-keyframes hand_move{
  0%{
  }
  100%{
      transform: translateX(-5%);
      -webkit-transform:translateX(-5%);
      -moz-transform:translateX(-5%);
  }
}
#s2 .w3 .a1{position: absolute;width: 48%;height: 8.6%;top: 86.5%;left: 26%;}
#s2.ani .w0{
        animation:animate 8s .5s linear both;
        -moz-animation:animate 8s .5s linear both;
        -webkit-animation:animate 8s .5s linear both;
        -o-animation:animate 8s .5s linear both
}
.she{
    animation:she 1s linear both;
    -moz-animation:she 1s linear both;
    -webkit-animation:she 1s linear both;
    -o-animation:she 1s linear both
}
.hua{
    animation:hua 1s ease both;
    -moz-animation:hua 1s ease both;
    -webkit-animation:hua 1s ease both;
    -o-animation:hua 1s ease both
}
#s3{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;overflow: hidden;background:url('../images/p4.jpg?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.1.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.2.1.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .w2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p4.3.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .s3_hand{position: absolute;width: 100%;height: 100%;top: 0%;left: 27%;background:url('../images/p1.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s3 .click1{position: absolute;width: 38%;height: 8%;top: 66%;left: 31%;}
#s3 .click2{position: absolute;width: 38%;height: 8%;top: 76%;left: 31%;}
#s3 .click3{position: absolute;width: 38%;height: 8%;top: 86%;left: 31%;}
#s3.ani .w0{
        animation:fadeIn 1s .5s linear both;
        -moz-animation:fadeIn 1s .5s linear both;
        -webkit-animation:fadeIn 1s .5s linear both;
        -o-animation:fadeIn 1s .5s linear both
}
#s3.ani .w1{
        animation:fadeIn 1s 1.5s linear both;
        -moz-animation:fadeIn 1s 1.5s linear both;
        -webkit-animation:fadeIn 1s 1.5s linear both;
        -o-animation:fadeIn 1s 1.5s linear both
}
#s3.ani .w2{
        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
}
#s3.ani .s3_hand{
        animation:fadeIn 1s 2.5s linear infinite alternate both;
        -moz-animation:fadeIn 1s 2.5s linear infinite alternate both;
        -webkit-animation:fadeIn 1s 2.5s linear infinite alternate both;
        -o-animation:fadeIn 1s 2.5s linear infinite alternate both
}

#s4{display:none;position: absolute;width: 100%;height:150%;top:0%;left:0%;overflow: hidden;background:url('../images/p6.1.jpg?2') no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{ position: absolute;width: 15%;height: 5%;top: 3%;left: 0%;background: url("../images/p5.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s4 .close{ position: fixed;width: 100%;height: 7.5%;bottom:0%; background: url("../images/p5.2.png?1") no-repeat 0 0;background-size:100% 100%;}
#s4 .w0{
  animation:xsts 1s linear infinite;
  -webkit-animation:xsts 1s linear infinite;
  -moz-animation:xsts 1s linear infinite;
}
@keyframes xsts{
  0%{
  }
  100%{
    transform: translateY(-40%);
    -webkit-transform:translateY(-40%);
    -moz-transform:translateY(-40%);
  }
}
@-webkit-keyframes xsts{
  0%{
  }
  100%{
    transform: translateY(-40%);
    -webkit-transform:translateY(-40%);
    -moz-transform:translateY(-40%);
  }
}
@-moz-keyframes xsts{
  0%{
  }
  100%{
    transform: translateY(-40%);
    -webkit-transform:translateY(-40%);
    -moz-transform:translateY(-40%);
  }
}

#s5{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;overflow: hidden;}
#s5 iframe{position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s5 .close{position: absolute;width: 30%;height: 7%;top: 22%;left: 56%;}

@keyframes animate
{
  0%{transform:scale(1);top:-10%;}
  100%{transform:scale(2.5);top:82%;}
}

@-moz-keyframes animate /* Firefox */
{
  0%{transform:scale(1);top:-10%;}
  100%{transform:scale(2.5);top:82%;}
}

@-webkit-keyframes animate /* Safari 和 Chrome */
{
  0%{transform:scale(1);top:-10%;}
  100%{transform:scale(2.5);top:82%;}
}

@keyframes she
{0%{top: 92%;}100%{top: 50%;}}

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

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

@keyframes hua
{0%{top: 74%;}100%{top: 60%;}}

@-moz-keyframes hua /* Firefox */
{0%{top: 74%;}100%{top: 60%;}}

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

@keyframes arrow
{0%{opacity: 0;top: 0%;}100%{opacity: 1;top:-5%;}}
@-moz-keyframes arrow /* Firefox */
{0%{opacity: 0;top: 0%;}100%{opacity: 1;top:-5%;}}
@-webkit-keyframes arrow /* Safari 和 Chrome */
{0%{opacity: 0;top: 0%;}100%{opacity: 1;top:-5%;}}

@-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,20%,0);transform:translate3d(0,20%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,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}}


/* 音乐开关*/
/*#switch-music{z-index:9999999;position:absolute;bottom: 10px;left: 5px; width:30px; height:30px;}
#switch-music img{max-width: 100%;}
#switch-music.show{display:block; z-index:999;}
#switch-music .tips{color: rgba(255,255,255,.75); z-index:999; top: 15px; right: 100px; width: 30px; text-align: right; opacity: 0;}
#switch-music .tips.on{opacity: 1; right: 100px; z-index:999;}
#switch-music div:nth-child(2){display:none; z-index:999;}
#switch-music.on div:nth-child(2){display:block; animation: music 1s linear infinite; -webkit-animation: music 1s linear infinite; z-index:999;}
@keyframes music{
  0%{transform: rotate(0)}
  100%{transform: rotate(360deg)}
}
@-webkit-keyframes music{
  0%{transform: rotate(0); -webkit-transform: rotate(0)}
  100%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}
}
.pof{position: fixed; z-index:9999}
@-webkit-keyframes bubble /* Safari 和 Chrome */
/*{
    0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}*/

/*音乐*/

.music_blk{z-index:999;position:fixed;right:5px;top:5px;display: none}
.music{display:block;width:30px;height:30px;background:url('../images/music_on.png?1') no-repeat;background-size:100% 100%;}
.music_on{
    -webkit-animation:rotate 1.2s linear infinite;
    animation:rotate 1.2s linear infinite;
}
@keyframes rotate{
    0%{       
    }
    100%{
        transform: rotateZ(360deg);
        -webkit-transform:rotateZ(360deg);
    }
}
@-webkit-keyframes rotate{
    0%{
    }
    100%{
        transform: rotateZ(360deg);
        -webkit-transform:rotateZ(360deg);
    }
}