@charset "utf-8";body,ul{margin:0;padding:0}body{font:14px;-webkit-text-size-adjust:100%}li{list-style:none}a{text-decoration:none}.nav{width:220px;height:auto;background:#263238;transition:all .3s}.nav a{display:block;overflow:hidden;padding-left:20px;line-height:46px;max-height:auto;color:#abb1b7;transition:all .3s}.nav a span{margin-left:40px}.nav-item{position:relative}.navshowq .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:before{content:"";position:absolute;left:0;width:2px;height:46px;background:#34a0ce;opacity:0;transition:all .3s}.nav .nav-icon{font-size:20px;position:absolute;margin-left:-1px}.icon_1::after{content:"\e62b"}.icon_2::after{content:"\e669"}.icon_3::after{content:"\e61d"}.nav-more{float:right;margin-right:20px;font-size:12px;transition:transform .3s}.nav-more::after{content:"\e621"}.nav-show .nav-more{transform:rotate(90deg)}.nav-item>a:hover:before,.nav-show>a:before{opacity:1}.nav-mini.nav{width:60px}.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:0;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}