body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body{
	background: #494A5F;
	color: #D5D6E2;
	font-weight: 500;
	font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
}
a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}
/*a:hover,a:focus{color:#74777b;text-decoration: none;}*/
.sidenav-head {
    height:150px;
    background-image:url('/Content/images/slidenav.png');
    background-size:150px 150px;
}
.sidenav-head span{
    display:inline-block;
    position:relative;
    margin:10px;
    color:white;
    top:53px;
    left:18px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sidenavleft-menu {
    list-style:none;
    margin:0;
    padding:0;
}
.sidenavleft-menu a {
    background: 0 0;
    color: #666;
    display: block;
    line-height: 16px;
    padding: 10px 32px;
    text-decoration: none;
}
.sidenavleft-menu img{
    position:relative;
    top:5px;
    width:21px;
    margin-right:20px;
}
.sidenav-head .closeIonic {
    position:absolute;
    right:15px;
    top:15px;
    width:20px;
}
.mui-contlist-special {
    position:absolute;right:10px;
    background: #1DB1EC;
    padding: 0 5px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 12px;
    color: #fff !important;
}
.sidenav-head .hosPlaceName {
    max-width: 56%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}