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?2') 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:url('../images/loading.jpg?1') no-repeat 0 0;background-size:100% 100%;z-index: 999}
.load_val{width:100%;}
.loading_line{top: 88%;width: 44%;height: 4px;position: absolute;left: 28%;border-radius: 10px;background: #b8b8b8;}
.loading_line_blank{height:100%;background: #e60012;border-radius: 10px;}
.loading_img{position:absolute;width: 54.3%;height: 21.7%;top: 35%;left: 23%;background:url('../images/loading.gif?1') no-repeat 0 0;background-size:100% 100%}

#s0{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/pa0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s0 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa0.1.png?2') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa0.2.png?2') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa0.3.png?2') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa0.4.png?2') no-repeat 0 0;background-size:100% 100%;}
#s1{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/pa1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa1.1.png?2') no-repeat 0 0;background-size:100% 100%;}
#s1 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa1.2.png?2') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa1.3.png?2') no-repeat 0 0;background-size:100% 100%;}
#s2{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/pa2.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa2.1.png?2') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa2.2.png?2') no-repeat 0 0;background-size:100% 100%;}
#s2 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/pa2.3.png?2') no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w0{
    animation:fadeIn 1s 1s linear both;
    -moz-animation:fadeIn 1s 1s linear both;
    -webkit-animation:fadeIn 1s 1s linear both;
    -o-animation:fadeIn 1s 1s linear both
}
#s0.ani .w1{
    animation:fadeIn 1s 3s linear both;
    -moz-animation:fadeIn 1s 3s linear both;
    -webkit-animation:fadeIn 1s 3s linear both;
    -o-animation:fadeIn 1s 3s linear both
}
#s0.ani .w2{
    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
}
#s0.ani .w3{
    animation:fadeIn 1s 7s linear both;
    -moz-animation:fadeIn 1s 7s linear both;
    -webkit-animation:fadeIn 1s 7s linear both;
    -o-animation:fadeIn 1s 7s linear both
}

#s1.ani .w0{
    animation:fadeIn 1.5s 1s linear both;
    -moz-animation:fadeIn 1.5s 1s linear both;
    -webkit-animation:fadeIn 1.5s 1s linear both;
    -o-animation:fadeIn 1.5s 1s linear both
}
#s1.ani .w1{
    animation:fadeInOut 3s 1s linear both;
    -moz-animation:fadeInOut 3s 1s linear both;
    -webkit-animation:fadeInOut 3s 1s linear both;
    -o-animation:fadeInOut 3s 1s linear both
}
#s1.ani .w2{
    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
}

#s2.ani .w0{
    animation:fadeIn 1s 1s linear both;
    -moz-animation:fadeIn 1s 1s linear both;
    -webkit-animation:fadeIn 1s 1s linear both;
    -o-animation:fadeIn 1s 1s linear both
}
#s2.ani .w1{
    animation:fadeInOut1 4s 1s linear both;
    -moz-animation:fadeInOut1 4s 1s linear both;
    -webkit-animation:fadeInOut1 4s 1s linear both;
    -o-animation:fadeInOut1 4s 1s linear both
}
#s2.ani .w2{
    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
}

#s3{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s3 .w0{position: absolute;width: 58%;height: 33%;top: 36.5%;left: 21%;}
#s4{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg') no-repeat 0 0;background-size:100% 100%;}
#s4 .image{position: absolute;width: 85%;height: 81%;top: 6%;left: 7.5%;background:url('../images/bg.jpg') no-repeat 0 0;background-size:100% 100%;}
/* #s4 #cut{position: absolute;width: 100%;height: 81.5%;top: 0%;left: 0%;} */
#s4 .image .a0{opacity: 0;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/bottom.png?2') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin: 0 0;cursor: move;z-index: 10000;}
#s4 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.1.png?2') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin: 0 0;cursor: move;z-index: 10000;}
#s4 .image .w01{position: absolute;width: 100%;height: 97%;top: 0%;left: 0%;background:url('../images/fc1.png?2') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin: 0 0;cursor: move;z-index: 10000;}
#s4 .image .w02{display: none;position: absolute;width: 100%;height: 97%;top: 0%;left: 0%;background:url('../images/fc2.png?2') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin: 0 0;cursor: move;z-index: 10000;}
#s4 .image .w03{display: none;position: absolute;width: 100%;height: 97%;top: 0%;left: 0%;background:url('../images/fc3.png?3') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin: 0 0;cursor: move;z-index: 10000;}
#s4 .image .heart{display: none;position: absolute;width: 28%;height: 30%;top: 30%;left: 79%;background:url('../images/heart.gif') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin: 0 0;cursor: move;z-index: 10000;}
#s4 .w1{position: absolute;width: 7%;height: 6%;top: 42%;left: 0%}
#s4 .w2{position: absolute;width: 7%;height: 6%;top: 42%;right: 0%}
#s4 .w3{position: absolute;width: 31%;height: 8%;top: 88%;left: 10%;}
#s4 .w4{position: absolute;width: 31%;height: 8%;top: 88%;left: 58%;}
#s4 .t1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/t1.png') no-repeat 0 0;background-size:100% 100%;z-index: 99999;}
#s4 .image #canvas1{position: absolute;width: 23%;height: 28%;top: 71%;left: 74%;pointer-events: none;transform-origin: 0 0;cursor: move;z-index: 10000;}

#s5{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;z-index: 99999;background:#000;}
#s5 .w0{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.png?2') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin: 0 0;cursor: move;z-index: 1000;}
#s5 .w1{position: absolute;width: 31%;height: 7%;top: 89%;left: 10%;z-index: 99999;}
#s5 .w2{position: absolute;width: 31%;height: 7%;top: 89%;left: 58%;z-index: 99999;}
#s5 .t2{position: absolute;width: 42.8%;height: 1.8%;top: 85.5%;left: 29%;background:url('../images/t2.png?2') no-repeat 0 0;background-size:100% 100%;z-index: 99999;}
#s5 .t2{
    animation:fadeIn 1.5s .5s linear infinite;
    -moz-animation:fadeIn 1.5s .5s linear infinite;
    -webkit-animation:fadeIn 1.5s .5s linear infinite;
    -o-animation:fadeIn 1.5s .5s linear infinite
}
#share{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/share.png?2') no-repeat 0 0;background-size:100% 100%;z-index: 99999;}


@keyframes arrow
{
    0%{opacity:1;top:95%;}
    90%{opacity:1;top:93%;}
    100%{opacity:1;top:95%;}
}

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

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

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

@-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 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 fadeInOut {
  0% {
    opacity: 0;
  }
  50%{
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-moz-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50%{
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50%{
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-webkit-keyframes fadeInOut1 {
  0% {
    opacity: 0;
  }
  33%{
    opacity:1;
  }
  66%{
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-moz-keyframes fadeInOut1 {
  0% {
    opacity: 0;
  }
  33%{
    opacity:1;
  }
  66%{
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@keyframes fadeInOut1 {
  0% {
    opacity: 0;
  }
  33%{
    opacity:1;
  }
  66%{
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes hand {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hand {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hand {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 音乐开关*/
#switch-music{z-index:9999999;position:absolute;top: 5px;right: 5px; 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}
/* 音乐开关*/