/* S媒体查询 */

	/* 涵盖了小屏幕手机屏幕大小 */
	@media screen and (max-width:359px){
		html {
			font-size: 52.5%;
		}
	}

	/* 涵盖了基本的手机屏幕大小 */
	@media screen and (min-width:360px) and (max-width:500px){
		html {
			font-size: 62.5%;
		}
	}

	/* 涵盖了基本的pad屏幕大小 */
	@media screen and (min-width:501px) and (max-width:959px){
		html {
			font-size: 62.5%;
		}
	}

	/* 涵盖了正常PC屏幕大小 */
	@media screen and (min-width:960px){
		html {
			font-size: 62.5%;
		}
	}

/* E媒体查询 */


html{
	background-color: #f5f5f5;
}
body{
	max-width: 768px;
	margin: 0 auto !important;
}
/* s用于移动端禁止页面滚动 */
.ovfHiden{
	overflow: hidden;
	height: 100vh;
}
/* e用于移动端禁止页面滚动 */


/* S页脚 */
.footer{
	background-color: #fff;
	border-top: 1px solid #eee;
	padding: 0.7rem 0 0.3rem;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	max-width: 800px;
	margin: 0 auto !important;
}
.footer .footer-container{}

.footer .footnav-list{
	display: flex;
	margin-bottom: 0;
	/* justify-content: space-around; */
}
.footer .footnav-item{
	flex: 1;
}
.footer .footnav-item a{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
}
.footer .footnav-item a img{
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: 0.1rem;
}
.footer .footnav-item a .greyicon{}
.footer .footnav-item a .redicon{
	display: none;
}
.footer li.active a .greyicon{
	display: none;
}
.footer li.active a .redicon{
	display: block;
}
.footer .footnav-item a h1{
	font-size: 1rem;
	color: #999;
}
.footer li.active a h1{
	color: #333;
	font-weight: bold;
}
/* E页脚 */


/* S-通用组件 */
.nomore{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	color: #666;
}
.nomore .line{
	width: 5.4rem;
	display: inline-block;
	height: 1px;
	background-color: #ddd;
	margin: 0 0.8rem;
}
/* E-通用组件 */