html,
body,
header,
footer,
aside,
main,
nav,
section,
canvas,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ol,
ul,
li,
div,
p,
span,
a,
form,
input,
label,
select,
option,
textarea,
button,
img,
table,
tbody,
thead,
tfoot,
tr,
th,
td,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
}
html,
body {
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, Roboto,
		'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	user-select: none;
}
a {
	text-decoration: none;
}
li {
	list-style: none;
}
input::placeholder {
	color: #999;
}
select {
	-webkit-appearance: none;
}

header {
	width: 7.5rem;
	top: 0;
	z-index: 1;
	margin: auto;
}
.first_header {
	position: relative;
	height: 0.8rem;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.first_header .left {
	position: absolute;
	left: 0;
	height: 0.8rem;
	display: flex;
	align-items: center;
}
.first_header .left {
	margin-left: 0.24rem;
}
.first_header .left img:nth-child(1) {
	height: 0.8rem;
}
.first_header .left .return {
	height: unset;
	width: 0.16rem !important;
	height: 0.29rem !important;
}
.first_header .middle {
	display: flex;
	font-size: 0.35rem;
	height: 100%;
	color: #ffffff;
}
.first_header .middle a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #ffffff;
}
.first_header .middle .active:after {
	content: '';
	position: absolute;
	bottom: 0.08rem;
	width: 0.48rem;
	height: 0.04rem;
	left: 50%;
	margin-left: -0.24rem;
	background-color: #ffffff;
	border-radius: 0.02rem;
}
.first_header .middle .active {
	color: #ffffff;
}
.first_header .middle a:nth-child(1) {
	margin-right: 0.5rem;
}
.first_header .middle a:nth-child(2) {
	margin-right: 0.5rem;
}
.first_header .middle a:nth-child(3) {
	margin-right: 0.5rem;
}
.first_header .middle a:last-child {
	margin-right: 0;
}

.second_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 0.8rem;
	width: 100%;
	background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(90deg, #363696 0%, #4b4ec7 51%, #3c3893 100%);

	font-size: 0.3rem;
	color: #606060;
	padding: 0 0.21rem;
}
.second_header a {
	display: flex;
	height: 100%;
	align-items: center;
	color: #606060;
	justify-content: center;
	position: relative;
}
.second_header .active {
	color: #6976c7;
}
.second_header .active:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 0.6rem;
	height: 0.03rem;
	left: 50%;
	margin-left: -0.3rem;
	background-color: #6874c7;
}