body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;}
.tips_blk{z-index:99999999999;position:absolute;left:50%;bottom:10px;width:130px;height: 20px;margin-left:-65px;text-align:center;}
.tips_blk p{z-index:99999999999;font-size:10px;color:#FFF;}
.tips_blk_hide p{z-index:99999999999;display:none;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg');background-size:100% 100%;z-index: 99}
.load_val{width:100%;}
.loading_line{top:58%;width: 40%;height:4px;position:absolute;left:30%;background:#1ea5e9;}
.loading_line_blank{width:100%;height:100%;position: absolute;background:#FFF;}
a{opacity:0}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0;}
.bg,.bg *{opacity:1}
.layer{width:100%;height:100%;opacity:1}
.layer div{border-radius:100%}

#zhe{position: absolute;width: 100%;height: 100%;z-index: 99;}
.bot{position: absolute;top:57.6%;left: -100%;width:400%;height:42.4%;background:url("../images/p0.1.png") repeat-x;background-size:15% 100%;opacity: 1;z-index: 10}
.bot{animation:animate 40s .5s linear infinite;
    -moz-animation:animate 40s .5s linear infinite;
    -webkit-animation:animate 40s .5s linear infinite;
    -o-animation:animate 40s .5s linear infinite}
.bot2{position: absolute;top:65.7%;left:-100%;width:400%;height:34.3%;background:url("../images/p0.10.png") repeat-x;background-size:15% 100%;opacity: 1;z-index: 10}
.bot2{animation:animate 30s .5s linear infinite;
    -moz-animation:animate 30s .5s linear infinite;
    -webkit-animation:animate 30s .5s linear infinite;
    -o-animation:animate 30s .5s linear infinite}
.bot3{position: absolute;top:56%;left:-100%;width:400%;height:28%;background:url("../images/p0.11.png") repeat-x;background-size:15% 100%;opacity: 1;z-index: 10}
.bot3{animation:animate1 30s .5s linear infinite;
    -moz-animation:animate1 30s .5s linear infinite;
    -webkit-animation:animate1 30s .5s linear infinite;
    -o-animation:animate1 30s .5s linear infinite}
.s0{background: url("../images/p0.jpg") no-repeat 0 0;background-size:313% 100%;margin: 0 auto;overflow: hidden;}
.s0 .yun1{top: 47%;left: 0%;width: 70%;height: 6%;background:url("../images/p0.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s0 .yun2{top: 37%;left: 0%;width: 77%;height: 6%;background:url("../images/p0.6.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s0 .yun3{top: 23%;left: 32%;width: 70%;height: 6%;background:url("../images/p0.6.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s0 .w01{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/b1.png") no-repeat 0 0;background-size:100% 100%;}
.s0 .w02{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/b2.png") no-repeat 0 0;background-size:100% 100%;}
.s0 .w03{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/b3.png") no-repeat 0 0;background-size:100% 100%;}
.s0 .w04{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/b4.png") no-repeat 0 0;background-size:100% 100%;}
.s0 .w05{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/b5.png") no-repeat 0 0;background-size:100% 100%;}
.s0 .w2{top:0%;width:100%;height:100%;background:url("../images/11.png") no-repeat 0 0;background-size:100% 100%;z-index: 100;}
.s0 .w2 .button{position: absolute;width: 38%;height: 6%;top: 51%;left: 31%;background:url("../images/button.png") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s0 .w3{top:0%;width:100%;height:100%;background:url("../images/22.png") no-repeat 0 0;background-size:100% 100%;z-index: 100;}
.s0 .w3 .day1{position: absolute;width: 31%;height: 6%;top: 43%;left: 34%;}
.s0 .w3 .button{position: absolute;width: 38%;height: 6%;top: 51%;left: 31%;background:url("../images/button.png") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s0 .w4{top:0%;width:100%;height:100%;background:url("../images/33.png") no-repeat 0 0;background-size:100% 100%;z-index: 100;}
.s0 .w4 .day1{position: absolute;width: 31%;height: 6%;top: 43%;left: 16%;}
.s0 .w4 .day2{position: absolute;width: 31%;height: 6%;top: 43%;left: 53%;}
.s0 .w4 .button{position: absolute;width: 38%;height: 6%;top: 52%;left: 31%;background:url("../images/button.png") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s0 .w2 .button a,.s0 .w3 .day1 a,.s0 .w3 .button a,.s0 .w4 .day1 a,.s0 .w4 .day2 a,.s0 .w4 .button a{position: absolute;width: 100%;height: 100%;}
.s0 .hua{top:0%;width:100%;height:100%;background:url("../images/p1.3.png") no-repeat 0 0;background-size:100% 100%;}
.s0 .chuang{top:0%;width:100%;height:100%;background:url("../images/p1.2.png") no-repeat 0 0;background-size:100% 100%;}
.s0.ani .w01{animation:rotateY1 1s .5s linear both;
            -moz-animation:rotateY1 1s .5s linear both;
            -webkit-animation:rotateY1 1s .5s linear both;
            -o-animation:rotateY1 1s .5s linear both}
.s0.ani .w02{animation:rotateY2 1s .5s linear both;
            -moz-animation:rotateY2 1s .5s linear both;
            -webkit-animation:rotateY2 1s .5s linear both;
            -o-animation:rotateY2 1s .5s linear both}
.s0.ani .w03{animation:rotateY1 1s .5s linear both;
            -moz-animation:rotateY1 1s .5s linear both;
            -webkit-animation:rotateY1 1s .5s linear both;
            -o-animation:rotateY1 1s .5s linear both}
.s0.ani .w04{animation:rotateY2 1s .5s linear both;
            -moz-animation:rotateY2 1s .5s linear both;
            -webkit-animation:rotateY2 1s .5s linear both;
            -o-animation:rotateY2 1s .5s linear both}
.s0.ani .w05{animation:rotateY1 1s .5s linear both;
            -moz-animation:rotateY1 1s .5s linear both;
            -webkit-animation:rotateY1 1s .5s linear both;
            -o-animation:rotateY1 1s .5s linear both}
.s0.ani .w2{animation:fadeIn 1s 6.5s linear both;
            -moz-animation:fadeIn 1s 6.5s linear both;
            -webkit-animation:fadeIn 1s 6.5s linear both;
            -o-animation:fadeIn 1s 6.5s linear both}
.s0.ani .w3{animation:fadeIn 1s 6.5s linear both;
            -moz-animation:fadeIn 1s 6.5s linear both;
            -webkit-animation:fadeIn 1s 6.5s linear both;
            -o-animation:fadeIn 1s 6.5s linear both}
.s0.ani .w4{animation:fadeIn 1s 6.5s linear both;
            -moz-animation:fadeIn 1s 6.5s linear both;
            -webkit-animation:fadeIn 1s 6.5s linear both;
            -o-animation:fadeIn 1s 6.5s linear both}
.s0.ani .hua{animation:moveleft 3s 9.5s linear infinite;
            -moz-animation:moveleft 3s 9.5s linear infinite;
            -webkit-animation:moveleft 3s 9.5s linear infinite;
            -o-animation:moveleft 1s 3.5s linear infinite}
.fadeInsmall{
          animation:fadeInsmall 1s .5s linear both;
            -moz-animation:fadeInsmall 1s .5s linear both;
            -webkit-animation:fadeInsmall 1s .5s linear both;
            -o-animation:fadeInsmall 1s .5s linear both
}
.s1{background: url("../images/p0.jpg") no-repeat 0 0;background-size:313% 100%;margin: 0 auto;overflow: hidden;background-position:45.3% 0;}
.s1 .yun1{top: 47%;left: 0%;width: 70%;height: 6%;background:url("../images/p0.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s1 .yun3{top: 23%;left: 32%;width: 70%;height: 6%;background:url("../images/p0.6.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s1 .w0{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/p1.6.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s1 .w1{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/p1.7.png") no-repeat 0 0;background-size:100% 100%;}
.s1 .w22{top: 39%;left: 46%;width: 4%;height: 2.2%;background:url("../images/p1.9.png") no-repeat 0 0;background-size:100% 100%;}
.s1 .w2{top: 39%;left: 46%;width: 4%;height: 2.2%;background:url("../images/p1.8.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s1 .w3{top: 37.5%;left: 44%;width: 8%;height: 5%;}
.s1 .w4{top: 0%;left: 0%;width: 100%;height:100%;background:url("../images/p1.5.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s1.ani .w4{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:fadeIn1 3s .5s linear infinite;
            -moz-animation:fadeIn1 3s .5s linear infinite;
            -webkit-animation:fadeIn1 3s .5s linear infinite;
            -o-animation:fadeIn1 3s .5s linear infinite}
.s1.ani .w22{animation:fadeInBig 1.5s 1.5s linear infinite;
            -moz-animation:fadeInBig 1.5s 1.5s linear infinite;
            -webkit-animation:fadeInBig 1.5s 1.5s linear infinite;
            -o-animation:fadeInBig 1.5s 1.5s linear infinite}
.s2{background: url("../images/p0.jpg") no-repeat 0 0;background-size:313% 100%;margin: 0 auto;overflow: hidden;background-position:94.3% 0;}
.s2 .yun1{top: 47%;left: 0%;width: 70%;height: 6%;background:url("../images/p0.2.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s2 .yun3{top: 23%;left: 32%;width: 70%;height: 6%;background:url("../images/p0.6.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s2 .w0{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/p1.10.png") no-repeat 0 0;background-size:100% 100%;}
.s2 .w1{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/p1.11.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s2 .w2{top: 0%;left: 0%;width: 100%;height: 100%;background:url("../images/p1.100.png") no-repeat 0 0;background-size:100% 100%;}
.s2 .w33{top: 35%;left: 47%;width: 4%;height: 2.2%;background:url("../images/p1.9.png") no-repeat 0 0;background-size:100% 100%;}
.s2 .w3{top: 35%;left: 47%;width: 4%;height: 2.2%;background:url("../images/p1.8.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s2 .w4{top: 33.5%;left: 45%;width: 8%;height: 5%;}
.s2 .plan{top: 4.3%;left: 38%;width: 22%;height: 4%;}
#hit1 {display: none;position: absolute;width:100%;height:100%;background: #fff;z-index: 10;}
#hit1 .h_close{position: absolute;top: 5%;left: 85%;width: 7%;height: 5%;background: url("../images/hc.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#hit{position: absolute;width:100%;top: 20%;}
.s2.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}
.s2.ani .w2{animation:fadeIn 3s .5s linear infinite;
            -moz-animation:fadeIn 3s .5s linear infinite;
            -webkit-animation:fadeIn 3s .5s linear infinite;
            -o-animation:fadeIn 3s .5s linear infinite}
.s2.ani .w33{animation:fadeInBig 1.5s 1.5s linear infinite;
            -moz-animation:fadeInBig 1.5s 1.5s linear infinite;
            -webkit-animation:fadeInBig 1.5s 1.5s linear infinite;
            -o-animation:fadeInBig 1.5s 1.5s linear infinite}
#fc1{display: none;position: absolute;top:0%;left: 0%;width: 100%;;height: 100%;background: url("../images/p2.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;z-index: 10;}
#fc1 .next{position: absolute;top:42.5%;left: 85%;width: 10%;;height: 8%;background: url("../images/a1.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#fc1 .prev{position: absolute;top:42.5%;left: 5%;width: 10%;;height: 8%;background: url("../images/a2.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;display: none;}
#fc1 .close{position: absolute;top: 5%;left: 85%;width: 7%;height: 5%;background: url("../images/p2.3.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#fc1 .w0{position: absolute;top:0%;left: 0%;width: 100%;;height: 100%;background: url("../images/p2.1.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}

#fc2{display: none;position: absolute;top:0%;left: 0%;width: 100%;;height: 100%;background: url("../images/p3.7.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;z-index: 10;}
#fc2 .w0{position: absolute;top: 25%;left: 8%;width: 84%;height: 70%;overflow: scroll;}
#fc2 .w0 img{width: 100%;}
#fc2 .w1{position: absolute;top:0%;left: 0%;width: 100%;;height: 100%;background: url("../images/p3.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#fc2 .w2{position: absolute;top:0%;left: 0%;width: 100%;;height: 100%;background: url("../images/p3.1.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#fc2 .link1{position: absolute;width: 26%;height: 7%;top: 13%;left: 8%;}
#fc2 .link2{position: absolute;width: 26%;height: 7%;top: 13%;left: 37%;}
#fc2 .link3{position: absolute;width: 26%;height: 7%;top: 13%;left: 65%;}
#fc2 .close{position: absolute;top: 5%;left: 85%;width: 7%;height: 5%;background: url("../images/p2.3.png") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#fc2 .hand{position: absolute;top: 81%;left: 69%;width: 8%;height: 8%;background:url("../images/hand.png") no-repeat 0 0;background-size:100% 100%;}
#fc2.ani .hand{animation:fadeInUp1 3s .5s linear both;
            -moz-animation:fadeInUp1 3s .5s linear both;
            -webkit-animation:fadeInUp1 3s .5s linear both;
            -o-animation:fadeInUp1 3s .5s linear both}
#iframe1{z-index: 999;display: none;position: absolute;width: 101%;height: 101%;top:-1%;left:-1%;}
#iframe2{z-index: 999;display: none;position: absolute;width: 101%;height: 101%;top:-1%;left:-1%;}
#iframe3{z-index: 999;display: none;position: absolute;width: 101%;height: 101%;top:-1%;left:-1%;}
#back{z-index: 1000;display: none;position: absolute;width: 7.5%;height: 5%;top:1%;left:1%;background:url('../images/hc.png') no-repeat 0 0;background-size:100% 100%;}
@keyframes animate
{
    0%{left:-100%;}
    100%{left:-150%;}
}

@-moz-keyframes animate /* Firefox */
{
    0%{left:-100%;}
    100%{left:-150%;}
}

@-webkit-keyframes animate /* Safari 和 Chrome */
{
    0%{left:-100%;}
    100%{left:-150%;}
}
@keyframes animate1
{
    0%{left:-100%;}
    100%{left:-150%;}
}

@-moz-keyframes animate1 /* Firefox */
{
    0%{left:-100%;}
    100%{left:-150%;}
}

@-webkit-keyframes animate1 /* Safari 和 Chrome */
{
    0%{left:-100%;}
    100%{left:-150%;}
}
@keyframes moveleft
{
    0%{opacity: 1;left: 0;}
    100%{opacity: 1;left: -8%}
}

@-moz-keyframes moveleft /* Firefox */
{
    0%{opacity: 1;left: 0;}
    100%{opacity: 1;left: -8%}
}

@-webkit-keyframes moveleft /* Safari 和 Chrome */
{
    0%{opacity: 1;left: 0;}
    100%{opacity: 1;left: -8%}
}

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

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

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


@keyframes fadeInUp1
{
    0%{opacity:0;top:81%;opacity: 1}
    45%{opacity:0;top:78%;opacity: 1}
    50%{opacity:0;top:81%;opacity: 1}
    95%{opacity:0;top:78%;opacity: 1}
    100%{opacity:0;top:81%;opacity: 0}
}

@-moz-keyframes fadeInUp1 /* Firefox */
{
    0%{opacity:0;top:81%;opacity: 1}
    45%{opacity:0;top:78%;opacity: 1}
    50%{opacity:0;top:81%;opacity: 1}
    95%{opacity:0;top:78%;opacity: 1}
    100%{opacity:0;top:81%;opacity: 0}
}

@-webkit-keyframes fadeInUp1 /* Safari 和 Chrome */
{
    0%{opacity:0;top:81%;opacity: 1}
    45%{opacity:0;top:78%;opacity: 1}
    50%{opacity:0;top:81%;opacity: 1}
    95%{opacity:0;top:78%;opacity: 1}
    100%{opacity:0;top:81%;opacity: 0}
}


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

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

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

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

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


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

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

@keyframes rotate {
  0 {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateY1 {
  0% {
    opacity: 0;
    left: -100%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    opacity: 1;
    left: 0%
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotateY1 {
  0% {
    opacity: 0;
    left: -100%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    opacity: 1;
    left: 0%
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes rotateY2 {
  0% {
    opacity: 0;
    left: 100%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    opacity: 1;
    left: 0%
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotateY2 {
  0% {
    opacity: 0;
    left: 100%;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    opacity: 1;
    left: 0%
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-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 fadeIn1 {
  0% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn1 {
  0% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeIn1 {
  0% {
    opacity: 0.5;
  }

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

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

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

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

@-webkit-keyframes fadeInsmall /* Safari 和 Chrome */
{
    0%{opacity: 1;transform:scale(1);}
    100%{opacity: 1;transform:scale(0);}
}
/* 音乐开关*/
#switch-music{z-index:9999999;position:absolute;top: 8px;right: 8px; width:25px; height:25px;}
#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}
/* 音乐开关*/