header{
	width: 100vw;
	height: 150px;
	position: relative;
	top: 10px;
	display: flex;
	justify-content: center;
}

header >img{
	width: 100%;
	height: 100%;
	position: absolute;
}

header .flex{
	justify-content: space-around;
	width: 60%;
	position: relative;
	align-items: center;
}
header .flex .qq{
	position: fixed;
	left: 20px;
	top: 180px;
}
header .flex .qq a{
	text-decoration: none;
}
header .flex .qq .qq_item{
	display: flex;
	align-items: center;
	background: #740707;
	/*background-image: linear-gradient(315deg,#6772FF 0,#00F9E5 100%);*/
	color: #F7CB3C;
	border-radius: 10px;
	font-size: 14px;
	padding: 2px 10px;
}
header .flex .qq svg{
	width: 28px;
	height: 28px;
}
.current{
	height: 65% !important;
}
header .flex a{
	height: 50%;
}
header .flex img{
	height: 100%;
	opacity: .4;
}

/*header a.home{*/
/*	height: 70%;*/
/*}*/
/*header a.community{*/
/*	height: 60%;*/
/*}*/

/*header a.union{*/
/*	height: 55%;*/
/*}*/

header .flex .current img{
	opacity: 1;
}