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;}
.topindex{z-index: 10 !important;}
.topindex1{
    animation:fadeTop .5s linear both;
    -moz-animation:fadeTop .5s linear both;
    -webkit-animation:fadeTop .5s linear both;
    -o-animation:fadeTop .5s 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-image: url(../images/p0.jpg);background-size: 100% 100%;}
.section0 .sign_btn {position: absolute;width: 37%;height: 8%;top: 80%;left: 49%;}
.section0 .start_btn{position: absolute;width: 37%;height: 8%;top: 43%;left: 3%;}
.section0 .author_btn{position: absolute;width: 15%;height: 8%;top: 90%;left: 5%;}

.section1{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/k1.jpg);background-size: 100% 100%;}
.section1 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k1.1.png);background-size: 100% 100%;}
.section1 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k1.2.png);background-size: 100% 100%;}
.section1 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k1.3.png);background-size: 100% 100%;}
.section1 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k1.4.png);background-size: 100% 100%;}
.section1 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k1.5.png);background-size: 100% 100%;display: none;}
.section1 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k1.6.png);background-size: 100% 100%;display: none;}
.section1 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k1.7.png);background-size: 100% 100%;display: none;}
.section1 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%;background-image: url(../images/k1.8.png);background-size: 100% 100%;display: none;}
.section1 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section1 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section1 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section1 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section1 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka1.png);background-size: 100% 100%;display: none;}
.section1 .next{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/next.png);background-size: 100% 100%;}

.section2{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%; background-image: url(../images/k2.jpg);background-size: 100% 100%;}
.section2 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k2.1.png);background-size: 100% 100%;}
.section2 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k2.2.png);background-size: 100% 100%;}
.section2 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k2.3.png);background-size: 100% 100%;}
.section2 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k2.4.png);background-size: 100% 100%;}
.section2 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k2.5.png);background-size: 100% 100%;display: none;}
.section2 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k2.6.png);background-size: 100% 100%;display: none;}
.section2 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k2.7.png);background-size: 100% 100%;display: none;}
.section2 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k2.8.png);background-size: 100% 100%;display: none;}
.section2 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section2 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section2 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section2 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section2 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka2.png);background-size: 100% 100%;display: none;}
.section2 .prev{position:absolute;width: 23.5%;height: 10%;top: 1%;left: 2%;background-image: url(../images/prev.png);background-size: 100% 100%;}
.section2 .next{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/next.png);background-size: 100% 100%;}

.section3{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section3 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%; background-image: url(../images/k3.jpg);background-size: 100% 100%;}
.section3 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k3.1.png);background-size: 100% 100%;}
.section3 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k3.2.png);background-size: 100% 100%;}
.section3 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k3.3.png);background-size: 100% 100%;}
.section3 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k3.4.png);background-size: 100% 100%;}
.section3 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k3.5.png);background-size: 100% 100%;display: none;}
.section3 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k3.6.png);background-size: 100% 100%;display: none;}
.section3 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k3.7.png);background-size: 100% 100%;display: none;}
.section3 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k3.8.png);background-size: 100% 100%;display: none;}
.section3 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section3 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section3 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section3 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section3 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka3.png);background-size: 100% 100%;display: none;}
.section3 .prev{position:absolute;width: 23.5%;height: 10%;top: 1%;left: 2%;background-image: url(../images/prev.png);background-size: 100% 100%;}
.section3 .next{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/next.png);background-size: 100% 100%;}

.section4{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section4 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%; background-image: url(../images/k4.jpg);background-size: 100% 100%;}
.section4 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k4.1.png);background-size: 100% 100%;}
.section4 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k4.2.png);background-size: 100% 100%;}
.section4 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k4.3.png);background-size: 100% 100%;}
.section4 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k4.4.png);background-size: 100% 100%;}
.section4 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k4.5.png);background-size: 100% 100%;display: none;}
.section4 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k4.6.png);background-size: 100% 100%;display: none;}
.section4 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k4.7.png);background-size: 100% 100%;display: none;}
.section4 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k4.8.png);background-size: 100% 100%;display: none;}
.section4 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section4 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section4 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section4 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section4 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka4.png);background-size: 100% 100%;display: none;}
.section4 .prev{position:absolute;width: 23.5%;height: 10%;top: 1%;left: 2%;background-image: url(../images/prev.png);background-size: 100% 100%;}
.section4 .next{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/next.png);background-size: 100% 100%;}

.section5{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section5 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%; background-image: url(../images/k5.jpg);background-size: 100% 100%;}
.section5 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k5.1.png);background-size: 100% 100%;}
.section5 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k5.2.png);background-size: 100% 100%;}
.section5 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k5.3.png);background-size: 100% 100%;}
.section5 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k5.4.png);background-size: 100% 100%;}
.section5 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k5.5.png);background-size: 100% 100%;display: none;}
.section5 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k5.6.png);background-size: 100% 100%;display: none;}
.section5 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k5.7.png);background-size: 100% 100%;display: none;}
.section5 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k5.8.png);background-size: 100% 100%;display: none;}
.section5 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section5 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section5 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section5 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section5 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka5.png);background-size: 100% 100%;display: none;}
.section5 .prev{position:absolute;width: 23.5%;height: 10%;top: 1%;left: 2%;background-image: url(../images/prev.png);background-size: 100% 100%;}
.section5 .next{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/next.png);background-size: 100% 100%;}

.section6{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section6 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%; background-image: url(../images/k6.jpg);background-size: 100% 100%;}
.section6 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k6.1.png);background-size: 100% 100%;}
.section6 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k6.2.png);background-size: 100% 100%;}
.section6 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k6.3.png);background-size: 100% 100%;}
.section6 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k6.4.png);background-size: 100% 100%;}
.section6 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k6.5.png);background-size: 100% 100%;display: none;}
.section6 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k6.6.png);background-size: 100% 100%;display: none;}
.section6 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k6.7.png);background-size: 100% 100%;display: none;}
.section6 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k6.8.png);background-size: 100% 100%;display: none;}
.section6 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section6 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section6 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section6 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section6 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka6.png);background-size: 100% 100%;display: none;}
.section6 .prev{position:absolute;width: 23.5%;height: 10%;top: 1%;left: 2%;background-image: url(../images/prev.png);background-size: 100% 100%;}
.section6 .next{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/next.png);background-size: 100% 100%;}

.section7{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section7 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%; background-image: url(../images/k7.jpg);background-size: 100% 100%;}
.section7 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k7.1.png);background-size: 100% 100%;}
.section7 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k7.2.png);background-size: 100% 100%;}
.section7 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k7.3.png);background-size: 100% 100%;}
.section7 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k7.4.png);background-size: 100% 100%;}
.section7 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k7.5.png);background-size: 100% 100%;display: none;}
.section7 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k7.6.png);background-size: 100% 100%;display: none;}
.section7 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k7.7.png);background-size: 100% 100%;display: none;}
.section7 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k7.8.png);background-size: 100% 100%;display: none;}
.section7 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section7 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section7 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section7 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section7 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka7.png);background-size: 100% 100%;display: none;}
.section7 .prev{position:absolute;width: 23.5%;height: 10%;top: 1%;left: 2%;background-image: url(../images/prev.png);background-size: 100% 100%;}
.section7 .next{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/next.png);background-size: 100% 100%;}

.section8{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section8 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%; background-image: url(../images/k8.jpg);background-size: 100% 100%;}
.section8 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k8.1.png);background-size: 100% 100%;}
.section8 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k8.2.png);background-size: 100% 100%;}
.section8 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k8.3.png);background-size: 100% 100%;}
.section8 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k8.4.png);background-size: 100% 100%;}
.section8 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k8.5.png);background-size: 100% 100%;display: none;}
.section8 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k8.6.png);background-size: 100% 100%;display: none;}
.section8 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k8.7.png);background-size: 100% 100%;display: none;}
.section8 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k8.8.png);background-size: 100% 100%;display: none;}
.section8 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section8 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section8 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section8 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section8 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka8.png);background-size: 100% 100%;display: none;}
.section8 .prev{position:absolute;width: 23.5%;height: 10%;top: 1%;left: 2%;background-image: url(../images/prev.png);background-size: 100% 100%;}
.section8 .next{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/next.png);background-size: 100% 100%;}

.section9{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section9 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%; background-image: url(../images/k9.jpg);background-size: 100% 100%;}
.section9 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k9.1.png);background-size: 100% 100%;}
.section9 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k9.2.png);background-size: 100% 100%;}
.section9 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k9.3.png);background-size: 100% 100%;}
.section9 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k9.4.png);background-size: 100% 100%;}
.section9 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k9.5.png);background-size: 100% 100%;display: none;}
.section9 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k9.6.png);background-size: 100% 100%;display: none;}
.section9 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k9.7.png);background-size: 100% 100%;display: none;}
.section9 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k9.8.png);background-size: 100% 100%;display: none;}
.section9 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section9 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section9 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section9 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section9 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka9.png);background-size: 100% 100%;display: none;}
.section9 .prev{position:absolute;width: 23.5%;height: 10%;top: 1%;left: 2%;background-image: url(../images/prev.png);background-size: 100% 100%;}
.section9 .next{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/next.png);background-size: 100% 100%;}

.section10{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;opacity: 0;}
.section10 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%; background-image: url(../images/k10.jpg);background-size: 100% 100%;}
.section10 .w1{position: absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k10.1.png);background-size: 100% 100%;}
.section10 .w2{position: absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k10.2.png);background-size: 100% 100%;}
.section10 .w3{position: absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k10.3.png);background-size: 100% 100%;}
.section10 .w4{position: absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k10.4.png);background-size: 100% 100%;}
.section10 .w21{position:absolute;width: 60%;height: 6%;top: 39.5%;left: 21%;background-image: url(../images/k10.5.png);background-size: 100% 100%;display: none;}
.section10 .w22{position:absolute;width: 60%;height: 6%;top: 47%; left: 21%; background-image: url(../images/k10.6.png);background-size: 100% 100%;display: none;}
.section10 .w23{position:absolute;width: 60%;height: 6%;top: 54.5%;left: 21%;background-image: url(../images/k10.7.png);background-size: 100% 100%;display: none;}
.section10 .w24{position:absolute;width: 60%;height: 6%;top: 62%; left: 21%; background-image: url(../images/k10.8.png);background-size: 100% 100%;display: none;}
.section10 .w5{position: absolute;width: 12%;height: 6%;top: 39.5%;right: 7%;background-image: url(../images/right.png);background-size: 100% 100%;display: none;}
.section10 .w6{position: absolute;width: 12%;height: 6%;top: 47%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section10 .w7{position: absolute;width: 12%;height: 6%;top: 54.5%;right: 7%;background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section10 .w8{position: absolute;width: 12%;height: 6%;top: 62%; right: 7%; background-image: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section10 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/ka10.png);background-size: 100% 100%;display: none;}
.section10 .prev{position:absolute;width: 23.5%;height: 10%;top: 1%;left: 2%;background-image: url(../images/prev.png);background-size: 100% 100%;}
.section10 .finish{position:absolute;width: 23.5%;height: 10%;top: 1%;right: 2%;background-image: url(../images/over.png);background-size: 100% 100%;}

.end{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;opacity: 0;}
.end img{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
.end .back{position: absolute;width: 19%;height: 4.5%;bottom: 3%;right: 6%;}

.author{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/author.png);background-size: 100% 100%;display: none;z-index: 11;}
.author_close{position: absolute;width: 7%;height: 4.5%;top: 2.5%;right: 6%;}

.video_tab{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/video.jpg);background-size: 100% 100%;opacity: 0;}
.video_tab .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/video.png);background-size: 100% 100%;}
.video_tab .w1{position: absolute;width: 28%;height: 15%;top: 35%;left: 5%;}
.video_tab .w1 img{position: absolute;width: 54%;height: 24%;top: 63%;left: 46%;display: none;}
.video_tab .w2{position: absolute;width: 28%;height: 15%;top: 35%;left: 36.5%;}
.video_tab .w2 img{position: absolute;width: 54%;height: 24%;top: 63%;left: 46%;display: none;}
.video_tab .w3{position: absolute;width: 28%;height: 15%;top: 35%;left: 67.5%;}
.video_tab .w3 img{position: absolute;width: 54%;height: 24%;top: 63%;left: 46%;display: none;}
.video_tab .w4{position: absolute;width: 28%;height: 15%;top: 50.5%;left: 5%;}
.video_tab .w4 img{position: absolute;width: 54%;height: 24%;top: 63%;left: 46%;display: none;}
.video_tab .w5{position: absolute;width: 28%;height: 15%;top: 50.5%;left: 36.5%;}
.video_tab .w5 img{position: absolute;width: 54%;height: 24%;top: 63%;left: 46%;display: none;}
.video_tab .w6{position: absolute;width: 28%;height: 15%;top: 50.5%;left: 67.5%;}
.video_tab .w6 img{position: absolute;width: 54%;height: 24%;top: 63%;left: 46%;display: none;}

.video_tab .up{position: absolute;width: 13%;height: 6%;top: 70.7%;left: 43.2%;}
.video_tab .down{position: absolute;width: 13%;height: 6%;top: 87.7%;left: 43.2%;}
.video_tab .left{position: absolute;width: 11%;height: 9%;top: 77.7%;left: 29.2%;}
.video_tab .right{position: absolute;width: 11%;height: 9%;top: 77.7%;left: 59.2%;}
.video_tab .mid1{position: absolute;width: 9%;height: 5%;top: 79.7%;left: 46.5%;background-image: url(../images/start.png);background-size: 100% 100%;}
.video_tab .mid2{position: absolute;width: 9%;height: 5%;top: 79.7%;left: 45.2%;background-image: url(../images/stop.png);background-size: 100% 100%;display: none;}
.video_tab .close{position: absolute;width: 13%;height: 7%;top: 90.5%;left: 82.2%;}

.video{position: absolute;width: 93%;height: 32%;top: 2.2%;left: 3.5%;opacity: 0;}

.disable {
  pointer-events: 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 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}
}