body{
	font-size: 0.12rem;color: #333;
}
#app{
	padding-top: 0.44rem;
}
.header{
	height: 0.44rem;
	padding: 0 0.15rem;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}
.header .top{
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top .logo a{
	float: left;
}
.top .logo a img{
	display: block;
	width: 1.4rem;
}
.top .menu{
	font-size: 0.16rem;
}

.header .menu-wrap{
	position: fixed;
	display: none;
	top: 0.44rem;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
}

.menu-wrap .nav{
	position: absolute;
	left: -2.75rem;
	width: 2.75rem;
	height: 100%;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: inset 0px 0px 1px 0px black;
}
.menu-wrap .nav.show{
	/*left: 0;*/
}
.nav .nav-item{
	border-bottom: 1px solid #F5F5F5;
}
.nav-item .nav-head{
	position: relative;
	display: block;
	padding: 0 0.15rem;
	font-size: 0.14rem;
	height: 0.5rem;
	line-height: 0.5rem;
}
.nav-item .nav-head.collapse::after{
	float: right;
	content: '\e603';
	font-family: iconfont;
	font-size: 0.16rem;
	color: #BCBCBC;
	transition: all 0.3s linear;
}
.nav-item .nav-head.collapse-active::after{
	transform: rotate(90deg);
}
.nav-item .nav-head span{
	float: left;
}

.nav-item .nav-list{
	background-color: #F5F5F5;
	display: none;
}
.nav-item .nav-list li{
	border-bottom: 1px solid #E5E5E5;
}
.nav-item .nav-list li:last-child{
	border-bottom: none;
}
.nav-item .nav-list li a{
	display: block;
	padding: 0 0.15rem;
	height: 0.38rem;
	line-height: 0.38rem;
	color: #666;
}