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:9999;position:fixed;bottom:5px;left: 5px;}
.music{display:block;width:30px;height:30px;background:url('../images/music_off.png?1') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music_on.png?1') no-repeat;background-size:100% 100%;}
.loading{position:absolute;width:100%;height:100%;z-index: 9999}
.load_val{width:100%;}
.loading_img{position:absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/loading.gif') no-repeat 0 0;background-size:100% 100%}
#bg{position: absolute;width: 100%;height: 100%;background:url('../images/p1.jpg?1') no-repeat 0 0;background-size:100% 100%;}

#center{display: none;position: absolute;width: 92.4%;height: 87.6%;top: 5%;display: none;}
.p1{background:url('../images/0001.jpg?1') no-repeat 0 0;background-size:100% 100%;}
/* .p1 .w0{position: absolute;width: 30%;height: 4%;top: 90%;left: 58%;background:url('../images/hand.png?1') no-repeat 0 0;background-size:100% 100%;} */
.p1 .w1{opacity: 0;position: absolute;width: 9%;height: 5.8%;top: 90%;left: 89%;background:url('../images/dian.png?1') no-repeat 0 0;background-size:100% 100%;}
.p1 .w1{
  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
}
.p2{background:url('../images/0002.jpg?4') no-repeat 0 0;background-size:100% 100%;}
.p2 .w0{opacity: 0;position: absolute;width: 10%;height: 8%;top: 64%;left: 63%;background:url('../images/hand.png?1') no-repeat 0 0;background-size:100% 100%;}
.p2 .w0{
    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
}
.p3{background:url('../images/0003.jpg?3') no-repeat 0 0;background-size:100% 100%;}

.p4{background:url('../images/0004.jpg?3') no-repeat 0 0;background-size:100% 100%;}

.p5{background:url('../images/0005.jpg?1') no-repeat 0 0;background-size:100% 100%;}
.p5 .w0{opacity: 0;position: absolute;width: 10%;height: 8%;top: 67%;left: 63%;background:url('../images/hand.png?1') no-repeat 0 0;background-size:100% 100%;}
.p5 .w0{
    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
}
.click{display: none;position: absolute;width: 40%;height: 7%;top: 60%;left: 26%;z-index: 1000;}
.click1{display: none;position: absolute;width: 40%;height: 7%;top: 58%;left: 26%;z-index: 1000;}
.click1 a{position: absolute;width: 100%;height: 100%;}

#ff{display: none;position: absolute;width: 100%;height: 100%;z-index: 10000;overflow: scroll;-webkit-overflow-scrolling: touch;}
#ff .w0{position: absolute;width: 100%;height: 151.4%;}
#ff .w1{position: fixed;width: 10%;height: 3.3%;top: 2%;left: 87%;background:url('../images/close.png?2') no-repeat 0 0;background-size:100% 100%;}
@-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;}
  20% {opacity: 1;}
  40% {opacity: 0;}
  60% {opacity: 1;}
  80% {opacity: 0;}
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn1 {
  0% {opacity: 0;}
  20% {opacity: 1;}
  40% {opacity: 0;}
  60% {opacity: 1;}
  80% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn1 {
  0% {opacity: 0;}
  20% {opacity: 1;}
  40% {opacity: 0;}
  60% {opacity: 1;}
  80% {opacity: 0;}
  100% {opacity: 1;}
}
/* @-webkit-keyframes big {
  0% {transform:scale(1);}
  100% {transform:scale(3);}
}
@-moz-keyframes big {
  0% {transform:scale(1);}
  100% {transform:scale(3);}
}
@keyframes big {
  0% {transform:scale(1);}
  100% {transform:scale(3);}
} */
@-webkit-keyframes big {
  0% {width: 8%;height: 5%;top: 69%;left: 52%;}
  100% {width: 320%;height: 200%;top: -44%;left: -110%;}
}
@-moz-keyframes big {
  0% {width: 8%;height: 5%;top: 69%;left: 52%;}
  100% {width: 320%;height: 200%;top: -44%;left: -110%;}
}
@keyframes big {
  0% {width: 8%;height: 5%;top: 69%;left: 52%;}
  100% {width: 320%;height: 200%;top: -44%;left: -110%;}
}

/* 音乐开关*/
//#switch-music{z-index:9999;position:absolute;bottom: 8px;left: 8px; width:25px; height:25px;}
#switch-music{z-index:9999;position:absolute;top: 8px;right: 12px; width:25px; height:25px;}
#switch-music img{max-width: 100%;}
#switch-music.show{display:block; z-index:9999;}
#switch-music .tips{color: rgba(255,255,255,.75); z-index:9999; top: 15px; right: 100px; width: 30px; text-align: right; opacity: 0;}
#switch-music .tips.on{opacity: 1; right: 100px; z-index:9999;}
#switch-music div:nth-child(2){display:none; z-index:9999;}
#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}
/* 音乐开关*/