/* CSS Document */

.subpage-menu {
width: 100%;
background: #fff;
overflow:hidden;
margin-top:15px;
}
.subpage-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.subpage-menu ul>li {
width: 10%;
float: left;
}
.subpage-menu ul>li.selected {
background: #64adfd;
}

.subpage-menu ul a {
height: 40px;
display: block;
margin-left: 20px;
margin-top: 12px;
text-decoration: none;
line-height: 40px;
width: 100%;
color: #999;
}
.subpage-menu ul a:hover>div.title {
color: #64adfd;
}
.subpage-menu ul>li.selected a>div.title {
color: #fff!important;
}
.subpage-menu ul a>div.icon {
float: left;
margin: 8px 8px 0 0;
background:url(../images/icon-cat.png);
background-repeat:no-repeat;
background-size:100% 100%;
background-position:center center;
height: 24px;
width: 24px;
}
.subpage-menu ul a>div.title {
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 65%;
}
/***********control************/
.sidebar-navi {
position: fixed;
bottom: 40px;
margin-left: 1270px;
z-index: 99999;
}
.sidebar-navi ul {
list-style: none;
margin: 0;
padding: 0;
height: 220px;
}
.sidebar-navi ul>li {
width: 30px;
height: 30px;
border-radius: 3px;
background-clip: padding-box;
background-color: #59abff;
display: block;
overflow: hidden;
margin-bottom: 2px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.sidebar-navi ul>li:hover {
width: 100px;
margin-left: -70px;
}
.sidebar-navi ul>li:hover {
background: #31a95b;
}

.sidebar-navi ul>li a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.sidebar-navi ul>li div.icon-wrapper {
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 35px;
	text-align: center;
	float: left;
}
.sidebar-navi ul>li div.icon-title {
	width: 70px;
}
.sidebar-navi ul>li div.icon-title {
	float: left;
	line-height: 30px;
	color:#fff;
	display: inline-block;
}
.sidebar-navi ul>li div.icon-wrapper>div {
	display: inline-block;
	height: 17px;
	width: 17px;
	margin-top:6px;
	background:url(../images/icon-music.png)  no-repeat;
}
.sidebar-navi ul>li div.icon-wrapper>div.icon-sidebar-top {
background-position: -46px 0;
height: 16px;
width: 16px;
}