.sidenav{
	box-shadow:2px 2px 6px rgba(0,0,0,.3);
	display:block;
	font-size:14px;
	height:100%;
	left:0;
	position:fixed;
	overflow:auto;
	transform:translate(-60vw,0);
    transition:transform .3s;
    top:0;
	width:50vw;
	z-index:105;
	background-color: #333;
	font-family: "微软雅黑";
}
.sidenav.show{transform:translate(0,0)}
.sidenav-brand{
	color:#FFF;
	font-size:20px;
	line-height:74px;
	height: 74px;
	width: auto;
	padding-right: 30px;
	padding-left: 30px;
	background-size: 100% 100%;
	background-color: #2a5c9c;
}
.sidenav-dropdown,.sidenav-header{border-bottom:1px solid #424242;margin:0}
.sidenav-header{
	background:0 0;
	display: none;
}
.sidenav-menu{list-style:none;margin:0;padding:0}
.sidenav-menu li{
	display:block;
	position:relative;
	height: auto;
	width: 100%;
	line-height: 45px;
}
.sidenav-menu a{
	background:0 0;
	color:#999;
	display:block;
	text-decoration:none
}
.sidenav-menu a:hover{
	background-color: #484848;
	color: #FFF;
}
.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{
	background-color: #484848;
	color: #FFF;
}
.sidenav-link-icon{
	height:24px;
	left:24px;
	width:24px;
	float: left;
	padding-top: 11px;
	padding-bottom: 10px;
}
.sidenav-link-icon img {
	height: 24px;
	width: 24px;
}

.sidenav-link-title{
	display:block;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 14px;
}
.sidenav-dropdown{display:none;list-style:none;padding:0}
.sidenav-dropdown li {
	line-height: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #262626;
}

.sidenav-dropdown a{
	background:#191919;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 12px;
}
.sidenav-dropdown a:hover{background:#616161}
.sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
.sidenav-dropdown-icon{
	display:none;
	height:15px;
	width:15px;
	padding:15px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.sidenav-dropdown-icon.show{display:block}
.sidenav-overlay{background:rgba(255,255,255,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}
.sidenav-no-scroll{overflow:hidden!important}

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}