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;top:20px;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.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%;z-index: 9999}
.load_val{width:100%;}
.loading_line{top: 40%;height: 20%;width: 2px;position: absolute;left: 65%;background: #13525a;}
.loading_line_blank{width:100%;height:0%;background: #38dbee;}
.load_img{position: absolute;top:0;width: 100%;height:100%;}
.load_img img{width: 100%;height: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}

.main{position: absolute;width: 100%;height:100%;overflow: hidden;}
.bj{position: absolute;width: 217%;height:100%;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;right: 0%;}

#s0{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s0 .w0{position:absolute;width:100%;height:100%;background:url('../images/p0.3.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w1{position:absolute;width:100%;height:100%;background:url('../images/p0.4.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w2{position:absolute;width:100%;height:100%;background:url('../images/p0.5.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w3{pointer-events:none;position:absolute;width:100%;height:100%;background:url('../images/p0.1.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .w4{pointer-events:none;opacity:1;position:absolute;width:68%;height:230%;right:0%;background:url('../images/p0.2.png') no-repeat 0 0;background-size:100% 100%;}
#s0 .click{position:absolute;width:13%;height:26%;left:73%;top:34%}

#s0.ani .w0{
        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 .w1{
        animation:fadeInRight1 1s 1.8s linear both;
        -moz-animation:fadeInRight1 1s 1.8s linear both;
        -webkit-animation:fadeInRight1 1s 1.8s linear both;
        -o-animation:fadeInRight1 1s 1.8s linear both
}
#s0.ani .w2{
        animation:fadeInUp1 1s 3.1s linear both;
        -moz-animation:fadeInUp1 1s 3.1s linear both;
        -webkit-animation:fadeInUp1 1s 3.1s linear both;
        -o-animation:fadeInUp1 1s 3.1s linear both
}
#s0.ani .w3{
        animation:fadeInRight 5s .5s linear both;
        -moz-animation:fadeInRight 5s .5s linear both;
        -webkit-animation:fadeInRight 5s .5s linear both;
        -o-animation:fadeInRight 5s .5s linear both
}
#s0.ani .w4{
        animation:move1 30s linear infinite;
        -moz-animation:move1 30s linear infinite;
        -webkit-animation:move1 30s linear infinite;
        -o-animation:move1 30s linear infinite
}
#s1{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;}
#s1 .click{position: absolute;width: 13%;height: 26%;top: 36%;left: 51%;}
#s1.ani .w0{
        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
}
#s2{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.1.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.3.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.5.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.7.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.8.png') no-repeat 0 0;background-size:100% 100%;}
#s2 #lj1{position: absolute;width: 39%;height: 39%;top: 61%;left: 10%;background:url('../images/p2.2.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 #lj2{position: absolute;width: 39%;height: 27%;top: 35%;left: 10%;background:url('../images/p2.4.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 #lj3{position: absolute;width: 39%;height: 33%;top: 0%;left: 10%;background:url('../images/p2.6.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .fc01{pointer-events:none;display:none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.9.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .fc02{pointer-events:none;display:none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.10.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .fc03{pointer-events:none;display:none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.11.png?1') no-repeat 0 0;background-size:100% 100%;}
#s2 .fc11{display:none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3-1.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .fc12{display:none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3-2.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .fc13{display:none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3-3.jpg') no-repeat 0 0;background-size:100% 100%;}
#s2 .hand{pointer-events:none;position: absolute;width: 16%;height: 12%;top: 65%;left: 47%;background:url('../images/p2.12.png') no-repeat 0 0;background-size:100% 100%;}
#s2 .close{position:absolute;top:0;left:44%;width:12%;height:25%;}
#s2.ani .w0{
        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
}
#s2.ani .hand{
        animation:fadeInLB 1s 1.5s linear infinite;
        -moz-animation:fadeInLB 1s 1.5s linear infinite;
        -webkit-animation:fadeInLB 1s 1.5s linear infinite;
        -o-animation:fadeInLB 1s 1.5s linear infinite
}
#s3{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;}
#s3 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.0.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.1.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p4.2.png') no-repeat 0 0;background-size:100% 100%;}
#s3 .click{position: absolute;width: 12%;height: 26%;top: 0%;left: 77%;}
#s3.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
}
#s3.ani .w2{
        animation:fadeInUp1 1s 1.5s linear both;
        -moz-animation:fadeInUp1 1s 1.5s linear both;
        -webkit-animation:fadeInUp1 1s 1.5s linear both;
        -o-animation:fadeInUp1 1s 1.5s linear both
}

.game{position:absolute;display:none;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.jpg') no-repeat 0 0;background-size:100% 100%;}
.game .score{position:absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.4.png') no-repeat 0 0;background-size:100% 100%;}
.game .time{position:absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p5.5.png') no-repeat 0 0;background-size:100% 100%;}
.score .sc1{position:absolute;width: 13%;height:8%;top:85%;left:10%;}
.score .sc2{position:absolute;width: 13%;height:8%;top:89%;left:10%;display: none}
.time .t1{position:absolute;width: 13%;height:8%;top:17%;left:8%;}
.time .t2{position:absolute;width: 13%;height:8%;top:13%;left:8%;}
.game img{position: absolute;width: 100%}
.game #wx{position:absolute;top:33%;left:54%;width:43%;height:33.5%;background:url('../images/p5.1.png') no-repeat 0 0;background-size:100% 100%;}
.coin{position:absolute;width:0%;height:0%;background:url('../images/0.png') no-repeat 0% 0%;background-size:100% 100%;}
.coin1{position:absolute;width:0%;height:0%;background:url('../images/0.png') no-repeat 0% 0%;background-size:100% 100%;}
.hand1{pointer-events:none;position: absolute;width: 15%;height: 18%;top: 36%;left: 80%;background:url('../images/p5.3.png') no-repeat 0 0;background-size:100% 100%;}
.game.ani .hand1{
        animation:fadeInLB 1s .5s linear infinite;
        -moz-animation:fadeInLB 1s .5s linear infinite;
        -webkit-animation:fadeInLB 1s .5s linear infinite;
        -o-animation:fadeInLB 1s .5s linear infinite
}

#result{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.2.png') no-repeat 0 0;background-size:100% 100%;}
#result .fc{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.png') no-repeat 0 0;background-size:100% 100%;}
#result .desc{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6.1.png') no-repeat 0 0;background-size:100% 100%;}
#result .num{position: absolute;width: 100%;height: 100%;left: 0%;top: 0%}
#result img{position: absolute;width: 100%}
#result .sc1{position:absolute;width: 15%;height: 9%;top: 47%;left: 50%;}
#result .sc2{position:absolute;width: 15%;height: 9%;top:89%;left:10%;display: none}
#result .select{position: absolute;width: 11%;height: 25%;top: 9%;left: 72%;}
.select1{display: none;position: absolute;width: 27%;height: 6%;top: 17%;left: 64%;opacity: 0;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#result .about{position: absolute;width: 11%;height: 25%;top: 38%;left: 72%;}
#result .more{position: absolute;width: 11%;height: 23%;top: 68%;left: 72%;overflow: hidden;}
#result .link{width: 400px;height: 400px;}

#about{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p6-1.png') no-repeat 0 0;background-size:100% 100%;}
#about .close{position: absolute;width: 12%;height: 7%;top: 3%;left: 4%;}

#result.ani .desc{
        animation:dm 8s .5s linear both;
        -moz-animation:dm 8s .5s linear both;
        -webkit-animation:dm 8s .5s linear both;
        -o-animation:dm 8s .5s linear both
}


@keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}
@-moz-keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}
@-webkit-keyframes animate1{0%,50%,100%{-webkit-transform:scale(1) skew(0deg) translate(0)}25%{-webkit-transform:scale(1.01) skew(5deg) translateY(0.5%)}75%{-webkit-transform:scale(1.01) skew(-5deg) translateY(-.5%)}}

@keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}
@-moz-keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}
@-webkit-keyframes animate2{0%,50%,100%{-webkit-transform:scale(1) translate(0)}25%{-webkit-transform:scale(1.004) translateY(0.3%)}75%{-webkit-transform:scale(1.004) translateY(-.3%)}}

@keyframes animate3
{0%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}25%{-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}50%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}75%{-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}100%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
@-moz-keyframes animate3 /* Firefox */
{0%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}25%{-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}50%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}75%{-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}100%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
@-webkit-keyframes animate3 /* Safari 和 Chrome */
{0%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}25%{-webkit-transform: rotateZ(-5deg);transform: rotateZ(-5deg);}50%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}75%{-webkit-transform: rotateZ(5deg);transform: rotateZ(5deg);}100%{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}

@keyframes move1
{0%{bottom: 0%;}50%{bottom: -130%;}100%{bottom: 0%;}}

@-moz-keyframes move1 /* Firefox */
{0%{bottom: 0%;}50%{bottom: -130%;}100%{bottom: 0%;}}

@-webkit-keyframes move1 /* Safari 和 Chrome */
{0%{bottom: 0%;}50%{bottom: -130%;}100%{bottom: 0%;}}
}}

@keyframes dm
{0%{left: 0%;}100%{left: -16%;}}

@-moz-keyframes dm /* Firefox */
{0%{left: 0%;}100%{left: -16%;}}

@-webkit-keyframes dm /* Safari 和 Chrome */
{0%{left: 0%;}100%{left: -16%;}}
}}

@keyframes fadeInBig
{
    0%{transform:scale(1);}
    100%{transform:scale(2);}
}

@-moz-keyframes fadeInBig /* Firefox */
{
     0%{transform:scale(1);}
    100%{transform:scale(2);}
  }

@-webkit-keyframes fadeInBig /* Safari 和 Chrome */
{
     0%{transform:scale(1);}
    100%{transform:scale(2);}
}


@-webkit-keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes rotateZ {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@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 fadeInRight1
{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInRight1 /* Firefox */
{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes fadeInRight1 /* Safari 和 Chrome */
{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,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 fadeInUp1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInUp1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/* 向左下 */
@-webkit-keyframes fadeInLB{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(30%,-30%,0);transform:translate3d(30%,-30%,0)}}
@-moz-keyframes fadeInLB{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(30%,-30%,0);transform:translate3d(30%,-30%,0)}}
@keyframes fadeInLB{0%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:1;-webkit-transform:translate3d(30%,-30%,0);transform:translate3d(30%,-30%,0)}}