@charset "utf-8";
/**/
body{font-size: 14px; position: relative;background: #fff; }
a{ color: #1467c9; text-decoration: none}
.clear{clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.mxwidth{max-width: 550px; margin: 0 auto; height: 100%;}

.disabled { pointer-events: none; } 
#loading{position: absolute;top: 0;left: 0;  width:100%;height:100%;background-color:#ebebeb;text-align:center;z-index: 9999;
    display:-webkit-box;display:-ms-flexbox;display:
-webkit-flex;display:flex;-webkit-box-pack:center;
    -ms-flex-pack:center;-webkit-justify-content:center;
    justify-content:center;-webkit-box-align:center;
    -ms-flex-align:center;-webkit-align-items:center;
    align-items:center}
#loading .content{width:80px}
#loading .content .logo{width:40px;line-height:0;font-size:0;
    display:inline-block;
    animation:animation-rotate-un 1.6s linear infinite normal forwards;
    -webkit-animation:animation-rotate-un 1.6s linear infinite normal forwards;
    transform-origin:center center;
    -webkit-transform-origin:center center;
    }

.fn-audio{position:fixed;z-index: 1000;right:2%;top:2%;}
.fn-audio .btn{border:none}
.fn-audio .btn_audio span{display:inline-block;width:30px;height:30px}
.fn-audio .btn_audio .audio_open{
    animation:animation-rotate-un 2s linear infinite normal forwards;
    -webkit-animation:animation-rotate-un 2s linear infinite normal forwards;
    }
    
.fn-audio .btn_audio .audio_close{display:none}

@keyframes animation-rotate {
  from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes animation-rotate-un {
  from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}


@keyframes animation-rotate-un {
  from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  to {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}
@-webkit-keyframes animation-rotate-un {
  from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  to {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}

/**/
.swiper-container{ width: 100%; height: 100%;}
#main .swiper-slide{position: relative;overflow: hidden; }

.page0 .P0_logo{position: absolute;left: 20%;bottom: 5%;width: 60%;max-width: 445px;z-index: 5;}
.page0 .P0_1{position: absolute;left: 30%;top: 45%;width: 50%;max-width: 397px;z-index: 5;}
.page0 .P0_1 img{
	animation: qiuqiu 8s 0s linear infinite normal forwards;
  -webkit-animation: qiuqiu 8s 0s linear infinite normal forwards;
}
@keyframes qiuqiu {
  0%,100% {transform: translateY(0px);-webkit-transform: translateY(0px);}
  50% {transform: translateY(40px);-webkit-transform: translateY(40px);}
}
@-webkit-keyframes qiuqiu {
  0%,100% {transform: translateY(0px);-webkit-transform: translateY(0px);}
  50% {transform: translateY(40px);-webkit-transform: translateY(40px);}
}

.page1{background: url(../images/p1_bj.jpg) no-repeat 0 0;background-size: 100% 100%;}
.page1 .p1_logo1{position: absolute;left: 13%;bottom: 9%;width: 74%;max-width: 491px;z-index: 5;}
.page1 .p1_logo2{position: absolute;left: 40%;bottom: 6%;width: 20%;max-width: 114px;z-index: 5;}
.page1 .p1_1{position: absolute;left: 8%;top: 11%;width: 86%;max-width: 670px;z-index: 2;}
.page1 .p1_2{position: absolute;left: 15%;top: 4%;width: 70%;max-width: 670px;z-index: 2;}
.page1 .p1_p{position: absolute;left: 0%;top: 62%;width: 100%;z-index: 1;text-align: center;}
.page1 .p1_p p{color: #fff;font-size: 14px;}
.page1 .p1_3{position: absolute;right: -3%;bottom: 18%;width: 30%;max-width: 344px;z-index: 4;}
.page1 .p1_4{position: absolute;left: 4%;bottom: 11%;width: 25%;max-width: 198px;z-index: 4;}
.page1 .p1_5{position: absolute;right: 5%;bottom: 10%;width: 22%;max-width: 166px;z-index: 5;}
.page1 .btnbox{position: absolute;left: 35%;bottom: 14%;width: 30%;max-width: 295px;z-index: 6;}

.page1 .p1_4 img{
	animation: qiuqiu 8s 0s linear infinite normal forwards;
  -webkit-animation: qiuqiu 8s 0s linear infinite normal forwards;
}
.page1 .p1_5 img{
	animation: qiuqiu 7s 1s linear infinite normal forwards;
  -webkit-animation: qiuqiu 7s 1s linear infinite normal forwards;
}






.flexbox {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flexbox .flex_cont {
   width: 86%;
   height: 75%;
   position: relative;margin-bottom: 10%;
   background: url(../images/p2_2t4.png) no-repeat center;background-size: 100% 100%;
}



/**/
.page{ position: relative;background: url(../images/p2_bj.jpg) no-repeat 0 0;background-size: 100% 100%;}
.page .p2_2t2{position: absolute;width: 20%;left: -3%;bottom: 0%;max-width: 116px;}
.page .p2_2t2 img{
	transform-origin: left bottom; 
	-webkit-transform-origin: left bottom;
	animation: yezi 3s 0s linear infinite normal forwards;
  -webkit-animation: yezi 3s 0s linear infinite normal forwards;
}
@keyframes yezi {
  0%,100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  50% {transform: rotate(5deg);-webkit-transform: rotate(5deg);}
}
@-webkit-keyframes yezi {
  0%,100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  50% {transform: rotate(5deg);-webkit-transform: rotate(5deg);}
}

.page .P_tiban {width: 100%;height: 25%;margin: 0 auto; position: relative;color: #fff;}
.page .w{position: absolute;left: 15%;top: 50%;width: 65%;font-size: 14px;}
.page .numbox{position: absolute;right: 4%;top: 56%;width: 50px;height: 50px;}

.page .answerbox{width: 90%;margin: 5% auto 5%; color: #012882;}
.page .answer{}
.page .answer li{ font-size: 14px;padding: 3% 12%;margin-bottom: 10px;position: relative;
background:#fff url(../images/p2_A.png) no-repeat 2px center;background-size: 25px auto;border-radius: 5px;
}
.page .answer li:nth-child(1){background-image: url(../images/p2_A.png);}
.page .answer li:nth-child(2){background-image: url(../images/p2_B.png);}
.page .answer li:nth-child(3){background-image: url(../images/p2_C.png);}
.page .answer li.on{background-color:#cfffe9;}
.page .answer li.on:after{content: '';position: absolute;top: 7px;right: 8px;width: 30px;height: 50px; background: url(../images/p2_on.png) no-repeat 0 0;background-size: 100% auto;}
.page .answer li.off{background-color:#ffddd5;}
.page .answer li.off:after{content: '';position: absolute;top: 3px;right: 8px;width: 30px;height: 40px; background: url(../images/p2_off.png) no-repeat 0 0;background-size: 100% auto;}
.page .P_pt{width: 74%;margin: 0 auto;}
.page .chosebox{position: absolute;left: 30%;bottom: -10%;width:40%;}

.page5 .w,.page6 .w,.page7 .w,.page8 .w,.page9 .w,.page11 .w,.page12 .w,.page14 .w{font-size: 14px;}
.page3 .P_pt {width: 50%;margin: 0% auto 2%;}
.page4 .P_pt {width: 43%;margin: 0% auto 2%;}
.page5 .P_pt {width: 42%;margin: 0% auto 2%;}
.page6 .P_pt {width: 62%;margin: 0% auto 2%;}
.page7 .P_pt {width: 63%;margin: 0% auto 2%;}
.page8 .P_pt {width: 63%;margin: 0% auto 2%;}
.page9 .P_pt {width: 63%;margin: 0% auto 2%;}
.page10 .P_pt {width: 54%;margin: 0% auto 2%;}
.page12 .P_pt {width: 34%;margin: 0% auto 2%;}
.page14 .P_pt {width: 55%;margin: 0% auto 2%;}
.page15 .P_pt {width: 43%;margin: 0% auto 2%;}
.page16 .P_pt {width: 50%;margin: 0% auto 2%;}



.layerbox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  z-index: 999;
  display: none;
}
.layercont {width: 80%;height: 80%;position: absolute;left: 10%;top:10%;color: #772115;font-weight: normal;}
.closebtn {position: absolute;left: 41%;top: 0%;width: 16%;cursor: pointer;z-index: 5;opacity: 0;}
.juanzhou{position: relative;z-index: 2;}
.drop{position: absolute;left: 12%;top: 25%;width: 74%;height: 40%;overflow: scroll;z-index: 5;line-height: 1.9; color: #772115;display: none;}
.drop1{/* display: none; */}



/**/
.pageend{background: url(../images/p2_bj.jpg) no-repeat 0 0;background-size: 100% 100%;}
.pageend .imgbox{width: 100%;height: 100%;}
.pageend .btnsbox{position: absolute;width: 70%;left: 15%;bottom: 12%;text-align: center;}
.pageend .btnsbox .btn_cj{display: inline-block;width: 50%;}
.pageend .btnsbox .btn_ca{display: inline-block;width: 50%;}
.pageend .pe_logo{position: absolute;left: 3%;top: 3%;width: 60%;max-width: 491px;z-index: 5;}
.pageend .pe_logo2{position: absolute;left: 40%;bottom: 6%;width: 20%;max-width: 114px;z-index: 5;}

.choujiang{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;left: 0;top: 0;z-index: 1000;display: none;}
.choujiang .textinput{width: 40%; position: absolute;left:30%;height: 28px; font-size: 16px;border: none; color: #4f3306;text-align: center;}
.choujiang #username{top: 22%; }
.choujiang #userphone{top: 29%; }




.share {
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    text-align: right;
    z-index: 1100;
}
.share img {
	display: inline-block;
    width: 70%;
}