* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

li {
	list-style: none;
	-webkit-tap-highlight-color: transparent;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: rgba(38, 38, 38, 1);
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

img {
	width: 100%;
	display: block;
}

/* 底部导航 */
.footer {
	height: 1.2rem;
	height: calc(1.2rem + constant(safe-area-inset-bottom));
	height: calc(1.2rem + env(safe-area-inset-bottom));
	background-color: #ffffff;
	box-shadow: 0 27px 10px 29px #e9e9ec;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	position: relative;
	z-index: 4;
}

.footer_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #333333 !important;
	font-size: 0.2rem;
	margin-top: 0.06rem;
}

	.footer_list a {
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #333333;
		width: 1.4rem;
		/* padding: 0 0.3rem; */
	}

.footer_color {
	color: #5a9dff !important;
}

.footer_img {
	/*width: 0.37rem;*/
	height: 0.37rem;
	margin-bottom: 0.06rem;
	position: relative;
}

	.footer_img img {
		height: 100%;
		width: auto;
	}

.foo_red {
	width: 0.15rem;
	height: 0.15rem;
	background-color: #ff5a45;
	border-radius: 50%;
	position: absolute;
	top: -0.02rem;
	right: -0.06rem;
}