body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
ul,
li,
p,
table,
tr,
td {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}
body {
	font-size: 14px;
	color: #303032;
	background: #f1f1f1;
	-webkit-text-size-adjust: 100%;
	min-height: 1000px;
}
/*放大镜、选中文字去除：-webkit-user-select: none;*/
a,
span.link {
	text-decoration: none;
	color: #06c;
}
a:hover,
span.link:hover {
	text-decoration: underline;
	color: #0055aa;
}
a:active,
input:focus,
button:focus,
textarea:focus,
select:focus {
	outline: 0;
}
input,
textarea {
	font-size: 12px;
	box-sizing: border-box;
}
input:disabled {
	color: white !important;
	border-color: #c4c5c6 !important;
	background-color: #c4c5c6 !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #c9cace;
}
li {
	list-style-type: none;
}
a:active {
	background-color: #ececec;
}
::-webkit-input-placeholder {
	padding-top: 2px;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: #fff;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	/*border-radius: 6px;*/
	background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	/*border-radius: 6px;*/
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	background-color: #bcbfb9;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #6a6c68;
}
/**
 * 	基础样式
 */

/*xb-rev 子元素反序排列
xb-con 在子元素中加入一个容器，用于避免内容引起子元素大小变化
对应CSS代码为position:absolute;width:100%;height:100%;
xb-ac、xb-ae 子元素垂直居中对齐和尾对齐
xb-pc、xb-pe、xb-pj 子元素水平居中对齐、尾对齐和两端对齐
xb-ver 子元素纵向排列
xb-f1 xb-f2 xb-f3 xb-f4 子元素占用区域份数*/

/*ng未渲染隐藏*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-compile {
	display: none !important;
}
/*弹性布局*/
.xb,
.xb-1 {
	position: relative;
	display: -webkit-box;
	display: box;
}
.xb-wrap {
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	display: -webkit-box;
	display: box;
	margin: auto;
	-webkit-box-orient: vertical;
	box-orient: vertical;
}
.xb-ver {
	-webkit-box-orient: vertical;
	box-orient: vertical;
}
.xb-rev {
	-webkit-box-direction: reverse;
	box-direction: reverse;
}
.xb-con {
	position: absolute;
	width: 100%;
	height: 100%;
}
.xb-as {
	-webkit-box-pack: start;
	box-pack: start;
}
.xb-ac {
	-webkit-box-align: center;
	box-align: center;
}
.xb-ae {
	-webkit-box-align: end;
	box-align: end;
}
.xb-ps {
	-webkit-box-pack: start;
	box-pack: start;
}
.xb-pc {
	-webkit-box-pack: center;
	box-pack: center;
}
.xb-pe {
	-webkit-box-pack: end;
	box-pack: end;
}
.xb-allc {
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	box-pack: center;
}
.xb-pj {
	-webkit-box-pack: justify;
	box-pack: justify;
}
.xb-f1 {
	position: relative;
	-webkit-box-flex: 1;
	box-flex: 1;
}
.xb-f2 {
	position: relative;
	-webkit-box-flex: 2;
	box-flex: 2;
}
.xb-f3 {
	position: relative;
	-webkit-box-flex: 3;
	box-flex: 3;
}
.xb-f4 {
	position: relative;
	-webkit-box-flex: 4;
	box-flex: 4;
}
.xb-fw {
	width: 100%;
}
.xb-fh {
	height: 100%;
}
.xb-block {
	display: block;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
/**
 * 
 *
 * 
 * 文本相关
 *
 *
 * 
 */
.FS-10 {
	font-size: 10px !important;
}
.FS-12 {
	font-size: 12px !important;
}
.FS-14 {
	font-size: 14px !important;
}
.FS-15 {
	font-size: 15px !important;
}
.FS-16 {
	font-size: 16px !important;
}
.FS-18 {
	font-size: 18px !important;
}
.FS-20 {
	font-size: 20px !important;
}

.LH-12 {
	line-height: 12px !important;
}
/*字体溢出*/
.text-out {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap !important;
	outline: 0 !important;
}
/*文本颜色*/
.FC-red {
	color: #ef5e53 !important;
}
.FC-red1 {
	color: #de675a;
}
.FC-gray {
	color: #999a9e;
}
.FC-gray1 {
	color: #a8a9ad;
}
.FC-green {
	color: #1ec4a3;
}
a:active {
	color: #28a289;
}
.FC-blue {
	color: #56c1ff;
}
.FC-white {
	color: #ffffff;
}
.FC-black {
	color: #303032;
}
.FC-darkGray {
	color: #646567;
}
.FC-lightGray {
	color: #c9cace;
}
/*字体位置*/
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}
.text-left {
	text-align: left !important;
}
/*文字布局*/
.txt-l {
	text-align: left;
}
.txt-c {
	text-align: center;
}
.txt-r {
	text-align: right;
}
/* 字体间距 */
.letter-space-2 {
	letter-spacing: 2px;
}
/*行高*/
.L-1 {
	line-height: 1em;
}
.L-2 {
	line-height: 2em;
}
/* 行高 px */
.line-20 {
	line-height: 20px;
}
.line-22 {
	line-height: 22px;
}
.line-35 {
	line-height: 35px;
}
/* 底部下载 */
.bottomBlank {
	height: 50px;
}

/**
 *
 * 
 *
 * 
 * dom背景颜色
 * @type {[type]}
 * 
 *
 * 
 * 
 */
.BG-gray {
	background-color: #999a9e;
}
.BG-gray1 {
	background-color: #c3c4c8;
}
.BG-lightGray {
	background-color: #f4f4f4;
}
.BG-light-gray {
	background-color: #f4f5f7;
}
.BG-gray.action:active {
	background-color: #8d8e93;
}
.BG-yellow {
	background-color: #fc9531;
}
.BG-yellow.action:active {
	background-color: #f08822;
}
.BG-red {
	background-color: #ef5e53;
}
.BG-red1 {
	background-color: #de675a;
}
.BG-red.action:active {
	background-color: #d8413a;
}
.BG-orange {
	background-color: #ef5e53;
}
.BG-green {
	background-color: #1ec47c;
}
.BG-lightGreen {
	background-color: #e2fadf;
}
.BG-green.action:active {
	background-color: #28a289;
}
.BG-darkGray {
	background-color: #646567;
}
.BG-blue {
	background-color: #56c1ff;
}
.BG-black {
	background-color: #000000;
}
.BG-white {
	background-color: #ffffff;
}

/* 去浮动 */
.clearfix {
	content: "";
	clear: both;
	display: table;
}

/* 
*
*
* 
* DOM边框
*
* 
*/
/*1px边框*/
.cut.dashed {
	border-bottom-style: dashed;
}
.cut {
	width: 100%;
	border-bottom: 1px solid #e2e4e7;
}
.cut-lg {
	width: 100%;
	border-bottom: 1px solid #e2e4e7;
	border-top: 1px solid #e2e4e7;
	background: #f4f5f7;
	height: 1.071428571em;
}
.bor-gray-light {
	border: 1px solid #f4f4f4;
}
/* 边框0 */
.bor0 {
	border: 0px;
}

/* 间距 */
.cut-lightgray-6 {
	height: 6px;
	width: 100%;
	background-color: #f4f5f7;
}

/**
 *
 * 
 * 像素布局 全-上-右-下-左
 *
 *
 * 
 */
/*xb-b1  全
xb-b1-r4 全边框，4像素圆角*/
.xb-bs1 {
	box-shadow: 0 0 3px 0 #ccc;
}

.xb-bt1 {
	border-top: 1px solid #e0e0e0;
}
.xb-bb1 {
	border-bottom: 1px solid #e0e0e0;
}
.xb-bv1 {
	border-top: #e0e0e0 1px solid;
	border-bottom: #e0e0e0 1px solid;
	background-image: none;
}
.xb-bl1 {
	border-left: 1px solid #e0e0e0;
}
.xb-br1 {
	border-right: 1px solid #e0e0e0;
}
.xb-b1 {
	border: 1px solid #e0e0e0 !important;
}
.xb-b1-r4 {
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.xb-b1-r4 {
		position: relative;
		border: 0;
	}
	.xb-b1-r4:before {
		position: absolute;
		top: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		width: 200%;
		height: 200%;
		padding: 1px;
		content: "";
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0;
		pointer-events: none;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.xb-b1 {
		position: relative;
		border: 0;
	}
	.xb-bt1,
	.xb-bb1,
	.xb-bl1,
	.xb-br1,
	.xb-bv1 {
		border: 0;
	}
	.xb-bt1 {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.5, transparent),
			color-stop(0.5, #e0e0e0),
			to(#e0e0e0)
		);
		background-position: left top;
	}
	.xb-bb1 {
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.5, transparent),
			color-stop(0.5, #e0e0e0),
			to(#e0e0e0)
		);
		background-position: left bottom;
	}
	.xb-bt1,
	.xb-bb1,
	.xb-bv1 {
		background-repeat: repeat-x;
		-webkit-background-size: 100% 1px;
	}
	.xb-bv1 {
		background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.5, transparent),
				color-stop(0.5, #e0e0e0),
				to(#e0e0e0)
			),
			-webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
		background-position: top, bottom;
	}
	.xb-bl1 {
		background-image: -webkit-gradient(
			linear,
			right top,
			left top,
			color-stop(0.5, transparent),
			color-stop(0.5, #e0e0e0),
			to(#e0e0e0)
		);
		background-position: left top;
	}
	.xb-br1 {
		background-image: -webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0.5, transparent),
			color-stop(0.5, #e0e0e0),
			to(#e0e0e0)
		);
		background-position: right top;
	}
	.xb-bl1,
	.xb-br1 {
		background-repeat: repeat-y;
		-webkit-background-size: 1px 100%;
	}
	.xb-b1:after {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: 1px;
		content: "";
		pointer-events: none;
		background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.5, transparent),
				color-stop(0.5, #e0e0e0),
				to(#e0e0e0)
			),
			-webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)),
			-webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)),
			-webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
		background-repeat: no-repeat;
		background-position: top, right, bottom, left;
		-webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
		-webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
		background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
		background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
	}
}

/*padding 全*/
.PALL-10 {
	padding: 10px;
}
.PALL-15 {
	padding: 15px;
}
/*垂直*/
.PV-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.PV-6 {
	padding-top: 6px;
	padding-bottom: 6px;
}
.PV-7 {
	padding-top: 7px;
	padding-bottom: 7px;
}
.PV-8 {
	padding-top: 8px;
	padding-bottom: 8px;
}
.PV-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.PV-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.PV-17 {
	padding-top: 17px;
	padding-bottom: 17px;
}
.PV-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.PV-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
/*水平*/
.PH-5 {
	padding-left: 5px;
	padding-right: 5px;
}
.PH-7 {
	padding-left: 7px;
	padding-right: 7px;
}
.PH-10 {
	padding-left: 10px;
	padding-right: 10px;
}
.PH-14 {
	padding-left: 14px;
	padding-right: 14px;
}
.PH-15 {
	padding-right: 15px;
	padding-left: 15px;
}
.PH-20 {
	padding-right: 20px;
	padding-left: 20px;
}
.PH-25 {
	padding-right: 25px;
	padding-left: 25px;
}
.PH-28 {
	padding-right: 28px;
	padding-left: 28px;
}
.PH-60 {
	padding-right: 60px;
	padding-left: 60px;
}
.PH-70 {
	padding-right: 70px;
	padding-left: 70px;
}
/*上*/
.PT-5 {
	padding-top: 5px;
}
.PT-7 {
	padding-top: 7px;
}
.PT-10 {
	padding-top: 10px;
}
.PT-15 {
	padding-top: 15px;
}
.PT-18 {
	padding-top: 18px;
}
.PT-20 {
	padding-top: 20px;
}
.PT-25 {
	padding-top: 25px;
}
.PT-30 {
	padding-top: 30px;
}
.PT-35 {
	padding-top: 35px;
}
.PT-90 {
	padding-top: 90px !important;
}
/*右*/
.PR-10 {
	padding-right: 10px;
}
.PR-15 {
	padding-right: 15px;
}
.PR-20 {
	padding-right: 20px;
}
/*下*/
.PB-0 {
	padding-bottom: 0px;
}
.PB-5 {
	padding-bottom: 5px;
}
.PB-10 {
	padding-bottom: 10px;
}
.PB-14 {
	padding-bottom: 14px;
}
.PB-15 {
	padding-bottom: 15px;
}
.PB-16 {
	padding-bottom: 16px;
}
.PB-17 {
	padding-bottom: 17px;
}
.PB-20 {
	padding-bottom: 20px;
}
.PB-25 {
	padding-bottom: 25px;
}
.PB-30 {
	padding-bottom: 30px;
}
/*左*/
.PL-10 {
	padding-left: 10px;
}
.PL-15 {
	padding-left: 15px;
}
.PL-20 {
	padding-left: 20px;
}
/*margin全*/
.MALL-15 {
	margin: 15px;
}
/*垂直*/
.MV-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.MV-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.MV-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.MV-20 {
	margin-top: 15px;
	margin-bottom: 20px;
}
/*水平*/
.MH-10 {
	margin-right: 10px;
	margin-left: 10px;
}
.MH-15 {
	margin-right: 15px;
	margin-left: 15px;
}
.MH-20 {
	margin-left: 20px;
	margin-right: 20px;
}
/*上*/
.MT-1 {
	margin-top: 1px;
}
.MT-2 {
	margin-top: 2px;
}
.MT-5 {
	margin-top: 5px;
}
.MT-7 {
	margin-top: 7px;
}
.MT-10 {
	margin-top: 10px !important;
}
.MT-12 {
	margin-top: 12px;
}
.MT-15 {
	margin-top: 15px !important;
}
.MT-17 {
	margin-top: 17px !important;
}
.MT-20 {
	margin-top: 20px !important;
}
.MT-25 {
	margin-top: 25px !important;
}
.MT-50 {
	margin-top: 50px;
}
.MT-80 {
	margin-top: 80px;
}
/* 上 百分百 */
.MT-35-per {
	margin-top: 35% !important;
}
.MT-40-per {
	margin-top: 40% !important;
}
/*右*/
.MR-2 {
	margin-right: 2px;
}
.MR-3 {
	margin-right: 3px;
}
.MR-5 {
	margin-right: 5px;
}
.MR-7 {
	margin-right: 7px;
}
.MR-10 {
	margin-right: 10px;
}
.MR-15 {
	margin-right: 15px;
}
.MR-20 {
	margin-right: 20px;
}
.MR-30 {
	margin-right: 30px;
}
/*下*/
.MB-0 {
	margin-bottom: 0;
}
.MB-5 {
	margin-bottom: 5px;
}
.MB-7 {
	margin-bottom: 7px;
}
.MB-10 {
	margin-bottom: 10px;
}
.MB-12 {
	margin-bottom: 12px;
}
.MB-15 {
	margin-bottom: 15px;
}
.MB-20 {
	margin-bottom: 20px;
}
.MB-70 {
	margin-bottom: 70px !important;
}
.MB-100 {
	margin-bottom: 100px !important;
}
/*左*/
.ML-5 {
	margin-left: 5px;
}
.ML-3 {
	margin-left: 3px;
}
.ML-7 {
	margin-left: 7px;
}
.ML-10 {
	margin-left: 10px;
}
.ML-15 {
	margin-left: 15px;
}
.ML-20 {
	margin-left: 20px;
}
.ML-30 {
	margin-left: 30px;
}
.ML-50 {
	margin-left: 50px;
}

/*
 *透明度
 */
.opacity0 {
	opacity: 0;
}
.opacity08 {
	opacity: 0.8;
}
.opacity09 {
	opacity: 0.9;
}

/**
 * 
 * 
 *
 * 展示类型
 *
 * 
 */
.disB {
	display: block;
}
.disIB {
	display: inline-block;
}
.hide {
	display: none !important;
}
.show {
	display: block;
}
.fixB {
	position: fixed;
	left: 0;
	bottom: 0;
}
.fixed {
	position: fixed;
}
/*形状*/
.circle {
	border-radius: 50%;
}
.radius-4 {
	border-radius: 4px;
}
.radius-6 {
	border-radius: 6px;
}
.radius-30 {
	border-radius: 30px;
}

/**
 *
 *
 * 
 *dom定位
 *
 * 
 * 
 */
/* 居中 */
.margin-cen {
	margin: auto;
}
.vertical-cent {
	vertical-align: middle;
}
.ver-center {
	vertical-align: middle !important;
}
.ver-top {
	vertical-align: top !important;
}
/* 绝对定位left px*/
.left0 {
	left: 0px;
}
.left-8 {
	left: 8px;
}
/* 绝对定位left 百分百 */
.left-4-per {
	left: 4%;
}
.left-5-per {
	left: 5%;
}
.left-9-per {
	left: 9%;
}
.left-10-per {
	left: 10%;
}
.left-15-per {
	left: 15%;
}
.left-38-per {
	left: 38%;
}
.left-50-per {
	left: 50%;
}

/* 绝对定位right */
.right0 {
	right: 0px;
}
.right7 {
	right: 7px;
}
.right8 {
	right: 8px;
}
.right25 {
	right: 25px;
}
/* 绝对定位right 百分百 */
.right4-per {
	right: 4%;
}
.right-4-per {
	right: 4%;
}
.right-5-per {
	right: 5%;
}
.right-8-per {
	right: 8%;
}

/* 绝对定位bottom */
.bottom0 {
	bottom: 0px;
}
.bottom-25 {
	bottom: 25px;
}
.bottom-60 {
	bottom: 60px;
}
/* 绝对定位bottom 百分百 */
.bottom-3-per {
	bottom: 3%;
}
.bottom-4-per {
	bottom: 4%;
}
.bottom-6-per {
	bottom: 6%;
}
.bottom-7-per {
	bottom: 7%;
}
.bottom-10-per {
	bottom: 10%;
}
.bottom-11-per {
	bottom: 11%;
}
.bottom-12-per {
	bottom: 12%;
}
.bottom-14-per {
	bottom: 14%;
}
.bottom-16-per {
	bottom: 16%;
}
.bottom-20-per {
	bottom: 20%;
}
.bottom-30-per {
	bottom: 30%;
}

/* 绝对定位bottom */
.top0 {
	top: 0px;
}

/**
 *
 *
 * 
 *dom大小
 *
 * 
 * 
 */
/* 宽度 per */
.fullWidth {
	width: 100%;
}
/* 宽度 px */
.width-10 {
	width: 10px !important;
}
.width-18 {
	width: 18px;
}
.width-65 {
	width: 65px;
}
.width-80 {
	width: 80px;
}
.width-90 {
	width: 90px;
}
.width-100 {
	width: 100px;
}
/* 宽度 百分百 */
.wid-30 {
	width: 30%;
}
.wid-70 {
	width: 70%;
}
.wid-80 {
	width: 80%;
}
.wid-100 {
	width: 100%;
}

/* 高度 */
.heigh-14 {
	height: 14px !important;
}
.heigh-18 {
	height: 18px;
}
.heigh-22 {
	height: 22px;
}
.heigh-65 {
	height: 65px;
}
.heigh-80 {
	height: 80px;
}
.heigh-90 {
	height: 90px;
}
.heigh-100 {
	height: 100px;
}
/* 高度 百分比 */
.hei-100 {
	height: 100%;
}

/**
 *
 *
 * 
 * 	UI组件
 *
 *
 * 
 */
.xb-input {
	padding: 8px 6px;
	color: #949494;
	border: 1px solid #c9cace;
	border-radius: 2px;
}
.xb-input-no {
	border: none;
	outline: none;
}
/**
 * 菊花
 */
.cssload-spin-box {
	position: fixed;
	z-index: 999999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	-webkit-animation: cssload-spin ease infinite 2.6s;
	-moz-animation: cssload-spin ease infinite 2.6s;
	-ms-animation: cssload-spin ease infinite 2.6s;
	-o-animation: cssload-spin ease infinite 2.6s;
	animation: cssload-spin ease infinite 2.6s;
	border-radius: 100%;
	-webkit-box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
	-moz-box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
	box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
	-ms-box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
	-o-box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
}
@keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
	}
	25% {
		box-shadow: -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73);
	}
	50% {
		box-shadow: -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223);
	}
	75% {
		box-shadow: 7px -7px #dfdfdf, 7px 7px #4f4d49, -7px 7px #dfdfdf, -7px -7px #4f4d49;
	}
}
@-o-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
	}
	25% {
		box-shadow: -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73);
	}
	50% {
		box-shadow: -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223);
	}
	75% {
		box-shadow: 7px -7px #dfdfdf, 7px 7px #4f4d49, -7px 7px #dfdfdf, -7px -7px #4f4d49;
	}
}
@-ms-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
	}
	25% {
		box-shadow: -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73);
	}
	50% {
		box-shadow: -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223);
	}
	75% {
		box-shadow: 7px -7px #dfdfdf, 7px 7px #4f4d49, -7px 7px #dfdfdf, -7px -7px #4f4d49;
	}
}
@-webkit-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
	}
	25% {
		box-shadow: -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73);
	}
	50% {
		box-shadow: -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223);
	}
	75% {
		box-shadow: 7px -7px #dfdfdf, 7px 7px #4f4d49, -7px 7px #dfdfdf, -7px -7px #4f4d49;
	}
}
@-moz-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223);
	}
	25% {
		box-shadow: -7px 7px rgb(223, 223, 223), -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73);
	}
	50% {
		box-shadow: -7px -7px rgb(79, 77, 73), 7px -7px rgb(223, 223, 223), 7px 7px rgb(79, 77, 73), -7px 7px rgb(223, 223, 223);
	}
	75% {
		box-shadow: 7px -7px #dfdfdf, 7px 7px #4f4d49, -7px 7px #dfdfdf, -7px -7px #4f4d49;
	}
}

/**
 * 菊花背景
 */
.cssload-spin-box-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 50px;
	width: 50px;
	z-index: 999999998;
	opacity: 0.6;
	border-radius: 25%;
	box-shadow: 0 0 3px 0 #000;
	background: #fff;
}

.xb-input {
	padding: 8px 6px;
	color: #949494;
	border: 1px solid #c9cace;
	border-radius: 2px;
}

/*按钮*/
.btn {
	min-height: 0;
	text-align: center;
	border: 0;
	box-shadow: 0 0 3px 0 #ccc;
}
.layui-btn-normal-1 {
	background: #fff;
	color: #3fadff;
	border: 1px solid #3fadff;
}
.layui-btn-normal-1.layui-btn-sm {
	height: 24px;
	line-height: 24px;
}
.layui-btn-normal-1:hover {
	color: #0000cc;
}
.bottom-btn {
	height: 49px;
	color: #ffffff;
	background: #ef5e53;
	border-right: 1px solid #ffffff;
	font-size: 16px;
}
.fixB .bottom-btn:nth-last-child(1) {
	border-right: 0;
}

.pointer {
	cursor: pointer;
}

/**
 *
 *
 * 
 * 	以下为整合部分（非相同模块）（相同的模块已整合至上述模块中，如行间距等基础样式）
 *
 *
 * 
 */

/* 载入 */
.loadBlock {
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	background-color: #efefef;
	height: 36px;
	width: 15px;
	float: left;
	-webkit-transform: scale(0.4);
	-webkit-animation-name: fade;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: linear;
}

._BR {
	display: block;
	margin-top: 5px;
}

.select2-container--default .select2-selection--single,
.select2-dropdown {
	border-radius: 0;
	border-color: #d9dbde;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #e6e6e6 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.layui-laypage-em,
.layui-laypage > a:first-child,
.layui-laypage > a:first-child em,
.layui-laypage > a:last-child,
.layui-laypage > a:last-child em,
.layui-layer-title,
.layui-layer {
	border-radius: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	/*width: 114px!important;*/
	/*height: 30px;*/
	/*line-height: 30px;*/
}

.select2-container--default .select2-selection--single,
.select2-container {
	line-height: 30px;
	min-height: 30px;
}

.select2-container--open {
	z-index: 99999999;
}
.select2-selection__arrow,
.select2-container--default .select2-selection--multiple {
	line-height: 30px !important;
	border-radius: 0;
}

.select2-container--open .select2-dropdown--below {
	top: 8px;
	box-shadow: 0px 1px 4px 2px rgba(236, 235, 235, 0.5);
	border-radius: 3px;
	border: 1px solid rgba(238, 238, 238, 1);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	line-height: 18px;
}

.select2-results__option,
.select2-search--dropdown .select2-search__field {
	font-size: 14px;
	padding: 0 6px;
	line-height: 30px;
	color: #4c4c4c;
}
.select2-search--dropdown .select2-search__field {
	line-height: 22px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0 8px;
}

thead th {
	font-weight: bold !important;
}

.layui-inline {
	display: inline-block !important;
}
.layui-elem-quote {
	margin-bottom: 0;
	padding: 5px 10px;
	line-height: 16px;
	border-left: 2px solid #009688;
	border-radius: 0;
	font-size: 12px;
	color: #666;
}
.layui-form-label {
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
}
.layui-input-block,
.layui-word-aux {
	min-height: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0 !important;
}
.layui-form-item {
	margin-bottom: 10px;
}
.layui-form-radio {
	margin-top: 0;
	line-height: 30px;
}
.layui-form-radio span {
	font-size: 12px;
}
.layui-input {
	height: 30px;
	line-height: 1;
	border-radius: 0;
	color: #554c4c;
	padding: 0 10px;
}
.layui-form-select dl {
	top: 40px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 1px 4px 2px rgba(236, 235, 235, 0.5);
	border-radius: 3px;
	border: 1px solid rgba(238, 238, 238, 1);
}

.layui-table a {
	color: #3fadff;
}
.layui-table a:hover {
	color: #0055aa;
	text-decoration: underline;
}

.layer-photos ul {
	position: relative;
}
.layer-photos ul:hover dd {
	display: block;
}
.layer-photos ul dd {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #333;
	font-size: 0;
}
.layer-photos ul dd dl {
	width: 50%;
	height: 100%;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	color: #fff;
	opacity: 0.75;
}
.layer-photos ul dd dl:hover {
	opacity: 1;
}
.layui-tab-title {
	height: 30px;
}
.layui-tab-title li {
	line-height: 30px;
	font-size: 14px;
}
.layui-tab-title .layui-this:after {
	height: 31px;
}
.layui-tab-content {
	padding: 10px 0;
}
blockquote.floatL {
	background: #fff;
	padding: 0 10px;
	line-height: 22px;
	border-left-color: #47aade;
}
.layui-table {
	margin: 0;
}
.layui-btn {
	border-radius: 4px;
}
.layui-form-select dl dd,
.layui-form-select dl dt {
	line-height: 30px;
}
.layui-form-switch {
	margin: 0;
}
.layui-laypage a,
.layui-laypage span {
	margin-bottom: 0;
}
.layui-elem-field legend {
	margin-left: 10px;
	padding: 0 5px;
	font-size: 14px;
	font-weight: normal;
}
.layui-field-box {
	padding: 5px 15px 15px 15px;
	font-size: 12px !important;
}
.layui-field-box span,
.layui-form-checkbox span {
	font-size: 12px !important;
}
.layui-form-checkbox span {
	height: auto !important;
}
.layui-elem-field {
	margin: 0;
}
.layui-form-radio i {
	font-size: 18px;
}
.icon-rili:before {
	color: #cdcdcd !important;
}

.layui-laydate-list.laydate-time-list > li {
	width: 50% !important;
}
.layui-laydate-list.laydate-time-list > li:last-child {
	display: none !important;
}
.laydate-time-list ol li {
	padding-left: 55px !important;
}
.layui-btn-search {
	background-color: #3fadff;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
	width: 25px;
}
.layui-input:hover {
	border-color: #3fadff !important;
}
/* .layui-input:focus{border-color: #3FADFF!important;} */
.layui-form-selected .layui-input {
	border-color: #3fadff !important;
}
.layui-form-select .layui-input:hover {
	border-color: #d9d8d8 !important;
}
.layui-input {
	border-radius: 3px;
}
.layui-form-select dl dd:hover {
	background-color: #fafafa !important;
}
.layui-form-select dl dd {
	color: #4e4c4c;
}
.layui-form-select dl dd.layui-this {
	background-color: #fff;
	color: #3fadff !important;
}
.layui-input {
	color: #4e4c4c !important;
	border-color: #e6e6e6;
}
.laydate-footer-btns span {
	font-size: 13px !important;
	border-radius: 4px;
	margin-right: 4px;
}
.laydate-footer-btns span:hover {
	border-color: #3fadff !important;
	color: #3fadff !important;
}
.layui-table tr td a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #3fadff;
}
.layui-laydate .layui-this {
	background-color: #fff !important;
	color: #3fadff !important;
}
.layui-laydate-content table tr {
	font-size: 12px;
}
.layui-table[lay-size="sm"] td,
.layui-table[lay-size="sm"] th {
	padding: 8px 10px;
}
.layui-laydate-header i {
	font-size: 12px !important;
}
.layui-laydate-header i:hover,
.layui-laydate-header .laydate-set-ym span:hover {
	color: #3fadff !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color: #3fadff;
}
.layui-laypage a {
	color: #666666;
	border-color: #e6e6e6;
}
.layui-laypage a:hover {
	color: #3fadff;
}
.layui-laypage .layui-laypage-btn:hover {
	color: #3fadff;
}
.layui-table thead tr {
	background-color: #fafafa !important;
	color: #333333 !important;
}
.layui-layer-title {
	background-color: #fff;
	border-radius: 4px;
}
.layui-layer {
	border-radius: 4px;
}
.layui-layer-btn a {
	background-color: #3fadff !important;
	border-color: #3fadff !important;
	color: #fff;
}
.layui-laypage-skip .layui-input:hover {
	border-color: #e6e6e6 !important;
	color: #3fadff !important;
}
.layui-laypage-skip .layui-input:focus {
	color: #3fadff !important;
	border-color: #e6e6e6 !important;
}
.layui-laypage .layui-laypage-prev {
	border-radius: 2px 0 0 2px !important;
}
.layui-laypage .layui-laypage-next {
	border-radius: 0 2px 2px 0 !important;
}
.layui-laypage input {
	border-radius: 2px !important;
}
.layui-laypage select:focus {
	border-color: #3fadff !important;
}
.layui-laypage-first,
.layui-laypage-last,
.layui-laypage-spr {
	display: none !important;
}

.layui-layer.layui-layer-page {
	position: absolute !important;
}
.layui-layer-page .layui-layer-content {
	overflow: unset !important;
}

.layui-layer-msg {
	top: 50px !important;
}

/* 老师课程选择 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #fafafa;
	color: #4e4c4c;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #fff;
	color: #3fadff;
}
.select2-container--default .select2-results__option[aria-selected="true"]:hover {
	background-color: #fafafa;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
	display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #f6f4f4 !important;
	color: #8d8a8a !important;
	border: 1px solid #f6f4f4;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	float: right;
	margin-left: 6px;
}
.layui-layer-title {
	font-weight: 600;
}
.select2-container--default .select2-selection--multiple {
	border-radius: 3px;
}
.select2-container--default .select2-selection--multiple:hover {
	border-color: #3fadff !important;
}
.layui-tab-title .layui-this:after {
	left: 15% !important;
	width: 70% !important;
}
.layui-form-select .layui-input:hover,
.layui-form-switch:hover,
.select2-container .select2-selection--single:hover,
.layui-input-div:hover {
	border-color: #3fadff !important;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	box-sizing: border-box;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	cursor: pointer;
	border-width: 6px;
	border-top-color: #c2c2c2;
	border-top-style: solid;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	left: 15%;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-width: 6px;
	margin-top: -9px;
	border-color: #c2c2c2 transparent transparent transparent;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -3px\9;
}
.select2-container--focus .select2-selection__rendered {
	border-color: #3fadff !important;
}
.layui-btn {
	background-color: #2ea0f5 !important;
	border: 1px solid #2ea0f5;
	color: #fff !important;
	font-size: 14px !important;
}
.del-btn {
	color: #f07070 !important;
	border: 1px solid #f07070;
	border-radius: 3px;
	padding: 0 9px;
	box-sizing: border-box;
	background-color: #fff !important;
	height: 26px;
	line-height: 24px;
}
.normal-btn {
	color: #3fadff !important;
	border: 1px solid #3fadff;
	background-color: #fff;
	border-radius: 3px;
	padding: 0 9px;
	box-sizing: border-box;
	background-color: #fff !important;
	height: 26px;
	line-height: 24px;
}
.layui-table[lay-size="sm"] td,
.layui-table[lay-size="sm"] th {
	padding: 8px 10px;
}
table.layui-table td,
th {
	height: 50px !important;
	font-size: 13px !important;
}
.layui-tab-brief > .layui-tab-title .layui-this {
	color: #1bacf4 !important;
}
.layui-tab-brief > .layui-tab-more li.layui-this:after,
.layui-tab-brief > .layui-tab-title .layui-this:after {
	border-bottom: 2px solid #1bacf4;
}
.layui-elem-quote {
	background: #fdf5e8;
	border: 1px solid #fae7bb;
	padding: 10px;
	margin-bottom: 15px;
}
.layui-nav .layui-nav-item a {
	color: #fff !important;
}

.select2-container--default .select2-selection--single,
.select2-container {
	line-height: 30px;
	min-height: 30px;
	border-radius: 3px;
	color: #4e4c4c !important;
	border-color: #e6e6e6;
}
input:disabled {
	color: #4e4c4c !important;
	border-color: white !important;
	background-color: white !important;
}
input:disabled:hover {
	border-color: white !important;
}
.layui-layer.layui-layer-page.layui-layer-photos {
	position: fixed !important;
}
.layui-input-block {
	height: auto !important;
}
.layui-laydate-content td.laydate-selected {
	background-color: #3fadff;
	color: #fff;
}
.layui-form-checked,
.layui-form-checked:hover {
	border-color: #3fadff;
}
.layui-form-radio i:hover,
.layui-form-radioed i,
.layui-form-checked i,
.layui-form-checked:hover i {
	color: #3fadff;
}
.layui-form-checked[lay-skin="primary"] i {
	border-color: #3fadff;
	background-color: #3fadff;
}
.layui-form-checked span {
	background-color: #3fadff;
}
.layui-form-checked:hover span {
	background: transparent;
}
.layui-form-checkbox[lay-skin="primary"]:hover i {
	border-color: #3fadff;
}
.edui-editor {
	z-index: 0 !important;
}