html,body{
	width:100%;
    height:100%;
    overflow:hidden;
}

header,main,footer{
	display:none;
	z-index:1;
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
header{display:block; background-position:50%; background-size:cover; opacity:1;}
.top{top:unset; bottom:0.5rem;}
.page{
	display:none;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	/*top:0;
	left:0;*/
}
.page .page-bg{
	z-index:-1;
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background-size:cover;
}
.page .page-m{
	position:absolute;
	top:52%;
	left:50%;
	transform:translate(-50%,-50%);
	margin:0 auto;
}
.page.current{
	display:block;
}
.current {
	display:block;
	z-index:1;
}
.slide {
	display:block;
	z-index:2;
}
.swipe {
	display:block;
	z-index:3;
	-webkit-transition-duration:0ms !important;
    transition-duration:0ms !important;
}

/* 页面导航 */
#navBar {
	z-index:3;
	position:absolute;
	top:20%;
	left:0.1rem;
	width:2.12rem;
	height:6.29rem;
	background:url('../images/nav_bg.png') no-repeat 50%;
	background-size:100% 100%;

	padding:0 0.6rem 0 0.8rem;
	padding-top:0.5rem;
}
#navBar .active { color:#F6DB88; font-weight:bold;}
#navBar li {
	width:100%;
	color:#fff;
	font-size:0.14rem;
	font-weight:normal;
	text-align:center;
    padding:0.05rem 0;
	border-bottom:1px #fff solid;
	transition:all .7s ease;
	cursor:pointer;
}
#navBar li:last-of-type {border-bottom:none;}
#navBar i{
    position:absolute;
    bottom:0.1rem;
    right:0.7rem;
    width:1rem;
    height:0.3rem;
    /* border:1px #c00 solid; */
    cursor:pointer;
}
#navBarBtn {
	z-index:3;
	position:absolute;
	top:70%;
	left:-5.8rem;
	width:1.66rem;
	height:1.2rem;
	background:url('../images/nav_btn.png') no-repeat 50%;
	background-size:100% 100%;
    cursor:pointer;
}

/*#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
}*/