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:45%;
	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:50%;
	left:1rem;
  transform: translateY(-50%);
	width:1.5rem;
  /* border: 1px #c00 solid; */
}
#navBar .active { color:#C52424; font-weight:bold;}
#navBar li {
	width:100%;
	color:#CA8435;
	font-size:0.28rem;
	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;
}

#pageBtn{
	z-index:3;
	position:absolute;
	bottom:2.5rem;
	right:1.5rem;
	width:0.44rem;
	height:2.36rem;
	background:url('../images/pageBtn.png') no-repeat 50%;
	background-size:100% 100%;

  display: flex;
  flex-direction: column;
}
#pageBtn .prev,
#pageBtn .next{
  height: 50%;
  cursor: pointer;
  /* border: 1px #c00 solid; */
}