/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* QQ：9490489 */

/* 引入字体图标或 Web 字体样式表 */
@import url('font_1429681_zb8mci2o3ei.css');

/* 全局元素重置样式，避免浏览器差异 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* 设置全局字体及字号 */
html, body {
	font: 14px "Microsoft Yahei";
}

/* 按钮统一字体样式 */
button {
	font-family: "Microsoft Yahei";
}

/* 列表去除默认样式 */
ul, li {
	list-style: none;
	margin-bottom: 0;
}

/* 取消 i 标签默认斜体 */
i {
	font-style: normal;
}

/* ———————————————————— 跟随项目变化的样式 ———————————————————— */
/* ———————————————————— 固定通用样式 ———————————————————— */

/* 栅格列，1/3 宽度 */
.col-4 {
	width: 33.33333333%;
}

/* 栅格列，3/4 宽度 */
.col-9 {
	width: 75%;
}

/* 定义 Flex 弹性容器，兼容旧浏览器 */
.flex {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* 子元素占据剩余空间 */
.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

/* 允许子项自动换行 */
.flex-wrap {
	flex-wrap: wrap;
}

/* 子项在交叉轴（垂直）方向居中 */
.flex-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* 设置为块级元素 */
.block {
	display: block;
}

/* 设置为行内块元素 */
.inblock {
	display: inline-block;
}

/* 默认边框 */
.border {
	border: 1px solid #dadadd;
}

/* 仅底部边框 */
.borderFt {
	border-bottom: 1px solid #dadadd;
}

/* 顶部边框线（可用作分隔线） */
.hr {
	border-top: 1px solid #c8c7cc;
}

/* 行内垂直居中 */
.middle {
	vertical-align: middle!important;
}

/* 浮动与清除浮动 */

/* 左浮动 */
.fl {
	float: left;
}

/* ———————————————————— 文字样式 ———————————————————— */

/* 字体大小 15px */
.fs15 {
	font-size: 15px;
}

/* 字体大小 16px */
.fs16 {
	font-size: 16px;
}

/* 字体大小 18px */
.fs18 {
	font-size: 18px;
}

/* 字体大小 20px */
.fs20 {
	font-size: 20px;
}

/* 字体大小 24px */
.fs24 {
	font-size: 24px;
}

/* 行高 24px */
.lh24 {
	line-height: 24px;
}

/* 行高 32px */
.lh32 {
	line-height: 32px;
}

/* 行高 36px */
.lh36 {
	line-height: 36px;
}

/* 白色字体，强制优先级 */
.c_fff {
	color: #ffffff !important;
}

/* 深灰字体 */
.c_666 {
	color: #666;
}

/* 浅灰字体 */
.c_999 {
	color: #999;
}

/* 蓝色字体 */
.c_blue {
	color: #1478c6;
}

/* 深蓝背景色 */
.blue {
	background-color: #214076;
}

/* 白色背景，强制优先 */
.white {
	background-color: #fff!important;
}

/* 文本左对齐 */
.left {
	text-align: left;
}

/* 文本居中对齐 */
.center {
	text-align: center;
}

/* 文本右对齐 */
.right {
	text-align: right;
}

/* 加粗文本 */
.bold {
	font-weight: bold;
}

/* 单行文本超出省略 */
.nowrap {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* 隐藏溢出内容 */
.ovh {
	overflow: hidden;
}

/* ———————————————————— 边距设置 ———————————————————— */

/* 上内边距 20px */
.pt20 {
	padding-top: 20px;
}

/* 上内边距 40px */
.pt40 {
	padding-top: 40px;
}

/* 下内边距 10px */
.pb10 {
	padding-bottom: 10px;
}

/* 下内边距 20px */
.pb20 {
	padding-bottom: 20px;
}

/* 左内边距 20px */
.pl20 {
	padding-left: 20px;
}

/* 右内边距 10px */
.pr10 {
	padding-right: 10px;
}

/* 右内边距 20px */
.pr20 {
	padding-right: 20px;
}

/* 四周内边距 10px */
.p10 {
	padding: 10px;
}

/**
从20 改成了10
2019-11-20
*/

/* 上外边距为 0，强制优先 */
.mt0 {
	margin-top: 0!important;
}

/* 上外边距 35px（注：类名为 mt10 但值为 35px，已更改） */
.mt10 {
	margin-top: 35px;
}

/* 上外边距 20px */
.mt20 {
	margin-top: 20px;
}

/* 上外边距 30px */
.mt30 {
	margin-top: 30px;
}

/* 下外边距 5px */
.mb5 {
	margin-bottom: 5px;
}

/* 下外边距 10px */
.mb10 {
	margin-bottom: 10px;
}

/* 下外边距 20px */
.mb20 {
	margin-bottom: 20px;
}

/* 下外边距 40px */
.mb40 {
	margin-bottom: 40px;
}

/* 左外边距 0px（注：类名为 ml10 实际是 0px） */
.ml10 {
	margin-left: 0px;
}

/* 左外边距 20px */
.ml20 {
	margin-left: 20px;
}

/* 右外边距 10px */
.mr10 {
	margin-right: 10px;
}

/* 左外边距 40px */
.ml40 {
	margin-left: 40px;
}

/* 水平居中（左右自动外边距） */
.auto {
	margin-left: auto;
	margin-right: auto;
}

/* 没有数据时图标的样式 */
.icon {
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}