.layui-nav {
	position:relative;
	padding:0 15px;
	background-color:var(--global-nav-background);
	color:var(--global-color);
	font-size:0;
	box-sizing:border-box
}
.layui-nav * {
	font-size:1.4rem
}
.layui-nav.layui-nav-tree {
	width:230px;
	padding:0;
	border-right:1px solid var(--global-border-color);
	z-index:22;
}
.layui-nav .layui-nav-item {
	position:relative;
	display:inline-block;
	margin-top:0;
	list-style:none;
	vertical-align:middle;
	line-height:60px
}
.layui-nav .layui-nav-item a {
	display:block;
	padding:0 1rem;
	color:var(--global-color);
	-webkit-transition:all .3s;
	box-sizing: border-box;
	margin:0 0.5rem;
	transition:all .3s!important;
	border-radius:var(--global-radius);
	margin-top:0.5rem;
}
.layui-nav .layui-nav-item a i.kimfont{
	padding-right:0.5rem;
}
.layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this a {
	color:var(--global-checked-color);
	background:var(--global-hover-background);   
	text-decoration:none
}
.layui-nav .layui-this:after {
	top:auto;
	bottom:0;
	width:100%
}
.layui-nav-img {
	width:30px;
	height:30px;
	margin-right:10px;
	border-radius:50%
}
.layui-nav .layui-nav-more {
	position:absolute;
	top:0;
	right:3px;
	left:auto!important;
	margin-top:0;
	font-size:1.2rem;
	font-weight:700;
	cursor:pointer;
	-webkit-transition:all .2s;
	transition:all .2s;
	transform:rotate(-90deg);
}
.layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more {
	transform:rotate(0deg)
}
.layui-nav-child {
	display:none;
	position:absolute;
	left:0;
	top:65px;
	min-width:100%;
	line-height:36px;
	box-shadow:0 2px 4px rgba(0,0,0,.12);
	border:1px solid #eee;
	background-color:#fff;
	z-index:100;
	border-radius:var(--global-radius);
	white-space:nowrap;
	box-sizing:border-box;
}
.layui-nav .layui-nav-child a {
	color:#333333;
}
.layui-nav .layui-nav-child a:hover {
	color:var(--global-checked-color);
	background:rgba(9, 96, 190, 0.1);
}
.layui-nav-child dd {
	margin:1px 0;
	position:relative
}
/* .layui-nav-child dd.layui-this {
	background-color:#f8f8f8;
	color:#000
} */
.layui-nav-child dd.layui-this:after {
	display:none
}
.layui-nav-child-r {
	left:auto;
	right:0
}
.layui-nav-child-c {
	text-align:center
}

.layui-nav-tree .layui-nav-item {
	display:block;
	width:100%;
	line-height:40px
}
.layui-nav-tree .layui-nav-item a {
	position:relative;
	height:42px;
	line-height:42px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.layui-nav-tree .layui-nav-item>a {
	/* padding-top:0.5rem;
	padding-bottom:0.5rem; */
}
.layui-nav-tree .layui-nav-more {
	right:10px
}
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover {
	color:var(--global-checked-color);
	background:var(--global-checked-background);   
}
.layui-nav-tree .layui-this:after {
	display:none
}
.layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover {
	color:var(--global-checked-color)!important
}
.layui-nav-tree .layui-nav-child {
	position:relative;
	z-index:0;
	top:0;
	border:none;
	background:transparent;
	box-shadow:none
}
.layui-nav-tree .layui-nav-child dd {
	margin:0
}
.layui-nav-tree .layui-nav-child a {
	color:var(--global-color);
}
.layui-nav-tree .layui-nav-child a:hover {
	color:var(--global-checked-color);
	background:var(--global-hover-background);   
}
.layui-nav-itemed>.layui-nav-child,.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child {
	display:block
}
.layui-nav-side {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	overflow-x:hidden;
	z-index:999
}
.layui-nav-tree.layui-bg-gray a,.layui-nav.layui-bg-gray .layui-nav-item a {
	color:#373737;
	color:rgba(0,0,0,.8)
}
.layui-nav-tree.layui-bg-gray .layui-nav-itemed>a {
	color:#000!important;
}
.layui-nav.layui-bg-gray .layui-this a {
	color:#16b777
}
.layui-nav-tree.layui-bg-gray .layui-nav-child {
	padding-left:11px;
	background:0 0
}
.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a,.layui-nav-tree.layui-bg-gray .layui-this,.layui-nav-tree.layui-bg-gray .layui-this>a {
	background:0 0!important;
	color:#16b777!important;
	font-weight:700
}
/* .layui-nav-tree.layui-bg-gray .layui-nav-bar {
	background-color:#16b777
} */

.layui-nav .layui-badge,.layui-nav .layui-badge-dot {
	position:absolute;
	top:50%;
	margin:-5px 6px 0
}
.layui-nav .layui-badge {
	margin-top:-10px
}

.layui-nav-child .layui-nav-item>a{padding-left:3.2rem;}
.layui-nav-child .layui-nav-child a{padding-left:5.4rem;}
/* .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left:5.5rem;} */


/* layui tabs */
.layui-dropdown {
	position:absolute;
	left:-999999px;
	top:-999999px;
	z-index:77777777;
	margin:5px 0;
	min-width:100px
}
.layui-dropdown:before {
	content:"";
	position:absolute;
	width:100%;
	height:6px;
	left:0;
	top:-6px
}
.layui-dropdown-shade {
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:fixed;
	pointer-events:auto
}
.layui-tabs-diy-area{
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* background:#FFF; */
}

.layui-tabs {
	position:relative
}
.layui-tabs.layui-hide-v {
	overflow:hidden
}
.layui-tabs-header {
	position:relative;
	left:0;
	height:40px;
	white-space:nowrap;
	font-size:0;
	/* -webkit-transition:all .16s;
	transition:all .16s; */
	padding:4px 1rem;
}
.layui-tabs-header:after,.layui-tabs-scroll:after {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	z-index:0;
	width:100%;
	border-bottom:1px solid var(--global-border-color);
}
.layui-tabs-header li {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	line-height:30px;
	padding:0 3rem;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	-webkit-transition:all .16s;
	transition:all .16s;
	border-radius:var(--global-radius);
	background:var(--global-tab-background);
	border:1px solid var(--global-border-color);
	margin-left:5px;
	color:var(--global-color);
	opacity: 0.65;
}
.layui-tabs-header li:first-child {
	margin-left:0
}
.layui-tabs-header li a {
	display:block;
	padding:0 16px;
	margin:0 -16px;
	color:inherit;
}
.layui-tabs-header li a:hover {
	text-decoration:none;
}
.layui-tabs-header .layui-this {
	color:var(--global-checked-color);
	background:var(--global-checked-background)!important; 
	border-color:var(--global-checked-background)!important;
	opacity: 1;
}
.layui-tabs-header li:hover{
	background:var(--global-hover-background); 
	border-color:var(--global-hover-background)!important;
	color:var(--global-checked-color);
	opacity: 1;
}
.layui-tabs-header .layui-badge,.layui-tabs-header .layui-badge-dot {
	left:5px;
	top:-1px
}
.layui-tabs-scroll {
	position:relative;
	overflow:hidden;
	padding:0 40px;
	background:var(--global-nav-background);
}
.layui-tabs-scroll .layui-tabs-header:after {
	display:none;
	content:none;
	border:0
}
.layui-tabs-bar .layui-icon {
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	width:40px;
	height:100%;
	line-height:40px;
	border:1px solid var(--global-border-color);
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
	background-color:var(--global-nav-background);
	box-shadow:2px 0 5px 0 rgb(0 0 0 / 6%);
	color:var(--global-color);
}
.layui-tabs-bar .layui-icon-next {
	left:auto;
	right:0;
	box-shadow:-2px 0 5px 0 rgb(0 0 0 / 6%)
}
.layui-tabs-header li .layui-tabs-close{
	display: none;
	position:absolute;
}
.layui-tabs-header li:hover .layui-tabs-close {
	display:inline-block;
	width:16px;
	height:16px;
	line-height:18px;
	margin-left:8px;
	top:50%;
	right:0.8rem;
	text-align:center;
	font-size:12px;
	color:var(--global-checked-color);
	border-radius:50%;
	font-weight:700;
	-webkit-transition:all .16s;
	transition:all .16s;
	transform: translateY(-50%);
}
.layui-tabs-header li .layui-tabs-close:hover {
	background-color:#ff5722;
	color:#fff
}
.layui-tabs-header li[lay-closable=false] .layui-tabs-close {
	display:none
}
.layui-tabs-body {
	padding:16px 0
}
.layui-tabs-item {
	display:none;
}
.layui-tabs-card>.layui-tabs-header .layui-this {
	background-color:#fff
}
.layui-tabs-card>.layui-tabs-header .layui-this:after {
	border:1px solid #eee;
	border-bottom-color:#fff;
	border-radius:var(--global-radius) var(--global-radius) 0 0
}
.layui-tabs-card>.layui-tabs-header li:first-child.layui-this:after {
	margin-left:-1px
}
.layui-tabs-card>.layui-tabs-header li:last-child.layui-this:after {
	margin-right:-1px
}
.layui-tabs-card.layui-panel>.layui-tabs-header .layui-this:after {
	border-top:0;
	border-radius:0
}
.layui-tabs-card.layui-panel>.layui-tabs-body {
	padding:16px
}
/* index tab 自定义 */
.layui-tabs-diy-area>a{
	width: 40px;
	height:40px;
	line-height: 40px;
	text-align: center;
	border-left:1px solid var(--global-border-color);
	border-bottom:1px solid var(--global-border-color);
	display: block;
	background:var(--global-background);
	color:var(--global-color);
}
.layui-tabs-diy-area .layui-tabs-scroll {
	width:calc(100% - 80px);
}
.layui-tabs-diy-area .layui-tabs-bar .layui-icon{
	border:0;
	border-bottom:1px solid var(--global-border-color);
}
.layui-tabs-diy-area .layui-tabs-bar .layui-icon.layui-icon-prev{border-right:1px solid var(--global-border-color);}
.layui-tabs-diy-area .layui-tabs-bar .layui-icon.layui-icon-next{border-left:1px solid var(--global-border-color);}
.layui-tabs-diy-area .layui-tabs-header:after, .layui-tabs-scroll:after{border-color:var(--global-border-color);}
.layui-tabs-diy-area .tabs-header-morebtn{
	position: absolute;
	top:4rem;
	right:2rem;
	background:var(--global-background);
	border-radius:var(--global-radius);
	border:1px solid var(--global-border-color);
    box-shadow: 0 0 1rem var(--global-border-color);
	transform: scale(0.5);
	opacity: 0;
	transition: all ease 0.1s;
	z-index:-20;
}
.layui-tabs-diy-area .showon{
	transform: scale(1);
	opacity:1;
	z-index:10;
	transition: all ease 0.3s;
}
.layui-tabs-diy-area .tabs-header-morebtn ul{
	padding:0 0.8rem 0.4rem;
	border-bottom:1px solid var(--global-border-color);
}
.layui-tabs-diy-area .tabs-header-morebtn ul a{
	font-size:1.4rem;
	line-height:2.4;
	padding:0 1rem;
	display: block;
	margin-top:0.4rem;
	color:var(--global-color);
	display: flex;
	align-items  : center;
	border-radius:var(--global-radius);
}
.layui-tabs-diy-area .tabs-header-morebtn ul a i{
	font-size:1.4rem;
	padding-right:0.8rem;
	font-weight: 700;
}
.layui-tabs-diy-area .tabs-header-morebtn ul a:hover{
	background: var(--global-hover-background);
	color:var(--global-checked-color);

}
.layui-tabs-diy-area .tabs-header-morebtn ul:nth-last-child(1){
	border:0;
}


/* 左侧菜单 2列布局 */
.twoColumn .layui-nav.layui-nav-tree{
    width: 80px;
	overflow-x: auto!important;
	z-index:1;
}

.twoColumn .layui-nav-tree>ul>.layui-nav-item>a{
	display: flex;
	justify-content:space-between;
	align-items: center;
	flex-direction: column;
	line-height:2rem;
	height:6rem!important;
	padding:1rem 0;
}
.twoColumn .layui-nav-tree>ul{
	position: relative;
}
.twoColumn .layui-nav-tree>ul>.layui-nav-item>a>i{
	font-size:2.2rem;
	padding:0 0 0.5rem 0;
}
.twoColumn .layui-nav-tree .layui-nav-more{
	display: none;
}
/* .layui-nav-itemed>.layui-nav-child */
.twoColumn .layui-nav-tree>ul>li>.layui-nav-child{
	position: fixed;
	min-width:200px!important;
	width:200px;
	left:84px;
	top:10px;
	z-index:-99991199;
	height:calc(100% - 20px)!important;
	background: var(--global-nav-background);
	border:1px solid var(--global-border-color);
	border-radius: var(--global-radius);
	padding-bottom:5px;
	box-shadow: 0 0 1rem var(--global-border-color);
	transition: all ease-in-out 0.2s!important;
	opacity: 0;
    pointer-events: none; 
	transform: scale(0.88);
	display: block;
}
/* .twoColumn .layui-nav-tree>ul>.open>.layui-nav-child, */
.twoColumn .layui-nav-tree>ul>li.open:hover>.layui-nav-child{
	opacity:1;
	z-index:1;
	left:84px;
	transform: scale(1);
	transition: all ease-in-out 0.2s;
    pointer-events: auto; 
	display: block;
}