@charset "UTF-8";
/* ================= 在线服务 · fw_list 图标入口 样式优化 ================= */
/* 说明：8 个入口改为 4 列 2 行的卡片网格，图标统一 64px，悬浮时上浮高亮 */

/* ---- 容器：高度自适应并包裹浮动子元素，避免与下方模块重叠 ---- */
/* .wsbs{
	height: auto;
	overflow: hidden;
}
.wsbs_frbs{
	width: 100%;
	height: auto;
	float: none;
	margin-top: 0;
	border: 0;
	overflow: visible;
} */

.fw_title{
	font-size: 16px;
    padding: 0px 10px;
    /* color: #000000; */
    font-weight: 600;
    color: #fff;
    background: #2e8ddb;
    display: inline-block;
    margin-left: 10px;
    border-radius: 8px;
}
/* ---- 列表：grid 布局由浮动实现，4 列均匀分布 ---- */
.fw_list{
	overflow: hidden;
	padding: 5px!important;
}

.fw_list > li{
	float: left;
	width: 25%;
	height: auto;
	margin: 0;
	padding: 8px 6px;
	line-height: normal;
	text-align: center;
	border-bottom: 0;
	overflow: visible;
	box-sizing: border-box;
}

/* ---- 卡片 ---- */
.fw_list > li > a.old_pointer{
	display: block;
	padding: 5px 6px 5px;
	border: 1px solid #eaeef3;
	border-radius: 10px;
	background-color: #ffffff;
	color: #333333;
	font-size: 15px;
	line-height: 1.4;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.fw_list > li > a.old_pointer:hover,
.fw_list > li > a.old_pointer:focus{
	/* background-color: #f3f9ff;
	border-color: #a9d2f5;
	box-shadow: 0 8px 18px rgba(46, 141, 219, .16); */
	z-index: 2;
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
}

/* ---- 图标 ---- */
.fw_list > li > a.old_pointer > div.old_pointer{
	width: 50px;
	height: 50px;
	margin: 0 auto 12px;
	line-height: 0;
}
.fw_list > li > a.old_pointer > div.old_pointer > img.old_pointer{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* ---- 文字 ---- */
.fw_list > li > a.old_pointer > span.old_pointer{
	display: block;
	color: #333333;
	line-height: 1.4;
	white-space: nowrap;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.fw_list > li > a.old_pointer:hover > span.old_pointer,
.fw_list > li > a.old_pointer:focus > span.old_pointer{
	color: #0a6ed1;
	font-weight: 700;
}


.wsbs_frbs .fw_list > li{
	width: 50%;
}
.wsbs_frbs .fw_list li a .old_pointer{
	display: none;
}
.wsbs_grbs .grfwList > li:nth-child(1) > a.old_pointer{
	background: #f8e0da;
}
.grfwList > li:nth-child(1) > a.old_pointer:hover,
.grfwList > li:nth-child(1) > a.old_pointer:focus{
	border-color: #f8e0da;
	box-shadow: 0 8px 18px rgba(248, 224, 218, .5);	
}
.wsbs_grbs .grfwList > li:nth-child(1) > a.old_pointer > span.old_pointer{
	color: #bb1619;
}

.wsbs_grbs .frfwList > li:nth-child(2) > a.old_pointer{
	background: #edf6e6;
}
.frfwList > li:nth-child(2) > a.old_pointer:hover,
.frfwList > li:nth-child(2) > a.old_pointer:focus{
	border-color: #edf6e6;
	box-shadow: 0 8px 18px rgba(124, 180, 52, .5);	
}
.wsbs_grbs .frfwList > li:nth-child(2) > a.old_pointer > span.old_pointer{
	color: #7cb434;
}

.wsbs_grbs .grfwList > li:nth-child(3) > a.old_pointer{
	background: #fbd3c9;
}
.grfwList > li:nth-child(3) > a.old_pointer:hover,
.grfwList > li:nth-child(3) > a.old_pointer:focus{
	border-color: #fbd3c9;
	box-shadow: 0 8px 18px rgba(253, 138, 110, .5);	
}
.wsbs_grbs .grfwList > li:nth-child(3) > a.old_pointer > span.old_pointer{
	color: #fd8a6e;
}

.wsbs_grbs .frfwList > li:nth-child(4) > a.old_pointer{
	background: #b1e8f0;
}
.frfwList > li:nth-child(4) > a.old_pointer:hover,
.frfwList > li:nth-child(4) > a.old_pointer:focus{
	border-color: #b1e8f0;
	box-shadow: 0 8px 18px rgba(177, 232, 240, .5);	
}
.wsbs_grbs .frfwList > li:nth-child(4) > a.old_pointer > span.old_pointer{
	color: #51aec8;
}