/* DaTouWang URL: www.datouwang.com */
/*清除浮动*/
.clearfix:before,
.clearfix:after {
	background-size: 20px 20px;
	display: table;
}
.clearfix:after {
	clear: both;
}
s-secondItem .clearfix {
	*zoom: 1;
	/*IE/7/6*/
}
/*定位居中*/
.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 {
	width: 90%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: #fff;
	padding: 50px 10%;
}
.s-side .s-firstItem i {
	font-size: 1em;
	color: #323232;
}
.s-side .s-firstItem span {
	color: #323232;
	display: block;
	font-size: 1.2em;
	padding: 10px 0px;
}
.s-side .first {
	width: 90%;
	border-bottom: 1px solid #f5f5f5;
}
.s-side .d-firstNav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.s-side .d-firstNav span {
	color: #323232;
	display: inline-block;
	font-size: 1.2em;
	padding: 10px 0px;
}
.s-side .d-firstNav i.fr {
	font-size: 1.2em;
	color: #5c5c5c;
	transition: transform 0.5s;
}
.s-side .d-firstNav i.fr img {
	width: 8px;
}
.s-secondNav span {
	display: block;
}
.s-secondNav span a {
	color: #5c5c5c;
	display: block;
	padding: 10px;
}
.s-secondNav:hover,
.d-firstNav:hover {
	cursor: pointer;
	color: #1DB9EC;
}
.s-fourthNav span a {
	color: #5c5c5c;
}
.s-fourthNav:hover,
.d-firstNav:hover {
	cursor: pointer;
	color: #1DB9EC;
}
.s-thirdNav span a {
	color: #5c5c5c;
}
.s-thirdNav:hover,
.d-firstNav:hover {
	cursor: pointer;
	color: #1DB9EC;
}
.s-side .d-secondDrop {
	color: #5c5c5c;
	margin-left: 20px;
	margin-top: 10px;
}
.s-side .d-thirdDrop {
	color: #5c5c5c;
	margin-left: 20px;
	margin-top: 10px;
}
.s-side .d-fourthDrop {
	color: #5c5c5c;
	margin-left: 100px;
	margin-top: 10px;
}
.iconRotate {
	transform: rotate(90deg);
}
.s-firstDrop,
.s-secondDrop,
.s-thirdDrop,
.s-fourthDrop {
	color: #5c5c5c;
	display: none;
}