.toggle {
    color: #666;
    height: 30px;
    line-height: 30px;
    width: 72px;
	display: block;
	  
  }
	  a{text-decoration:none;}
	  i{font-style: normal;}
	  .toggle:hover{color:#d2271f;}
	  .l-box{float:left;}
	  .r-box{float:right;}

.menu a, .menu li {
	display: block;
	width: 100%
}
.menu {
	background: #fafafa;
	border-radius: 2px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.16), 0 2px 8px 0 rgba(0,0,0,.12);
	color: #757575;
	padding:0;
	position: absolute;
	top: 48px;
	transform: scale(0);
	transition: transform .1s;
	z-index: 96;
	opacity: 0;
	visibility: hidden;
	display: none;
}
.menu li.menu-separator:hover, .menu li:hover {
	background: #eee
}
.menu.show {
	transform: scale(1);
	opacity: 1;
	visibility:visible;
	display: block;
}
.menu.menu--right {
	transform-origin: top right
}
.menu.menu--left {
	transform-origin: top left
}
.menu li {
	min-height: 32px;
	line-height: 16px;
	margin: 8px 0;
	padding: 0 16px
}
.menu li.menu-separator {
	background: #eee;
	height: 1px;
	min-height: 0;
	margin: 12px 0;
	padding: 0
}
.menu li:first-child {
	/*margin-top: 0*/
}
.menu li:last-child {
	margin-bottom: 0
}
.menu a {
	color: inherit;
	height: 32px;
	line-height: 32px;
	padding: 0;
	text-decoration: none;
	white-space: nowrap
}
.menu a:hover {
	color: #444
}