@charset "UTF-8";
/* CSS Document */
*{ margin:0; padding:0;}
b,strong,h1,h2,h3,h4,h5,h6{ font-weight:normal;}
i,em{ font-style:normal;}
ol, ul {list-style: none;}
img{ display:block;} 
a {text-decoration: none; color:#333;}
body { width:100%;background:#fff;}
input{ border:none; background:none; outline:none; }
select{ border:none; background:none; outline:none; }
textarea{ border:none; outline:none; resize:none; }
button{ border:none; outline:none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* 数字输入框去掉上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
input[type="number"]{
  -moz-appearance: textfield;
}
html, body, button, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, tt, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input
{margin: 0;padding: 0;border: none;outline: 0;vertical-align: baseline;font-family:'Microsoft YaHei',"Noto Sans CJK SC","Source Han Sans CN";}

.alert{padding:15px;margin-bottom:22px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}
.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger

body{
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}

.clearfix:after{ content:''; clear:both; display:block; overflow:hidden}
.clearfix{ zoom:1; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; margin-right: 10px; }

.flex {
	display: flex;
	display: -webkit-flex;
}
.flex_just {
	-webkit-justify-content: center;
	justify-content: center;
}
.flex_center {
	-webkit-align-items: center;
	-webkit-align-content: center;
}
.flex_colum {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flex_1 {
	flex: 1;
	-webkit-flex: 1;
}
.flex_wrap {
	flex-wrap: wrap ;
}
.flex_around {
	justify-content: space-around;
}
.flex_between {
	justify-content: space-between;
}
.flex_start {
	justify-content: flex-start;
}
.flex_end {
	justify-content: flex-end;
}

/*============================================================================*/

.text_overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.text_clamp {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/*============================================================================*/

.layui-layout-admin .layui-body {
	bottom: 0;
	padding: 15px;
	background-color: #f5f5f5;
}

.layui-card {
	margin-top: 15px;
}

.layui-layout-admin .layui-header {
	background-color: #4c58a4;
}

.layui-bg-black,
.layui-side-scroll .layui-nav {
	background-color: #edf2f8 !important;
}

.layui-nav .layui-nav-item a {
	color: #4c58a4;
}

.layui-nav-tree .layui-nav-bar {
	width: 0;
}

.layui-nav-itemed {
	background-color: #cdd3e7;
}

.layui-nav-itemed>a {
	color: #4c58a4 !important;
}

.layui-nav-tree .layui-nav-item a:hover {
	color: #4c58a4;
	background-color: #cdd3e7;
}

.layui-logo img {
	width: 100px;
	height: 45px;
	margin-top: 9.5px;
	margin-left: 30px;
}

.layui-btn {
	background-color: #4c58a4;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color: #4c58a4;
}

.layui-laypage a:hover {
	color: #4c58a4;
}

.layui-form-select dl dd.layui-this {
	background-color: #4c58a4;
}

.layui-tab-title {
	border: 0;
}

.layui-tab-title li {
	margin-right: 10px;
	background-color: #4c58a4;
	border-radius: 5px 5px 0 0;
}

.layui-tab-title a li {
	color: #fff;
}

.layui-tab-title .layui-this {
	border: 0;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
}

.layui-tab-title a .layui-this {
	color: #4c58a4;
}

.layui-tab-content {
	background-color: #fff;
}

.layui-form-radio>i:hover,
.layui-form-radioed>i,
.layui-icon,
.layui-tab-brief>.layui-tab-title .layui-this {
	color: #4c58a4;
}

.layui-tab-brief>.layui-tab-title li {
	background-color: #fff;
}

.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 2px solid #4c58a4;
}

.layui-form-checked[lay-skin=primary] i,
.layui-form-onswitch,
.layui-layer-btn .layui-layer-btn0 {
	border-color: #4c58a4 !important;
	background-color: #4c58a4 !important;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #4c58a4;
}

.layui-layer-title {
	color: #fff !important;
	background-color: #4c58a4 !important;
}


/*============================================================================*/

.nav-icon1 {
	width: 17px;
	height: 18px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon1.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.nav-icon2 {
	width: 17px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon2.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.nav-icon3 {
	width: 15px;
	height: 16px;
	margin-right: 12px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon3.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.nav-icon4 {
	width: 16px;
	height: 16px;
	margin-right: 11px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon4.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.nav-icon5 {
	width: 17px;
	height: 17px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon5.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.nav-icon6 {
	width: 13px;
	height: 18px;
	margin-right: 14px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon6.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.nav-icon7 {
	width: 18px;
	height: 18px;
	margin-right: 9px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon7.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.nav-icon8 {
	width: 13px;
	height: 14px;
	margin-right: 14px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon8.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.nav-icon9 {
	width: 18px;
	height: 14px;
	margin-right: 9px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon9.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.nav-icon10 {
	width: 14px;
	height: 15px;
	margin-right: 13px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon10.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.nav-icon11 {
	width: 15px;
	height: 15px;
	margin-right: 13px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/nav-icon11.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.switch_icon {
	width: 14px;
	height: 17px;
	margin-right: 15%;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/switch_icon.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.delete_icon {
	width: 17px;
	height: 18px;
	margin-right: 9px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/delete_icon.png') no-repeat 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}


/*分页组件*/
.paging {
	margin-top: 60px;
}
.paging .pagination {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
}
.paging .pagination a,
.paging .pagination span {
	width: 38px;
	height: 38px;
	margin: 0 5px;
	color: #bdbdbd;
	display: block;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #ebebeb;
} 
.paging .pagination a:hover,
.paging .pagination li.active span {
	color: #fff;
	border-color: #4c58a4;
	background-color: #4c58a4;
}