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') no-repeat;background-size:100% 100%;}
.load_val{width:100%;}
.loading_line{top: 84%;width: 40%;height: 6px;position: absolute;left: 30%;border-radius: 6px;background: #909dac;}
.loading_line_blank{width:0%;height:100%;border-radius: 6px;background: #0e67b3;}
.loading_img{position:absolute;width:100%;height: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: scroll;}
#s0::-webkit-scrollbar {
    display: none;
}
#s0 .w0{position: absolute;width: 100%;height:2246.1%;top:0%;left:0%;background:url('../images/1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width: 6%;height:10%;top:92%;left:48%;background:url('../images/arrow.png') no-repeat 0 0;background-size:100% 100%;}

#s0.ani .w1{
        animation:arrow 4s linear both;
        -moz-animation:arrow 4s linear both;
        -webkit-animation:arrow 4s linear both;
        -o-animation:arrow 4s linear both
}
#s0.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
}
#s0.ani .w3{
        animation:fadeIn 1.5s 3.5s linear infinite;
        -moz-animation:fadeIn 1.5s 3.5s linear infinite;
        -webkit-animation:fadeIn 1.5s 3.5s linear infinite;
        -o-animation:fadeIn 1.5s 3.5s linear infinite
}


keyframes animate
{
        0%{opacity: 1;left:86%;}
        33%{opacity: 1;left:80%;}
        66%{opacity: 1;left:86%;}
        99%{opacity: 1;left:80%;}
        100%{opacity: 0;left:80%;}
}

@-moz-keyframes animate /* Firefox */
{
        0%{opacity: 1;left:86%;}
        33%{opacity: 1;left:80%;}
        66%{opacity: 1;left:86%;}
        99%{opacity: 1;left:80%;}
        100%{opacity: 0;left:80%;}
}

@-webkit-keyframes animate /* Safari 和 Chrome */
{
        0%{opacity: 1;left:86%;}
        33%{opacity: 1;left:80%;}
        66%{opacity: 1;left:86%;}
        99%{opacity: 1;left:80%;}
        100%{opacity: 0;left:80%;}
}


@keyframes arrow
{0%{opacity: 1;top:92%;}20%{opacity: 1;top:90%;}30%{opacity: 1;top:92%;}50%{opacity: 1;top:90%;}60%{opacity: 1;top:92%;}80%{opacity: 1;top:90%;}90%{opacity: 1;top:92%;}99%{opacity: 1;top:90%;}100%{opacity: 0;top:90%;}}
@-moz-keyframes arrow /* Firefox */
{0%{opacity: 1;top:93%;}90%{opacity: 1;top:91%;}100%{opacity: 1;top:93%;}}
@-webkit-keyframes arrow /* Safari 和 Chrome */
{0%{opacity: 1;top:93%;}90%{opacity: 1;top:91%;}100%{opacity: 1;top:93%;}}

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