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;bottom:5%;right:6%;}
.music{display:block;width:54px;height:54px;background:url('../images/music_off.png?11') no-repeat;background-size:100% 100%;}
.music_on{background:url('../images/music.png?11') 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: 999}
.load_val{width:100%;}
.loading_line{top: 88%;width: 44%;height: 4px;position: absolute;left: 28%;border-radius: 10px;background: #b8b8b8;}
.loading_line_blank{height:100%;background: #e60012;border-radius: 10px;}
.loading_img{position:absolute;width: 72.4%;height: 12.4%;top: 85%;left: 14%;background:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%}
.loading .w0{}
.loading .w1{display: none;position: absolute;width: 18%;
    height: 10%;
    left: 50%;
    top: 10%; 
    opacity: 0;background:url('../images/hand.png') no-repeat 0 0;background-size:100% 100%;animation: hand_s 1s linear infinite alternate;
    -webkit-animation: hand_s 1s linear infinite alternate;}

@keyframes hand_s{
    0%{
        opacity: 0
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@-webkit-keyframes hand_s{
    0%{
        opacity: 0
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.page2{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    contain:style;
}
.loading.ani .w0{
            animation:fadeIn 1s 1s linear both;
            -moz-animation:fadeIn 1s 1s linear both;
            -webkit-animation:fadeIn 1s 1s linear both;
            -o-animation:fadeIn 1s 1s linear both
}
.loading.ani .w1{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}

.body{width: 100%;height: 100%;position: absolute;}

#vr_loading{position: absolute;width: 100%;height: 100%;top:0%;left: 0%;z-index: 99;background: #000;}
#vr_loading .w0{position: absolute;width: 100%;height: 100%;top:0%;left: 0%;background:url('../images/vr_loading.gif?6') no-repeat 0 0;background-size:100% 100%;}

#video{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;z-index: 999}
#video #video_s1{display: none;;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#video1_1{object-fit: fill}
#video1_1{width: 100%;height: 100%;line-height: 0;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: none;background-color: #000;}

#container{position: absolute;width: 100%;height: 100%;opacity: 0;}
#ff{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/ff.png?11') no-repeat 0 0;background-size:100% 100%;z-index: 999}

/* #start{display: none;z-index: 999;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/loading.jpg?11') no-repeat 0 0;background-size:100% 100%;}
#start .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/loading1.png?11') no-repeat 0 0;background-size:100% 100%;}
#start .w1{position: absolute;width: 13%;height: 8%;top: 53%;left: 70%;background:url('../images/start.gif?6') no-repeat 0 0;background-size:100% 100%;} */

#s0{display: none;width: 75%;height: 17.5%;top: 3%;left: -2%;pointer-events: none;transform-origin:0 0;cursor: move;z-index: 999;}
#s0 .w0{position: absolute;width: 75%;height: 20%;top: 3%;left: -2%;background:url('../images/f0.png?11') no-repeat 0 0;background-size:100% 100%;}
#a_1{display: none;width: 10%;height: 6%;top: 22%;left: 4%;}
#a_1 .w0{position: absolute;width: 10%;height: 6%;top: 24%;left: 4%;background:url('../images/audio.gif?8') no-repeat 0 0;background-size:100% 100%;}

#s1{display: none;width: 100%;height: 33%;top: 3%;left: 0%;z-index: 999;}
#s1 .w0{position: absolute;width: 100%;height: 16.5%;top: 0%;left: 0%;background:url('../images/f1.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s1 .w1{position: absolute;width: 3%;height: 16%;top: 19%;left: 6%;background:url('../images/003.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s1 .w2{position: absolute;width: 4%;height: 20%;top: 17%;left: 3%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s1 .w3{position: absolute;width: 4%;height: 20%;top: 17%;left: 7%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;}
#s1 .w4{opacity: 0;position: absolute;width: 80%;height: 12%;top: 21%;left: 9%;background:url('../images/fj1.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s1 .w5{position: absolute;width: 8%;height: 20%;top: 17%;left: 3%;}
#s1 .w6{opacity: 0;transform: rotate(-36deg);position: absolute;width: 9%;height: 7%;top: 26%;left: 3%;background:url('../images/hand.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s1 .w7{opacity: 0;position: absolute;width: 6.5%;height: 4%;top: 17.5%;left: 83%;background:url('../images/jc.png?11') no-repeat 0 0;background-size:100% 100%;}
.hand{
            animation:hand 2s 1.5s linear both;
            -moz-animation:hand 2s 1.5s linear both;
            -webkit-animation:hand 2s 1.5s linear both;
            -o-animation:hand 2s 1.5s linear both
}
#s1.ani .w1{
            animation:xiSpread 1.5s .5s linear both;
            -moz-animation:xiSpread 1.5s .5s linear both;
            -webkit-animation:xiSpread 1.5s .5s linear both;
            -o-animation:xiSpread 1.5s .5s linear both
}
#s1.ani .w3{
            animation:xiRight 1.5s .5s linear both;
            -moz-animation:xiRight 1.5s .5s linear both;
            -webkit-animation:xiRight 1.5s .5s linear both;
            -o-animation:xiRight 1.5s .5s linear both
}
#s1.ani .w4{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s1.ani .w7{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s1.ani1 .w1{
            animation:xiSpread1 1.5s .5s linear both;
            -moz-animation:xiSpread1 1.5s .5s linear both;
            -webkit-animation:xiSpread1 1.5s .5s linear both;
            -o-animation:xiSpread1 1.5s .5s linear both
}
#s1.ani1 .w3{
            animation:xiRight1 1.5s .5s linear both;
            -moz-animation:xiRight1 1.5s .5s linear both;
            -webkit-animation:xiRight1 1.5s .5s linear both;
            -o-animation:xiRight1 1.5s .5s linear both
}
#s1.ani1 .w4{
            animation:fadeInOut .5s linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s1.ani1 .w7{
            animation:fadeInOut .5s  linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s2{display: none;width: 100%;height: 33%;top: 3%;left: 0%;z-index: 999;}
#s2 .w0{position: absolute;width: 100%;height: 19.5%;top: 0%;left: 0%;background:url('../images/f2.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s2 .w1{position: absolute;width: 3%;height: 16%;top: 22%;left: 6%;background:url('../images/003.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s2 .w2{position: absolute;width: 4%;height: 20%;top: 20%;left: 3%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s2 .w3{position: absolute;width: 4%;height: 20%;top: 20%;left: 7%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s2 .w4{opacity: 0;position: absolute;width: 80%;height: 12%;top: 24%;left: 9%;background:url('../images/fj2.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s2 .w5{position: absolute;width: 8%;height: 20%;top: 20%;left: 3%;}
#s2 .w6{opacity: 0;transform: rotate(-36deg);position: absolute;width: 9%;height: 7%;top: 30%;left: 3%;background:url('../images/hand.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s2 .w7{opacity: 0;position: absolute;width: 6.5%;height: 4%;top: 20.5%;left: 83%;background:url('../images/jc.png?11') no-repeat 0 0;background-size:100% 100%;}
#s2.ani .w1{
            animation:xiSpread 1.5s .5s linear both;
            -moz-animation:xiSpread 1.5s .5s linear both;
            -webkit-animation:xiSpread 1.5s .5s linear both;
            -o-animation:xiSpread 1.5s .5s linear both
}
#s2.ani .w3{
            animation:xiRight 1.5s .5s linear both;
            -moz-animation:xiRight 1.5s .5s linear both;
            -webkit-animation:xiRight 1.5s .5s linear both;
            -o-animation:xiRight 1.5s .5s linear both
}
#s2.ani .w4{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s2.ani .w7{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s2.ani1 .w1{
            animation:xiSpread1 1.5s .5s linear both;
            -moz-animation:xiSpread1 1.5s .5s linear both;
            -webkit-animation:xiSpread1 1.5s .5s linear both;
            -o-animation:xiSpread1 1.5s .5s linear both
}
#s2.ani1 .w3{
            animation:xiRight1 1.5s .5s linear both;
            -moz-animation:xiRight1 1.5s .5s linear both;
            -webkit-animation:xiRight1 1.5s .5s linear both;
            -o-animation:xiRight1 1.5s .5s linear both
}
#s2.ani1 .w4{
            animation:fadeInOut .5s linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s2.ani1 .w7{
            animation:fadeInOut .5s  linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s3{display: none;width: 100%;height: 38.5%;top: 0%;left: 0%;z-index: 999;}
#s3 .w0{position: absolute;width: 100%;height: 19.5%;top: 0%;left: 0%;background:url('../images/f3.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s3 .w1{position: absolute;width: 3%;height: 16%;top: 22%;left: 6%;background:url('../images/003.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s3 .w2{position: absolute;width: 4%;height: 20%;top: 20%;left: 3%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s3 .w3{position: absolute;width: 4%;height: 20%;top: 20%;left: 7%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s3 .w4{opacity: 0;position: absolute;width: 80%;height: 12%;top: 24%;left: 9%;background:url('../images/fj3.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s3 .w5{position: absolute;width: 8%;height: 20%;top: 20%;left: 3%;}
#s3 .w6{opacity: 0;transform: rotate(-36deg);position: absolute;width: 9%;height: 7%;top: 30%;left: 3%;background:url('../images/hand.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s3 .w7{opacity: 0;position: absolute;width: 6.5%;height: 4%;top: 20.5%;left: 83%;background:url('../images/jc.png?11') no-repeat 0 0;background-size:100% 100%;}
#s3.ani .w1{
            animation:xiSpread 1.5s .5s linear both;
            -moz-animation:xiSpread 1.5s .5s linear both;
            -webkit-animation:xiSpread 1.5s .5s linear both;
            -o-animation:xiSpread 1.5s .5s linear both
}
#s3.ani .w3{
            animation:xiRight 1.5s .5s linear both;
            -moz-animation:xiRight 1.5s .5s linear both;
            -webkit-animation:xiRight 1.5s .5s linear both;
            -o-animation:xiRight 1.5s .5s linear both
}
#s3.ani .w4{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s3.ani .w7{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s3.ani1 .w1{
            animation:xiSpread1 1.5s .5s linear both;
            -moz-animation:xiSpread1 1.5s .5s linear both;
            -webkit-animation:xiSpread1 1.5s .5s linear both;
            -o-animation:xiSpread1 1.5s .5s linear both
}
#s3.ani1 .w3{
            animation:xiRight1 1.5s .5s linear both;
            -moz-animation:xiRight1 1.5s .5s linear both;
            -webkit-animation:xiRight1 1.5s .5s linear both;
            -o-animation:xiRight1 1.5s .5s linear both
}
#s3.ani1 .w4{
            animation:fadeInOut .5s linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s3.ani1 .w7{
            animation:fadeInOut .5s  linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s4{display: none;width: 100%;height: 38.5%;top: 0%;left: 0%;z-index: 999;}
#s4 .w0{position: absolute;width: 100%;height: 22%;top: 0%;left: 0%;background:url('../images/f4.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s4 .w1{position: absolute;width: 3%;height: 16%;top: 25%;left: 6%;background:url('../images/003.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s4 .w2{position: absolute;width: 4%;height: 20%;top: 23%;left: 3%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s4 .w3{position: absolute;width: 4%;height: 20%;top: 23%;left: 7%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s4 .w4{opacity: 0;position: absolute;width: 80%;height: 12%;top: 27%;left: 9%;background:url('../images/fj4.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s4 .w5{position: absolute;width: 8%;height: 20%;top: 23%;left: 3%;}
#s4 .w6{opacity: 0;transform: rotate(-36deg);position: absolute;width: 9%;height: 7%;top: 34%;left: 3%;background:url('../images/hand.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s4 .w7{opacity: 0;position: absolute;width: 6.5%;height: 4%;top: 23.5%;left: 83%;background:url('../images/jc.png?11') no-repeat 0 0;background-size:100% 100%;}
#s4.ani .w1{
            animation:xiSpread 1.5s .5s linear both;
            -moz-animation:xiSpread 1.5s .5s linear both;
            -webkit-animation:xiSpread 1.5s .5s linear both;
            -o-animation:xiSpread 1.5s .5s linear both
}
#s4.ani .w3{
            animation:xiRight 1.5s .5s linear both;
            -moz-animation:xiRight 1.5s .5s linear both;
            -webkit-animation:xiRight 1.5s .5s linear both;
            -o-animation:xiRight 1.5s .5s linear both
}
#s4.ani .w4{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s4.ani .w7{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s4.ani1 .w1{
            animation:xiSpread1 1.5s .5s linear both;
            -moz-animation:xiSpread1 1.5s .5s linear both;
            -webkit-animation:xiSpread1 1.5s .5s linear both;
            -o-animation:xiSpread1 1.5s .5s linear both
}
#s4.ani1 .w3{
            animation:xiRight1 1.5s .5s linear both;
            -moz-animation:xiRight1 1.5s .5s linear both;
            -webkit-animation:xiRight1 1.5s .5s linear both;
            -o-animation:xiRight1 1.5s .5s linear both
}
#s4.ani1 .w4{
            animation:fadeInOut .5s linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s4.ani1 .w7{
            animation:fadeInOut .5s  linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s5{display: none;width: 100%;height: 38.5%;top: 0%;left: 0%;z-index: 999;}
#s5 .w0{position: absolute;width: 100%;height: 22%;top: 0%;left: 0%;background:url('../images/f5.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s5 .w1{position: absolute;width: 3%;height: 16%;top: 25%;left: 6%;background:url('../images/003.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s5 .w2{position: absolute;width: 4%;height: 20%;top: 23%;left: 3%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s5 .w3{position: absolute;width: 4%;height: 20%;top: 23%;left: 7%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s5 .w4{opacity: 0;position: absolute;width: 80%;height: 12%;top: 27%;left: 9%;background:url('../images/fj5.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s5 .w5{position: absolute;width: 8%;height: 20%;top: 23%;left: 3%;}
#s5 .w6{opacity: 0;transform: rotate(-36deg);position: absolute;width: 9%;height: 7%;top: 34%;left: 3%;background:url('../images/hand.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s5 .w7{opacity: 0;position: absolute;width: 6.5%;height: 4%;top: 23.5%;left: 83%;background:url('../images/jc.png?11') no-repeat 0 0;background-size:100% 100%;}
#s5.ani .w1{
            animation:xiSpread 1.5s .5s linear both;
            -moz-animation:xiSpread 1.5s .5s linear both;
            -webkit-animation:xiSpread 1.5s .5s linear both;
            -o-animation:xiSpread 1.5s .5s linear both
}
#s5.ani .w3{
            animation:xiRight 1.5s .5s linear both;
            -moz-animation:xiRight 1.5s .5s linear both;
            -webkit-animation:xiRight 1.5s .5s linear both;
            -o-animation:xiRight 1.5s .5s linear both
}
#s5.ani .w4{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s5.ani .w7{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s5.ani1 .w1{
            animation:xiSpread1 1.5s .5s linear both;
            -moz-animation:xiSpread1 1.5s .5s linear both;
            -webkit-animation:xiSpread1 1.5s .5s linear both;
            -o-animation:xiSpread1 1.5s .5s linear both
}
#s5.ani1 .w3{
            animation:xiRight1 1.5s .5s linear both;
            -moz-animation:xiRight1 1.5s .5s linear both;
            -webkit-animation:xiRight1 1.5s .5s linear both;
            -o-animation:xiRight1 1.5s .5s linear both
}
#s5.ani1 .w4{
            animation:fadeInOut .5s linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s5.ani1 .w7{
            animation:fadeInOut .5s  linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s6{display: none;width: 100%;height: 38.5%;top: 0%;left: 0%;z-index: 999;}
#s6 .w0{position: absolute;width: 100%;height: 22%;top: 0%;left: 0%;background:url('../images/f6.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s6 .w1{position: absolute;width: 3%;height: 16%;top: 25%;left: 6%;background:url('../images/003.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s6 .w2{position: absolute;width: 4%;height: 20%;top: 23%;left: 3%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s6 .w3{position: absolute;width: 4%;height: 20%;top: 23%;left: 7%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s6 .w4{opacity: 0;position: absolute;width: 80%;height: 12%;top: 27%;left: 9%;background:url('../images/fj6.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s6 .w5{position: absolute;width: 8%;height: 20%;top: 23%;left: 3%;}
#s6 .w6{opacity: 0;transform: rotate(-36deg);position: absolute;width: 9%;height: 7%;top: 34%;left: 3%;background:url('../images/hand.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s6 .w7{opacity: 0;position: absolute;width: 6.5%;height: 4%;top: 23.5%;left: 83%;background:url('../images/jc.png?11') no-repeat 0 0;background-size:100% 100%;}
#s6.ani .w1{
            animation:xiSpread 1.5s .5s linear both;
            -moz-animation:xiSpread 1.5s .5s linear both;
            -webkit-animation:xiSpread 1.5s .5s linear both;
            -o-animation:xiSpread 1.5s .5s linear both
}
#s6.ani .w3{
            animation:xiRight 1.5s .5s linear both;
            -moz-animation:xiRight 1.5s .5s linear both;
            -webkit-animation:xiRight 1.5s .5s linear both;
            -o-animation:xiRight 1.5s .5s linear both
}
#s6.ani .w4{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s6.ani .w7{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s6.ani1 .w1{
            animation:xiSpread1 1.5s .5s linear both;
            -moz-animation:xiSpread1 1.5s .5s linear both;
            -webkit-animation:xiSpread1 1.5s .5s linear both;
            -o-animation:xiSpread1 1.5s .5s linear both
}
#s6.ani1 .w3{
            animation:xiRight1 1.5s .5s linear both;
            -moz-animation:xiRight1 1.5s .5s linear both;
            -webkit-animation:xiRight1 1.5s .5s linear both;
            -o-animation:xiRight1 1.5s .5s linear both
}
#s6.ani1 .w4{
            animation:fadeInOut .5s linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s6.ani1 .w7{
            animation:fadeInOut .5s  linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s7{display: none;width: 100%;height: 38.5%;top: 0%;left: 0%;z-index: 999;}
#s7 .w0{position: absolute;width: 100%;height: 24.5%;top: 0%;left: 0%;background:url('../images/f7.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s7 .w1{position: absolute;width: 3%;height: 16%;top: 28%;left: 6%;background:url('../images/003.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s7 .w2{position: absolute;width: 4%;height: 20%;top: 26%;left: 3%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s7 .w3{position: absolute;width: 4%;height: 20%;top: 26%;left: 7%;background:url('../images/001.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s7 .w4{opacity: 0;position: absolute;width: 80%;height: 12%;top: 30%;left: 9%;background:url('../images/fj7.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s7 .w5{position: absolute;width: 8%;height: 20%;top: 26%;left: 3%;}
#s7 .w6{opacity: 0;transform: rotate(-36deg);position: absolute;width: 9%;height: 7%;top: 36%;left: 3%;background:url('../images/hand.png?11') no-repeat 0 0;background-size:100% 100%;pointer-events: none;transform-origin:0 0;cursor: move;}
#s7 .w7{opacity: 0;position: absolute;width: 6.5%;height: 4%;top: 26.5%;left: 83%;background:url('../images/jc.png?11') no-repeat 0 0;background-size:100% 100%;}
#s7.ani .w1{
            animation:xiSpread 1.5s .5s linear both;
            -moz-animation:xiSpread 1.5s .5s linear both;
            -webkit-animation:xiSpread 1.5s .5s linear both;
            -o-animation:xiSpread 1.5s .5s linear both
}
#s7.ani .w3{
            animation:xiRight 1.5s .5s linear both;
            -moz-animation:xiRight 1.5s .5s linear both;
            -webkit-animation:xiRight 1.5s .5s linear both;
            -o-animation:xiRight 1.5s .5s linear both
}
#s7.ani .w4{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s7.ani .w7{
            animation:fadeIn 1s 2s linear both;
            -moz-animation:fadeIn 1s 2s linear both;
            -webkit-animation:fadeIn 1s 2s linear both;
            -o-animation:fadeIn 1s 2s linear both
}
#s7.ani1 .w1{
            animation:xiSpread1 1.5s .5s linear both;
            -moz-animation:xiSpread1 1.5s .5s linear both;
            -webkit-animation:xiSpread1 1.5s .5s linear both;
            -o-animation:xiSpread1 1.5s .5s linear both
}
#s7.ani1 .w3{
            animation:xiRight1 1.5s .5s linear both;
            -moz-animation:xiRight1 1.5s .5s linear both;
            -webkit-animation:xiRight1 1.5s .5s linear both;
            -o-animation:xiRight1 1.5s .5s linear both
}
#s7.ani1 .w4{
            animation:fadeInOut .5s linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#s7.ani1 .w7{
            animation:fadeInOut .5s  linear both;
            -moz-animation:fadeInOut .5s linear both;
            -webkit-animation:fadeInOut .5s linear both;
            -o-animation:fadeInOut .5s linear both
}
#fc1{display: none;width: 100%;height: 100%;top: 0%;left: 0%;}
#fc1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fc1.png?11') no-repeat 0 0;background-size:100% 100%;z-index: 999}
#fc1 .close{position: absolute;width: 9%;height: 6%;top: 70%;left: 44%;z-index: 999}
#fc2{display: none;width: 100%;height: 100%;top: 0%;left: 0%;}
#fc2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fc2.png?12') no-repeat 0 0;background-size:100% 100%;z-index: 999}
#fc2 .close{position: absolute;width: 9%;height: 6%;top: 79%;left: 44%;z-index: 999}
#fc3{display: none;width: 100%;height: 100%;top: 0%;left: 0%;}
#fc3 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fc3.png?11') no-repeat 0 0;background-size:100% 100%;z-index: 999}
#fc3 .close{position: absolute;width: 9%;height: 6%;top: 87%;left: 44%;z-index: 999}
#fc4{display: none;width: 100%;height: 100%;top: 0%;left: 0%;}
#fc4 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fc4.png?11') no-repeat 0 0;background-size:100% 100%;z-index: 999}
#fc4 .close{position: absolute;width: 9%;height: 6%;top: 71%;left: 45%;z-index: 999}
#fc5{display: none;width: 100%;height: 100%;top: 0%;left: 0%;}
#fc5 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fc5.png?11') no-repeat 0 0;background-size:100% 100%;z-index: 999}
#fc5 .close{position: absolute;width: 9%;height: 6%;top: 83%;left: 45%;z-index: 999}
#fc6{display: none;width: 100%;height: 100%;top: 0%;left: 0%;}
#fc6 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fc6.png?11') no-repeat 0 0;background-size:100% 100%;z-index: 999}
#fc6 .close{position: absolute;width: 9%;height: 6%;top: 71%;left: 45%;z-index: 999}
#fc7{display: none;width: 100%;height: 100%;top: 0%;left: 0%;}
#fc7 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/fc7.png?11') no-repeat 0 0;background-size:100% 100%;z-index: 999}
#fc7 .close{position: absolute;width: 9%;height: 6%;top: 71%;left: 45%;z-index: 999}

#iframe1,#iframe2{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;border: 0;z-index: 999}
#x1{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;pointer-events: none;transform-origin:0 0;cursor: move;z-index: 999;}
#x1 .w0{position: absolute;width: 100%;height: 19%;top: 0%;left: 0%;background:url('../images/x1.png?11') no-repeat 0 0;background-size:100% 100%;}
#x1 .w1{position: absolute;width: 36%;height: 2.5%;top: 87%;left: 32%;background:url('../images/xx.png?11') no-repeat 0 0;background-size:100% 100%;}
#y1{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;pointer-events: none;transform-origin:0 0;cursor: move;z-index: 999;}
#y1 .w0{position: absolute;width: 100%;height: 16%;top: 0%;left: 0%;background:url('../images/x2.png?11') no-repeat 0 0;background-size:100% 100%;}
#y1 .w1{position: absolute;width: 36%;height: 2.5%;top: 87%;left: 32%;background:url('../images/xx.png?11') no-repeat 0 0;background-size:100% 100%;}
#close{display: none;position: absolute;width: 9%;height: 8%;top: 10%;left: 87%;z-index: 999}

#nav{display: none;position: absolute;width: 100%;height:15%;top:88%;left:0%;overflow-x: scroll;z-index: 999;}
#di{position: absolute;width: 281.4%;height:100%;top:0%;left:0%;background: #000;opacity: 0.5;}
#nav1{position: absolute;width: 281.4%;height:100%;top:0%;left:0%;}
#nav1 div{width: 11.4%;height: 75%;margin-right: 1%;float: left;}
#nav .w0{background:url('../images/01.png?11') no-repeat 0 0;background-size:100% 100%;}
#nav .w1{background:url('../images/02.png?11') no-repeat 0 0;background-size:100% 100%;}
#nav .w2{background:url('../images/03.png?11') no-repeat 0 0;background-size:100% 100%;}
#nav .w3{background:url('../images/04.png?11') no-repeat 0 0;background-size:100% 100%;}
#nav .w4{background:url('../images/05.png?11') no-repeat 0 0;background-size:100% 100%;}
#nav .w5{background:url('../images/06.png?11') no-repeat 0 0;background-size:100% 100%;}
#nav .w6{background:url('../images/07.png?11') no-repeat 0 0;background-size:100% 100%;}
#nav .w7{background:url('../images/08.png?11') no-repeat 0 0;background-size:100% 100%;}
.border{border: 2px solid #1a5c9a}

#card{display: none;position: absolute;width: 25%;height: 9%;top: 76%;right: 0%;background:url('../images/button.png?11') no-repeat 0 0;background-size:100% 100%;z-index: 999;}
.fadeInLeft{
            animation:fadeInLeft 1s 1.5s linear both;
            -moz-animation:fadeInLeft 1s 1.5s linear both;
            -webkit-animation:fadeInLeft 1s 1.5s linear both;
            -o-animation:fadeInLeft 1s 1.5s linear both
}

#a0{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/a0.jpg?11') no-repeat 0 0;background-size:100% 100%;z-index: 999;}
#a0 .w0{position: absolute;width: 72.5%;height: 72.5%;top: 5%;left: 13.5%;background:url('../images/bj0.jpg?11') no-repeat 0 0;background-size:100% 100%;}
#a0 .w1{position: absolute;width: 72.5%;height: 72.5%;top: 5%;left: 13.5%;background:url('../images/bj1.jpg?11') no-repeat 0 0;background-size:100% 100%;}
#a0 .w2{position: absolute;width: 72.5%;height: 72.5%;top: 5%;left: 13.5%;background:url('../images/bj2.jpg?11') no-repeat 0 0;background-size:100% 100%;}
#a0 .w3{position: absolute;width: 72.5%;height: 72.5%;top: 5%;left: 13.5%;background:url('../images/bj3.jpg?11') no-repeat 0 0;background-size:100% 100%;}
#a0 .w4{position: absolute;width: 72.5%;height: 72.5%;top: 5%;left: 13.5%;background:url('../images/bj4.jpg?11') no-repeat 0 0;background-size:100% 100%;}
#a0 .w8{position: absolute;width: 72.5%;height: 72.5%;top: 5%;left: 13.5%;background:url('../images/jy0.png?11') no-repeat 0 0;background-size:100% 100%;}
#a0 .w5{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/a1.png?11') no-repeat 0 0;background-size:100% 100%;}
#a0 .w6{position: absolute;width: 29%;height: 8%;top: 85%;left: 5%;}
#a0 .w7{position: absolute;width: 29%;height: 8%;top: 85%;left: 35%;}
#a0 .w9{position: absolute;width: 29%;height: 8%;top: 85%;left: 66%;}

#a1{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/a2.jpg?11') no-repeat 0 0;background-size:100% 100%;overflow: hidden;z-index: 999;}
#a1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
#a1 .w0 .v0{position: absolute;width: 100%;height:100%;top:34%;left:0%;background:url('../images/a2.2.png?11') no-repeat 0 0;background-size:100% 100%;}
#a1 .w0 .v1{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/a2.3.png?11') no-repeat 0 0;background-size:100% 100%;}
#a1 .w0 .v2{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/a2.1.png?11') no-repeat 0 0;background-size:100% 100%;}
#a1 .w0 .sure{position: absolute;width: 37%;height: 9%;top: 84%;left: 30%;}
#a1 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/a2.4.png?11') no-repeat 0 0;background-size:100% 100%;}

#a2{display: none;position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/a3.jpg?11') no-repeat 0 0;background-size:100% 100%;z-index: 999;}
#a2 .w0{position: absolute;width: 64%;height: 2.5%;top: 80%;left: 17%;background:url('../images/a3.1.png?11') no-repeat 0 0;background-size:100% 100%;}
#a2 img{position: absolute;width: 72.5%;height: 72.5%;top: 5%;left: 13.5%;}
#a2 .c1{position: absolute;width: 28%;height: 8%;top: 85%;left: 5%;}
#a2 .c2{position: absolute;width: 28%;height: 8%;top: 85%;left: 36%;}
#a2 .c3{position: absolute;width: 28%;height: 8%;top: 85%;left: 67%;}
#a2 .share{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/share.png?13') no-repeat 0 0;background-size:100% 100%;z-index: 999;}
#a2.ani .w0{
            animation:fadeIn 1s .5s linear infinite;
            -moz-animation:fadeIn 1s .5s linear infinite;
            -webkit-animation:fadeIn 1s .5s linear infinite;
            -o-animation:fadeIn 1s .5s linear infinite
}
#gravity{display: none;position: absolute;width: 30px;height: 30px;top: 10px;right: 10px;}
#gravity .w0{display: none;position: absolute;width: 100%;height: 100%;background:url('../images/g0.png?11') no-repeat 0 0;background-size:100% 100%;}
#gravity .w1{position: absolute;width: 100%;height: 100%;background:url('../images/g1.png?11') no-repeat 0 0;background-size:100% 100%;}

@keyframes arrow
{
    0%{opacity:1;top:95%;}
    90%{opacity:1;top:93%;}
    100%{opacity:1;top:95%;}
}

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

@-webkit-keyframes arrow /* Safari 和 Chrome */
{
    0%{opacity:1;top:95%;}
    90%{opacity:1;top:93%;}
    100%{opacity:1;top:95%;}
}

@keyframes fadeInLeft
{
    0%{right:-25%;}
    100%{right:0%;}
}

@-moz-keyframes fadeInLeft /* Firefox */
{
    0%{right:-25%;}
    100%{right:0%;}
}

@-webkit-keyframes fadeInLeft /* Safari 和 Chrome */
{
    0%{right:-25%;}
    100%{right:0%;}
}

@keyframes xiSpread
{
    0%{width: 3%}
    100%{width: 88%}
}

@-moz-keyframes xiSpread /* Firefox */
{
    0%{width: 3%}
    100%{width: 88%}
}

@-webkit-keyframes xiSpread /* Safari 和 Chrome */
{
    0%{width: 3%}
    100%{width: 88%}
}

@keyframes xiSpread1
{
    0%{width: 88%}
    100%{width: 3%}
}

@-moz-keyframes xiSpread1 /* Firefox */
{
    0%{width: 88%}
    100%{width: 3%}
}

@-webkit-keyframes xiSpread1 /* Safari 和 Chrome */
{
    0%{width: 88%}
    100%{width: 3%}
}

@keyframes xiRight
{
    0%{left: 7%}
    100%{left: 93%}
}

@-moz-keyframes xiRight /* Firefox */
{
    0%{left: 7%}
    100%{left: 93%}
}

@-webkit-keyframes xiRight /* Safari 和 Chrome */
{
    0%{left: 7%}
    100%{left: 93%}
}

@keyframes xiRight1
{
    0%{left: 93%}
    100%{left: 7%}
}

@-moz-keyframes xiRight1 /* Firefox */
{
    0%{left: 93%}
    100%{left: 7%}
}

@-webkit-keyframes xiRight1 /* Safari 和 Chrome */
{
    0%{left: 93%}
    100%{left: 7%}
}

@-webkit-keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-70%,0);transform:translate3d(0,-70%,0)}
  100%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@-moz-keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-70%,0);transform:translate3d(0,-70%,0)}
  100%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-70%,0);transform:translate3d(0,-70%,0)}
  100%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}

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




@-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 fadeInOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity:0;
  }
}
@-moz-keyframes fadeInOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes hand {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hand {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hand {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 音乐开关*/
#switch-music{z-index:9999999;position:absolute;top: 8px;right: 8px; width:35px; height:35px;display: none;}
#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}
/* 音乐开关*/