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:url('../images/loading.gif') no-repeat 0 0;background-size:100% 100%}
.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;}
.video{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 2;}
.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;}
.section0 .w0{position: absolute;width: 100%;height: 100%;bottom: 0%;left: 0%;}
.startPlay{position: absolute;width: 34%;height: 8%;bottom: 29%;left: 33%;}
.startPlay{
    animation:fadeIn 2s .5s linear infinite;
    -moz-animation:fadeIn 2s .5s linear infinite;
    -webkit-animation:fadeIn 2s .5s linear infinite;
    -o-animation:fadeIn 2s .5s linear infinite
}


.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: url(../images/p1.jpg);background-size: 100% 100%;}
.section1 .w5{position: absolute;width: 8.2%;height: 5%;top: 30%;left: 81%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section1 .w6{position: absolute;width: 8.2%;height: 5%;top: 41%;left: 81%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section1 .w7{position: absolute;width: 8.2%;height: 5%;top: 52%;left: 81%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section1 .w8{position: absolute;width: 8.2%;height: 5%;top: 63%;left: 81%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section1 .w1{position: absolute;width: 80.4%;height: 8.8%;top: 28%;left: 10.2%;background: url(../images/p1.1.png);background-size: 100% 100%;}
.section1 .w2{position: absolute;width: 80.4%;height: 8.8%;top: 39%;left: 10.2%;background: url(../images/p1.2.png);background-size: 100% 100%;}
.section1 .w3{position: absolute;width: 80.4%;height: 8.8%;top: 50%;left: 10.2%;background: url(../images/p1.3.png);background-size: 100% 100%;}
.section1 .w4{position: absolute;width: 80.4%;height: 8.8%;top: 61%;left: 10.2%;background: url(../images/p1.4.png);background-size: 100% 100%;}
.section1 .w9{position: absolute;width: 44%;height: 8.8%;top: 74%;left: 29%;background: url(../images/button1.png);background-size: 100% 100%;}
.section1 .w10{position: absolute;width: 83.8%;height: 55%;top: 61%;left: 18%;background: url(../images/right.gif);background-size: 100% 100%;display: none;}
.section1 .w11{position: absolute;width: 83.8%;height: 55%;top: 61%;left: 18%;background: url(../images/wrong.gif);background-size: 100% 100%;display: none;}
.blur{
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -ms-filter: blur(6px);
  -moz-filter: blur(6px);
}
.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: url(../images/p2.jpg);background-size: 100% 100%;}
.section2 .w1{position: absolute;width: 23.1%;height: 15.1%;top: 13%;left: 40%;background: url(../images/p2.1.png);background-size: 100% 100%;}
.section2 .w2{position: absolute;width: 23.1%;height: 15.1%;top: 33%;left: 40%;background: url(../images/p2.2.png);background-size: 100% 100%;}
.section2 .w3{position: absolute;width: 23.1%;height: 15.1%;top: 53%;left: 40%;background: url(../images/p2.3.png);background-size: 100% 100%;}
.section2 .w4{position: absolute;width: 44%;height: 8.8%;top: 75.5%;left: 29%;background: url(../images/button1.png);background-size: 100% 100%;}

.section3{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/end.jpg);background-size: 100% 100%;opacity: 0}
.section3 .w0{position: absolute;width: 48%;height: 10%;top: 54%;left: 26%;}
.section3 .w1{position: absolute;width: 49%;height: 10%;top: 66.5%;left: 26%;}
.section4{display: none;position:absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 11;background: url(../images/fc.png);background-size: 100% 100%;}
.section4 img{position: absolute;width: 80%;height: 80%;top: 10%;left: 10%;}
.section4 .w0{position: absolute;width: 38%;height: 3%;top: 93%;left: 30%;background: url(../images/bc.png);background-size: 100% 100%;}
.section4.ani .w0{
    animation:fadeIn 1.5s .5s linear infinite;
    -moz-animation:fadeIn 1.5s .5s linear infinite;
    -webkit-animation:fadeIn 1.5s .5s linear infinite;
    -o-animation:fadeIn 1.5s .5s linear infinite
}
.section4 .w1{position: absolute;width: 8%;height: 5%;top: 2%;right: 12%;}
#a1{display: none;position: absolute;width: 100%;height: 100%;z-index: 1000;}
#a1 .w0{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s1.jpg') no-repeat 0 0;background-size:100% 100%;}
#a1 .w0 .start{position: absolute;width: 43%;height: 8%;bottom: 37%;left: 29%;}
#a1 .w1{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s2.jpg') no-repeat 0 0;background-size:100% 100%;}
#a1 .w2{display: none;position: absolute;width: 43%;height: 8%;bottom: 37%;left: 29%;}

.disable {
  pointer-events: none;
}

.section5{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p3.jpg);background-size: 100% 100%;opacity: 0}
.section5 .w0{position: absolute;width: 41.3%;height: 8.7%;top: 71%;left: 30%;background: url(../images/button2.png);background-size: 100% 100%;}
.section5 .w1{position: absolute;width: 80.4%;height: 8.8%;top: 25%;left: 10.2%;background: url(../images/p3.1.png);background-size: 100% 100%;}
.section5 .w2{position: absolute;width: 80.4%;height: 8.8%;top: 36%;left: 10.2%;background: url(../images/p3.2.png);background-size: 100% 100%;}
.section5 .w3{position: absolute;width: 80.4%;height: 8.8%;top: 47%;left: 10.2%;background: url(../images/p3.3.png);background-size: 100% 100%;}
.section5 .w4{position: absolute;width: 80.4%;height: 8.8%;top: 58%;left: 10.2%;background: url(../images/p3.4.png);background-size: 100% 100%;}
.section5 .w5{position: absolute;width: 8.2%;height: 5%;top: 27%;left: 79%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section5 .w6{position: absolute;width: 8.2%;height: 5%;top: 38%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section5 .w7{position: absolute;width: 8.2%;height: 5%;top: 49%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section5 .w8{position: absolute;width: 8.2%;height: 5%;top: 60%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section5 .w10{position: absolute;width: 18.5%;height: 12%;top: 67.1%;left: 10%;background: url(../images/tuanbao.png);background-size: 100% 100%;}

.section6{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p4.jpg);background-size: 100% 100%;opacity: 0}
.section6 .w0{position: absolute;width: 41.3%;height: 8.7%;top: 71%;left: 30%;background: url(../images/button2.png);background-size: 100% 100%;}
.section6 .w1{position: absolute;width: 80.4%;height: 8.8%;top: 25%;left: 10.2%;background: url(../images/p4.1.png);background-size: 100% 100%;}
.section6 .w2{position: absolute;width: 80.4%;height: 8.8%;top: 36%;left: 10.2%;background: url(../images/p4.2.png);background-size: 100% 100%;}
.section6 .w3{position: absolute;width: 80.4%;height: 8.8%;top: 47%;left: 10.2%;background: url(../images/p4.3.png);background-size: 100% 100%;}
.section6 .w4{position: absolute;width: 80.4%;height: 8.8%;top: 58%;left: 10.2%;background: url(../images/p4.4.png);background-size: 100% 100%;}
.section6 .w5{position: absolute;width: 8.2%;height: 5%;top: 27%;left: 79%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section6 .w6{position: absolute;width: 8.2%;height: 5%;top: 38%;left: 79%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section6 .w7{position: absolute;width: 8.2%;height: 5%;top: 49%;left: 79%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section6 .w8{position: absolute;width: 8.2%;height: 5%;top: 60%;left: 79%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section6 .w10{position: absolute;width: 18.5%;height: 12%;top: 67.1%;left: 10%;background: url(../images/tuanbao.png);background-size: 100% 100%;}

.section7{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p5.jpg);background-size: 100% 100%;opacity: 0}
.section7 .w0{position: absolute;width: 41.3%;height: 8.7%;top: 71%;left: 30%;background: url(../images/button2.png);background-size: 100% 100%;}
.section7 .w1{position: absolute;width: 80.4%;height: 8.8%;top: 25%;left: 10.2%;background: url(../images/p5.1.png);background-size: 100% 100%;}
.section7 .w2{position: absolute;width: 80.4%;height: 8.8%;top: 36%;left: 10.2%;background: url(../images/p5.2.png);background-size: 100% 100%;}
.section7 .w3{position: absolute;width: 80.4%;height: 8.8%;top: 47%;left: 10.2%;background: url(../images/p5.3.png);background-size: 100% 100%;}
.section7 .w4{position: absolute;width: 80.4%;height: 8.8%;top: 58%;left: 10.2%;background: url(../images/p5.4.png);background-size: 100% 100%;}
.section7 .w5{position: absolute;width: 8.2%;height: 5%;top: 27%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section7 .w6{position: absolute;width: 8.2%;height: 5%;top: 38%;left: 79%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section7 .w7{position: absolute;width: 8.2%;height: 5%;top: 49%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section7 .w8{position: absolute;width: 8.2%;height: 5%;top: 60%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section7 .w10{position: absolute;width: 18.5%;height: 12%;top: 67.1%;left: 10%;background: url(../images/tuanbao.png);background-size: 100% 100%;}

.section8{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p6.jpg);background-size: 100% 100%;opacity: 0}
.section8 .w0{position: absolute;width: 41.3%;height: 8.7%;top: 71%;left: 30%;background: url(../images/button2.png);background-size: 100% 100%;}
.section8 .w1{position: absolute;width: 80.4%;height: 8.8%;top: 25%;left: 10.2%;background: url(../images/p6.1.png);background-size: 100% 100%;}
.section8 .w2{position: absolute;width: 80.4%;height: 8.8%;top: 36%;left: 10.2%;background: url(../images/p6.2.png);background-size: 100% 100%;}
.section8 .w3{position: absolute;width: 80.4%;height: 8.8%;top: 47%;left: 10.2%;background: url(../images/p6.3.png);background-size: 100% 100%;}
.section8 .w4{position: absolute;width: 80.4%;height: 8.8%;top: 58%;left: 10.2%;background: url(../images/p6.4.png);background-size: 100% 100%;}
.section8 .w5{position: absolute;width: 8.2%;height: 5%;top: 27%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section8 .w6{position: absolute;width: 8.2%;height: 5%;top: 38%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section8 .w7{position: absolute;width: 8.2%;height: 5%;top: 49%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section8 .w8{position: absolute;width: 8.2%;height: 5%;top: 60%;left: 79%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section8 .w10{position: absolute;width: 18.5%;height: 12%;top: 67.1%;left: 10%;background: url(../images/tuanbao.png);background-size: 100% 100%;}

.section9{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p7.jpg);background-size: 100% 100%;opacity: 0}
.section9 .w0{position: absolute;width: 41.3%;height: 8.7%;top: 71%;left: 30%;background: url(../images/button2.png);background-size: 100% 100%;}
.section9 .w1{position: absolute;width: 80.4%;height: 8.8%;top: 25%;left: 10.2%;background: url(../images/p7.1.png);background-size: 100% 100%;}
.section9 .w2{position: absolute;width: 80.4%;height: 8.8%;top: 36%;left: 10.2%;background: url(../images/p7.2.png);background-size: 100% 100%;}
.section9 .w3{position: absolute;width: 80.4%;height: 8.8%;top: 47%;left: 10.2%;background: url(../images/p7.3.png);background-size: 100% 100%;}
.section9 .w4{position: absolute;width: 80.4%;height: 8.8%;top: 58%;left: 10.2%;background: url(../images/p7.4.png);background-size: 100% 100%;}
.section9 .w5{position: absolute;width: 8.2%;height: 5%;top: 27%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section9 .w6{position: absolute;width: 8.2%;height: 5%;top: 38%;left: 79%;background: url(../images/right.png);background-size: 100% 100%;display: none;}
.section9 .w7{position: absolute;width: 8.2%;height: 5%;top: 49%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section9 .w8{position: absolute;width: 8.2%;height: 5%;top: 60%;left: 79%;background: url(../images/wrong.png);background-size: 100% 100%;display: none;}
.section9 .w10{position: absolute;width: 18.5%;height: 12%;top: 67.1%;left: 10%;background: url(../images/tuanbao.png);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 fadeInOut {
  0% {opacity: 1;}
  14% {opacity: 0;}
  28% {opacity: 1;}
  42% {opacity: 0;}
  56% {opacity: 1;}
  70% {opacity: 0;}
  86% {opacity: 1;}
  100% {opacity: 0;}
}
@-moz-keyframes fadeInOut {
  0% {opacity: 1;}
  14% {opacity: 0;}
  28% {opacity: 1;}
  52% {opacity: 0;}
  66% {opacity: 1;}
  70% {opacity: 0;}
  86% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeInOut {
  0% {opacity: 1;}
  14% {opacity: 0;}
  28% {opacity: 1;}
  42% {opacity: 0;}
  56% {opacity: 1;}
  70% {opacity: 0;}
  86% {opacity: 1;}
  100% {opacity: 0;}
}

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