@import "http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css";

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: sans-serif;
}

.sidebar {
    width: 200px;
    margin-left: -200px;
    height: 100%;
    background-color: rgba(158,150,190);
    overflow: hidden;
    transition: 0.8s all;
}

.side {
    margin-left: 0;
}

/*去下划线*/
.sidebar ul li a {
    text-decoration: none;
    width: 100%;
    display: block;
	color: #000000;
    transition: 0.6s all;
}

.sidebar ul li a:hover {
    background: #95a5a6;
}

.menu_ul{
	width: 85%;
	margin: auto;
	padding: 0px ;
	text-decoration: none;
	list-style:none;
}
.menu_li {
	text-align: center;
	font-size: 16px ;
	line-height: 38px ;
	background-color: rgb(235,235,235);
	margin: 20px 0px 20px 0px;
}

.menu_li_div{
	background-color: rgb(220,220,220);
	color: #000000;
}

.menu_ul_ul{
	width: 90%;
	margin: auto;
	list-style-type:none;
	padding-bottom: 1px;
}

.menu_ul_ul li{
	margin: 10px 0px 10px 0px;
	background-color: rgb(240,240,240);
	font-size: 14px ;
	line-height: 34px ;
	font-weight: 200;
}

.z_none{
	display: none;
}

.z_block{
	display: block;
}


.m_none{
	width:100%; 
	height:100%;
	background-color: #95A5A6; 
	opacity: 0.5;  
	position: absolute; 
	top: 0px; 
	z-index: 6;
	display: none;
}

.m_block{
	width:100%;
	height:100%;
	background-color: #95A5A6; 
	opacity: 0.5;  
	position: absolute; 
	top: 0px; 
	z-index: 6;
	display: block;
}