@charset "utf-8";

*{margin:0;padding:0}
body{font-size:13px;font-family:arial;-webkit-text-size-adjust:none;line-height:1.62;background-color: #000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,html{width:100%;height:100%;overflow:hidden;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none;}
ul,li{ padding:0; margin:0; width:100%;}
em{font-style:normal}
img{border:none;}
input,img{vertical-align:middle;}
input,select,textarea{outline:0;-webkit-appearance:none}
q:before, q:after { content:'' }
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{*zoom:1; clear: both;}
a{color:#666;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active{color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}
section,aside,header,footer,hgroup,article{display:block}
.show{display: block}
.hide{display: none}
/*index*/
.p-index {height: 100%; width: 100%; overflow: hidden }
/*模块 m-*/
.m-page { position:absolute; left:0; top:0; max-height:100%; width:100%; overflow:hidden; background:#4b6fb6;}
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block;}
/*音乐*/
.topCon{ display:block;position:absolute; z-index: 99999999999999; bottom:10px; width:100%; height:40px;background:rgba(204,204,204,0);}
.sound{ width:15px; height:15px; padding:5px; right:15px;  position: absolute;  border:2px solid #CCC;  border-radius: 15px;-webkit-border-radius: 15px;  background:url(../images/soundoff.png) center center no-repeat; background-size:50% 50%; }
.rotateAm{
  -webkit-animation-name: rotateAm;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes rotateAm {
	0%{ opacity:1;}
  25% { -webkit-transform: rotate(0deg) }
  25% { -webkit-transform: rotate(90deg) }
  50% { -webkit-transform: rotate(180deg) }
  75% { -webkit-transform: rotate(270deg) }
  100% { -webkit-transform: rotate(360deg) }
}
.musicOn{ position:absolute; right:13%; bottom:9%; display:none; font-size:10px; color:#000; z-index:55;}
/*音乐end*/
.opacity{ opacity:0;}
.relative{ position:relative;}
.page_bg{ position:absolute;top:0; left:0; width:100%; height:100%; overflow:hidden;}
  /********广告页样式  start*********/
   .opacity{ opacity:0;}

   .page01_bg{ position:absolute; bottom:0; left:0;}
   .page01_text01{ position:relative; margin-top:16%;}
   .page01_text01 img{ position:absolute; top:0;}
   .page01_text02{ position:relative; margin-top:14%;}    
  /********广告页样式   end*********/
	

  /*苹果4手机 start*/
@media screen and (max-height: 500px) {

}
  /*苹果6 plus样式*/  
@media screen and (min-height: 603px) and (max-height: 672px) {

}
/* global */
.p-index{display:none}
.m-tips{opacity:0;display:block;position:absolute;bottom:0;background:url(../images/arrow.png) no-repeat; background-size:100% 100%;left: 46%; width:8%; height:16px;-webkit-animation:tips ease-out 1s infinite;-webkit-animation-delay:2s}
@-webkit-keyframes tips{
	0%{
		opacity:0;
		-webkit-transform:translate(0,0px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,-30px);
	}
}

.dropUp{
  -webkit-animation-name: dropUp;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: both;
}
@-webkit-keyframes dropUp {
0% {
-webkit-transform:translateX(-70%);
opacity:0;
}
60% {
-webkit-transform:translateX(10%);
opacity:1;
}
80% {
-webkit-transform:translateX(-3%);
opacity:1;
}
100% {
-webkit-transform:translateX(0%);
opacity:1;
}
}
.copyright{position:absolute;bottom:5px;left:0;width:100%;font-size:9px;color:#000;text-align:center;}