@charset "utf-8";
/* nav */
.navi{transition:all .3s;}
.navi a{
	display:block;font-size:14px;overflow:hidden;line-height:46px;max-height:46px;color:#6c757d;transition:all .3s;
}
.navi a span{margin-left:2px;}
.navi .nav-item{position: relative;width:100%;}
.navi .nav-item.nav-show{border-bottom: none;}
.navi .nav-item ul{display:none;background:#f5f5f5;padding-left:0}
.navi .nav-item ul li{list-style:none;}
.navi .nav-item ul li a {padding-left:10px;display:block;overflow:hidden;line-height:46px;max-height:46px;color:#6c757d;transition: all .3s;}
.navi .nav-item .nav-show ul{display: block;}
.navi .nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #007bff;opacity:0;transition: all .3s;}
.navi .nav-icon{font-size:15px;position: absolute;margin-left:15px;}
.navi .fas{
margin-left:8px;
}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}
/*---------------------*/

.nav-more{float:right;margin-right:5px;font-size: 12px;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after{content: "\e621";}
/*---------------------*/
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{color: #333333;background:#c8e1ff;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.navi .nav-item li:hover a{color: #FFF;background: rgba(0, 0, 0,.1);}



/* nav-mini */
.nav-mini.nav{width:60px;}
.nav-mini.nav .nav-icon{/* margin-left:-2px; */}
.nav-mini.nav .nav-item>a span{display: none;}
.nav-mini.nav .nav-more{margin-right: -20px;}
.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:18px;z-index:99;background:#ececec;overflow: hidden;}
.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav-mini.nav .nav-item:hover ul{display: block;}