@charset "utf-8";

/* Reset End */

.fl {
	float:left
}
.fr {
	float:right
}
.b10{margin-bottom: 10px !important;}
.clear{clear:both: height : 0; line-height:0; font-size:0;}



.top-bar100 {
	max-width: 100%;
	height: 40px;
	background: #fff;
	border-bottom:#eee 1px solid;
	line-height: 30px;
	color: #848484;
}

.com-width1100 {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.top-bar100 span {
	padding-left: 15px; 
}
.top-bar100 .icon-side {
	margin-top: ;
	margin-right: 18px;
	height: 30px;
position: relative;z-index:5555; 
}
.top-bar100 a {
	margin-left: 5px;
	color: #848484;
	text-decoration: none;
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url(../flash/sprint.png);
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
	-webkit-transition: transform .8s;
	-moz-transition: transform .8s;
	-ms-transition: transform .8s;
	-o-transition: transform .8s;
	transition: transform .8s;
}
.top-bar100 a:first-child {
	margin-left: 0px;
}
.top-bar100 a.weixin {
	background-position: 0 -142px;
	position: relative;
}
.top-bar100 a.weixin span {
	display: block;
	position: absolute;
	left: -135px;
	top: -120px;
	z-index: 1;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.top-bar100 a.weixin:hover span {
	top: 27px;
}
.top-bar100 a.weixin span img {
	width: 100px;
	padding: 5px;
	background-color: #fff;
}
.top-bar100 a.weibo {
	background-position: -19px -142px;
}
.top-bar100 a.collection {
	background-position: -38px -142px;
}
.top-bar100 a:hover {
	background-position-y: -161px;
}
.top-bar100 a.collection:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}