/* main css */

footer {
	position: fixed;
	bottom: 0;
	z-index: 999;
	width: 100%;
	padding: 5px 15px;
}

.footerBox {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.menuList_box {
	text-align: center;
	cursor: pointer;
}

.menu_icon {
	font-size: 28px;
}

.menuText {
	font-size: 16px;
}

/* 返回顶部 */
.backTop_box {
	display: none;
	position: fixed;
	bottom: 25%;
	right: 25px;
	border-radius: 50%;
	animation: grow .6s ease-in-out;
}

.backTop_icon {
	font-size: 32px;
	cursor: pointer;
	color: #fff;
	border-radius: 50%;
}

.backTop_icon:hover {
	background: #ff0040;
	box-shadow: 0 0 3px 3px rgb(255 0 64 / 60%);
}

/* 定义动画 */
/* 出现时小变大 */
@keyframes grow {
	from {
		transform: scale(0);
		/* 初始状态，元素缩放为0 */
	}

	to {
		transform: scale(1);
		/* 结束状态，元素恢复到原始大小 */
	}
}

/* 媒体查询css */
/* 手机超小屏幕竖屏375px及以下 */
@media (max-width:375px) {
	.menu_icon {
		font-size: 24px;
	}

	.menuText {
		font-size: 14px;
	}

	/* 返回顶部 */
	.backTop_box {
		bottom: 10%;
		right: 15px;
	}
}

/* 手机小屏幕横屏376px~767px以下 */
@media (min-width:376px) and (max-width:767px) {
	.menu_icon {
		font-size: 24px;
	}

	.menuText {
		font-size: 14px;
	}

	/* 返回顶部 */
	.backTop_box {
		bottom: 10%;
		right: 15px;
	}
}

/* 平板中屏幕768px-991px */
@media (min-width:768px) and (max-width:991px) {}

/* 普通电脑大屏幕992px~1199px */
@media (min-width:992px) and (max-width:1199px) {}

/* 大屏幕1200及以上 */
@media (min-width:1200px) {}