.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 {
	width:320px;
	background-color: #f6f6f6;
	float: left;
	margin-top:30px;
	margin-bottom:50px;
}
.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 .d-firstNav {
	border-bottom: 1px solid #286bdb;
	background: #004cca;
}
.s-side .d-firstNav span {
	display: inline-block;
	margin-left: 10px;
	font-size: 	16px;
	color: #fff;
}
.s-side .d-firstNav i.fr {
	font-size: 25px;
	color: #fff;
	margin-right: 20px;
}
.s-side .s-secondNav, .s-side .s-secondItem {


}
.d-secondNav{
	padding-left: 10px;
	height: 50px;
	line-height: 50px;
	background: #e3e9f4;
	color:#004cca;
	border-bottom: #d1dcef 1px solid;
	
}
.d-secondNav .fa-caret-right{font-size:22px;margin-right: 20px;margin-top: 15px;}
.d-thirdNav	 .fa-caret-right{font-size:18px;margin-right: 20px;margin-top: 15px;cursor: pointer;}
.d-secondNav:hover{cursor: pointer;}
.d-firstNav{padding: 14px 0;}
.d-firstNav:hover {
	background-color: #4088ff;
	cursor: pointer;
}
.first-active{background-color:#4088ff;}

.iconRotate {
	transform: rotate(90deg);
	transition: transform .5s
}
.s-firstDrop, .s-secondDrop , .s-thirdDrop{
	display: none
}
.s-thirdItem {border-bottom: #ddd 1px solid;height: 50px;line-height: 50px;padding-left:35px;}
.s-thirdItem:before{content: "";background: url(../images/left_pointer3.png) center center no-repeat;width: 8px;height: 2px;display: inline-block;vertical-align: middle}
.s-thirdItem a{ color: #333}
.fa-bars{background: url(../images/left_pointer.png) center center no-repeat;width: 9px;height: 9px;display:inline-block;margin-left: 20px; vertical-align: middle}
.fa-minus-square-o{background: url(../images/left_pointer2.png) center center no-repeat;width: 5px;height: 16px;display:inline-block;margin-left: 20px; vertical-align: middle;margin-right: 10px;}
.s-thirdItem a.active{color:#004cca;font-weight:bold;}
.s-secondNav a.active{color:#004cca;}

.s-thirds {border-bottom: #ddd 1px solid;padding:15px 0 15px 50px;}
.s-thirds a:before{content: "";background:#c0c0c0;width: 6px;height: 6px;border-radius:50%;margin-right:10px;display: inline-block;vertical-align:inherit}
.s-thirds a{ color: #333}
.s-thirds a.active{color:#004cca;font-weight:bold;}
.s-thirds a.active:before{background:#004cca;}


@media screen and (max-width:1024px){

	.s-side{margin:30px auto 50px auto;float: none;}
}