/* online-service
----------------------------------------------- */
.online-service {
	position: fixed;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
	top: 260px;
	right: 10px;
	z-index: 999999;
	display: block;
}

.online-service .item {
	position: relative;
	margin-bottom: 10px;
}

.online-service .item .item-icon {
	display: block;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	cursor: pointer;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	background: rgba(255,255,255,0.50);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	color: #115FAD;
	font-size: 18px;
}

.online-service .item.active .item-icon {
	background-color: #115FAD;
	color: #FFF;
}

.online-service .item .pop-box {
	display: none;
	position: absolute;
	right: 100%;
	top: 0;
}

.online-service .item .item-box {
	margin-right: 10px;
	padding: 10px;
	border-radius: 2px;
	box-sizing: border-box;
	border-radius: 5px;
	
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	background: rgba(255,255,255,0.50);
	backdrop-filter: blur(10px) saturate(100%);
	-webkit-backdrop-filter: blur(10px) saturate(100%);
}

.online-service .item .qq-box {
	white-space: nowrap;
}

.online-service .item .weixin-box img {
	width: 112px;
	padding-bottom: 10px;
}

.online-service .item .weixin-box p {
	text-align: center;
}

.online-service .item .tel-box {
	white-space: nowrap;
}

.online-service .g-t {
	display: none;
}

.online-service .g-t .g-b {
	display: block;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 4px;
	box-sizing: border-box;
	
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	background: rgba(255,255,255,0.50);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	
	color: #115FAD;
	font-size: 18px;
}
.online-service .g-t .g-b:hover {
	background-color: #115FAD !important;
	color: #ffffff !important;
}