/*联系客服*/
.customer {
	position: fixed;
	z-index: 300;
	right: 0px;
	bottom: 100px;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
	border-right: 0px;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop +
		document.documentElement.clientHeight-this.offsetHeight- ( parseInt(this.currentStyle.marginTop
		, 10) || 0 ) -( parseInt(this.currentStyle.marginBottom, 10) || 0 ) )
		-100 );
}

.customer-anchor {
	float: left;
	height: 150px;
	width: 38px;
	background: #57bcfd;
}

.customer-anchor-icon {
	width: 11px;
	height: 20px;
	background: url(../image/page/jiantou180.png) no-repeat;
	margin: 0 auto;
	margin-top: 20px;
}

.c-active .customer-anchor-icon {
	background: url(../image/page/jiantou.png) no-repeat !important;
}

.customer-anchor p {
	color: #fff;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	width: 14px;
	margin: 0 auto;
	margin-top: 11px;
	line-height: 18px;
}

.customer-box {
	float: left;
	width: 0px;
	background: #fff;
	overflow: hidden;
	height: 150px;
}

.customer-box-wrp {
	margin: 22px 0px 5px 5px;
}

.customer-box-wrp .icon-phone {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	background: url(../image/page/icon_tel.png) no-repeat;
}

.customer-box-wrp .icon-qq {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	background: url(../image/page/icon_qq.png) no-repeat;
}

.customer-box-wrp .icon_join {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	background: url(../image/page/icon_join.png) no-repeat;
}

.customer-box-wrp span {
	font-family: "Microsoft YaHei";
	font-size: 14px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
}

.customer-box-wrp .f12 {
	font-size: 12px;
	margin-left: 28px;
	color: #8a8a8a;
	height: 12px;
	line-height: 12px;
}

.customer-box-wrp .link_join {
	text-decoration: none;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	color: #199ae6;
	display: inline-block;
	height: 24px;
	line-height: 24px;
}

.customer-box-wrp .icon-2code {
	background: url(../image/page/icon_2code.png) no-repeat;
	height: 24px;
	width: 24px;
	display: inline-block;
	vertical-align: top;
}

.customer-box-wrp .twocode {
	background: url(../image/page/2code_kuaizhan.png) no-repeat;
	height: 90px;
	width: 90px;
	margin-left: 28px;
	margin-top: 4px;
}