header {
	width: 100%;
	height: 74px;
	background: linear-gradient(90deg, rgba(21, 17, 44, 0.88) 0%, rgba(35, 30, 72, 0.9) 38%, rgba(19, 72, 84, 0.88) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 18px 40px rgba(5, 11, 27, 0.32);
	backdrop-filter: blur(18px);
	position: sticky;
	top: 0;
	z-index: 1000;
}

.header {
	width: 100%;
	max-width: 1300px;
	margin: auto;
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 28px;
	gap: 24px;
	align-items: center;
}

.left {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
}



.center {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex: 1;
	padding: 0px 30px;
}

.centerLi {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.82);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.1em;
	padding: 0 18px;
	cursor: pointer;
	transition: color .25s ease, text-shadow .25s ease, transform .25s ease;
}

.centerLi:hover {
	color: #ffffff;
	text-shadow: 0 0 18px rgba(255, 164, 130, 0.42);
	transform: translateY(-1px);
}

.right {
	width: 10%;
	height: 100%;
	display: none;
	justify-content: flex-end;
	align-items: center;
}

.search,
.menu {
	width: 44px;
	height: 44px;
	border-radius: 14px;
	padding: 8px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}

.search:hover,
.menu:hover {
	transform: translateY(-2px);
	background: rgba(255, 255, 255, 0.14);
	box-shadow: 0 14px 28px rgba(15, 25, 45, 0.28);
}


.menu {
	margin-right: 20px;
	display: none;
	position: absolute;
	left: 8px;
}

.menu img {
	width: 30px;
	height: 30px;
}

.search img {
	width: 28px;
	height: 28px;
}
.left img {
	width: auto;
	height: 33px;
}
@media screen and (max-width:960px) {
    .left img {
		position: absolute;
		width: auto;
		height: 25px;
		left: 0px;
		right: 0px;
		margin: auto;
	}

    .header{
		width: 100%;
		/* background-color: #18181c; */
	}

	.right{
		display: flex;
	}
	.menu{
		display: flex;
	}
	.center{
		width: 100%;
		position: absolute;
		top: 58px;
		left: -100vw;
		height: 100vh;
		flex-wrap: wrap	;
		align-content: flex-start;
		background: linear-gradient(180deg, rgba(20, 18, 44, 0.98) 0%, rgba(18, 32, 58, 0.98) 48%, rgba(15, 72, 82, 0.98) 100%);
		z-index: 99999;
		transition: all 0.5s;
		padding: 0px;
		color: #fff;
	}

	.centerLi{
		width: 90%;
		margin: auto;
		height: 56px;
		border-bottom: 1px solid rgba(255,255,255,0.12);
		color: #fff;
		justify-content: flex-start;
		padding: 0 20px;
	}
	header{
		height: 60px;
	}
}