@charset "utf-8";
.navl ul {
	margin: 0!important;
	padding: 0;
}
/* 以上实际使用若已初始化可删除 */
.navl {
    width: 210px;
    /* height: 85%; */
    transition: all .3s;
    margin-bottom: 0!important;
    position: fixed;
	top: 90px;
	bottom: 0;
    left: 0px;
    overflow: auto;
    background: #FFFFFF;
}
.navl:hover{
	overflow-y: auto;
}
.navl-top{
    position: fixed;
    left: 190px;
    top: 6px;
    cursor: pointer;
}
.displaynone{
	display: none;
}
.navl-topclick{
	border: 1px solid transparent;
}
.navl a {
	display: block;
	overflow: hidden;
	padding-left: 20px;
	line-height: 46px;
	height: 46px;
	max-height: 46px;
	color: #ABB1B7;
	transition: all .3s;
	font-size: 14px;
}
.navl ul li a:hover{
	background: #f2f8fa;
}
.navl a span {
	margin-left: 30px;
	color: #212121;
}

.navl-item {
	position: relative;
}

.navl-item.navl-show {
	border-bottom: none;
}

.navl-item ul {
	display: none;
/*	background: rgba(0, 0, 0, .1);*/
}

.navl-item.navl-show ul {
	display: block;
	/*background: #E6E6E6;*/
}
.navl-item ul li{
	margin-left: 30px;
    text-align: -webkit-match-parent;
}
.navl-item.navl-show ul li:hover{
	clear: both;
	background:rgba(0, 0, 0, .1);
}


.navl .navl-icon {
	font-size: 20px;
	position: absolute;
	/*margin-left: -1px;*/
	/*top: 15px;*/
    color: #212121;
}


/* 此处修改导航图标 可自定义iconfont 替换*/

.icon_1::after {
	content: "\e62b";
}

.icon_2::after {
	content: "\e669";
}

.icon_3::after {
	content: "\e61d";
}
.icon_dashbord{
	content: "\eaa2";
}

/*---------------------*/

.navl-more {
	float: right;
	margin-right: 20px;
	font-size: 12px;
	transition: transform .3s;
	color: #212121;
}

/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/

.navl-more::after {
	content: "\e6a7";
}

.thrinkbuttonbefore{
	position: fixed;
	top: 120px;
	left: 210px;
	cursor: pointer;
	transition: all .3s;
}

.thrinkbuttonafter{
	position: fixed;
	top: 120px;
	left: 60px;
	cursor: pointer;
	transition: all .3s;
}


/*---------------------*/

.navl-show .navl-more {
	transform: rotate(90deg);
}

.navl-show,
.navl-item>a:hover {
	color: #FFF;
	/*background: rgba(0, 0, 0, .1);*/
}

.navl-show>a:before,
.navl-item>a:hover:before {
	opacity: 1;
}

.navl-item li:hover a {
	color: #FFF;
	background: rgba(0, 0, 0, .1);
}


/* navl-mini */

.navl-mini.navl {
	width: 60px;
}

.navl-mini.navl .navl-icon {
	/* margin-left:-2px; */
}

.navl-mini.navl .navl-item>a span {
	display: none;
}

.navl-mini.navl .navl-more {
	margin-right: -20px;
}

.navl-mini.navl .navl-item>ul li a>span {
	margin-left: 40px;
	/*display: none;*/
	/*position: absolute;
	top: 0px;
	left: 60px;
	width: 180px;
	z-index: 99;
	background: #3C474C;
	overflow: hidden;*/
}
.navl-mini.navl .navl-item ul li{
	margin-left: 0;
}
.navl-mini.navl .navl-item:hover {
	background: rgba(255, 255, 255, .1);
}
.nav-active{
	background:#f2f8fa;
}
.navl-mini.navl .navl-item:hover .navl-item a {
	color: #FFF;
}

/*.navl-mini.navl .navl-item:hover a:before {
	opacity: 1;
}*/

/*.navl-mini.navl .navl-item:hover ul {
	display: block;
}*/

[class^="icon-"], [class*=" icon-"] {
	line-height:unset!important;
}

:focus{
	outline-color: #AECDFE;
}