/*菜单栏的箭头*/
.arrow {
	display: inline-block;
	width: 40px;
	height:40px;
	background-color: #000;
	border-radius: 8px;
	font-size:20px;
	color:#fff;
	line-height: 40px;
	text-align: center;
	position: fixed;
	bottom: 50px;
	left:10px;
	cursor:pointer;
}
.menu ul,.menu li {
  list-style: none;
  padding:0;
}
/*给各模块添加颜色*/
.menu > li:nth-child(1) {background-color: #FB6B5B;}
.menu > li:nth-child(2) {background-color: #FFC333;}
.menu > li:nth-child(3) {background-color: #8EC165;}
.menu > li:nth-child(4) {background-color: #48A75B;}
.menu > li:nth-child(5) {background-color: #4CC0C1;}
.menu > li:nth-child(6) {background-color: #27A9E3;}
.menu > li:nth-child(7) {background-color: #6FE6F7;}
.menu > li:nth-child(8) {background-color: #FB6B5B;}
.menu > li:nth-child(9) {background-color: #008C45;}
.menu > li:nth-child(10) {background-color: #FF8A41;}
.menu > li:nth-child(11) {background-color: #27A9E3;}
.menu > li:nth-child(12) {background-color: #FFC333;}
.menu > li:nth-child(13) {background-color: #4CC0C1;}
.menu > li:nth-child(14) {background-color: #607D8B;}

/*添加ul悬浮在右侧，鼠标移入图标的时候显示*/
.menu > li {
  position: relative;
  height: 20px;
  text-align: center;
  padding-top: 15px;
}
.menu > li > ul {
  position: absolute;
  left:55px;
  top:0px;
  width: 130px;
  z-index: 300;
}
.menu > li > a > i{
  position: absolute;
  top:-1px;
  left:11px;
  opacity: 0;
}
.menu li ul{background-color: #1e242b;}
.menu li ul li a{color:#939da8}
.menu li ul li a:hover, .menu li ul li.active a{color: #fff;background-color: #28b779;}
.menu li ul li a:hover, 
.menu li ul li.open a{color: #FF6C60;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;display: block;}
.menu > li > a > .label{margin: 0 20px 0 0;float: right;padding: 3px 5px 2px;}
.menu li ul{display: none;margin: 0;padding: 0;}
.menu li.open ul{display: block;}
.menu li ul li a{padding: 10px 0 10px 10px;display: block;color: #777777;}
.menu li ul li:first-child a{border-top: 0;}
.menu li ul li:last-child a{border-bottom: 0;}
.menu > li.active{background-color: #27a9e3;border-bottom: 1px solid #27a9e3;border-top: 1px solid #27a9e3;}
.menu > li.active > a {
    background: url("../img/menu-active.png") no-repeat right center !important;
    text-decoration: none;
}
.menu > li > a {
  display: block;
  /*width: 100%;
  height: 100%;*/
}