@charset "utf-8";

body{
	background: #252428;
	width: 7.5rem;
	margin: 0 auto;
}
header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: #252428;
	height: .8rem;
}
header h2{
	width: .61rem;
	padding: .1rem 0 0 .4rem;
}
header .nav_btn{
	width: .4rem;
	height: .36rem;
	position: absolute;
	top: .24rem;
	bottom: .24rem;
	right: .36rem;
}
header .nav_btn span{
	position: absolute;
	display: block;
	background: #ffffff;
	width: .38rem;
	height: .06rem;
	-webkit-border-radius: .06rem;
	-moz-border-radius: .06rem;
	border-radius: .06rem;
}
header .nav_btn span:first-child{
	top: 0;
}
header .nav_btn span:nth-child(2){
	top: .14rem;
}
header .nav_btn span:last-child{
	top: .26rem;
}

header .active span{
	-webkit-transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
	transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
	transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
	transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease, -webkit-transform .5s cubic-bezier(.77,.2,.05,1);
}
header .active span:first-child{
	-webkit-transform-origin: .37rem;
	transform-origin: .37rem;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
header .active span:nth-child(2){
	top: .14rem;
}
header .active span:last-child{
	-webkit-transform-origin: .37rem;
	transform-origin: .37rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

footer{
	background: #252428;
	padding: .26rem 0 .1rem;
	text-align: center;
	font-size: .24rem;
	color: #8d8d8e;
}
footer p{
	padding-bottom: .15rem;
}

/* mask */
.masker_nav{
	display: none;
	position: fixed;
	left: 0;
	top: .8rem;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #595a63;
	opacity: .9;
	-ms-filter: alpha(Opacity=90);
	filter: alpha(Opacity=90);
}
.masker_nav ul{
	width: 6.8rem;
	margin: 0 auto;
}
.masker_nav ul li{
	border-bottom: #bebdc2 solid 1px;
	height: 1.1rem;
	line-height: 1.1rem;
	text-align: center;
	font-size: .34rem;
	color: #ffffff;
}
.masker_nav ul li a{
	width: 100%;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
.masker_nav ul li:last-child{
	border: 0;
}

/* go top*/
.go_top{
	display: none;
	position: fixed;
	right: .38rem;
	bottom: 1.30rem;
}
.go_top img{
	width: .84rem;
}