/* 公共样式 */
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #89898b;
}
i,em{
	font-style: normal;
}
b,strong{
	font-weight: normal;
}
/* 高度坍塌 */
.clearfix:after,
.clearfix:before{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
}
/* 以上均为通用设置 */

/* 左侧固定悬浮框 */
.box {
	width: 180px;
	position: fixed;
	left: 20px;
	top: 270px;
	z-index: 99;
	background-color: #8cc269;
	border-radius: 15px;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
	padding: 10px 0;
	text-align: center;
}
.box a {
	display: block;
	padding: 15px 0;
	margin: 10px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.1);
	transition: background-color 0.3s, transform 0.2s;
}
.box a:active{
	background-color: #ffffff;
	color: #8cc269;
	transform: scale(1.05);
	font-weight: bold;
}
.box a:hover {
	background-color: #ffffff;
	color: #8cc269;
	transform: scale(1.05);
	font-weight: bold;
}
/* 右侧固定悬浮框 */
.box-right {
	width: 70px;
	height: 70px;
	position: fixed;
	right: 70px;
	bottom: 70px;
	z-index: 99;
	background: url(../img/返回顶部.png) no-repeat;
	background-size: 75px;
	background-position-x: -2px;
	background-position-y: -2px;
	border-radius: 70px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.box-right:hover{
	background-position-y: -80px;
}
.box-right a{
	display: block;
	width: 70px;
	height: 70px;
}

/* 尾部固定尾页 */
#footer {
	width: 100%;
	text-align: center;
	font-size: 1vw;
	background-color: #e0f5df;
	padding: 1.5vw 0;
	margin-top: 3vw;
	color: #444;
	line-height: 2vw;
}
#footer a {
	font-size: 1.2vw;
	color: #4c7737;
	text-decoration: none;
	margin: 0 0.5vw;
}
#footer a:hover {
  text-decoration: underline;
}
#footer p{
	line-height: 3vw;
	font-size: 1.2vw;
}

/* ================= 手机端适配 ================= */
@media (max-width: 900px) {
	body { padding-bottom: 64px; }

	/* 左侧固定导航 → 底部横条 */
	.box {
		position: fixed;
		left: 0; right: 0; bottom: 0; top: auto;
		width: 100%;
		padding: 6px 4px;
		border-radius: 12px 12px 0 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
		z-index: 999;
		box-sizing: border-box;
	}
	.box a {
		flex: 1;
		display: inline-block;
		margin: 0 3px;
		padding: 9px 2px;
		font-size: 14px;
		background-color: transparent;
	}
	.box a:hover, .box a:active {
		transform: none;
		background-color: rgba(255, 255, 255, 0.25);
		color: #fff;
		font-weight: normal;
	}

	/* 返回顶部按钮抬高，避开底栏 */
	.box-right { right: 12px; bottom: 82px; width: 46px; height: 46px; background-size: 50px; }
	.box-right a { width: 46px; height: 46px; }

	/* 页脚（原来用 vw，手机上小到看不清） */
	#footer { font-size: 13px; line-height: 22px; padding: 14px 10px; margin-top: 18px; }
	#footer p { font-size: 13px; line-height: 22px; }
	#footer a { font-size: 13px; margin: 0 4px; }
}