header{
	/* height: 0.38rem; */
	position:fixed;
	width: 100%;
	top: 0;
	z-index: 99999;
	left: 0;
	padding: 0.23rem 0;
	transition: all .3s;
}
.header-warp{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-right: 0.3rem;
}
.header-warp .logo{
	width: 2.8rem;
	/*height: 0.83rem;*/
}
.header-warp .logo img{
	width: 100%;
}
.header-warp .nav{
	width: 66%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	align-items: center;
}
.header-warp .nav-list{
	padding: 0 0.8rem;
	font-family: HarmonyOS Sans Naskh Arabic UI, HarmonyOS Sans Naskh Arabic UI;
	font-weight: 600;
	font-size: 0.17rem;
	text-align: center;
	font-style: normal;
}
.header-warp .nav-list a{
	color: #fff;
	position: relative;
}
.header-warp .nav-list a.active::after{
	content: '';
	width: 100%;
	height: 0.04rem;
	display: block;
	background-color: #fff;
	position: absolute;
	bottom: -0.1rem;
}
.header-warp .nav-list a::after{
	content: '';
	width: 0%;
	height: 0.04rem;
	display: block;
	background-color: #fff;
	position: absolute;
	bottom: -0.1rem;
	transition: all 0.5s;
}
.header-warp .nav-list a:hover::after{
	content: '';
	width: 100%;
	height: 0.04rem;
	display: block;
	background-color: #fff;
	position: absolute;
	bottom: -0.1rem;
}
.header-warp .nav .lang{
	width: 0.25rem;
	height: 0.25rem;
	position: absolute;
	right: -0.3rem;
	display: none;
}

.header-warp .nav .lang img{
	width: 100%;
	height: 100%;
}