:root {
	/*网页主题色*/
	--theme: #009688;
	/*网页内容字体色*/
	--font: #031e35;
	/*边框颜色*/
	--border: #e6e6e6;
	/*导航栏宽度*/
	--nav_width: 240px;
	/*导航栏背景色*/
	--nav: #031e35;
	/*导航栏圆标颜色*/
	--nav_icon: #b2dfdb;
	/*网页内容主题背景色*/
	--main: #efefef;
	/*网页内容主题头部背景色*/
	--main_head: #ffffff;
	/*阴影颜色*/
	--shadow: #e3e3e3;


	/* 普通按钮颜色 */
	--normal:#009688;
	/* 提交按钮颜色 */
	--submit:#51b36d;
	/* 取消按颜钮色 */
	--cancel:#ffffff;
	/* 警告颜色 */
	--warning:#ff8a14;
	/* 危险颜色 */
	--danger:#d60000;
	/* 禁用颜色 */
	--disabled:#aaa1a1;
}

/* 查询按钮颜色 */
.queryButton{
	background-color: var(--normal);
}

.layui-icon{
	color: var(--theme) ;
}

html * {
	/*font-size: 16px;*/
	color: var(--font);
}

body {
	margin: 0;
	overflow-x: hidden;
}

@font-face {
	font-family: 'iconfont';
	src: url('../iconfont/iconfont.eot');
	src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'), url('../iconfont/iconfont.ttf') format('truetype'), url('../iconfont/iconfont.svg#iconfont') format('svg');
}

.x-iconfont {
	font-family: 'iconfont' !important;
	font-size: 1.25rem !important;
	font-style: normal;
	margin-right: 4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.x-pd5 {
	padding: 5px;
}

.x-pd10 {
	padding: 10px;
}

.x-pd15 {
	padding: 15px;
}

.x-pd20 {
	padding: 20px;
}

.x-pd25 {
	padding: 25px;
}

.x-pd30 {
	padding: 30px;
}

.x-pd35 {
	padding: 35px;
}

.x-show{
	display: block;
}

.x-hidden{
	display: none;
}

.x-nav-collapse{
	display: block !important;
}

.x-navbar-toggle{
 	display: none;
	padding: 6px;
	border: 0;
	background: transparent;
}

.x-navbar-toggle .x-icon-bar{
	display: block;
	height: 2px;
	width: 20px;
	vertical-align: middle;
	background: #fff;
	margin-bottom: 4px;
}

.x-navbar-toggle .x-icon-bar:last-child{
	margin-bottom: 0;
}

.x-nav-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: var(--nav_width);
	min-height: 100vh;
	background: #fff;
	box-sizing: border-box;
	z-index: 3000;
/*	padding-top:62px;*/
	border-right: 1px solid var(--border);
}

.x-nav-wrapper * {
	color: var(--font);
	font-size: 1rem;
}

.x-nav-wrapper .x-nav-head {
	display: none;
	line-height: 62px;
	box-sizing: border-box;
	padding: 0 10px;
	cursor: pointer;
}

.x-slide-shrink{
	position: fixed;
}

.x-slide-toggle{
	padding:10px;
	text-align: center;
	border-bottom: 1px solid var(--border);
	cursor: pointer;
}

.x-slide-toggle:hover,.x-slide-toggle:hover *{
	background: #f1f1f1;
}

.x-slide-btn{
	background: #fff;
    border-width: 0;
    cursor: pointer;
}

.x-slide-btn .x-iconfont{
	font-size: 2rem !important;
}


.x-nav-wrapper .x-nav-main .layui-nav-more{
	border-color: var(--font) transparent transparent;
	border-top-color: var(--font);
}

.x-nav-main .layui-nav .layui-nav-mored,.x-nav-main .layui-nav-itemed>a .layui-nav-more{
	border-color: transparent transparent var(--font);
}

.x-nav-wrapper .x-nav-head .system-icon {
	width: 26px;
	height: 26px;
	vertical-align: middle;
}

.x-nav-wrapper .x-nav-head .system-name {
	font-weight: bold;
	letter-spacing: .1rem;
	margin-left: 4px;
	font-size: 1.3rem;
	vertical-align: middle;
}

.x-nav-item-text {
	margin-left: 4px;
}

.x-slide-shrink .x-nav-item-text,.x-slide-shrink .layui-nav-more{
	display: none;
}

.x-slide-shrink .layui-nav-itemed>.layui-nav-child{
	height: 0;
    overflow: hidden;
}

.x-slide-shrink .layui-nav-bar{
	display: none;
}

.x-slide-shrink .layui-nav-tree>.layui-nav-item:hover>a::before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background: var(--theme);
	z-index: 3000;
}

.x-slide-shrinking{
	width: 240px;
}

.x-slide-shrinking .x-nav-item-text{
	display:inline;
	
}
.x-slide-shrinking .layui-nav-more{
	display: block;
}
.x-slide-shrinking .layui-nav-itemed>.layui-nav-child{
	height: auto;
}
.x-nav-wrapper .x-nav-main{
	padding-top: 62px;
}

.x-nav-wrapper .x-nav-main .x-iconfont {
	color: var(--theme);
}

.x-nav-shadow{
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #031e35;
    opacity: .4;
}

.x-main-wrapper {
	background: var(--main);
	padding-left: var(--nav_width);
	padding-top: 62px;
}

.x-header-wrapper {
	background: var(--theme);
	position: fixed;
	text-align: right;
	width: 100%;
	z-index: 3000;
	padding-left: var(--nav_width);
	box-sizing: border-box;
    height: 62px;
}

.x-system-wrapper{
	display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 62px;
    /*width: var(--nav_width);*/
    text-align: left;
    height: 62px;
    padding: 0 12px;
    box-sizing: border-box;
	
}

.x-system-wrapper .system-icon{
	width: 36px;
}

.x-system-wrapper .system-name{
	font-size: 1.3rem;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
}

.x-header-wrapper nav .layui-nav{
	/*box-shadow: 0 0 10px var(--shadow);*/
	/*border-bottom: 1px solid var(--border);*/
}

.x-header-wrapper .x-person-menu {
	text-align: center;
}

.x-header-wrapper nav .layui-nav .layui-nav-item a {
	/*color: var(--font);*/
	font-size: .8rem;
}

.x-header-wrapper nav .layui-nav .layui-nav-item a .x-iconfont{
	color: #fff;
}

.x-crumbs-wrapper {
	padding: 10px 25px 0 25px;
	background: var(--main);
	text-align: left;
}

.x-main-wrapper .x-main-content {
	box-sizing: border-box;
	min-height: 90vh;
	position: relative;
}

.x-main-content .x-content-panel,.x-content-panel {
	min-height: 280px;
	background: #ffffff;
	border-radius: 3px;
	box-shadow: 0 0 10px var(--shadow);
}
.x-content-panel{
	padding: 15px;
}

.x-footer-wrapper {
	padding-left: var(--nav_width);
	background: var(--main);
	position: relative;
}

.x-footer-wrapper .x-footer-content {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	padding: 0 25px;
	line-height: 45px;
	text-align: center;
	border-top: 1px solid var(--border);
}

.x-footer-wrapper .x-footer-content * {
	font-size: .8rem;
}
.nav_list_wrapper{/*添加滑动样式*/
	height: 100%;
    position: relative;
    box-sizing: border-box;
    overflow: scroll;
}

.nav_list_wrapper::-webkit-scrollbar {/*添加滑动样式*/
	display: none;
}

.nav_scroll_wrapper{/*添加滑动样式*/
	height: calc(100vh - 62px + 56px);
    position: relative;
}

/*--------------------------------------------------------移动端样式适配------------------------------------------------------------*/

@media only screen and (max-width: 1200px) {
	
	.layui-nav .layui-badge, .layui-nav .layui-badge-dot{
		background: #FF5722;
	}

	.x-system-wrapper{
		/*display: none;*/
	}
	
	.x-slide-toggle{
		display: none;
	}
	
	.x-nav-wrapper{
		display: none;
	}
	.x-main-wrapper{
		padding-left: 0;
	}
	
	.x-main-wrapper .x-main-content .layui-fluid{
		padding: 10px 10px;
	}
	.x-content-panel{
		padding: 10px;
	}
	.x-footer-wrapper{
		padding-left: 0;
	}
	.x-footer-wrapper .x-footer-content{
		line-height: 2.5em;
	}
	.layui-nav{
		padding: 0;
	}
	.x-header-wrapper{
		padding-left: 0;
		/*text-align: center;*/
	}
	
	.x-header-wrapper nav .layui-nav{
		box-shadow: 0 0 20px var(--shadow);
	}
	
	.x-navbar-toggle{
		display: block;
	}
	
	#personmenu{
		display: none;
	}
	
	.x-header-wrapper .layui-nav-bar{
		display: none;
	}
	.x-footer-wrapper .x-footer-content * {
		font-size: 0.8em;
	}
}

/*--------------------------------------------------------layui样式修改--------------------------------------------------------*/
.layui-fluid {
	min-height: 100%;
	padding: 15px;
}

.layui-breadcrumb * {
	font-size: .8rem;
}

.layui-nav {
	background: transparent;
	width: auto;
	border-radius: unset;
}

.x-nav-wrapper .layui-nav{
	/*margin-top:10px;*/
	margin-bottom: 110px;
}

.x-nav-wrapper .layui-nav-tree .layui-nav-item a:hover{
	background: #dedede;
	color: var(--theme);
}

.x-nav-wrapper .layui-nav-itemed>.layui-nav-child{
	background: #f3f3f3 !important;
}
.layui-nav .layui-nav-item{
	line-height: 62px;
	box-sizing: border-box;
}
.layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this a,
.layui-nav .layui-nav-item a:hover .x-iconfont {
	/*color: var(--theme) !important;*/
}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover {
	background-color: var(--theme);
}

.layui-nav .layui-nav-child dd.layui-this a,
.layui-nav-child dd.layui-this {
	background-color: var(--theme);
	color: #ffffff;
}

.layui-nav-bar {
	background-color: var(--theme) !important;
	z-index: 1000;
}

.layui-nav-tree .layui-nav-more {
	right: 15px;
}

.x-header-wrapper .layui-nav .layui-nav-more {
	/*border-color: var(--font) transparent transparent;
	border-top-color: var(--font);*/
}

.x-header-wrapper .layui-nav .layui-nav-mored,
.layui-nav-itemed>.x-header-wrapper a .layui-nav-more {
	/*border-color: transparent transparent var(--font);*/
}

.layui-badge,
.layui-badge-dot,
.layui-badge-rim {
	/*background: var(--theme);*/
}

.layui-nav-tree .layui-nav-child a{
	padding:0 calc(1.1rem + 28px);
	color: var(--font);
}