@charset "utf-8";
*{margin:0; padding:0; list-style:none}
.cube {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);/* 开启硬件加速 */
}
html {
	-ms-touch-action:none; /* 阻止windows Phone 的默认触摸事件 */
	-webkit-tap-highlight-color:rgba(0,0,0,0);/* 禁止点选高亮显示 */
	-webkit-overflow-scrolling:touch;/* 局部滚动 */
	-webkit-touch-callout:none;/* 禁用长按弹出系统菜单 */
}
.wow{visibility: hidden;}
.scroll{
	position:absolute;
	top:0; 
	left:0; 
	bottom:0; 
	right:0;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

body {
	width:100%;
	*cursor:default;
	overflow:hidden;
	font:16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
	background:#000;
	color:#fff; 
}

#index{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:#395CA8; 
	overflow:hidden; 
}
#index img{position:absolute;}

#pageContain {
	overflow:hidden;
	display:none;
}
.page{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	/*top:0;
	left:0;*/
}
.contain {
	display:none;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.contain ul {position:absolute; width:100%; height:100%; margin:0; padding:0;}
.contain ul li img{position:absolute; z-index:10;}
.current .contain,.slide .contain {
	display:block;
}
.current {
	display:block;
	z-index:1;
}
.slide {
	display:block;
	z-index:2;
}
.swipe {
	display:block;
	z-index:3;
	transition-duration:0ms !important;
	-webkit-transition-duration:0ms !important;
}

/* 页面导航 */
/*#navBar {
	z-index:3;
	position:absolute;
	top:10%;
	right:3%;
}
#navBar .active {
	background:#ccc;
}
#navBar li {
	cursor:pointer;
	margin-bottom:10px;
	transition:all .7s ease;
	border-radius:50%;
	line-height:0.3rem;
	text-align:center;
	width:0.3rem;
	height:0.3rem;
}

#prev,#next {
	z-index:4;
	text-align: center;
	line-height:1rem;
	position: absolute;
	width:1rem;
	height:1rem;
	top:50%;
	cursor:pointer;
	margin-top:-0.5rem;
	font-size:1rem;
	color:rgba(255,255,255,0.5);
}
#prev {
	left:0
}
#next {
	right:0
}*/

/* 页面加载 */
#loading{position:absolute; width:100%; height:100%; background:#fff url("../images/loading.gif") no-repeat 50% 50%; z-index:10000; display:none;}

/* 音乐标志 */
#music_btn{position:fixed; width:0.5rem; height:0.5rem; top:0.1rem; right:0.1rem; z-index:9999; cursor:pointer;
-webkit-animation:music_dh 10s linear 0s infinite;
animation:music_dh 10s linear 0s infinite;
}
@-webkit-keyframes music_dh{
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes music_dh{
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
.music_on{
	background:url(../images/m_play.png) no-repeat 50%;
	background-size:100% 100%;
}
.music_off{
	background:url(../images/m_pause.png) no-repeat 50%;
	background-size:100% 100%;
}

/* 箭头 */
.arrow_up {position:fixed; background-image:url("../images/arrow_u.png"); background-size:100%; bottom:0.2rem; left:50%; width:0.4rem; height:0.33rem; z-index:9999; display:none;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-animation:arrow_up 1s linear 0s infinite alternate;
animation:arrow_up 1s linear 0s infinite alternate;
}
@-webkit-keyframes arrow_up {
from {bottom:0.1rem;}
to {bottom:0.3rem;}
}
@keyframes arrow_up {
from {bottom:0.1rem;}
to {bottom:0.3rem;}
}

/* 页面背景 */
.page15{background:#395CA8;}
/*.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12{background:url(../images/001.jpg) no-repeat 50%;}
.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12{
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
background-size:cover;
}*/
/*.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12{
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}*/

/* 自适应框架（设计图宽度） */
body {
	max-width:7.2rem;
	margin:0 auto;
}
body * {
	max-width:7.2rem;
}

/* 视频全屏 */
.videoBox{
	position:absolute;
	top:0;
	left:0; 
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
}
.videoBox i{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform:translate(-50%,-50%);
	color:rgba(255,255,255,0.5);
	z-index:10000; 
	display:none;
}

.vh5 {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-1000;
	overflow:hidden;
	object-fit:fill;
}

.ttxt{position:absolute; bottom:1.2rem; left:0.3rem; width:5rem; font-size:0.28rem; line-height:150%;}
.ttxt h1{font-size:0.36rem; line-height:200%;}
.tpic{position:fixed; bottom:1.2rem; right:0.3rem; width:1.3rem; height:4rem; z-index:999; opacity:0.8; display:none;}
.tpic img{position:absolute; height:auto; left:50%; transform:translateX(-50%);}
.tpic img:nth-of-type(1){width:1.03rem; top:0.19rem;}
.tpic img:nth-of-type(2){width:0.99rem; top:1.6rem;}
.tpic img:nth-of-type(3){width:0.73rem; top:3.32rem;}
.tpic i{position:absolute; top:2.5rem; left:50%; transform:translateX(-50%); font-style:normal;}
.tpic i b{position:absolute; top:-1.3rem; right:-0.4rem; font-size:0.36rem;}
.tpic i p,.tpic i b{display:none;}

.hand{
-webkit-animation:hand_dh 1s linear 0s infinite alternate;
animation:hand_dh 1s linear 0s infinite alternate;
}
@-webkit-keyframes hand_dh {
from {opacity:1;}
to {opacity:0;}
}
@keyframes hand_dh {
from {opacity:1;}
to {opacity:0;}
}

.shake_h {
  animation-name: shake_h;
}
@keyframes shake_h {
from, to {transform: translate3d(0, 0, 0);}
0% {opacity: 0;}
60% {opacity: 1;}
10%, 30%, 50%, 70%, 90% {transform: translate3d(-10px, 0, 0);}
20%, 40%, 60%, 80% {transform: translate3d(10px, 0, 0);}
}

/*微信分享*/
#mcover{
display:none;
position:fixed;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.7);
z-index:10000;
}
#mcover img{
position:fixed;
top:0.1rem;
width:6.4rem;
height:auto;
z-index:10001;
}
.wx_btn{position:relative; z-index:9999; cursor:pointer;}

.btn_go,.btn_next,.btn_end{ cursor:pointer;}