
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;display: none;}
#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-image: url(../images/start/1.jpg);background-size: 100% 100%;}
.section0 .sign_btn {position: absolute;width: 30%;height: 6.6%;top: 73%;left: 35%;display: none;}
.section0 .start_btn{position: absolute;width: 30%;height: 6.6%;top: 73%;left: 35%;}

.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/p1.jpg);background-size: 100% 100%;}
.section1 .w1{position: absolute;width: 78.7%;height: 8.4%;top: 38%;left: 11%;background-image: url(../images/p1.1.png);background-size: 100% 100%;}
.section1 .w2{position: absolute;width: 78.7%;height: 8.4%;top: 47%;left: 11%;background-image: url(../images/p1.2.png);background-size: 100% 100%;}
.section1 .w3{position: absolute;width: 78.7%;height: 8.4%;top: 56%;left: 11%;background-image: url(../images/p1.3.png);background-size: 100% 100%;}
.section1 .w4{position: absolute;width: 78.7%;height: 8.4%;top: 65%;left: 11%;background-image: url(../images/p1.4.png);background-size: 100% 100%;}
.section1 .w21{position:absolute;width: 78.7%;height: 8.4%;top: 38%;left: 11%;background-image: url(../images/p1.5.png);background-size: 100% 100%;display: none;}
.section1 .w22{position:absolute;width: 78.7%;height: 8.4%;top: 47%;left: 11%;background-image: url(../images/p1.6.png);background-size: 100% 100%;display: none;}
.section1 .w23{position:absolute;width: 78.7%;height: 8.4%;top: 56%;left: 11%;background-image: url(../images/p1.7.png);background-size: 100% 100%;display: none;}
.section1 .w24{position:absolute;width: 78.7%;height: 8.4%;top: 65%;left: 11%;background-image: url(../images/p1.8.png);background-size: 100% 100%;display: none;}
.section1 .w5{position: absolute; width: 8.2%;height: 4.5%;top: 39%;left: 76%;background-image: url(../images/right.png);background-size: 100% 100%;display:none;}
.section1 .w6{position: absolute; width: 8.2%;height: 4.5%;top: 48%;left: 76%;background-image: url(../images/wrong.png);background-size: 100% 100%;display:none;}
.section1 .w7{position: absolute; width: 8.2%;height: 4.5%;top: 57%;left: 76%;background-image: url(../images/right.png);background-size: 100% 100%;display:none;}
.section1 .w8{position: absolute; width: 8.2%;height: 4.5%;top: 66%;left: 76%;background-image: url(../images/wrong.png);background-size: 100% 100%;display:none;}
.section1 .button{position: absolute;width: 43.1%;height: 8.2%;top: 75%;left: 30%;background-image: url(../images/button1.png);background-size: 100% 100%;}
.section1 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/anster1.png);background-size: 100% 100%;display: none;}
.section1 .continue{position:absolute;width: 26.5%;height: 8.1%;top: 90%;right: 0;background-image: url(../images/continue.png);background-size: 100% 100%;display: none;}
.section1 .tuan{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;}
.section2 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/p2.jpg);background-size: 100% 100%;}
.section2 .w1{position: absolute;width: 78.7%;height: 8.4%;top: 38%;left: 11%;background-image: url(../images/p2.1.png);background-size: 100% 100%;}
.section2 .w2{position: absolute;width: 78.7%;height: 8.4%;top: 47%;left: 11%;background-image: url(../images/p2.2.png);background-size: 100% 100%;}
.section2 .w3{position: absolute;width: 78.7%;height: 8.4%;top: 56%;left: 11%;background-image: url(../images/p2.3.png);background-size: 100% 100%;}
.section2 .w4{position: absolute;width: 78.7%;height: 8.4%;top: 65%;left: 11%;background-image: url(../images/p2.4.png);background-size: 100% 100%;}
.section2 .w21{position:absolute;width: 78.7%;height: 8.4%;top: 38%;left: 11%;background-image: url(../images/p2.5.png);background-size: 100% 100%;display: none;}
.section2 .w22{position:absolute;width: 78.7%;height: 8.4%;top: 47%;left: 11%;background-image: url(../images/p2.6.png);background-size: 100% 100%;display: none;}
.section2 .w23{position:absolute;width: 78.7%;height: 8.4%;top: 56%;left: 11%;background-image: url(../images/p2.7.png);background-size: 100% 100%;display: none;}
.section2 .w24{position:absolute;width: 78.7%;height: 8.4%;top: 65%;left: 11%;background-image: url(../images/p2.8.png);background-size: 100% 100%;display: none;}
.section2 .w5{position: absolute; width: 8.2%;height: 4.5%;top: 39%;left: 76%;background-image: url(../images/wrong.png);background-size: 100% 100%;display:none;}
.section2 .w6{position: absolute; width: 8.2%;height: 4.5%;top: 48%;left: 76%;background-image: url(../images/wrong.png);background-size: 100% 100%;display:none;}
.section2 .w7{position: absolute; width: 8.2%;height: 4.5%;top: 57%;left: 76%;background-image: url(../images/wrong.png);background-size: 100% 100%;display:none;}
.section2 .w8{position: absolute; width: 8.2%;height: 4.5%;top: 66%;left: 76%;background-image: url(../images/right.png);background-size: 100% 100%;display:none;}
.section2 .button{position: absolute;width: 43.1%;height: 8.2%;top: 75%;left: 30%;background-image: url(../images/button1.png);background-size: 100% 100%;}
.section2 .anster{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background-image: url(../images/anster2.png);background-size: 100% 100%;display:none;}
.section2 .continue{position:absolute;width: 26.5%;height: 8.1%;top: 90%;right: 0;background-image: url(../images/continue.png);background-size: 100% 100%;display:none;}
.section2 .tuan{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: 49%;height: 7%;top: 32%;left: 26%;}
.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}
}