*{
	padding: 0;
	margin: 0;
}
[v-cloak]{
	display: none;
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
}
body{
	min-width: 12rem;
}
[v-cloak]{
	display: none;
}
.header-bck{
	width: 100%;
	/* height: 60px; */
	height: .6rem;
	background-color: #f7f7f7;
}
.header{
	/* width: 1200px; */
	width: 12rem;
	margin: 0 auto;
	justify-content: space-between;
}
.header > span{
	/* font-size: 18px;
	line-height: 60px; */
	float: left;
	display: block;
	color: #2ad46a;
	height: inherit;
	line-height: .6rem;
	font-size: .18rem;
}
.header-right{
	float: right;
	color: #999;
	/* font-size: 18px;
	line-height: 18px;
	margin-top: 16px; */
	font-size: .18rem;
	line-height: .18rem;
	margin-top: .16rem;
}
.header-right a{
	color: #999;
}
.login-state{
	display: inline-block;
	float: left;
	/* padding-right: 20px; */
	padding-right: .2rem;
}
.login-state > div{
	display: inline-block;
	float: left;
}
.head-exit{
	float: left;
	/* border-right: 2px solid #999;
	padding-right: 20px; */
	border-right: .02rem solid #999;
	padding-right: .2rem;
}
.header-right .nickname{
	color: #2ad46a;
	/* padding-left: 20px; */
	padding-left: .2rem;
}
.header-right .login{
	color: #2ad46a;
}
.header-right a:hover{
	color: #2ad46a;
}
.header-right > a:first-of-type{
	display: inline-block;
	/* padding-left: 20px;
	padding-right: 20px;
	border-left: 2px solid #999;
	border-right: 2px solid #999; */
	padding-left: .2rem;
	padding-right: .2rem;
	border-left: .02rem solid #999;
	border-right: .02rem solid #999;
}
.header-right > a:last-of-type{
	/* padding-left: 20px; */
	padding-left: .2rem;
}