/** header begin */

.bg-header{
	background-color: #FFC300;
}
.header-height{
	height: 50px;
	line-height: 50px;
}
.header .flex-left span{
	font-size: 18px;
	font-weight: bold;
}
.header .flex-left cite{
	font-style: normal;
}

.header .flex-left .layui-nav{
	padding: 0;
	background-color: unset; !important;
	border-radius: unset;
	display: inline-block;
}
.header .flex-left .layui-nav .layui-nav-item{
	line-height: 25px !important;
	margin-top: -10px !important;
}
.header .flex-left .layui-nav .layui-nav-item a{
	color: #333 !important;
}
.header .layui-nav .layui-this:after, .header .layui-nav-bar{
	border: unset !important;
	background: unset !important;
	color: #F30;
}
.header .layui-nav .layui-this i{
	color: #F30;
}
.header .flex-left .layui-nav .layui-nav-item:hover i{
	color: #F30;
}


.header .flex-text-right .layui-nav{
	padding: 0;
	background-color: unset; !important;
	border-radius: unset;
}
.header .flex-text-right .layui-nav .layui-nav-item{
	line-height: 25px !important;
	margin-left: 5px;
}
.header .flex-text-right .layui-nav .layui-nav-item .layui-nav-child{
	top: 50px !important;
}
.header .flex-text-right .layui-nav .layui-nav-item a{
	color: #333 !important;
}
.header .flex-text-right .layui-nav .layui-this:after, .header .flex-text-right .layui-nav-bar{
	border: unset !important;
	background: unset !important;
}
.header .flex-text-right .layui-nav .layui-this{
	background-color: #FFD245;
	border-radius: 13px;
}
.header .flex-text-right .layui-nav .layui-nav-item:hover{
	background-color: #FFD245;
	border-radius: 13px;
}
.header .flex-text-right .layui-nav .layui-nav-item span.layui-badge{
	top: 3px;
	left: 20px;
	border-radius: 50%;
}

/** header end */

/** main-body begin */

.main-body{
	display: flex;
	padding-left: 0;
	padding-right: 0;
}
.main-body .flex-left{
	width: 220px;
	height: calc(100vh - 50px);
	border-right: 1px solid #cdcdd0;
}
.main-body .flex-right{
	width: calc(100% - 220px);
	height: calc(100vh - 50px);
}

.layui-nav.layui-nav-tree.layui-nav-side{position: unset !important;width: 220px;border-radius: unset;background-color: #FFFFFF !important;}
.layui-nav.layui-nav-tree.layui-nav-side > li > a{padding-left: 0;color: #333 !important;}
.layui-nav.layui-nav-tree.layui-nav-side > li.layui-nav-itemed{background: unset !important;}
.layui-nav.layui-nav-tree.layui-nav-side > li.layui-nav-itemed a{background: unset !important;color: #FFC300;}
.layui-nav.layui-nav-tree.layui-nav-side > li > a > i:first-child{display: inline-block;width: 50px;text-align: center;}
.layui-nav.layui-nav-tree.layui-nav-side > li > dl{top: 0 !important;margin-bottom: 0; background: unset !important;}
.layui-nav.layui-nav-tree.layui-nav-side > li > dl > dd > a{text-indent: 35px;color: #333 !important;}

/** main-body end */


/** chart begin */

.thumb{
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.thumb.thumb-border{
	border: 1px solid #EEE;
}
.thumb.thumb-border:hover{
	border: 1px solid #F30;
	/*box-shadow: darkgrey 0 0 5px 5px;*/
}
.thumb .thumb-img{
	height: 200px;
	overflow: hidden;
}
.thumb h4{
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-weight: 800;
	padding: 0 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.thumb p{
	line-height: 25px;
	padding: 0 10px;
}
.thumb div.flex-left,.thumb div.flex-right,.thumb div.flex-text-right{
	padding: 0 10px;
}
.thumb div.flex{
	margin-top: 5px;
}

/** chart end */

/** form begin */
form .layui-form-item .layui-form-label{
	width: 150px !important;
	padding-right: 5px;
}
form .layui-form-item .layui-input-inline{
	width: 250px !important;
}
form .layui-form-item .layui-input-inline.input-30{
	width: 30px !important;
}
form .layui-form-item .layui-input-inline.input-50{
	width: 50px !important;
}
form .layui-form-item .layui-input-inline.input-70{
	width: 70px !important;
}
form .layui-form-item .layui-input-inline.input-two{
	width: 120px !important;
}
form .layui-form-item .layui-input-inline.input-three{
	width: 85px !important;
}
form .layui-form-item .layui-input-inline.input-four{
	width: 60px !important;
}
form .layui-form-item .layui-input-inline.input-long{
	width: 60% !important;
}
form .layui-form-item .layui-input-inline.input-long-three{
	width: calc(20% - 7px) !important;
}
form .form-desc{
	font-size: 12px;
	color: gray;
	margin-top: 5px;
}

form.layui-form-lg .layui-form-item .layui-form-label{
	width: 200px !important;
	padding-right: 5px;
}
form.layui-form-lg .layui-form-item .layui-input-inline{
	width: 60% !important;
}
form.layui-form-lg .layui-form-item .layui-input-inline.input-two{
	width: calc(30% - 15px) !important;
}
form.layui-form-lg .layui-form-item .layui-input-inline.input-three{
	width: calc(20% - 15px) !important;
}
form.layui-form-lg .layui-form-item .layui-input-inline.input-four{
	width: calc(15% - 15px) !important;
}
/** form end */

/** user-info begin */
.user-info .user-base .user-face{
	margin-left: 30px;
	margin-right: 30px;
}
.user-info p{
	line-height: 30px;
}
/** user-info end */

/** upload begin */
.upload-box{
	display: inline-block;
	margin: 15px 15px 15px 0;
	cursor: pointer;
}
/** upload end */

/** data begin */
#data{
	width: 100%;
	overflow: hidden;
	position: relative;
}
#data table.layui-table tr th,#data table.layui-table tr td{
	word-break: keep-all;
	white-space:nowrap;
}
/** data ene */

.layui-laypage-limits{
	margin-top: 7px !important;
}

ul.nav-tree{
	margin-top: 30px;
}
ul.nav-tree li{
	line-height: 40px;
	text-indent: 15px;
}