html body {
	font-size: 16px;
	font-family: 微软雅黑;
	/*color: #fff*/
}

i {
	color: #e93a3a;
	font-size: 12px
}

a {
	text-decoration: none;
	color: #333333;
}

* {
	margin: 0;
	padding: 0
}

ul {
	list-style: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

.middle {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.s-side {
	min-width: 200px;
	/*position: absolute;*/
	width: 100%;
	top: 50px;
	left: 0;
	background-color: #f0f0f0;
	/*box-shadow: 0 0 10px #313131;*/
	padding: 10px;
	border-bottom: 9px solid #e93a3a;
}

.s-side .s-firstItem i {
	font-size: 20px
}

.s-side .s-firstItem span {
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
	text-shadow: 0 0 5px #eee;
	white-space: 10px
}

.s-side .first {
	padding: 10px 0;
	/*border-bottom: 1px solid #424242*/
}

.s-side .d-firstNav span {
	display: inline-block;
	margin-left: 10px;
	color: #333333;
}

.s-side .d-firstNav i.fr {
	font-size: 25px
}

.s-side .s-secondNav,
.s-side .s-secondItem {
	margin-left: 26px;
	margin-top: 10px
}

.s-secondNav:hover,
.d-firstNav:hover {
	/*background-color: #3d3d3d;*/
	cursor: pointer
}

.s-side .d-secondDrop {
	margin-left: 46px;
	margin-top: 10px
}

.iconRotate {
	transform: rotate(90deg);
	transition: transform .5s
}

.s-firstDrop,
.s-secondDrop {
	display: none
}