/**
 * @file CSS-页面复用组件样式-注释版
 * @description 当前项目中可复用的组件样式 比如顶部导航栏、底部等等
 * @author Darry <1327022089@qq.com>
 * @copyright no
 * @createDate 2025-07-17 08:00
 * @lastEditTime 2025-07-18 08:00
 */


/* 通用顶部 —— START */
.common_header {
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	transition: all 0.2s ease;
	z-index: 99;
}

.common_header.common_header_active  {
	background-color: #060100;
}

.header_nav .nav_logo .logo_icon {
	width: 188px;
	height: 40px;
}

.header_nav .nav_list .list_item {
	margin-left: 50px;
	width: 102px;
}

.header_nav .nav_list .list_item>a {
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}

.header_nav .nav_list .list_item>a:hover {
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
}

.header_nav .nav_list .list_item.list_item_active>a {
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
}

.nav_list .list_item .item_menu {
	padding: 5px 0;
	left: 20px;
	top: 75px;
	min-width: 200px;
	border-radius: 5px;
}

.list_item .item_menu .menu_item {
	padding: 10px 20px;
}

.list_item .item_menu .menu_item:hover {
	color: #5E1EE5;
}
/* 通用顶部 —— END */


/* 通用底部 —— START */
.common_footer {
	height: 488px;
	background-image: url("../img/bg2.png");
	background-size: cover;
	background-position: center top;
}

.common_footer .footer_top {
	padding-top: 111px;
}

.footer_top .top_l .l_logo {
	width: 188px;
	height: 40px;
}

.footer_top .top_l .l_icons {
	margin-top: 75px;
}

.top_l .l_icons .icons_item {
	margin-right: 12px;
	width: 20px;
	height: 20px;
}

.common_footer .footer_top .top_c {
	margin-left: 54px;
	margin-right: 96px;
}

.footer_top .top_c .c_item {
	margin-right: 28px;
}

.common_footer .footer_bottom {
	height: 94px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.common_footer .footer_bottom>a:hover {
	color: rgba(255, 255, 255, 1);
}

.common_footer .footer_spirit1 {
	bottom: 0;
	left: 0;
	width: 246px;
	height: 138px;
	background-image: url("../img/footer_spirit1.png");
	background-size: cover;
}

.common_footer .footer_spirit2 {
	top: 35px;
	right: 0;
	width: 398px;
	height: 381px;
	background-image: url("../img/footer_spirit2.png");
	background-size: cover;
}
/* 通用底部 —— END */


/* 通用按钮 —— START */
.common_btn {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 38px;
	height: 68px;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #060100;
	background: #B6F214;
	border-radius: 120px;
	border: 1px solid #000000;
	transition: all 0.2s ease;
}

.common_btn::after {
	content: "";
	margin-left: 15px;
	display: block;
	width: 14px;
	height: 14px;
	background-image: url("../img/common_btn_icon1.png");
	background-size: 100% 100%;
}

.common_btn:hover {
	background-color: #A0DC01;
	transform: scale(1.025);
}
/* 通用按钮 —— END */

/* 通用视差小精灵 —— START */
.common_spirit_parallax {
	transition: all 0.2s ease;
}
/* 通用视差小精灵 —— END */