@charset "utf-8";
/* CSS Document */

/*font-family: 'Beltway Prophecy', "microsoft yahei", Arial, Helvetica, sans-serif;*/

/*
@keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
@-webkit-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
@-moz-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
@-o-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }

animation:show_alpha 0.3s ease both;
-webkit-animation:show_alpha 0.3s ease forwards;
-moz-animation:show_alpha 0.3s linear backwards;
-o-animation:show_alpha 0.3s linear forwards; 

animation:arrAM 0.6s 0s ease-in-out infinite alternate;
-o-animation:arrAM 0.6s 0s ease-in-out infinite normal; 

transform-origin:0 0;

-webkit-animation-play-state:paused;
-webkit-animation-play-state:running;

BackOut		cubic-bezier(0.18, 0.89, 0.32, 1.28)
CubicOut	cubic-bezier(0.22, 0.61, 0.36, 1)
CubicInOut	cubic-bezier(0.65, 0.05, 0.36, 1)

@-webkit-keyframes p1TxtShow_am 	{  0% { opacity:0; } 100% { opacity:1; }  }
@-webkit-keyframes p1TxtOut_am 	{  0% { opacity:1; } 100% { opacity:0; }  }
.p1Txt1_am { -webkit-animation:p1TxtShow_am 3s 0.6s ease backwards, p1TxtOut_am 0.5s 3.6s ease forwards; }

-webkit-transition: width 2s ease, top 2s ease-out;

log z 30;
loader z 20;
*/	

@-webkit-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
.show_alpha { -webkit-animation:show_alpha 0.3s ease both; }
.show_alpha_slow { -webkit-animation:show_alpha 0.6s ease both; }

@-webkit-keyframes out_alpha 	{  0% { opacity:1; } 100% { opacity:0.5; }  }
.out_alpha { -webkit-animation:out_alpha 0.3s ease both; }
.out_alpha_slow { -webkit-animation:out_alpha 0.6s ease both; }

/*@-webkit-keyframes show_right 	{  0% { -webkit-transform:translate3d(100%,0,0); } 100% { -webkit-transform:translate3d(0%,0,0); }  }
.show_right { -webkit-animation:show_right 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_left 	{  0% { -webkit-transform:translate3d(0%,0,0); } 100% { -webkit-transform:translate3d(-100%,0,0); }  }
.out_left { -webkit-animation:out_left 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_left 	{  0% { -webkit-transform:translate3d(-100%,0,0); } 100% { -webkit-transform:translate3d(0%,0,0); }  }
.show_left { -webkit-animation:show_left 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_right 	{  0% { -webkit-transform:translate3d(0%,0,0); } 100% {  -webkit-transform:translate3d(100%,0,0); }  }
.out_right { -webkit-animation:out_right 0.7s cubic-bezier(.55,0,.45,1) both; }*/

@-webkit-keyframes show_up 	{  0% { -webkit-transform:translate3d(0,-100%,0); } 100% { -webkit-transform:translate3d(0,0,0); }  }
.show_up { -webkit-animation:show_up 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_down 	{  0% { -webkit-transform:translate3d(0,0,0); } 100% { -webkit-transform:translate3d(0,100%,0); }  }
.out_down { -webkit-animation:out_down 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_down 	{  0% { -webkit-transform:translate3d(0,100%,0); } 100% { -webkit-transform:translate3d(0,0,0); }  }
.show_down { -webkit-animation:show_down 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_up 	{  0% { -webkit-transform:translate3d(0,0,0); } 100% { -webkit-transform:translate3d(0,-100%,0); }  }
.out_up { -webkit-animation:out_up 0.7s cubic-bezier(.55,0,.45,1) both; }

@-webkit-keyframes arr_am 	{  0% { -webkit-transform:translate3d(0,-30%,0); } 100% { -webkit-transform:translate3d(0,30%,0); }  }
.arr_am { -webkit-animation:arr_am 0.6s ease-in-out infinite alternate; }
@-webkit-keyframes zoom_am 	{
    0% { -webkit-transform:translate3d(0,0,0) scale(1); }
    100% { -webkit-transform:translate3d(0,0,0) scale(1.1); }  }
.zoom_am { -webkit-animation:zoom_am 0.4s ease-in-out infinite alternate; }

.btTxt_am { -webkit-animation:btTxt_am 0.6s ease-in-out infinite alternate; }
@-webkit-keyframes btTxt_am        {  
	0% {  -webkit-transform:translate3d(0,0,0) scale(1); } 
	100% {  -webkit-transform:translate3d(0,0,0) scale(1.07); }  
}
.in_up { -webkit-animation:in_up 0.5s ease both; }
@-webkit-keyframes in_up    {  
  0% { -webkit-transform:translate3d(0,30px,0); opacity:0; } 
  100% { -webkit-transform:translate3d(0,0,0); opacity:1; }  
}
.in_down { -webkit-animation:in_down 0.5s ease both; }
@-webkit-keyframes in_down    {
  0% { -webkit-transform:translate3d(0,-30px,0); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0); opacity:1; }
}
.in_left { -webkit-animation:in_left 0.5s ease both; }
@-webkit-keyframes in_left    {
  0% { -webkit-transform:translate3d(30px,0,0); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0); opacity:1; }
}
.in_right { -webkit-animation:in_right 0.5s ease both; }
@-webkit-keyframes in_right    {
  0% { -webkit-transform:translate3d(-30px,0,0); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0); opacity:1; }
}
.in_alpha { -webkit-animation:in_alpha 0.4s ease both; }
@-webkit-keyframes in_alpha    {
  0% { -webkit-transform:translate3d(0,0,0); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0); opacity:1; }
}
.spinAm { -webkit-animation:spinAm 2s linear normal infinite; }
@-webkit-keyframes spinAm    {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}

body {  background:#fff; }


img { width:100%; display:block; pointer-events:none; }
section { width:100%; position:absolute; -webkit-transform:translate3d(0,0,0); display:none; }
div { position:absolute; }
.bg { width:100%; position:absolute; }
.maskBg { width:100%; height:100%; background:#000; opacity:0.5; }
.ele { position:absolute; }
.moreImg { position:absolute; top:0; }


.msgBox { width:100%; height:100%; top:0; background-color:rgba(0,0,0,0.3); display:none; z-index:19999; }
.msgBox .msg { width:72%; left:14%; top:29%; background-color:#fff; border-radius:14px; text-align:center; }
.msgBox .title { font-size:1.2rem; color:#000; padding-top:7%; display:none; }
.msgBox .disc { font-size:1.1rem; color:#333; margin-top:7%;  }
.msgBox .bt { font-size:1.1rem; color:#007aff; margin-top:7%; padding:5% 0;  display:block; border-top:1px solid #eeeeee; }


.main { width:100%; height:100%; overflow:hidden; position:relative; display:none; }
.main .mainBg { width:100%; position:absolute; top:0; left:0;  }

#log { position:fixed; top:0; left:0; width:50%; height:50%; color:red; z-index:30; pointer-events:none; display:none; }
/*#log.debug { width:30%;height:30%;pointer-events:auto;display:block; }*/

#loader { width:100%; height:100%; position:absolute; top:0; left:0; z-index:20; }
#loader .ldImg { width:6.6%; left:46.4%; top:38.4%; position:absolute; }
#loader .ldNum { width:100%; position:absolute; top:43.58%; color:#000; font-size:0.8rem; text-align:center;
    font-family:Arial, Helvetica, sans-serif; }



/**** ip */
.p1Hand_am { -webkit-animation:p1Hand_am 0.5s ease-in-out infinite alternate; }
@-webkit-keyframes p1Hand_am    {
    0% { -webkit-transform:translate3d(0,-15px,0); }
    100% { -webkit-transform:translate3d(0,5px,0); }
}

#p1, #end { height:auto; }
.p1Box { width:100%; height:100%; left:0%; top:0%; }
.p1StartTxt { width:23.47%; left:66.67%; top:74.79%; }
.p1Hand { width:10.13%; left:79.47%; top:65.75%; }
.cover { width:100%; height:100%; top:0; }

.ipPop { width:100%; left:0%; top:0%; }
.ipSubmit { width:27.87%; left:36.27%; top:52.41%; }
.ipTxt { width:51.6%; left:24.13%; top:17.54%; }
#p3 input { width:90%; height:100%; border:none; background:transparent; font-size:0.85rem; }
.ipMob { width:66.67%; height:13.57%; left:35.04%; top:83.93%; }
.ipName { width:66.67%; height:13.57%; left:35.04%; top:62.88%; }

.ipTxt { width:59.6%; left:20.13%; top:17.54%; }
.ipName { width:53.91%; left:36.52%; top:54.01%; }
.ipMob { width:53.91%; left:36.52%; top:73%; }


.pageGo { -webkit-animation:pageGo 0.6s ease both; }
@-webkit-keyframes pageGo    {
    0% { -webkit-transform:rotateY(0deg); }
    100% { -webkit-transform:rotateY(-90deg); }
}
.pageGoHarf { -webkit-transform:rotateY(-40deg); }

#p2 ul { width:100%; height:100%; top:0; position:absolute; }
#p2 ul li { width:115.07%; position:absolute; left:-15%; top:2.1%;
    -webkit-transform:rotate(-2deg); display:none; perspective:1600px; }

.p2Book { width:100%; height:100%; position:relative; -webkit-transform-origin:10% 50%; }
.p2Pic { width:66.98%; left:19.93%; top:21.29%; }
.p2Year { width:25.26%; left:19.24%; top:77.26%; }
.p2Bt { width:24.22%; left:40.5%; top:84.2%; -webkit-transform: rotate(2deg); }
.p2Next { width:14.14%; left:82.04%; top:87%; }

/*.p2Bt { width:27.87%; left:33.87%; top:69.99%; }*/
/*.p2Next { width:16.27%; left:81.67%; top:71.69%; }*/

#p2WrPop { width:100%; left:0%; top:0%; display:none; }
.p2WrBt { width:27.87%; left:36.4%; top:47%; }
.p2Wr { width:100%; left:0%; top:0%; }

#p2WrPop,#p3 { z-index:9999; }

#end { z-index:19999; }
.endPop { width:100%; height:100%; top:0; display:none; }
.endBack { width:27.87%; left:36.27%; top:48.41%; }
.endPoster { width:100%; height:100%; top:0; opacity:0; }

.p3RuleBt { width:36.53%; left:23.87%; top:27.97%; }
.p3Disc { width:36%; left:24.4%; top:33.91%; }



@media screen and (min-height: 681px) and (max-height:1023px) {

}
@media screen and (min-height: 641px) and (max-height:680px) {
       
}
@media screen and (min-height: 320px) and (max-height:640px) {
       
}