body dl dd div p{margin:0;padding:0;}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute;font-family:'Microsoft YaHei';}
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;top:5px;right:5px;}
.music{display:block;width:35px;height:35px;background:url('../images/music_off.png') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music_on.png') no-repeat;background-size:100% 100%;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%;}
.load_val{position: absolute;top: 60%;width: 100%;text-align: center;color: #8b6145;font-size: 25px;}
.loading_line{top: 47%;width: 64%;height: 3px;position: absolute;left: 18%;background:#ffcda3;}
.loading_line_blank{width: 100%;height: 0%;background:#9d4415;}
.load_img{position: absolute;top:0;width: 100%;height:100%;}
.load_img img{width: 100%;height:100%;}
.load_u{position:absolute;width:100%;height:100%;opacity: 0.8;left:100%;}
.body{width: 100%;height: 100%;position: absolute;}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-wrapper{height: 100%;}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}


#intro{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p0.7.png') no-repeat 0 0;background-size:100% 100%;}
#intro .close1{position: absolute;width: 13%;height: 7%;top: 85%;left: 44%;}
#share{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/share.png') no-repeat 0 0;background-size:100% 100%;}
#share .close2{position: absolute;width: 13%;height: 7%;top: 85%;left: 44%;}
#hang{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/hang.png') no-repeat 0 0;background-size:100% 100%;}
#hang .table{position: absolute;width: 66%;height: 62%;top: 18%;left: 18%;overflow-y: scroll;}
#hang .table table{width: 100%;height: 4000px;}
#hang table tr td{border-bottom: 1px solid #999999;height: 40px;}
#hang .close3{position: absolute;width: 13%;height: 7%;top: 85%;left: 44%;}

#s0{display: none;position: fixed;width: 100%;height: 100%;top:0%;left:0%;overflow: hidden;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;}
#s0 .w0{transform-origin:50% 0%;position: absolute;width: 14%;height: 18%;top: 16%;left: 10%;background:url('../images/light.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.8.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.4.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3 .nname{position: absolute;width: 21%;height: 4%;top: 61.8%;left: 13%;font-size: 14px;color:#ffcc00;text-align: right;}
#s0 .w5{opacity: 0;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p0.6.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w5 .intro{position: absolute;width: 15%;height: 3%;top: 80%;left: 43%;}
#s0 .w5 .start{position: absolute;width: 41%;height: 7%;top: 67%;left: 31%;}
#s0 .w11{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w12{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.2.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w13{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w14{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.4.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w15{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.5.png') no-repeat 0 0;background-size:100% 100%;}
.input{display: none;position: absolute;width: 1%;height: 23%;top: 22%;left: 47%;font-size: 30px;color: #FFFFFF;text-align: center;}
.input1{position: absolute;width: 1%;height: 23%;top: 69%;left: 19%;font-size: 30px;color: #FFFFFF;text-align: center;}
#s0 .w15 input{opacity: 0;position: absolute;width: 13%;height: 23%;top: 23%;left: 41%;background-color:transparent;font-size: 30px;color: #FFFFFF;text-align: center;border: none;outline:none;word-wrap:break-word; overflow:hidden;}
#s0 .w15 .click1{position: absolute;width: 41%;height: 8%;top: 80%;left: 30%;}

#s0 .w21{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.1.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w22{display: none;position: absolute;width: 100%;height: 16%;top: 63%;left: 0%;text-align: center;}
#s0 .w22 p{color: #dadada;margin: 2px;padding: 0;}
#s0 .w22 span{color: #dab50b;}
#s0 .w23{display: none;position: absolute;width: 100%;height: 100%;top: -2%;left: 0%;background:url('../images/p2.3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w23 .share{position: absolute;width: 40%;height: 6%;top: 77.5%;left: 30%;}
#s0 .w23 .card{position: absolute;width: 40%;height: 6%;top: 84.5%;left: 30%;}
#s0 .w23 .hang{position: absolute;width: 27%;height: 4%;top: 78.5%;left: 36%;}
#s0 .w31{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/alert3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w31 .sure11{position: absolute;width: 34%;height: 5%;top: 53%;left: 36%;}

#s1{display: none;position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/cbg.jpg') no-repeat 0 0;background-size:100% 100%;}
#s1 .w00{position: absolute;width: 82%;height: 67.7%;top: 7%;left: 9%;}
#s1 img{position: absolute;width: 82%;height: 67.7%;top: 7%;left: 9%;}
#s1 .w0{position: absolute;width: 100%;height: 100%;top:0%;left:0%;background:url('../images/miss1.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w1{position: absolute;width: 33%;height: 4%;top: 66%;background:url('../images/yao.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .w2{position: absolute;width: 14%;height: 8%;top: 63%;left: 72%;}
#s1 .w2 img{position: absolute;width: 74%;height: 70%;top: 0%;left: 13%;}
#s1 .w2 div{position: absolute;width: 100%;height: 30%;top: 70%;left: 0%;font-size: 10px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
#s1 .w3{position: absolute;width: 50%;height: 7%;top: 81%;left: 25%;}
#s1 .w3 .share{position: absolute;width: 100%;height: 100%;top:0%;left:0%;}

#s0.ani .w0{
            animation:rotate 3s .5s linear infinite;
            -moz-animation:rotate 3s .5s linear infinite;
            -webkit-animation:rotate 3s .5s linear infinite;
            -o-animation:rotate 3s .5s linear infinite
}
#s0.ani .w1{
            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 .w2{
            animation:fadeIn 1s 1.5s linear both;
            -moz-animation:fadeIn 1s 1.5s linear both;
            -webkit-animation:fadeIn 1s 1.5s linear both;
            -o-animation:fadeIn 1s 1.5s linear both
}
#s0.ani .w3{
            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 .w5{
            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 rotate
{
  0%{transform:rotate(0deg);}
  25%{transform:rotate(8deg);}
  50%{transform:rotate(0deg);}
  75%{transform:rotate(-8deg);}
  100%{transform:rotate(0deg);}
}
@-moz-keyframes rotate
{
  0%{transform:rotate(0deg);}
  25%{transform:rotate(8deg);}
  50%{transform:rotate(0deg);}
  75%{transform:rotate(-8deg);}
  100%{transform:rotate(0deg);}
}
@-webkit-keyframes rotate
{
  0%{transform:rotate(0deg);}
  25%{transform:rotate(8deg);}
  50%{transform:rotate(0deg);}
  75%{transform:rotate(-8deg);}
  100%{transform:rotate(0deg);}
}

@-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}}

@keyframes fadeInBig
{
    0%{transform:scale(0);display: none;}
    100%{transform:scale(0.6);display: block;}
}

@-moz-keyframes fadeInBig /* Firefox */
{
     0%{transform:scale(0);display: none;}
    100%{transform:scale(0.6);display: block;}
  }

@-webkit-keyframes fadeInBig /* Safari 和 Chrome */
{
     0%{transform:scale(0);display: none;}
    100%{transform:scale(0.6);display: block;}
}


@-webkit-keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  
  25% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  
  50% {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
  }

  100% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}

@keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }
  
  25% {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }

  50% {
    -webkit-transform: rotateZ(270deg);
    -ms-transform: rotateZ(-270deg);
    transform: rotateZ(-270deg);
  }

  100% {
    -webkit-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
/* 向左下 */
@-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}}

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

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

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

@keyframes shengkong
{
    0%{-webkit-transform:none;transform:none}
    100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}

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

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

@keyframes arrow
{
    0%{opacity: 0;left:93%;}
    90%{opacity: 1;left:91%;}
    100%{opacity: 1;left:93%;}
}

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

@-webkit-keyframes arrow /* Safari 和 Chrome */
{
    0%{opacity: 0;left:93%;}
    90%{opacity: 1;left:91%;}
    100%{opacity: 1;left: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}
}

@keyframes shan
{
    0%{opacity:0;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:1;}
}

@-moz-keyframes shan /* Firefox */
{
	  0%{opacity:0;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes shan /* Safari ºÍ Chrome */
{
    0%{opacity:0;}
    20%{opacity:1;}
    40%{opacity:0;}
    60%{opacity:1;}
    80%{opacity:0;}
    100%{opacity:1;}
}

@keyframes fire
{
    0%{opacity: 1;background-size: 100% 100%}
    50%{opacity: 1;background-size: 100% 93%}
    100%{opacity: 1;background-size: 100% 100%}
}

@-moz-keyframes fire /* Firefox */
{
   0%{opacity: 1;background-size: 100% 100%}
   50%{opacity: 1;background-size: 100% 93%}
   100%{opacity: 1;background-size: 100% 100%}
}

@-webkit-keyframes fire /* Safari ºÍ Chrome */
{
    0%{opacity: 1;background-size: 100% 100%}
    50%{opacity: 1;background-size: 100% 93%}
    100%{opacity: 1;background-size: 100% 100%}
}

@keyframes piao
{
    0%{opacity: 0;top: 7%;left: 42%;}
    100%{opacity: 1;top:21%;left: 38%}
}

@-moz-keyframes piao /* Firefox */
{
   0%{opacity: 0;top: 7%;left: 42%;}
    100%{opacity: 1;top:21%;left: 38%}
}

@-webkit-keyframes piao /* Safari ºÍ Chrome */
{
    0%{opacity: 0;top: 7%;left: 42%;}
    100%{opacity: 1;top:21%;left: 38%}
}

@keyframes zhadan1
{
    0%{opacity: 1;top: -4%;left: 63%;}
    100%{opacity: 1;top:11%;left: 26%}
}

@-moz-keyframes zhadan1 /* Firefox */
{
   0%{opacity: 1;top: -4%;left: 63%;}
    100%{opacity: 1;top:11%;left: 26%}
}

@-webkit-keyframes zhadan1 /* Safari ºÍ Chrome */
{
    0%{opacity: 1;top: -4%;left: 63%;}
    100%{opacity: 1;top:11%;left: 26%}
}

@keyframes zhadan2
{
    0%{opacity: 1;top: 4%;left: 86%;}
    100%{opacity: 1;top:23%;left: 57%}
}

@-moz-keyframes zhadan2 /* Firefox */
{
   0%{opacity: 1;top: 4%;left: 86%;}
    100%{opacity: 1;top:23%;left: 57%}
}

@-webkit-keyframes zhadan2 /* Safari ºÍ Chrome */
{
    0%{opacity: 1;top: 4%;left: 86%;}
    100%{opacity: 1;top:23%;left: 57%}
}

@keyframes zhadan3
{
    0%{opacity: 1;top: -4%;left: -13%;}
    100%{opacity: 1;top:15%;left: 57%}
}

@-moz-keyframes zhadan3 /* Firefox */
{
   0%{opacity: 1;top: -4%;left: -13%;}
    100%{opacity: 1;top:15%;left: 57%}
}

@-webkit-keyframes zhadan3 /* Safari ºÍ Chrome */
{
    0%{opacity: 1;top: -4%;left: -13%;}
    100%{opacity: 1;top:15%;left: 57%}
}
@keyframes water
{
    0%{opacity: 1;left: -10%;}
    100%{opacity: 1;left: -20%}
}

@-moz-keyframes water /* Firefox */
{
   0%{opacity: 1;left: -10%;}
    100%{opacity: 1;left: -20%}
}

@-webkit-keyframes water /* Safari ºÍ Chrome */
{
    0%{opacity: 1;left: -10%;}
    100%{opacity: 1;left: -20%}
}
@keyframes snow
{
    0%{opacity: 1;top: -75%;}
    100%{opacity: 1;top: 0%;}
}

@-moz-keyframes snow /* Firefox */
{
   0%{opacity: 1;top: -75%;}
    100%{opacity: 1;top: 0%;}
}

@-webkit-keyframes snow /* Safari ºÍ Chrome */
{
    0%{opacity: 1;top: -75%;}
    100%{opacity: 1;top: 0%;}
}
@keyframes shan1
{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

@-moz-keyframes shan1 /* Firefox */
{
   0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

@-webkit-keyframes shan1 /* Safari ºÍ Chrome */
{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

/* 音乐开关*/
#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}
/* 音乐开关*/