.framemain .unit {
	padding:30px 60px;
}



.framemain .unit .title0 {
	background-color: #022169;
	display: flex;
	color:#FFF;
	padding:12px 24px;
	gap: 6px; /* 设置间距 */
}
.framemain .unit .title0 .matchdatetime {
	font-size: 24px;
    position: relative; /* 视觉补偿：纯数字字符重心偏低，需微调上移 */
    top: 2px;   /* 根据实际字体和字号测试调整，通常 -1px 到 -2px */
}
.framemain .unit .title0 .team {
	font-size: 24px;
}
.framemain .unit .title0 .vs {
	font-size: 24px;
    position: relative; /* 视觉补偿：vs 字符重心偏低，需微调上移 */
    top: -0px;   /* 根据实际字体和字号测试调整，通常 -1px 到 -2px */
}
.framemain .unit .title0 .front_views {
	font-size: 18px;
	flex: 1;
	text-align: right; 
}
.framemain .unit .title0 .front_views span {
	text-decoration: underline;
	text-decoration-color: #FECF13; /* 下划线颜色 */
	text-decoration-style: solid; /* 样式：solid(实线), double(双线), dotted(点状), dashed(虚线), wavy(波浪) */
	text-decoration-thickness: 5px; /* 下划线粗细 */
	text-underline-offset: 1px; /* 下划线与文字的距离 */
}



.framemain .unit .title1 {
	background-color: #FECF13;
	border: 1px solid #022169; /* 宽度 样式 颜色 */
	display: flex;
	color:#022169;
	padding:12px 24px;
	gap: 6px; /* 设置间距 */
}
.framemain .unit .title1 .matchdatetime {
	font-size: 24px;
    position: relative; /* 视觉补偿：纯数字字符重心偏低，需微调上移 */
    top: 2px;   /* 根据实际字体和字号测试调整，通常 -1px 到 -2px */
}
.framemain .unit .title1 .team {
	font-size: 24px;
}
.framemain .unit .title1 .vs {
	font-size: 24px;
    position: relative; /* 视觉补偿：vs 字符重心偏低，需微调上移 */
    top: -0px;   /* 根据实际字体和字号测试调整，通常 -1px 到 -2px */
}
.framemain .unit .title1 .front_views {
	font-size: 18px;
	flex: 1;
	text-align: right; 
}
.framemain .unit .title1 .front_views span {
	text-decoration: underline;
	text-decoration-color: #022169; /* 下划线颜色 */
	text-decoration-style: solid; /* 样式：solid(实线), double(双线), dotted(点状), dashed(虚线), wavy(波浪) */
	text-decoration-thickness: 5px; /* 下划线粗细 */
	text-underline-offset: 1px; /* 下划线与文字的距离 */
}



.framemain .unit .titleimage {
	margin:8px 0 0 0;
}
.framemain .unit .titleimage img {
	height:300px;
	border: 5px solid #DDD; /* 宽度 样式 颜色 */
	border-radius: 20px;
	box-shadow: 
		2px 4px 6px rgba(0, 0, 0, 0.5), /* 近处小阴影 */
		4px 4px 10px rgba(0, 0, 0, 0.3); /* 远处大阴影 */
}
.framemain .unit .titleimage img:hover {
	border: 5px solid #FECF13; /* 宽度 样式 颜色 */
}



.framemain .unit .resident_reminder {
	margin:8px 0 0 0;
	font-size: 14px;
	color:#999;
}



.framemain .unit .front_content {
	margin:8px 0 0 0;
	text-indent: 2em;
	color:#333;
}



.framemain .unit .pay-reminder {
	margin:8px 0 0 0;
	display: flex;
}
.framemain .unit .pay-reminder .tag {
	padding:5px 10px;
	background-color: #FECF13;
	color:#000;
	border: 1px solid #022169;       /* 宽度 样式 颜色 */
	border-radius: 10px;
	display: flex;
	align-items: center; /* 核心属性：垂直居中 */
}



.framepagination {
	position: fixed; /* 关键：相对于浏览器窗口定位 */
	z-index: 9;    /* 关键：确保层级高于其他内容 */
	bottom: 70px;
	background-color: #022169;
	width: 958px;
	padding:10px 60px;
}

.pagination {
	display: flex;
	gap: 20px; /* 设置间距 */
	align-items: center;     /* 垂直居中 */
	justify-items: center; /* 水平居中 */
}
.pagination .page {
	padding:3px 12px;
	background-color: #FFF;
	color:#022169;
	border: 1px solid #FECF13;       /* 宽度 样式 颜色 */
	border-radius: 8px;
	align-items: center; /* 核心属性：垂直居中 */
}
.pagination .page:hover {
	padding:3px 12px;
	background-color: #FECF13;
	color:#000;
	border: 1px solid #022169;       /* 宽度 样式 颜色 */
	border-radius: 8px;
	align-items: center; /* 核心属性：垂直居中 */
}