/* 基础样式重置与通用类 */
.none {
	display: none;
}
.Regular {
	font-weight: 400;
}


/* 页脚整体样式 */
.footer {
	width: 100%;
	height: 300px;
	position: relative;
	background-color: #000; /* 黑色背景 */
}

.footer .typeArea {
	width: 1200px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}


/* 页脚顶部区域 */
.footer .typeArea .body-top {
	position: relative;
	width: 1260px;
	height: 175px;
}

/* Logo样式 */
.footer .typeArea .body-top .body-top-logo {
	float: left;
	width: 345px;
	height: auto;
	margin-top: 20px;
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.footer .typeArea .body-top .body-top-logo img {
	width: 240px;
	height: auto;
	object-fit: contain;
	max-height: 130px; /* 限制最大高度，避免溢出 */
}

/* 分隔线 */
.footer .typeArea .body-top .dody-top-line {
	width: 0;
	height: 175px;
	border-left: 1px solid #333; /* 深色边框适配黑色背景 */
	position: absolute;
	left: 344px;
	top: 0;
}

/* 导航栏（若有） */
.footer .typeArea .body-top .body-bottom-nav {
	float: left;
	width: 915px;
	height: 75px;
}

.footer .typeArea .body-top .body-bottom-nav ul {
	margin-left: 50px;
	padding: 0;
	list-style: none;
}

.footer .typeArea .body-top .body-bottom-nav ul li {
	float: left;
	margin-right: 59px;
}

.footer .typeArea .body-top .body-bottom-nav ul li a {
	font-size: 16px;
	font-weight: 400;
	color: #fff; /* 白色字体 */
	line-height: 75px;
	height: 75px;
	text-decoration: none;
	transition: color 0.3s;
}

.footer .typeArea .body-top .body-bottom-nav ul li a:hover {
	color: #16a8de; /* hover高亮色 */
}


/* 联系信息区域 */
.contact-info {
	float: left;
	width: 380px;
	padding: 30px 0 0 30px;
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
}

.contact-item {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	white-space: nowrap; /* 防止文字换行 */
}

.contact-item i {
	font-size: 20px;
	margin-right: 10px; /* 图标与文字间距 */
}

.contact-item span {
	flex: 1;
}


/* 页脚底部区域 */
.footer .typeArea .body-bottom {
	width: 1200px;
	height: 123px;
	border-top: 1px solid #333; /* 顶部分隔线 */
	overflow: hidden;
}

/* 功能图标区域（电话、微信等） */
.footer .typeArea .body-bottom .body-bottom-function {
	float: left;
	width: 345px;
	height: 93px;
	padding-top: 30px;
	border-right: 1px solid #333; /* 右侧分隔线 */
}

.footer .typeArea .body-bottom .body-bottom-function .phone,
.footer .typeArea .body-bottom .body-bottom-function .weixin,
.footer .typeArea .body-bottom .body-bottom-function .applet,
.footer .typeArea .body-bottom .body-bottom-function .weibo {
	float: left;
	margin-right: 30px;
	position: relative;
}

.footer .typeArea .body-bottom .body-bottom-function .phone a,
.footer .typeArea .body-bottom .body-bottom-function .weixin a,
.footer .typeArea .body-bottom .body-bottom-function .applet a,
.footer .typeArea .body-bottom .body-bottom-function .weibo a {
	font-size: 52px;
	color: #fff; /* 白色图标 */
	text-decoration: none;
	transition: all 0.3s; /* 平滑过渡动画 */
}

/* 图标hover效果（提示可点击） */
.footer .typeArea .body-bottom .body-bottom-function .phone a:hover {
	color: #16a8de;
	transform: scale(1.1); /* 轻微放大 */
}

.footer .typeArea .body-bottom .body-bottom-function .weixin a:hover {
	color: #06c763;
	transform: scale(1.1);
}

.footer .typeArea .body-bottom .body-bottom-function .applet a:hover {
	color: #16a8de;
	transform: scale(1.1);
}

.footer .typeArea .body-bottom .body-bottom-function .weibo a:hover {
	color: #E30B20;
	transform: scale(1.1);
}


/* 统计数据区域 */
.footer .typeArea .body-bottom .statistics {
	width: 370px;
	height: 93px;
	padding-top: 30px;
	margin-left: 50px;
	border-right: 1px solid #333; /* 右侧分隔线 */
	float: left;
}

.footer .typeArea .body-bottom .statistics .clicks {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer .typeArea .body-bottom .statistics .clicks li {
	float: left;
	margin-right: 40px;
}

.footer .typeArea .body-bottom .statistics .clicks li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	transition: color 0.3s;
}

.footer .typeArea .body-bottom .statistics .clicks li .reds {
	color: #16a8de; /* 选中状态颜色 */
}

.footer .typeArea .body-bottom .statistics .clicks li a:hover {
	color: #16a8de;
}

.footer .typeArea .body-bottom .statistics .click-content {
	width: 312px;
	height: 20px;
}

.footer .typeArea .body-bottom .statistics .click-content .quantity {
	margin: 35px 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
	list-style: none;
}

.footer .typeArea .body-bottom .statistics .click-content .quantity .left {
	float: left;
}

.footer .typeArea .body-bottom .statistics .click-content .quantity .middle {
	margin-left: 10%;
	float: left;
}

.footer .typeArea .body-bottom .statistics .click-content .quantity .right {
	float: right;
}

.footer .typeArea .body-bottom .statistics .click-content .quantity li {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
}

.footer .typeArea .body-bottom .statistics .click-content .quantity li span {
	font-size: 14px;
	color: #fff;
}


/* 备案信息区域 */
.footer .typeArea .body-bottom .putonrecords {
	float: left;
	padding-top: 26px;
	margin-left: 50px;
}

.footer .typeArea .body-bottom .putonrecords p {
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	line-height: 28px;
	margin: 0;
}

.footer .typeArea .body-bottom .putonrecords p a {
	color: #fff;
	text-decoration: none;
	transition: color 0.3s;
}

.footer .typeArea .body-bottom .putonrecords p a:hover {
	color: #16a8de;
}


/* 友情链接弹窗 */
.footer .blogroll {
	position: absolute;
	top: -218px;
	color: #fff;
	font-size: 16px;
	z-index: 100;
}

.footer .blogroll:hover {
	display: block !important;
}

.footer .blogroll .arrows {
	width: 18px;
	height: 18px;
	margin: 0 auto;
	transform: rotate(45deg);
	background-color: #111;
	margin-top: -10px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

.footer .blogroll ul {
	border-radius: 4px;
	height: 220px;
	padding: 29px 30px;
	background-color: #111;
	border: 1px solid #333;
	margin: 0;
	list-style: none;
}

.footer .blogroll ul li {
	margin-bottom: 14px;
}

.footer .blogroll ul li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	transition: color 0.3s;
}

.footer .blogroll ul li a:hover {
	color: #16a8de;
}


/* 二维码模态框样式（核心） */
.qrcode-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8); /* 半透明黑色背景 */
	display: none; /* 默认隐藏 */
	justify-content: center;
	align-items: center;
	z-index: 9999; /* 最上层显示 */
}

.qrcode-container {
	text-align: center;
	padding: 25px;
	background-color: #fff;
	border-radius: 8px;
	position: relative;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* 立体感阴影 */
}

.qrcode-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	color: #999;
	cursor: pointer;
	transition: color 0.3s;
}

.qrcode-close:hover {
	color: #E30B20; /* 关闭按钮hover变红 */
}

.qrcode-img {
	width: 220px; /* 二维码大小 */
	height: 220px;
	margin: 15px 0;
	border: 1px solid #eee; /* 轻微边框 */
}

.qrcode-text {
	color: #333;
	font-size: 16px;
	margin: 0;
	padding-bottom: 5px;
	font-weight: 500;
}

/* 新增：联系信息样式 */
.contact-info {
	float: left;
	width: 380px;
	padding: 30px 0 0 30px;
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
}

.contact-item {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	white-space: nowrap;
}

.contact-item i {
	font-size: 20px;
	margin-right: 10px;
}

.contact-item span {
	flex: 1;
}

/* 二维码弹出层样式 */
.body-bottom-function .phone,
.body-bottom-function .weixin,
.body-bottom-function .applet,
.body-bottom-function .weibo {
	position: relative;
	float: left;
	margin-right: 30px;
}

.qrcode-popup {
	position: fixed; /* 改为fixed定位，不受父容器限制 */
	z-index: 9999; /* 确保在最上层 */
	background-color: #fff;
	padding: 12px;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	display: none; /* 默认隐藏 */
}

.qrcode-popup::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 8px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

.qrcode-content {
	text-align: center;
}

.qrcode-content img {
	width: 150px;
	height: 150px;
	display: block;
	margin: 0 auto 8px;
	border: 1px solid #eee;
}

.qrcode-content p {
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: 500;
}