body {
	margin: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.left-nav {
	background: #fff;
	overflow-y: overlay;
	/* position: absolute; */

	/**flexbox兼容**/
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (doesn't work very well) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/**flexbox兼容**/
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}


/**默认不显示二级菜单**/

.menuBox .subMenuBox {
	display: none;
}
.menuBox{
	width: 100%;
}

/**一级菜单样式**/

.spMenuBox>*>.spMenu {
	/* align-items: center;
	background: darkslateblue; */
	/* border-bottom: 1px solid lightgray; */
	cursor: pointer;
	color: white;
	padding: 15px 20px;
	background: #E3E9EE;
	color: #999999;

	/**flexbox兼容**/
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (doesn't work very well) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/**flexbox兼容**/
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	/**user-select兼容**/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
    margin-top:20px;
}

.spMenuBox>*>.spMenu a{
    color:#999;
    font-size:16px;
}

.spMenu i {
	margin-right: 12px;
	font-size: 13px;
}

.spMenuItem.active>.spMenu {
	background: #5092C7;
	color: #fff;
}

.spMenuItem.active>.spMenu a{
    color:#fff;
}

.spMenuItem.active>.spMenuclick {
	background: #5092C7;
	color: #fff;
}

.spMenuItem.active>.spMenuclick a{
    color:#fff;
    font-size:16px;
}

.spMenuBox>.spMenuTit{
	padding: 20px 0 10px 20px;
	color: #999;
	font-size: 12px;
}

/**箭头切换用动画实现**/

.fa-angle-down {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.spMenuItem.active>.spMenu>.fa-angle-down {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}


/**二级菜单样式*/
.subMenuBox {
	padding: 10px 0;
	background: #fff;
}

.subMenuBox>.subMenu i {
	margin-right: 10px;
	font-size: 13px;
}

.subMenuBox>.subMenu {
	align-items: center;
	color: #666;

	/**flexbox兼容**/
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (doesn't work very well) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/**flexbox兼容**/
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	/**user-select兼容**/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.subMenuBox>.subMenu a{
    color:#666;
    font-size:15px;
}
.subMenuBox>.subMenuclick{
	color: #5092C7;
}
.subMenuBox>.subMenuclick a{
    color:#5092C7;
}
.subMenu span {
    display: block;
    width: 100%;
}
.subMenu span a{
    padding: 10px 20px;
    display: block;
    width: 100%;
}