body dl dd div p{margin:0;padding:0;}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute;background-color: #000;}
ul li{list-style-type:none;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}
ul{margin:0;padding: 0;}
.loading{position:absolute;width:100%;height:100%;z-index: 9999;background-color:#ef9978;}
.load_val{width:100%;}
.loading_line{position:absolute;width:33.97%;height:4px;top:53.07%;left:32.68%;background:#c29494;}
.loading_line_blank{width:0%;height:100%;background:#ffefef;}
.loading_img{position:absolute;width:30%;height:21%;top: 31%;left: 33.5%;background:url('../images/loading.gif') no-repeat 0 0;background-size:100% 100%;}
.topindex{z-index: 10 !important;}
.topindex1{
    animation:fadeTop 1s linear both;
    -moz-animation:fadeTop 1s linear both;
    -webkit-animation:fadeTop 1s linear both;
    -o-animation:fadeTop 1s linear both
  }
.fadeLeft{
    animation:fadeLeft 1s linear both;
    -moz-animation:fadeLeft 1s linear both;
    -webkit-animation:fadeLeft 1s linear both;
    -o-animation:fadeLeft 1s linear both
}
.fadeRight{
    animation:fadeRight 1s linear both;
    -moz-animation:fadeRight 1s linear both;
    -webkit-animation:fadeRight 1s linear both;
    -o-animation:fadeRight 1s linear both
}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0;}

.section0{position: absolute;width: 100%;height: 100%;top:0;left: 0;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;z-index: 10;}
.section0 .start_btn{position: absolute;width: 46.1%;height: 19.6%;top: 63%;left: 30%;background:url('../images/button.png') no-repeat 0 0;background-size:100% 100%;}
.section0 .sign_btn{position: absolute;width: 46.1%;height: 19.6%;top: 63%;left: 30%;background:url('../images/button2.png') no-repeat 0 0;background-size:100% 100%;display: none;}

.section1{position: absolute;width: 100%;height: 100%;top:0;left: 0;background-image: url(../images/p1.jpg);background-size: 100% 100%;z-index: 5;}
.section1 .w0{position: absolute;width: 96%;height: 25%;top: 5%;left: 2%;}
.section1 .hua{position: absolute;width: 16%;height: 4%;top: 22%;left: 50%;z-index: 2;background-image: url(../images/hua.png);background-size: 100% 100%;}
.section1 .hua.ani{
    animation:hua 4s 1s linear both;
    -moz-animation:hua 4s 1s linear both;
    -webkit-animation:hua 4s 1s linear both;
    -o-animation:hua 4s 1s linear both
}
.s0 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/1.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s1 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/2.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s2 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/3.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s3 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/4.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s4 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/5.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s5 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/6.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s6 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/7.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s7 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/8.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s8 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/9.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.s9 .w0{position: absolute;width:100%;height:100%;top: 0;left: 0;background: url("../images/10.png") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
.section1 .w1{position: absolute;width: 84%;height: 53%;top: 42%;left: 8%;overflow: scroll;}
.section1 .w1 .c{color: #a20000;font-weight: bold;border-bottom: 1px solid #a20000;padding: 8px 0px;font-family: Tahoma, Geneva, 'STHeiti';}

.section2{position: absolute;width: 100%;height: 100%;top:0;left: 0;background-image: url(../images/p2.jpg);background-size: 100% 100%;}
.section2 .content{position: absolute;width: 84%;height: 81%;top: 5%;left: 6%;font-family: Tahoma, Geneva, 'STHeiti';color:#fff;overflow: scroll;font-size: 18px;}
.section2 .content h3{margin:0px;}
.section2 .content p{margin: 5px 0;text-indent:2em;line-height: 1.6em;}
.section2 .menu{position: absolute;width: 11%;height: 10%;top: 40%;right: 0%;background-image: url(../images/menu.png);background-size: 100% 100%;}
.section2 .big{position: absolute;width: 11%;height: 10%;top: 51%;right: 0%;background-image: url(../images/big.png);background-size: 100% 100%;}
.section2 .small{position: absolute;width: 11%;height: 10%;top: 62%;right: 0%;background-image: url(../images/small.png);background-size: 100% 100%;}
.section2 .back{position: absolute;width: 11%;height: 10%;top: 73%;right: 0%;background-image: url(../images/back.png);background-size: 100% 100%;}
.section2 .share_btn{position: absolute;width: 100%;height: 13.3%;bottom:0;left: 0;background-image: url(../images/share_btn.png);background-size: 100% 100%;}
.section2 .share_btn .button{position: absolute;width: 36%;height: 55%;bottom: 28%;left: 30%;}

.section3{position: absolute;width: 100%;height: 100%;top:0;left: 0%;background-image: url(../images/mm.png);background-size: 100% 100%;display: none;}
.section3 .w0{position: absolute;width: 23%;height: 100%;top:0;right: 0;}
.section3 .w1{position: absolute;width: 75%;height: 85%;top: 12.5%;left: 2%;overflow: scroll;}
.section3 .w1 ul li{position: relative;}
.section3 .w1 img{float: right;position: absolute;top: 50%;right: 2px;width: 27px;margin-top: -10px;display: none;}
.section3 .w1 .cc{color: #a20000;font-weight: bold;border-bottom: 1px solid #a20000;padding: 8px 0px;font-family: Tahoma, Geneva, 'STHeiti';margin-right: 25px;}

.section4{position: absolute;width: 100%;height: 100%;top:0;left: 0%;background-image: url(../images/share.png);background-size: 100% 100%;display: none;z-index: 100;}
@-webkit-keyframes hua {
  0% {left: 50%;opacity: 1;}
  33% {left: 38%;opacity: 1;}
  34% {left: 50%;opacity: 1;}
  66% {left: 38%;opacity: 1;}
  67% {left: 50%;opacity: 1;}
  99% {left: 38%;opacity: 1;}
  100% {left: 38%;opacity: 0;}
}
@-moz-keyframes hua {
  0% {left: 50%;opacity: 1;}
  33% {left: 38%;opacity: 1;}
  34% {left: 50%;opacity: 1;}
  66% {left: 38%;opacity: 1;}
  67% {left: 50%;opacity: 1;}
  99% {left: 38%;opacity: 1;}
  100% {left: 38%;opacity: 0;}
}
@keyframes hua {
  0% {left: 50%;opacity: 1;}
  33% {left: 38%;opacity: 1;}
  34% {left: 50%;opacity: 1;}
  66% {left: 38%;opacity: 1;}
  67% {left: 50%;opacity: 1;}
  99% {left: 38%;opacity: 1;}
  100% {left: 38%;opacity: 0;}
}

@-webkit-keyframes fadeTop {
  0% {opacity: 0;z-index: 1;}
  100% {opacity: 1;z-index: 10;}
}
@-moz-keyframes fadeTop {
  0% {opacity: 0;z-index: 1;}
  100% {opacity: 1;z-index: 10;}
}
@keyframes fadeTop {
  0% {opacity: 0;z-index: 1;}
  100% {opacity: 1;z-index: 10;}
}
@-webkit-keyframes fadeLeft{
  0% {left: 0%;}
  100% {left: -100%;}
}
@-moz-keyframes fadeLeft {
  0% {left: 0%;}
  100% {left: -100%;}
}
@keyframes fadeLeft {
  0% {left: 0%;}
  100% {left: -100%;}
}
@-webkit-keyframes fadeRight{
  0% {left: -100%;}
  100% {left: 0%;}
}
@-moz-keyframes fadeRight {
  0% {left: -100%;}
  100% {left: 0%;}
}
@keyframes fadeRight {
  0% {left: -100%;}
  100% {left: 0%;}
}

/* 音乐开关*/
#switch-music{z-index:99;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}
/* 音乐开关*/