body dl dd div p{margin:0;padding:0;}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute;background-color: #000;}
ul li{list-style-type:none;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}
.loading{position:absolute;width:100%;height:100%;z-index: 9999;background-color:#ef9978;}
.load_val{width:100%;}
.loading_line{position:absolute;width:33.97%;height:4px;top:53.07%;left:32.68%;background:#c29494;}
.loading_line_blank{width:0%;height:100%;background:#ffefef;}
.loading_img{position:absolute;width:30%;height:21%;top: 31%;left: 33.5%;background:url('../images/loading.gif') no-repeat 0 0;background-size:100% 100%;}
.video{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 2;}
#Cvideo{display: none;}
.topindex{z-index: 10 !important;}
.topindex1{
    animation:fadeTop 1s linear both;
    -moz-animation:fadeTop 1s linear both;
    -webkit-animation:fadeTop 1s linear both;
    -o-animation:fadeTop 1s linear both
  }
.hide{
animation:fadeBot 1.5s linear both;
    -moz-animation:fadeBot 1.5s linear both;
    -webkit-animation:fadeBot 1.5s linear both;
    -o-animation:fadeBot 1.5s linear both
}
.section0{position: absolute;width: 100%;height: 100%;top:0;left: 0;background:url('../images/fengmian.jpg') no-repeat 0 0;background-size:100% 100%;}
.section0 .sign_btn{position: absolute;position: absolute;width: 46.1%;height: 13.6%;top: 63%;left: 30%;background:url('../images/p0.1.png') no-repeat 0 0;background-size:100% 100%;display: none;}
.section0 .start_btn{position: absolute;position: absolute;width: 46.1%;height: 13.6%;top: 63%;left: 30%;background:url('../images/p0.2.png') no-repeat 0 0;background-size:100% 100%;}

.section1{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;background-image: url(../images/keqian.gif);background-size: 100% 100%;}
.section1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/p1.png);background-size: 100% 100%;}
.section1 .w1{position: absolute;width: 79.4%;height: 9.9%;top: 30%;left: 12%;background-image: url(../images/p1.1.png);background-size: 100% 100%;}
.section1 .w2{position: absolute;width: 79.4%;height: 9.9%;top: 41%;left: 12%;background-image: url(../images/p1.2.png);background-size: 100% 100%;}
.section1 .w3{position: absolute;width: 79.4%;height: 9.9%;top: 52%;left: 12%;background-image: url(../images/p1.3.png);background-size: 100% 100%;}
.section1 .w4{position: absolute;width: 79.4%;height: 9.9%;top: 63%;left: 12%;background-image: url(../images/p1.4.png);background-size: 100% 100%;}
.section1 .w11{position: absolute;width: 79.4%;height: 9.9%;top: 30%;left: 12%;background-image: url(../images/p1.5.png);background-size: 100% 100%;display: none;}
.section1 .w22{position: absolute;width: 79.4%;height: 9.9%;top: 41%;left: 12%;background-image: url(../images/p1.6.png);background-size: 100% 100%;display: none;}
.section1 .w33{position: absolute;width: 79.4%;height: 9.9%;top: 52%;left: 12%;background-image: url(../images/p1.7.png);background-size: 100% 100%;display: none;}
.section1 .w44{position: absolute;width: 79.4%;height: 9.9%;top: 63%;left: 12%;background-image: url(../images/p1.8.png);background-size: 100% 100%;display: none;}
.section1 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section1 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section1 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section1 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section1 .w9{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button1.png);background-size: 100% 100%;}
.section1 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;right: 0%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}

.section2{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;background-image: url(../images/keqian.gif);background-size: 100% 100%;}
.section2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/p2.png);background-size: 100% 100%;}
.section2 .w1{position: absolute;width: 79.4%;height: 9.9%;top: 30%;left: 12%;background-image: url(../images/p2.1.png);background-size: 100% 100%;}
.section2 .w2{position: absolute;width: 79.4%;height: 9.9%;top: 41%;left: 12%;background-image: url(../images/p2.2.png);background-size: 100% 100%;}
.section2 .w3{position: absolute;width: 79.4%;height: 9.9%;top: 52%;left: 12%;background-image: url(../images/p2.3.png);background-size: 100% 100%;}
.section2 .w4{position: absolute;width: 79.4%;height: 9.9%;top: 63%;left: 12%;background-image: url(../images/p2.4.png);background-size: 100% 100%;}
.section2 .w11{position: absolute;width: 79.4%;height: 9.9%;top: 30%;left: 12%;background-image: url(../images/p2.5.png);background-size: 100% 100%;display: none;}
.section2 .w22{position: absolute;width: 79.4%;height: 9.9%;top: 41%;left: 12%;background-image: url(../images/p2.6.png);background-size: 100% 100%;display: none;}
.section2 .w33{position: absolute;width: 79.4%;height: 9.9%;top: 52%;left: 12%;background-image: url(../images/p2.7.png);background-size: 100% 100%;display: none;}
.section2 .w44{position: absolute;width: 79.4%;height: 9.9%;top: 63%;left: 12%;background-image: url(../images/p2.8.png);background-size: 100% 100%;display: none;}
.section2 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section2 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section2 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section2 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 79%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section2 .w9{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button1.png);background-size: 100% 100%;}
.section2 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;right: 0%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}

.section22{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;background-image: url(../images/keqian.gif);background-size: 100% 100%;}
.section22 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/p3.png);background-size: 100% 100%;}
.section22 .w1{position: absolute;width: 79.4%;height: 9.9%;top: 30%;left: 12%;background-image: url(../images/p3.1.png);background-size: 100% 100%;}
.section22 .w2{position: absolute;width: 79.4%;height: 9.9%;top: 41%;left: 12%;background-image: url(../images/p3.2.png);background-size: 100% 100%;}
.section22 .w3{position: absolute;width: 79.4%;height: 9.9%;top: 52%;left: 12%;background-image: url(../images/p3.3.png);background-size: 100% 100%;}
.section22 .w4{position: absolute;width: 79.4%;height: 9.9%;top: 63%;left: 12%;background-image: url(../images/p3.4.png);background-size: 100% 100%;}
.section22 .w11{position: absolute;width: 79.4%;height: 9.9%;top: 30%;left: 12%;background-image: url(../images/p3.5.png);background-size: 100% 100%;display: none;}
.section22 .w22{position: absolute;width: 79.4%;height: 9.9%;top: 41%;left: 12%;background-image: url(../images/p3.6.png);background-size: 100% 100%;display: none;}
.section22 .w33{position: absolute;width: 79.4%;height: 9.9%;top: 52%;left: 12%;background-image: url(../images/p3.7.png);background-size: 100% 100%;display: none;}
.section22 .w44{position: absolute;width: 79.4%;height: 9.9%;top: 63%;left: 12%;background-image: url(../images/p3.8.png);background-size: 100% 100%;display: none;}
.section22 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 79%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section22 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section22 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section22 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 79%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section22 .w9{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button1.png);background-size: 100% 100%;}
.section22 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;right: 0%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}

.blur{
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -ms-filter: blur(6px);
  -moz-filter: blur(6px);
}
.section3{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background-image: url(../images/end.jpg);background-size: 100% 100%;opacity: 0}
.section3 .w0{position: absolute;width: 63%;height: 9%;top: 64.5%;left: 19%;}
/*.section4{display: none;position:absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 11;}
.section4 .w0{position: absolute;width: 30%;height: 6.9%;top: 89%;right: -30%;background-image: url(../images/back.png);background-size: 100% 100%;}
.section4.ani .w0{
    animation:fadeInRight 1.5s 1.5s linear both;
    -moz-animation:fadeInRight 1.5s 1.5s linear both;
    -webkit-animation:fadeInRight 1.5s 1.5s linear both;
    -o-animation:fadeInRight 1.5s 1.5s linear both
}*/
.disable {
  pointer-events: none;
}


.section6{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background-image: url(../images/kehou.gif);background-size: 100% 100%;opacity: 0}
.section6 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/k1.png);background-size: 100% 100%;}
.section6 .w0{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button2.png);background-size: 100% 100%;}
.section6 .w1{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k1.1.png);background-size: 100% 100%;}
.section6 .w2{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k1.2.png);background-size: 100% 100%;}
.section6 .w3{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k1.3.png);background-size: 100% 100%;}
.section6 .w4{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k1.4.png);background-size: 100% 100%;}
.section6 .w11{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k1.5.png);background-size: 100% 100%;display: none;}
.section6 .w22{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k1.6.png);background-size: 100% 100%;display: none;}
.section6 .w33{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k1.7.png);background-size: 100% 100%;display: none;}
.section6 .w44{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k1.8.png);background-size: 100% 100%;display: none;}
.section6 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section6 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section6 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section6 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section6 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;left: 69%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}

.section7{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background-image: url(../images/kehou.gif);background-size: 100% 100%;opacity: 0}
.section7 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/k2.png);background-size: 100% 100%;}
.section7 .w0{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button2.png);background-size: 100% 100%;}
.section7 .w1{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k2.1.png);background-size: 100% 100%;}
.section7 .w2{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k2.2.png);background-size: 100% 100%;}
.section7 .w3{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k2.3.png);background-size: 100% 100%;}
.section7 .w4{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k2.4.png);background-size: 100% 100%;}
.section7 .w11{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k2.5.png);background-size: 100% 100%;display: none;}
.section7 .w22{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k2.6.png);background-size: 100% 100%;display: none;}
.section7 .w33{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k2.7.png);background-size: 100% 100%;display: none;}
.section7 .w44{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k2.8.png);background-size: 100% 100%;display: none;}
.section7 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section7 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section7 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section7 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section7 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;left: 69%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}

.section8{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background-image: url(../images/kehou.gif);background-size: 100% 100%;opacity: 0}
.section8 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/k3.png);background-size: 100% 100%;}
.section8 .w0{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button2.png);background-size: 100% 100%;}
.section8 .w1{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k3.1.png);background-size: 100% 100%;}
.section8 .w2{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k3.2.png);background-size: 100% 100%;}
.section8 .w3{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k3.3.png);background-size: 100% 100%;}
.section8 .w4{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k3.4.png);background-size: 100% 100%;}
.section8 .w11{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k3.5.png);background-size: 100% 100%;display: none;}
.section8 .w22{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k3.6.png);background-size: 100% 100%;display: none;}
.section8 .w33{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k3.7.png);background-size: 100% 100%;display: none;}
.section8 .w44{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k3.8.png);background-size: 100% 100%;display: none;}
.section8 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section8 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section8 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section8 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section8 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;left: 69%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}

.section10{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background-image: url(../images/kehou.gif);background-size: 100% 100%;opacity: 0}
.section10 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/k5.png);background-size: 100% 100%;}
.section10 .w0{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button2.png);background-size: 100% 100%;}
.section10 .w1{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k5.1.png);background-size: 100% 100%;}
.section10 .w2{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k5.2.png);background-size: 100% 100%;}
.section10 .w3{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k5.3.png);background-size: 100% 100%;}
.section10 .w4{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k5.4.png);background-size: 100% 100%;}
.section10 .w11{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k5.5.png);background-size: 100% 100%;display: none;}
.section10 .w22{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k5.6.png);background-size: 100% 100%;display: none;}
.section10 .w33{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k5.7.png);background-size: 100% 100%;display: none;}
.section10 .w44{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k5.8.png);background-size: 100% 100%;display: none;}
.section10 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section10 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section10 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section10 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section10 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;left: 69%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}

.section11{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background-image: url(../images/kehou.gif);background-size: 100% 100%;opacity: 0}
.section11 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/k6.png);background-size: 100% 100%;}
.section11 .w0{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button2.png);background-size: 100% 100%;}
.section11 .w1{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k6.1.png);background-size: 100% 100%;}
.section11 .w2{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k6.2.png);background-size: 100% 100%;}
.section11 .w3{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k6.3.png);background-size: 100% 100%;}
.section11 .w4{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k6.4.png);background-size: 100% 100%;}
.section11 .w11{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k6.5.png);background-size: 100% 100%;display: none;}
.section11 .w22{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k6.6.png);background-size: 100% 100%;display: none;}
.section11 .w33{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k6.7.png);background-size: 100% 100%;display: none;}
.section11 .w44{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k6.8.png);background-size: 100% 100%;display: none;}
.section11 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section11 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section11 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section11 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section11 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;left: 69%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}

.section12{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background-image: url(../images/kehou.gif);background-size: 100% 100%;opacity: 0}
.section12 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/k7.png);background-size: 100% 100%;}
.section12 .w0{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button2.png);background-size: 100% 100%;}
.section12 .w1{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k7.1.png);background-size: 100% 100%;}
.section12 .w2{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k7.2.png);background-size: 100% 100%;}
.section12 .w3{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k7.3.png);background-size: 100% 100%;}
.section12 .w4{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k7.4.png);background-size: 100% 100%;}
.section12 .w11{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k7.5.png);background-size: 100% 100%;display: none;}
.section12 .w22{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k7.6.png);background-size: 100% 100%;display: none;}
.section12 .w33{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k7.7.png);background-size: 100% 100%;display: none;}
.section12 .w44{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k7.8.png);background-size: 100% 100%;display: none;}
.section12 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section12 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section12 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section12 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section12 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;left: 69%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}

.section13{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background-image: url(../images/kehou.gif);background-size: 100% 100%;opacity: 0}
.section13 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/k8.png);background-size: 100% 100%;}
.section13 .w0{position: absolute;width: 45.1%;height: 8.2%;top: 77%;left: 28%;background-image: url(../images/button2.png);background-size: 100% 100%;}
.section13 .w1{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k8.1.png);background-size: 100% 100%;}
.section13 .w2{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k8.2.png);background-size: 100% 100%;}
.section13 .w3{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k8.3.png);background-size: 100% 100%;}
.section13 .w4{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k8.4.png);background-size: 100% 100%;}
.section13 .w11{position: absolute;width: 74.8%;height: 9.4%;top: 30%;left: 13.5%;background-image: url(../images/k8.5.png);background-size: 100% 100%;display: none;}
.section13 .w22{position: absolute;width: 74.8%;height: 9.4%;top: 41%;left: 13.5%;background-image: url(../images/k8.6.png);background-size: 100% 100%;display: none;}
.section13 .w33{position: absolute;width: 74.8%;height: 9.4%;top: 52%;left: 13.5%;background-image: url(../images/k8.7.png);background-size: 100% 100%;display: none;}
.section13 .w44{position: absolute;width: 74.8%;height: 9.4%;top: 63%;left: 13.5%;background-image: url(../images/k8.8.png);background-size: 100% 100%;display: none;}
.section13 .w5{position: absolute;width: 8.2%;height: 5%;top: 32%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section13 .w6{position: absolute;width: 8.2%;height: 5%;top: 43%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section13 .w7{position: absolute;width: 8.2%;height: 5%;top: 54%;left: 78%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section13 .w8{position: absolute;width: 8.2%;height: 5%;top: 65%;left: 78%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section13 .w10{position: absolute;width: 34.65%;height: 22.5%;top: 78%;left: 69%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}


@-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 fadeTop {
  0% {opacity: 0;z-index: 1;}
  100% {opacity: 1;z-index: 10;}
}
@-moz-keyframes fadeTop {
  0% {opacity: 0;z-index: 1;}
  100% {opacity: 1;z-index: 10;}
}
@keyframes fadeTop {
  0% {opacity: 0;z-index: 1;}
  100% {opacity: 1;z-index: 10;}
}
@-webkit-keyframes fadeInRight {
  0% {right:-30%;}
  100% {right:0%;}
}
@-moz-keyframes fadeInRight {
  0% {right:-30%;}
  100% {right:0%;}
}
@keyframes fadeInRight {
  0% {right:-30%;}
  100% {right:0%;}
}
@keyframes Out{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
}
.drag1{width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/kehou.gif') no-repeat;background-size:100% 100%;opacity: 0}
.drag1 .w00{position: absolute;width: 100%;height:100%;top: 0%;left: 0%;background-image: url(../images/k4.png);background-size: 100% 100%;}
.drag1 .w0{position: absolute;width: 34.65%;height: 22.5%;top: 78%;left: 69%;background-image: url(../images/tuanbao.gif);background-size: 100% 100%;}
.drag1 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/tuo.jpg);background-size: 100% 100%;display: none;}

.drag1_ul{width: 100%;height:100%;position: absolute;top:0;left:0;}
.drag1_li:nth-of-type(1){width: 21.7%;height: 5.6%;position: absolute;top: 52%;left:15%;background:url('../images/k4.1.png') no-repeat;background-size:100% 100%;}
.drag1_li:nth-of-type(2){width: 21.7%;height: 5.6%;position: absolute;top: 52%;left:39.5%;background:url('../images/k4.2.png') no-repeat;background-size:100% 100%;}
.drag1_li:nth-of-type(3){width: 21.7%;height: 5.6%;position: absolute;top: 52%;left:64%;background:url('../images/k4.3.png') no-repeat;background-size:100% 100%;}
.drag1_click{position: absolute;width: 45.1%;height: 8.2%;top: 62%;left: 28%;background-image: url(../images/button2.png);background-size: 100% 100%;}
.drag1_click.ani{
    -webkit-animation:1.2s 0.1s Out linear both;
    animation:1.2s 0.1s Out linear both;
}