/*
KISSY CSS Reset
*/

/* === 基础重置样式 (影响所有元素的默认间距和盒模型) === */
/* 基础 margin/padding 重置 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
	margin: 0; /* === 布局: 移除默认外边距 === */
	padding: 0; /* === 布局: 移除默认内边距 === */
	font-size: 14px;
}

/* list-style 重置 */
ul, ol {
	list-style: none; /* === 布局: 移除列表默认的项目符号或编号 === */
}

/* box-sizing 设置 */
/* html, body 的溢出和最小宽度 */
html {
	overflow-y: scroll; /* === 布局: 控制垂直滚动条 === */
	min-width: 320px; /* === 布局: 最小宽度 === */
	color: #333;
}
html,body{
	overflow-x: hidden; /* === 布局: 隐藏水平滚动条，防止布局溢出 === */
}

/* === 浮动辅助类 (如果底部使用了浮动布局) === */
/* 设置左右浮动 */
.fl {
	float: left; /* === 布局: 左浮动 === */
}
.fr {
	float: right; /* === 布局: 右浮动 */
}

/* 清除浮动 */
.clearfix:after {
	visibility: hidden;
	display: block; /* === 布局: 用于清除浮动的影响 === */
	font-size: 0;
	content: " ";
	clear: both; /* === 布局: 清除左右浮动 === */
	height: 0;
}

/* === 通用布局辅助类 === */
/* 最大宽度和居中容器 (如果底部使用了 .w1280 类) */
.w1280{
	max-width: 1300px; /* === 布局: 设置最大宽度 === */
	margin: 0 auto; /* === 布局: 块级元素水平居中 === */
	padding: 0 10px; /* === 布局: 水平内边距 === */
}

/* Flexbox 辅助类 (如果底部使用了这些类) */
.d-flex {
	display: flex; /* === 布局: 启用 Flexbox 布局 === */
}
.d-flex-center-center {
	display: flex;
	align-items: center; /* === 布局: Flexbox 垂直居中 === */
	justify-content: center; /* === 布局: Flexbox 水平居中 === */
}
.d-flex-center {
	display: flex;
	align-items: center; /* === 布局: Flexbox 垂直居中 === */
}
.d-flex-start {
	display: flex;
	align-items: flex-start; /* === 布局: Flexbox 垂直顶部对齐 === */
}
.d-flex-between {
	display: flex;
	justify-content: space-between; /* === 布局: Flexbox 两端对齐 === */
}
.d-flex-justify-center {
	display: flex;
	justify-content: center; /* === 布局: Flexbox 水平居中 === */
}
.align-items{
	align-items: center; /* === 布局: Flexbox 垂直居中 (单独使用) === */
}
.d-flex-center-between {
	display: flex;
	align-items: center; /* === 布局: Flexbox 垂直居中 === */
	justify-content: space-between; /* === 布局: Flexbox 两端对齐 === */
}
.flex-row-reverse {
	flex-direction: row-reverse; /* === 布局: Flexbox 主轴方向反转 === */
}
.d-flex-center-between-end {
	display: flex;
	align-items: center; /* === 布局: Flexbox 垂直居中 === */
	justify-content: flex-end; /* === 布局: Flexbox 主轴末端对齐 === */
}
.flex-1 {
	flex: 1; /* === 布局: Flexbox 项目伸展填满空间 === */
}
.flex-column {
	flex-direction: column; /* === 布局: Flexbox 主轴方向垂直 === */
}
.flex-wrap {
	flex-wrap: wrap; /* === 布局: Flexbox 项目换行 === */
}
.flex-shrink {
	flex-shrink: 0; /* === 布局: 防止 Flexbox 项目收缩 === */
}

/* === Bootstrap 或类似框架的网格布局类 (这些类定义了宽度、内边距、浮动或 Flexbox 行为) === */
/* 这些类通常在外部的 Bootstrap.css 文件中定义，但您的 HTML 中使用了它们 */
/* 例如: */
/* .container { width: ...; padding: ...; margin: ...; } */
/* .row { display: flex; margin: ...; flex-wrap: wrap; } 或 { overflow: hidden; margin: ...; } + float */
/* .col-lg-3, .col-md-3, .col-sm-12, .col-12 { width: ...; padding: ...; float: ...; } 或 { flex: ...; width: ...; max-width: ...; } */
/* 在您提供的 basis.css 中没有找到标准的 Bootstrap 网格类定义，它们应该在其他引用的文件中 */


/* === 直接针对页脚部分的布局样式 === */

/* 页脚主要容器 */
.footer{ /* 大约 833 行 */
	background: #131313e5e5;
	padding: 30px 0; /* === 布局: 页脚上下内边距 === */
}

/* 页脚顶部区域 (如果有) */
.fttop{ /* 大约 837 行 */
	border-bottom: 1px #4a4a4a solid;
	padding-bottom: 25px; /* === 布局: 底部内边距 === */
	font-size: 18px;
	color: #fff;
}

/* 页脚 Logo 区域 */
.footLogo{ /* 大约 842 行 */
	color: #7d87a5;
}
/* Logo 下方的文本行距和外边距 */
.footL01{ /* 大约 846 行 */
	line-height: 1.8;
	color: #7d87a5;
	margin-top: 20px; /* === 布局: 顶部外边距 === */
}
.footL01 a{ /* 大约 851 行 */
	color: #7d87a5;
}
/* Logo 区域标题外边距 */
.footLogo h3{ /* 大约 854 行 */
	font-size: 24px;
	margin-top: 20px; /* === 布局: 顶部外边距 === */
}

/* 页脚右侧链接列表容器 */
.footRul h3{ /* 大约 858 行 */
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 25px; /* === 布局: 底部外边距 === */
}
/* 右侧链接列表项 */
.footRul li a{ /* 大约 865 行 */
	display: block; /* === 布局: 使链接块级化，占据整行 === */
	height: 34px; /* === 布局: 固定高度 === */
	line-height: 34px; /* === 布局: 行高 (通常用于垂直居中文本) === */
	color: #7d87a5;
}
/* 右侧链接列表项外边距 (看起来是为了在列之间创建空间) */
.footRul li { /* 大约 871 行 */
	margin-left:100px; /* === 布局: 左侧外边距 === */
}
.footRul li a:hover{ /* 大约 874 行 */
	color: #fff;
}

/* 页脚版权信息区域 */
.copy,.copy a{ /* 大约 878 行 */
	color: #7d87a5;
}
.copy a:hover{ /* 大约 881 行 */
	color: #fff;
}
.copy{ /* 大约 884 行 */
	margin-top: 18px; /* === 布局: 顶部外边距 === */
}

/* 手机端底部悬浮导航 */
.footer-fix{ /* 大约 901 行 */
	position: fixed; /* === 布局: 固定定位 === */
	bottom: 0; /* === 布局: 固定在底部 === */
	left: 0; /* === 布局: 固定在左侧 === */
	right: 0; /* === 布局: 固定在右侧 === */
	z-index: 1000; /* === 布局: 层叠顺序 === */
	/* ... 其他样式 ... */
}
.footer-fix ul{ /* 大约 903 行 */
	/* ... */
}
.footer-fix ul li{ /* 大约 904 行 */
	/* 通常这里会设置 float 或 display: inline-block / flex */
	/* ... */
}
/* ... footer-fix 的子元素样式 ... */

/* === 其他可能影响底部的通用样式 === */

/* 分页样式 (如果页脚包含了分页组件，这些规则会影响其布局和间距) */
.pagination{ /* 大约 1388 行 */
	margin-top: 40px; /* === 布局: 顶部外边距 === */
	text-align: center; /* === 布局: 内容水平居中 === */
	margin-bottom: 40px; /* === 布局: 底部外边距 === */
}
.pagination li { /* 大约 1393 行 */
	display: inline-block; /* === 布局: 使列表项并排显示 === */
	height: 38px; /* === 布局: 固定高度 === */
	line-height: 38px; /* === 布局: 行高 (垂直居中文本) === */
	border: 1px #e5e5e5 solid;
	border-radius: 4px;
	padding: 0 12px; /* === 布局: 水平内边距 === */
	color: #818181;
	margin: 0 5px 15px; /* === 布局: 外边距，控制各项之间的距离和底部空间 === */
}
/* ... pagination 的其他样式 ... */

/* Tab 栏样式 (如果页脚包含了 Tab 组件，这些规则会影响其布局) */
.tab-bar{ /* 大约 1418 行 */
	padding-top: 1.5rem; /* === 布局: 顶部内边距 === */
	/* ... */
}
.tabBox{ /* 大约 1431 行 */
	display: flex; /* === 布局: 启用 Flexbox === */
	flex-wrap:wrap; /* === 布局: 允许换行 === */
	justify-content:center; /* === 布局: 内容水平居中 === */
}
/* ... 其他 tab 相关的样式 ... */

.footer{
	background: #131313;
	padding: 30px 0;
}

.fttop{
	border-bottom: 1px #4a4a4a solid;
	padding-bottom: 25px;
	font-size: 18px;
	color: #fff;

	.footer{
    	background: #131313e5;
    	padding: 30px 0;
    }

	.fttop{
    	border-bottom: 1px #4a4a4a solid;
    	padding-bottom: 25px;
    	font-size: 18px;
    	color: #fff;
    }
    .fttop img{
    	margin-right: 8px;
    }

	.footLogo{
    	color: #7d87a5;
    }
    .footL01{
    	line-height: 1.8;
    	color: #7d87a5;
    	margin-top: 20px;
    }
    .footL01 a{
    	color: #7d87a5;

	}
    .footLogo h3{
    	font-size: 24px;
    	margin-top: 20px;
    }
    .footRul h3{
    	font-size: 16px;
    	color: #fff;
    	font-weight: 500;
    	margin-bottom: 25px;
    }
    .footRul li a{
    	display: block;
    	height: 34px;
    	line-height: 34px;
    	color: #7d87a5;
    }
    .footRul li {
    	margin-left:100px;
    }
    .footRul li a:hover{
    	color: #fff;
    }

	.copy,.copy a{
    	color: #7d87a5;
    }
    .copy a:hover{
    	color: #fff;
    }
    .copy{
    	margin-top: 25px;
    }