/* 公共样式 */
html{ font-size: calc(100vw/7.5); font-family: "microsoft yahei"; color: #333;}
html, body{ width: 100%; height: 100%;}
body { background-color: #F5F9FA;}
* { margin:0; padding:0; list-style: none;}
a { text-decoration: none; display: inline-block; color: #333;}
a img { border: 0;}
i { font-style: normal;}
div {box-sizing: border-box;}
input:focus, textarea:focus,select:focus {outline:0; }

@font-face {
	font-family: 'titlefont';
	src: url('../fonts/jiangxizhuokai.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* 头部开始 */
.header {
	width: 100%;
	height: 0.88rem;
	line-height: 0.88rem;
	background: #07C151;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 10;
	text-align: center;
	font-size: 0;
}
.header .back {
	display: inline-block;
	background: url(../img/icon_back.png) no-repeat;
	background-size: 100%;
	width: 0.18rem;
	height: 0.35rem;
	position: absolute;
	top: 0.23rem;
	left: 0.32rem;
}
.header h3 {
	display: inline-block;
	font-size: 0.34rem;
	font-weight: 600;
	color: #ffffff;
}
/* 头部结束 */

/* 底部tab切换开始 */
.footer {
	width: 100%;
	height: 1.6rem;
	background: #FFFFFF;
	box-shadow: 0px -0.04rem 0.08rem 0px rgba(0, 0, 0, 0.06);
	display: flex;
	justify-content: center;
	position: fixed;
	bottom: 0;
	z-index: 10;
}
.footer a {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	margin-top: 0.2rem;
}
.footer a span {
	font-size: 0.2rem;
	color: #999999;
	margin-top: 0.04rem;
}
.footer a i {
	width: 0.46rem;
	height: 0.46rem;
}
.footer .page_link .footer_icon01 {
	background: url(../img/footer_icon01_default.png) no-repeat;
	background-size: 0.46rem 0.49rem;
}
.footer .page_link .footer_icon02 {
	background: url(../img/footer_icon02_default.png) no-repeat;
	background-size: 0.46rem 0.46rem;
}
.footer .page_link .footer_icon03 {
	background: url(../img/footer_icon03_default.png) no-repeat;
	background-size: 0.46rem 0.46rem;
}
.footer .page_link.active .footer_icon01 {
	background: url(../img/footer_icon01_active.png) no-repeat;
	background-size: 0.46rem 0.49rem;
}
.footer .page_link.active .footer_icon02 {
	background: url(../img/footer_icon02_active.png) no-repeat;
	background-size: 0.46rem 0.46rem;
}
.footer .page_link.active .footer_icon03 {
	background: url(../img/footer_icon03_active.png) no-repeat;
	background-size: 0.46rem 0.46rem;
}
.footer .page_link.active span {
	color: #333333;
}
/* 底部tab切换结束 */

/* 搜索及按钮tab切换开始 */
.search_tab {
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.06);
	padding: 0 0.32rem;
	overflow: hidden;
	position: sticky;
	top: 0.88rem;
	left: 0;
	z-index: 10;
}
.search {
	display: flex;
	height: 0.64rem;
	line-height: 0.08rem;
	background-color: #F5F5F5;
	border-radius: 0.32rem;
	margin: 0.2rem 0;
	padding: 0 0.32rem;
}
.search .search_keyword {
	display: inline-block;
	height: 0.32rem;
	line-height: 0.62rem;
	font-size: 0.28rem;
}
.search .search_keyword::after {
	content: "";
	display: inline-block;
	width: 0.01rem;
	height: 0.32rem;
	background-color: #999999;
	vertical-align: middle;
	margin-left: 0.2rem;
}
.search .search_inp input {
	font-size: 0.28rem;
	background: none;
	border: none;
}
.search .search_inp img {
	display: inline-block;
	width: 0.32rem;
	height: 0.32rem;
	margin-right: 0.12rem;
	vertical-align: bottom;
	margin-left: 0.2rem;
}
.tab {
	margin-top: 0.2rem;
}
.tab_ul {
	display: flex;
	justify-content: center;
	align-self: center;
	align-items: center;
}
.tab_ul li {
	flex: 1;
	font-size: 0;
	text-align: center;
	padding-bottom: 0.2rem;
}
.tab_ul li a {
	position: relative;
	font-size: 0.3rem;
	color: #808080;
}
.tab_ul li a span {
	display: inline-block;
	width: 0.14rem;
	height: 0.14rem;
	border-radius: 50%;
	background-color: #FF0000;
	position: absolute;
	top: 0;
	right: -0.14rem;
}
.tab_ul .tab_active a {
	font-weight: 600;
	color: #333333;
}
.tab_ul .tab_active {
	position: relative;
}
.tab_ul .tab_active::after {
	content: "";
	display: inline-block;
	width: 0.4rem;
	height: 0.06rem;
	background: linear-gradient(90deg,rgba(7, 193, 81, 1),rgba(7, 193, 81, 0.6));
	border-radius: 0.03rem;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
/* 搜索及按钮tab切换结束 */