html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute; font-family: sans-serif;overflow: hidden}
.tips_blk{z-index:99999999999;position:absolute;left:50%;bottom:10px;width:130px;height: 20px;margin-left:-65px;text-align:center;}
.tips_blk p{z-index:99999999999;font-size:10px;color:#FFF;}
.tips_blk_hide p{z-index:99999999999;display:none;}
.loading{position:absolute;width:100%;height:100%;background:url("../images/loading.jpg?2") no-repeat 0 0;background-size:100% 100%;z-index: 99}
.load_val{width:20%;}
.load_anime{position:absolute;width:100%;height:100%;}
.loading_line{position:absolute;width:51.2%;height:0.9%;top:60%;left:25.8%;background:#b7b0a8}
/*.loading_2{position:absolute;width:100%;height:100%;bottom:0;left:0;}*/
.loading_line_blank{position:absolute;width:0%;height:100%;background-color:#5d5d5f;}
a{opacity:1}
/*loading*/
.loading1{
    position:absolute;width:100%;height:100%;background:url("../images/loading1.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
    -webkit-animation:Out 1s 0.2s linear both;
    animation:Out 1s 0.2s linear both;
}
/*.loading2{*/
    /*position:absolute;width:100%;height:100%;background:url("../images/p0.2.png?2") no-repeat 0 0;background-size:100% 100%;display: none;*/
/*}*/
/*.loading2_click{position:absolute;width:50%;height:10%;left:25%;top:83%;}*/
.loading11{
    position:absolute;top:74%;left:33.43%;width: 36%;height:6px;background-color: #fdcf39  ;
}
.loading11_1{
    position:absolute;top:0;left:0;width: 0;height:100%;background-color: #d92f1e;
}
/*音乐*/
.music_blk{z-index:999;position:fixed;right:10px;top:10px;}
.music{display:block;width:30px;height:30px;background:url('../images/music_on.png?1') no-repeat;background-size:100% 100%;}
.music_on{
    -webkit-animation:rotate 1.5s linear infinite;
    animation:rotate 1.5s linear infinite;
}

.bg0{
    width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden ;background:url("../images/p9.jpg?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg0_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p9.2.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg0_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p9.1.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg0_hand{
    width: 41%;height:10%;position: absolute;top:85%;left:31%;

}
.bg0_click{
    width: 41%;height:10%;position: absolute;top:85%;left:31%;
}
.bg0.ani .bg0_1{
    -webkit-animation:Out 1s 0.2s linear both;
    animation:Out 1s 0.2s linear both;
}
.bg0.ani .bg0_2{
    -webkit-animation:Out 1s 1.8s linear both;
    animation:Out 1s 1.8s linear both;
}



.bg1{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden }

.bg1_0{
    width:218% ;height:111%;position: absolute;top:-5%;left:-85%;background:url("../images/p1.jpg?2") no-repeat 0 0;background-size:100% 100%;
}
.bg1_img{width:21.25%;height:37.2%;position: absolute;top:23%;left:67%;opacity: 1;display: block}

.bg1_1{
    width:62.71% ;height:75.86%;position: absolute;top:25.33%;left:-5%;background:url("../images/p1.1.png?2") no-repeat 0 0;background-size:100% 100%;z-index:1
}
.bg1_2{
    width:60.16% ;height:65.4%;position: absolute;left:60%;top:29%;background:url("../images/p1.2.png?2") no-repeat 0 0;background-size:100% 100%;z-index:2
}
/*.bg1_3{*/
    /*width:17.26% ;height:18.54%;position: absolute;top:23%;left:54%;background:url("../images/p1.3.png?2") no-repeat 0 0;background-size:100% 100%;z-index:3*/
/*}*/

.bg1_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.4.png?2") no-repeat 0 0;background-size:100% 100%;z-index:3;opacity: 0;
}
.bg1_4_0{
    width:100% ;height:100%;position: absolute;top:0;left:0;opacity: 1;
}
.bg1_4_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.8.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg1_4_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.10.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
/*.bg4_click,.bg6_click{*/
    /*width:32%;height:4%;position: absolute;top:89%;left:46%;opacity: 0.2;background-color: #00acc1;*/
/*}*/
.bg1_click{
    width:36%;height:7%;position: absolute;top:82%;left:33%;opacity: 0;
}
.bg1_click2{
    width:36%;height:7%;position: absolute;top:82%;left:33%;
}
.bg1_41{
    width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden;display: none;
}
.bg1_41_1{opacity: 1;
    width: 100%;height:100%;position: absolute;background:url("../images/p1.9.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg1_41_2{opacity: 0;
    width: 100%;height:100%;position: absolute;background:url("../images/p1.5.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg1_41_zhang{opacity: 0;left:70.53%;top:81.84%;
    width: 24.39%;height:15.03%;position: absolute;background:url("../images/p1.7.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg1_hand,.bg2_hand,.bg3_hand,.bg4_hand,.bg5_hand,.bg6_hand,.bg0_hand{
    width:7%;height:7%;position: absolute;top:92%;left:71%;background:url("../images/hand.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg1_hand{
    top:88%;left:58%;
}

.bg1.ani  .bg1_4{
    -webkit-animation:Out 1s 2s linear both;
    animation:Out 1s 2s linear both;
}
.bg1.ani  .bg1_4_1{
    -webkit-animation:Out 1s 3s linear both;
    animation:Out 1s 3s linear both;
}

.bg1.ani  .bg1_4_2{
    -webkit-animation:Out 1s 4s linear both;
    animation:Out 1s 4s linear both;
}
.bg1.ani .bg1_click{
    -webkit-animation:Out 1s 4.5s linear both;
    animation:Out 1s 4.5s linear both;
}

.bg2.ani .bg2_click,.bg3.ani .bg3_click,.bg4.ani .bg4_click,.bg6.ani .bg6_click{
    -webkit-animation:Out 1s 4s linear both;
    animation:Out 1s 4s linear both;
}

.bg1.ani .bg1_hand,.bg2.ani .bg2_hand,.bg3.ani .bg3_hand,.bg4.ani .bg4_hand,.bg5.ani .bg5_hand,.bg6.ani .bg6_hand{
    -webkit-animation:shake 3s 5s linear infinite;
    animation:shake 3s 5s linear infinite;
}

.bg0.ani .bg0_hand{
    -webkit-animation:shake 3s 2s linear infinite;
    animation:shake 3s 2s linear infinite;
}
.canvas_div{
    width: 15%;height:24%;position: absolute;top:32%;left:71%;
}
.bg1_5{
    width: 100%;height:100%;position: absolute;background:url("../images/p1-1.png?2") no-repeat 0 0;background-size:100% 100%;z-index:6;display: none;
}
.bg1_5_1{
    width: 100%;height:100%;position: absolute;background:url("../images/p1.6.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg1_5_2{
    width: 100%;height:100%;position: absolute;background:url("../images/p1.6-1.png?2") no-repeat 0 0;background-size:100% 100%;
left:-11%
}
.bg1_5_fire{
    width:73.55%;height:41.36%;position: absolute;top:18%;left:37%;
}
/*.bg1_5_hand{*/
        /*width:18%;height:5%;position: absolute;top:41%;left:70%; background:url("../images/turn/shou.png?2") no-repeat 0 0;background-size:100% 100%;z-index: 3;*/
        /*-webkit-animation:turn1_hand 1s linear infinite;*/
        /*animation:turn1_hand 1s  linear infinite;*/
/*}*/

.bg1.ani1 .bg1_5{
    -webkit-animation:Out1 0.5s  linear both;
    animation:Out1 0.5s linear both;
}
.bg1.ani1 .bg1_4_0{
    -webkit-animation:Out1 0.5s 1s linear both;
    animation:Out1 0.5s 1s linear both;
}

/*.bg1_41 .bg1_41_1{*/
    /*-webkit-animation:Out  1s linear both;*/
    /*animation:Out  1s linear both;*/
/*}*/

.bg1_41 .bg1_41_2{
    -webkit-animation:Out  1s 1s linear both;
    animation:Out  1s 1s linear both;
}

.bg1_41_zhang.ani,.bg2_5_zhang.ani,.bg5_4_zhang.ani,.bg4_4_zhang.ani,.bg6_4_zhang.ani{
    -webkit-animation:zhang  0.5s  linear both;
    animation:zhang  0.5s  linear both;
}


.bg2{width: 100%;height:100%;margin: 0 auto;opacity:1;position:    absolute;left:0;top:0;overflow: hidden }

.bg2_0{
    width:210% ;height:110%;position: absolute;top:-5%;left:-10%;background:url("../images/p2.jpg?2") no-repeat 0 0;background-size:100% 100%;
}


/*.bg2_1{*/
    /*width:25.62% ;height:67.4%;position: absolute;top:5.33%;left:24%;background:url("../images/p2.1.png?2") no-repeat 0 0;background-size:100% 100%;z-index:1*/
/*}*/
.bg2_2{
    width:52.78% ;height:49.33%;position: absolute;left:-5%;top:54%;background:url("../images/p2.2.png?2") no-repeat 0 0;background-size:100% 100%;z-index:2
}
/*.bg2_3{*/
    /*width:15.68% ;height:21.13%;position: absolute;top:20%;left:35%;background:url("../images/p2.3.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/

.bg2_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.4.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;z-index: 3;
}
.bg2_4_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.8.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 1;
}
.bg2_click{
    width:32%;height:6%;position: absolute;top:84%;left:34%;
}
.bg2_hand{
    left:53%;top:89%
}
/*.bg2.ani .bg2_0{*/
    /*-webkit-animation:bg2_0 5s 0.2s linear both;*/
    /*animation:bg2_0 5s 0.2s linear both;*/
/*}*/
.bg2.ani .bg2_4{
    -webkit-animation:Out 1s 2s linear both;
    animation:Out 1s 2s linear both;
}
.bg2_5{
    width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden;z-index: 5;display:none
}
.bg2_5_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.5.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg2_5_zhang{
    opacity: 0;left:70.53%;top:81.84%;
    width: 24.39%;height:15.03%;position: absolute;background:url("../images/p2.9.png?2") no-repeat 0 0;background-size:100% 100%;z-index:5
}
.bg2_click2{
    width:30% ;height:10%;position: absolute;top:82%;left:35%;

}
.bg2_5.ani .bg2_5_1{
    -webkit-animation:Out 1s  linear both;
    animation:Out 1s  linear both;
}









.bg4{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden }

.bg4_0{
    width:191%;height:110%;position: absolute;top:-5%;left:-54%;background:url("../images/p4.jpg?2") no-repeat 0 0;background-size:100% 100%;
}
.bg4_fire{
    width:66.75% ;height:52.6%;position: absolute;top:38%;left:20%;background:url("../images/p4.1.png?2") no-repeat 0 0;background-size:100% 100%;
}
/*.bg4_fire_1{*/
    /*width:26.39% ;height:32.92%;position: absolute;top:9.5%;left:41.5%;background:url("../images/p4.4.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
.bg4_1{
    width:100% ;height:150%;position: absolute;top:-50%;left:0;background:url("../images/p4.2.png?2") no-repeat 0 0;background-size:100% 100%;
}
/*.bg4_fire{*/
    /*width:13.07% ;height:40.26%;position: absolute;top:12%;left:5%;background:url("../images/p3.1.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
/*.bg4_2{*/
    /*width:34% ;height:45.13%;position: absolute;left:-5%;top:54%;background:url("../images/p3.3.png?2") no-repeat 0 0;background-size:100% 100%;z-index:2*/
/*}*/
.bg4_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.3.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg4_4_zhang{
    opacity: 0;left:70.53%;top:81.84%;
    width: 24.39%;height:15.03%;position: absolute;background:url("../images/p4.11.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg4_4_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.10.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg4_click{
    width:32%;height:8%;position: absolute;top:83%;left:35%;
}
.bg4_hand{
    left:51%;top:88%
}
.bg4.ani .bg4_4{
    -webkit-animation:Out 1s 2s linear both;
    animation:Out 1s 2s linear both;
}
.bg4.ani .bg4_4_1{
    -webkit-animation:Out 1s 3s linear both;
    animation:Out 1s 3s linear both;
}
.bg4.ani .bg4_1{
    -webkit-animation:bg4_1 3s 0.2s linear infinite;
    animation:bg4_1 3s 0.2s linear infinite;
}

.bg4_5{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p1-1.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg4_5_bg{
    width: 100%;height:100%;position: absolute;top:0;left:0;
}
.bg4_5_bg_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.6.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg4_5_bg_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.5.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg4_5_bg_3{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.4-1.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg4_5_bg_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.4.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg4_5_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.9.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg4_5_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p4.8.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg4_click2{
    width: 30%;height:20%;position: absolute;left:35%;top:58%;
}
.bg4_5.ani1{
    -webkit-animation:Out1  1s linear both;
    animation:Out1  1s linear both;
}

.bg5{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden }

.bg5_0{
    width:158%;height:110%;position: absolute;top:-5%;left:-35%;background:url("../images/p5.jpg?2") no-repeat 0 0;background-size:100% 100%;
}
/*.bg5_fire{*/
    /*width:64.45% ;height:73.2%;position: absolute;top:20%;left:0;background:url("../images/p5.3.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
/*.bg5_fire_1{*/
    /*width:22.83% ;height:19.5%;position: absolute;top:30.5%;left:52.5%;background:url("../images/p5.5.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
.bg5_plan{
    width:19.3% ;height:11.4%;position: absolute;top:4%;left:25%;background:url("../images/p5.1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg5_man{
    width: 25.09% ;height:51.3%;position: absolute;top:31%;left:70%;background:url("../images/p5.2.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg5_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.4.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg5_4_zhang{
    opacity: 0;left:70.53%;top:81.84%;
    width: 24.39%;height:15.03%;position: absolute;background:url("../images/p5.12.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg5_4_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.10.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg5_click{
    width:32%;height:6%;position: absolute;top:85%;left:34%;
}
.bg5_hand{
    left:45%;top:90%
}
.bg5.ani .bg5_4{
    -webkit-animation:Out 1s 2s linear both;
    animation:Out 1s 2s linear both;
}
.bg5.ani .bg5_4_1{
    -webkit-animation:Out 1s 3s linear both;
    animation:Out 1s 3s linear both;
}
.bg5_5{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p1-1.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg5_5_bg{
    width:144% ;height:59.5%;position: absolute;top:-2%;left:-22%;background:url("../images/p5.7.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg5_5_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.8.png?2") no-repeat 0 0;background-size:100% 100%;display:none
}
.bg5_5_2{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.11.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg5_5_3{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.9.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg5_5_tishi{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p5.6.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg5_click2{
    width: 31%;height:10%;position: absolute;top:61%;left:35%
}
.bg5_5.ani1,.bg6_5.ani1{
    -webkit-animation:Out1 1s linear both;
    animation:Out1 1s linear both;
}


.bg6{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden }

.bg6_0{
    width:184%;height:110%;position: absolute;top:-5%;left:-54%;background:url("../images/p6.jpg?2") no-repeat 0 0;background-size:100% 100%;
}

.bg6_4{
    width:100% ;height:100%;position: absolute;top:0;left:0;opacity: 0;background:url("../images/p6.3.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg6_4_zhang{
    opacity: 0;left:70.53%;top:81.84%;
    width: 24.39%;height:15.03%;position: absolute;background:url("../images/p6.6.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg6_4_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.5.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg6_click{
    width:39%;height:6%;position: absolute;top:90%;left:29%;
}
.bg6_hand{
    top:94%;left:52%;
}
.bg6.ani .bg6_4{
    -webkit-animation:Out 1s 2s linear both;
    animation:Out 1s 2s linear both;
}
.bg6.ani .bg6_4_1{
    -webkit-animation:Out 1s 3s linear both;
    animation:Out 1s 3s linear both;
}
.bg6_5{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p1-1.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg6_5_fire{
    width:73.55%;height:41.36%;position: absolute;top:18%;left:0;
}
.bg6_5_0{
    width:73.55%;height:45.36%;position: absolute;top:17%;left:0;background:url("../images/p6.7.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg6_5_1{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.4.png?2") no-repeat 0 0;background-size:100% 100%;
}

.bg6_click2{
    width:20%;height:18%;position: absolute;top:72%;left:40%;z-index:1
}

/*.bg6_5_2{*/
    /*width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.4.png?2") no-repeat 0 0;background-size:100% 100%;display: none;*/
/*}*/







.bg7{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden;background:url("../images/p7.jpg?2") no-repeat 0 0;background-size:100% 100%; }

.bg7_0{
    width:100% ;height:100%;position: absolute;top:0;left:0;background:url("../images/p7.5.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}

.bg7_1{
    width:68.11%;height:12%;position: absolute;top:10%;left:104%;background:url("../images/p7.2.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg7_2{
    width:57.48%;height:10.11%;position: absolute;top:27%;left:105%;background:url("../images/p7.3.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg7_3{
    width:47.7%;height:10%;position: absolute;top:74%;left:-4%;background:url("../images/p7.1.png?2") no-repeat 0 0;background-size:100% 100%;
}

.bg7.ani .bg7_0{
    -webkit-animation:bg7_0 6s 0.2s linear both;
    animation:bg7_0 6s 0.2s linear both;
}


.bg7.ani .bg7_1{
    -webkit-animation:bg7_1 2s 6.2s linear both;
    animation:bg7_1 2s 6.2s linear both;
}
.bg7.ani .bg7_2{
    -webkit-animation:bg7_1 2s 6.8s linear both;
    animation:bg7_1 2s 6.8s linear both;
}

.bg7.ani .bg7_3{
    -webkit-animation:bg7_3 2s 9s linear both;
    animation:bg7_3 2s 9s linear both;
}

.bg8{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden;background:url("../images/p7-1.jpg?2") no-repeat 0 0;background-size:100% 100%; }
.bg8_1{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p7-2.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg8_2{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p7.6.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg8.ani .bg8_1{
    -webkit-animation:Out 1s 0.5s linear both;
    animation:Out 1s 0.5s linear both;
}

.bg8.ani .bg8_2{
    -webkit-animation:Out 1s 1.5s linear both;
    animation:Out 1s 1.5s linear both;
}




/*.turn{*/
    /*width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;overflow: hidden;background:url("../images/p1-1.png?2") no-repeat 0 0;background-size:100% 100%;z-index:20*/
/*}*/
/*.left_hand1{*/
    /*width:73.55%;height:41.36%;position: absolute;top:18%;left:-64%;background:url("../images/p1-4.png?2") no-repeat 0 0;background-size:100% 100%;z-index:2*/
/*}*/
/*.left_hand2{*/
    /*width:73.55%;height:41.36%;position: absolute;top:18%;left:0;background:url("../images/p1-5.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;z-index:2*/
/*}*/

/*.right_hand1{*/
    /*width:73.55%;height:41.36%;position: absolute;top:18%;left:88%;background:url("../images/p1-2.png?2") no-repeat 0 0;background-size:100% 100%;z-index:1*/
/*}*/
/*.right_hand2{*/
    /*width:73.55%;height:41.36%;position: absolute;top:18%;left:27%;background:url("../images/p1-3.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;z-index:1*/
/*}*/

/*.turn.ani .left_hand1{*/
    /*-webkit-animation:left_hand1  1.3s 0.1s linear both;*/
    /*animation:left_hand1 1.3s 0.1s linear both;*/
/*}*/
/*.turn.ani .right_hand1{*/
    /*-webkit-animation:right_hand1  1.3s 0.1s linear both;*/
    /*animation:right_hand1 1.3s 0.1s linear both;*/
/*}*/

/*.turn.ani1 .right_hand2{*/
    /*-webkit-animation:right_hand2  1.3s linear both;*/
    /*animation:right_hand2 1.3s  linear both;*/
/*}*/
/*.turn.ani1 .left_hand2{*/
    /*-webkit-animation:left_hand2  1.3s linear both;*/
    /*animation:left_hand2 1.3s  linear both;*/
/*}*/

/*.turn.ani2{*/
    /*-webkit-animation:Out1  0.5s linear both;*/
    /*animation:Out1 0.5s  linear both;*/
/*}*/





/*.turn1{*/
    /*width: 100%;height:100%;position: absolute;background:url("../images/p1-1.png?2") no-repeat 0 0;background-size:100% 100%;z-index:5;display: none;*/
/*}*/
/*#turn1_img{*/
    /*width:73.55%;height:41.36%;position: absolute;top:18%;left:27%;z-index:2*/
/*}*/

/*#turn1_img1{*/
    /*width:73.55%;height:41.36%;position: absolute;top:18%;left:-72%;z-index:4*/
/*}*/

/*.turn1_1{*/
    /*width: 100%;height:100%;position: absolute;top:0;left:0; background:url("../images/turn/p1.4.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
/*.turn1_end{*/
    /*width: 41%;height:5%;position: absolute;top:86%;left:29%; background:url("../images/turn/p1-1.2.png?2") no-repeat 0 0;background-size:100% 100%;display: none;*/
/*}*/
/*.turn1_hand{*/
    /*width:31%;height:6%;position: absolute;top:41%;left:48%; background:url("../images/turn/shou.png?2") no-repeat 0 0;background-size:100% 100%;z-index: 3;*/
    /*-webkit-animation:turn1_hand 1s linear infinite;*/
    /*animation:turn1_hand 1s  linear infinite;*/
/*}*/
/*!*.turn1_2{*!*/
    /*!*width: 100%;height:100%;position: absolute;top:0;left:0; background:url("../images/p1-3.png?2") no-repeat 0 0;background-size:100% 100%;*!*/
/*!*}*!*/
/*#turn1_img1.ani{*/
    /*-webkit-animation:turn1_hand1 1s linear both;*/
    /*animation:turn1_hand1 1s  linear both;*/
/*}*/
/*#turn1_img.ani{*/
    /*-webkit-animation:right_hand2 1s linear both;*/
    /*animation:right_hand2 1s  linear both;*/
/*}*/
/*#turn1_img1.ani.ani1{*/
    /*-webkit-animation:turn1_hand2 1s linear both;*/
    /*animation:turn1_hand2 1s  linear both;*/
/*}*/



.turn2{
    width: 100%;height:100%;position: absolute;background:url("../images/p1-1.png?2") no-repeat 0 0;background-size:100% 100%;z-index:7;display:none
}
.canvas_bg{
    width: 100%;height:100%;position: absolute;background:url("../images/p2.6.png?2") no-repeat 0 0;background-size:100% 100%;

}
.turn2_1{
    width: 100%;height:100%;position: absolute;background:url("../images/p2.5.png?2") no-repeat 0 0;background-size:100% 100%;
left:0;top:0
}
/*.turn2_hand{*/
    /*width:15%;height:5%;position: absolute;top:49%;left:65%; background:url("../images/turn/shou.png?2") no-repeat 0 0;background-size:100% 100%;z-index: 3;*/
    /*-webkit-animation:turn1_hand 1s linear infinite;*/
    /*animation:turn1_hand 1s  linear infinite;*/
/*}*/
/*.turn2_end{*/
    /*width: 41%;height:5%;position: absolute;top:86%;left:29%; background:url("../images/turn/p1-1.2.png?2") no-repeat 0 0;background-size:100% 100%;display:none*/
/*}*/
#canvas2.ani,.turn2.ani1{
    -webkit-animation:Out1 1s linear both;
    animation:Out1 1s linear both;
}






@-webkit-keyframes turn1_hand {
    0% {-webkit-transform-origin:right center;-webkit-transform: rotate(0deg);
        transform-origin:right center;transform: rotate(0deg);
    }
    100% {
        -webkit-transform-origin:right center;-webkit-transform: rotate(60deg);
        transform-origin:right center;transform: rotate(60deg);
    }
}
@keyframes turn1_hand {
    0% {-webkit-transform-origin:right center;-webkit-transform: rotate(0deg);
        transform-origin:right center;transform: rotate(0deg);
    }
    100% {
        -webkit-transform-origin:right center;-webkit-transform: rotate(60deg);
        transform-origin:right center;transform: rotate(60deg);
    }
}


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



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








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

@keyframes down1
{
    0%{opacity:0;transform:translate3d(0,0,0)}
    100%{opacity:1;transform:translate3d(0,100%,0)}
}




@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }
    50% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
    100% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }
}
@keyframes rotate {
    0% {transform: rotate(-8deg)}
    50% {transform: rotate(8deg);}
    100% {transform: rotate(-8deg);}
}

@-webkit-keyframes s1_4
{
    0%{opacity: 1}
    49%{opacity: 1}
    50%{opacity: 0}
    59%{opacity: 0}
    60%{opacity: 1}
    100%{opacity: 1}
}

@keyframes s1_4
{
    0%{opacity: 1}
    49%{opacity: 1}
    50%{opacity: 0}
    59%{opacity: 0}
    60%{opacity: 1}
    100%{opacity: 1}
}


@-webkit-keyframes Out
{
    0%{opacity: 0}
    100%{opacity: 1}
}

@keyframes Out
{
    0%{opacity: 0}
    100%{opacity: 1}
}

@-webkit-keyframes Out1
{
    0%{opacity: 1}
    100%{opacity: 0}
}

@keyframes Out1
{
    0%{opacity: 1}
    100%{opacity: 0}
}


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

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


@-webkit-keyframes bg7_1 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(0.9);}
    100%{-webkit-transform:translate3d(-130%,0,0) scale(1)}
}
@keyframes bg7_1
{
    0%{transform:translate3d(0,0,0) scale(0.9);}
    100%{transform:translate3d(-130%,0,0) scale(1)}
}


@-webkit-keyframes bg7_3 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0) scale(1);}
    60%{-webkit-transform:translate3d(100%,-100%,0) scale(0.7)}
    100%{-webkit-transform:translate3d(200%,-200%,0) scale(0.6)}
}

@keyframes bg7_3
{
    0%{transform:translate3d(0,0,0) scale(1);}
    60%{transform:translate3d(100%,-100%,0) scale(0.7)}
    100%{transform:translate3d(200%,-200%,0) scale(0.6)}
}




@-webkit-keyframes shake1{
    0%{opacity: 0.05}
    20%{opacity:1}
    40%{opacity: 0.05}
    60%{opacity: 1}
    80%{opacity:0.05}
    100%{opacity: 1}
}

@keyframes shake1{
    0%{opacity: 0.05}
    20%{opacity:1}
    40%{opacity: 0.05}
    60%{opacity: 1}
    80%{opacity:0.05}
    100%{opacity: 1}
}

@-webkit-keyframes bg7_0{
    0%{opacity: 0}
    10%{opacity:1}
    90%{opacity:1}
    100%{opacity: 0}
}

@keyframes bg7_0{
    0%{opacity: 0}
    10%{opacity:1}
    90%{opacity:1}
    100%{opacity: 0}
}

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

@keyframes bg1_0
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(-52.7%,0,0)}
}

@-webkit-keyframes bg1_2
{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    100%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}

@keyframes bg1_2
{
    0%{transform:scale(1)}
    100%{transform:scale(1.2)}
}

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

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


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

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

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



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

@-webkit-keyframes shake{
    0%{opacity: 0}
    25%{opacity:1}
    50%{opacity: 0}
    75%{opacity:1}
    100%{opacity: 0}
}


@keyframes shake{
    0%{opacity: 0}
    25%{opacity:1}
    50%{opacity: 0}
    75%{opacity:1}
    100%{opacity: 0}
}