@charset "utf-8";
/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/
body,ul{margin:0;padding:0}
body{font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;}
li{list-style:none}/*列表标记设置为无格式*/
a{text-decoration:none;}/*清除超链接的默认下划线*/
/* 以上实际使用若已初始化可删除 */

/* nav */
.nav{
	width: 300px;
	height: 100%;
/* 	background: #263238; */
	transition: all .3s;
	font-size: 1.5rem;
	z-index: 999;
}
.nav a{
	display: block;
	overflow: hidden;
	padding-left:10px;
	line-height: 30px;
	max-height: 30px;
	color: #fff;
	transition: all .3s;
}
.nav>a{
	background-color: rgba(46,62,87,0.6);
}
.nav a span{
	margin-left:5px;
}
.nav-item{position: relative;}

.nav-item>a{
	background-color: rgba(144,165,203,0.7);
}
.nav-item .nav-item>a{
	background-color: rgba(0,0,0,0.6);
}
.nav-item.nav-show{border-bottom: none;}
.nav-item>ul{display: none;background: rgba(0,0,0,.1);}
.nav-item.nav-show>ul{display: block;}
/*在每个每个【.nav-item>a】元素的内容之前插入新内容：*/
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 32px;background: #34A0CE;opacity:0;transition: all .3s;}
/*导航item左侧的图标*/
.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
/*.icon_1::after{content: "\e601";}*/
/*.icon_2::after{content: "\e669";}*/
/*.icon_3::after{content: "\e61d";}*/
/*---------------------*/
/*导航条目more的样式*/
.nav>a>.nav-more{
	float:right;
	margin-right: 20px;
	font-size: 12px;
	transition: transform .3s;
}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
/* 伪元素在元素之后添加内容*/
.nav>a>.nav-more::after{
	content: "\e601";
}
/*导航条目more打开时的样式*/
.nav.nav-show>a>.nav-more{
	transform:rotate(90deg);
}
.nav-item>a>.nav-more{
	float:left;
	margin-left:5px;
}
/*关闭状态的文件夹字体符号*/
.nav-item>a>.nav-more:before{
	content: "\e6cc";
}
/*展开状态的文件夹字体符号*/
.nav-item.nav-show>a>.nav-more:before{
	content: "\e6bc";
}
nav-item-item>a{color: #FFF;background:rgba(0,0,0,1);}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav a:hover{
	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:60px;width: 180px;z-index: 99;background:#3C474C;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;}

/*input按钮*/
input[type=checkbox]{
    float: right;
    margin-right: 8px;
    margin-top: 4px;
    zoom:140%;
}
/*修改hover后的item的宽度，以便显示checkbox按钮*/
.nav-mini.nav .nav-item ul{
    width: 205px;
}

a, a:hover, a:active, a:focus{
    text-decoration: none;
}