@charset "utf-8";
/*
 * 5300pk —— .com（爱上版本库）风格的下载站皮肤
 * 主色 #30a2da，配色/排版参考目标站，图片与原站无关，请自行替换 logo/二维码
 */

body.dz_wide,
body {
	background: #f5f7f9;
}

.dw-in {
	width: 1200px;
	margin: 0 auto;
}
.dw-in.cl:after { content: ""; display: block; clear: both; }

/* ---------- 顶部工具条 ---------- */
.dw-topbar {
	height: 34px;
	line-height: 34px;
	background: #f3f3f3;
	border-bottom: 1px solid #e8e8e8;
	color: #666;
	font-size: 12px;
}
.dw-topbar a { color: #666; }
.dw-topbar a:hover { color: #30a2da; }
.dw-topl a { margin-right: 16px; }
.dw-topr { }
.dw-topr a { margin: 0 4px; }
.dw-topr .dw-welcome { color: #999; margin-right: 6px; }
.dw-topbar .pipe { color: #ccc; }

/* ---------- LOGO + 搜索 ---------- */
#hd.dw-hd { background: #fff; padding: 16px 0 12px; border-bottom: 0; }
#hd .dw-logo { float: left; height: 60px; line-height: 60px; overflow: hidden; }
#hd .dw-logo h2 { margin: 0; float: none; height: 60px; line-height: 60px; padding: 0; font-size: 0; overflow: hidden; }
#hd .dw-logo h2 a { display: inline-block; line-height: 60px; }
#hd .dw-logo img { max-height: 60px; max-width: 300px; border: 0; vertical-align: middle; }

.dw-search { float: right; width: 366px; padding-top: 6px; }
.dw-search .dw-sform { display: block; overflow: hidden; margin: 0; padding: 0; }
.dw-search input.dw-input,
.dw-search #dw_srchtxt {
	float: left;
	width: 278px;
	height: 42px;
	line-height: 42px;
	margin: 0;
	padding: 0 12px;
	box-sizing: border-box;
	border: 1px solid #ebebeb;
	background: #fff;
	color: #333;
	font-size: 14px;
	border-radius: 0;
	box-shadow: none;
	outline: none;
}
.dw-search input.dw-input:focus,
.dw-search #dw_srchtxt:focus { border-color: #30a2da; }
.dw-search button.dw-sbtn,
.dw-search #dw_sbtn {
	float: left;
	width: 88px;
	height: 42px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #2eaed8;
	color: #fff;
	font-size: 16px;
	font-family: inherit;
	cursor: pointer;
	border-radius: 0;
	box-shadow: none;
}
.dw-search button.dw-sbtn:before,
.dw-search #dw_sbtn:before { content: none !important; }
.dw-search button.dw-sbtn:hover,
.dw-search #dw_sbtn:hover { background: #2795ba; }
.dw-hot {
	height: 20px;
	line-height: 20px;
	padding-top: 5px;
	font-size: 12px;
	color: #999;
	overflow: hidden;
}
.dw-hot strong { font-weight: 400; color: #999; }
.dw-hot a { color: #666; margin-right: 9px; }
.dw-hot a:hover { color: #f26c4f; }

/* ---------- 主导航 ---------- */
#nv.dw-nav {
	height: 44px;
	background: #30a2da;
	overflow: visible;
}
#nv.dw-nav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nv.dw-nav li {
	float: left;
	height: 44px;
	line-height: 44px;
	padding: 0 22px;
	font-size: 15px;
	font-weight: 700;
	background: none;
}
#nv.dw-nav li a {
	display: block;
	height: 44px;
	line-height: 44px;
	color: #fff;
	text-decoration: none;
}
#nv.dw-nav li a span { display: none; }
#nv.dw-nav li.a,
#nv.dw-nav li:hover { background: #2889b9; }
#nv.dw-nav li.a a,
#nv.dw-nav li:hover a { color: #fff; }
.dw-navr { float: right; line-height: 44px; font-size: 13px; }
.dw-navr .dw-qq { color: #fff; }
.dw-navr .dw-qq:hover { color: #ffe9a8; }

/* ---------- 页脚 ---------- */

/* ---------- 主色导航里的栏目项 ---------- */
#nv.dw-nav li.dw-navsep {
	width: 1px;
	height: 20px;
	margin: 12px 10px 0;
	padding: 0;
	background: rgba(255, 255, 255, .35);
	overflow: hidden;
}
#nv.dw-nav li.dw-catitem { padding: 0 13px; font-size: 14px; }
#nv.dw-nav li.dw-catitem a { font-size: 14px; }
.dw-footer {
	background: #fbfbfb;
	border-top: 1px solid #ededed;
	margin-top: 20px;
	padding: 26px 0 10px;
}
.dw-footer .dw-in.cl { display: block; }
.dw-in { width: min(1200px, 96vw); }        /* 窄屏自适应，避免固定 1200 造成右侧被截 */
.dw-footer .dw-ft-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.dw-footer .dw-ft-intro { flex: 1 1 0; min-width: 0; padding-right: 0; }
.dw-footer .dw-ft-note { flex: 1 1 0; min-width: 0; text-align: left; }
.dw-footer .dw-ft-note .dw-ft-notice { color: #aaa; font-size: 12px; line-height: 22px; margin: 0 0 8px; }
.dw-footer .dw-ft-note .dw-ft-qrline { color: #666; font-size: 13px; margin: 0; }
.dw-footer .dw-ft-note .dw-ft-qrline a { color: #30a2da; }
.dw-footer .dw-ft-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; margin-bottom: 16px; border-bottom: 1px solid #ededed; }
.dw-footer .dw-ft-nav { float: none; width: 100%; }
.dw-footer .dw-ft-side { float: none; width: 100%; margin-top: 14px; padding: 14px 0 0; border-left: 0; border-top: 1px solid #ededed; text-align: left; }
.dw-ft-intro { flex: 1; min-width: 0; padding-right: 30px; }
.dw-ft-intro h3 { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: #333; }
.dw-ft-intro p { margin: 0 0 6px; font-size: 13px; line-height: 24px; color: #888; }
.dw-ft-intro .dw-ft-notice { color: #aaa; font-size: 12px; }
.dw-ft-qr { flex: 0 0 auto; display: flex; align-items: flex-start; margin-right: 90px; }
.dw-ft-qr .dw-ft-qrimg:last-child { margin-left: 18px; }
.dw-ft-qrimg img { display: block; width: 100%; height: 100%; object-fit: contain; }
.dw-ft-qrimg span { display: block; }
.dw-ft-qr .dw-ft-qrimg {
	float: left;
	width: 96px;
	height: 96px;
	margin-left: 14px;
	border: 1px dashed #d8d8d8;
	border-radius: 6px;
	background: #fff;
	color: #bbb;
	font-size: 12px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	box-sizing: border-box;
}
/* 页脚链接：一行 7 列，左右两端对齐铺满整宽 */
.dw-footer .dw-ft-nav {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	float: none;
}
.dw-footer .dw-ft-nav dl { flex: 1 1 0; min-width: 0; width: auto; box-sizing: border-box; margin: 0; }
.dw-footer .dw-ft-nav dt,
.dw-footer .dw-ft-nav dd,
.dw-footer .dw-ft-nav dd a { white-space: nowrap; }
.dw-ft-nav { float: left; width: 890px; }
.dw-ft-nav dl {
	float: left;
	width: 158px;
	margin: 0 0 12px;
	padding: 0;
}
.dw-ft-nav dt {
	font-size: 15px;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
}
.dw-ft-nav dd { margin: 0; line-height: 26px; }
.dw-ft-nav dd a { color: #666; font-size: 13px; }
.dw-ft-nav dd a:hover { color: #30a2da; }
.dw-ft-side {
	float: right;
	width: 270px;
	padding-left: 30px;
	border-left: 1px solid #ededed;
	text-align: center;
}
.dw-qr img { width: 96px; height: 96px; display: block; margin: 0 auto; border: 0; }
.dw-qr span { display: block; font-size: 12px; color: #999; margin-top: 6px; }
.dw-contact {
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
	text-align: left;
	font-size: 13px;
	color: #666;
	line-height: 24px;
}
.dw-contact a { color: #30a2da; }

/* ---------- 兼容 X5 官方样式的局部覆盖 ---------- */

/* ---------- 帖子页（内容页）美化 ---------- */
/* 关闭浏览器滚动锚定（作用在滚动容器 html/body 上才有效），避免图片加载后页面自己跳回 */
html, body { overflow-anchor: none; }
.pg_viewthread #dz_rnav, .pg_viewthread .dz_rnav { position: fixed !important; }
.pg_viewthread .plc { background: #fff; border: 1px solid #eef1f4; border-radius: 6px; overflow: hidden; margin-bottom: 14px; }
.pg_viewthread .pls { background: #fafbfc; border-right: 1px solid #eef1f4; }
.pg_viewthread .authi { font-size: 13px; }
.pg_viewthread .pi {
	background: #f7fafc;
	border-bottom: 1px solid #eef1f4;
	color: #98a2ad;
	font-size: 12px;
}
.pg_viewthread .pi a { color: #6b7683; }
.pg_viewthread .t_f { padding: 16px 22px; }
.pg_viewthread .t_f a { color: #0674cc; }
.pg_viewthread .t_f a:hover { color: #30a2da; }
.pg_viewthread .t_f blockquote { background: #f7fafc; border-left: 3px solid #d8e6f2; color: #6b7683; }
/* 回复可见 / 隐藏内容 提示更醒目 */
.pg_viewthread .t_f fieldset,
.pg_viewthread .t_f .showhide {
	background: #f2f8ff;
	border: 1px dashed #a9d4f5;
	border-radius: 6px;
	color: #2b7fdb;
	padding: 10px 14px;
}
/* 附件 / 下载表格 */
.pg_viewthread .t_f table { margin: 12px auto; }
.pg_viewthread .t_f table td { border-color: #eef1f4 !important; }
/* 楼层底部操作条与评分 */
.pg_viewthread .pstl, .pg_viewthread .psta, .pg_viewthread .pstl a, .pg_viewthread .psta a { color: #aab3bd; font-size: 12px; }
.pg_viewthread .rate { color: #ff9c00; }
/* 快速回复框 */
.pg_viewthread #f_pst .bm_h { background: #f7fafc; }
#pt.bm.cl, .bm.cl.dw-hide { display: none !important; }

/* ---------- 移动端/窄屏优化（全站页面） ---------- */
.pk5300_mnav { display: none; }
@media (max-width: 768px) {
	/* ---------- 移动端总适配 ---------- */
	/* 1. 容器自适应，杜绝横向滚动（Discuz 默认 .wp 固定 1200px，手机上会撑出横向滚动条） */
	.wp, #wp, .wp1200, .dw-in, .pk5300_wpconbig, .pk5300_container, .pk5300_ngnew {
		width: auto !important;
		max-width: 100% !important;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	html, body { overflow-x: hidden; max-width: 100%; }
	img { max-width: 100%; }
	/* 2. 首页排行榜三组改竖排 */
	.pk5300_home_rank { flex-direction: column; gap: 10px; }
	.pk5300_home_rank .sfba_rank { width: 100%; }
	.sfba_boxbd { padding: 10px 10px 0; }
	.sfba_tabs { overflow-x: auto; white-space: nowrap; }
	/* 3. 帖子页：隐藏左侧作者栏，正文铺满，表格可横向滑动 */
	.pg_viewthread .pls { display: none !important; }
	.pg_viewthread .plc { border-radius: 4px; margin-bottom: 10px; }
	#postlist .t_f { padding: 12px 10px; font-size: 16px; }
	#postlist .t_f table { display: block; overflow-x: auto; max-width: 100%; }
	.pg_viewthread .pi { height: auto; line-height: 22px; padding: 6px 10px; font-size: 11px; }
	/* 4. 论坛首页版块列表：手机上隐藏"今日/主题/帖数"列，只留版块名和最后发表 */
	.fl_tb .fl_g, .fl_tb .fl_i, .fl_tb .fl_c { display: none; }
	.fl_tb td { padding: 8px 6px; }
	/* 5. 表单与按钮适配手指点击 */
	.px, .pt, .pc { font-size: 15px !important; }
	.pn, .pnc, .pnpost { min-height: 38px; line-height: 38px; }
	/* 6. 全站字号轻微放大，避免 12px 中文发虚 */
	body { font-size: 14px; }
	.dw-footer .dw-ft-nav { flex-wrap: wrap; justify-content: flex-start; }
	.dw-footer .dw-ft-nav dl { flex: 0 0 33.33%; margin-bottom: 12px; }
	.pk5300_mnav {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1200;
		height: 50px;
		padding-bottom: env(safe-area-inset-bottom, 0);
		background: #fff;
		border-top: 1px solid #e8e8e8;
		box-shadow: 0 -2px 8px rgba(0, 0, 0, .05);
	}
	.pk5300_mnav_i {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #666;
		font-size: 11px;
		text-decoration: none;
	}
	.pk5300_mnav_i em {
		width: 20px;
		height: 20px;
		margin-bottom: 2px;
		border-radius: 4px;
		background: #cdd7e0;
	}
	.pk5300_mnav_i:hover, .pk5300_mnav_i:active { color: #30a2da; }
	.pk5300_mnav_i:hover em { background: #30a2da; }
	.pk5300_mnav_post em { background: #ff7a45; }
	/* 给底部导航留出空间，避免遮住页脚 */
	body { padding-bottom: 56px; }
	.pk5300_foots { padding-bottom: 56px; }
}
@media (max-width: 768px) {
	/* 容器与首页模块改成上下堆叠 */
	.dw-in, .pk5300_wpconbig, .pk5300_container, .pk5300_ngnew, .sfba_left, .sfba_right, .sfba_home { width: 100% !important; max-width: 100% !important; }
	.sfba_main { display: block; }
	.sfba_right { margin-top: 14px; }
	/* 首页卡片：一行两个，再窄一行一个 */
	.sfba_boxbd .pk5300_wpts .pk5300_tars { width: calc(50% - 6px); }
	.sfba_boxbd .pk5300_wpone { height: 150px; }
	.sfba_flitem { width: 100%; }
	/* 主导航改成可横向滑动，避免换行挤成一团 */
	#nv.dw-nav { height: auto; min-height: 44px; }
	#nv.dw-nav .dw-in { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	#nv.dw-nav ul { display: flex; flex-wrap: nowrap; width: max-content; }
	#nv.dw-nav li { float: none; white-space: nowrap; padding: 0 12px; font-size: 14px; }
	/* 顶部条、logo、搜索框堆叠 */
	.dw-topbar { height: auto; line-height: 26px; padding: 4px 0; }
	.dw-topbar .dw-topl, .dw-topbar .dw-topr { float: none; text-align: center; }
	#hd.dw-hd { padding: 10px 0; }
	#hd .dw-logo { float: none; height: auto; line-height: 1.4; text-align: center; }
	#hd .dw-logo h2 { height: auto; line-height: 1.4; }
	#hd .dw-logo img { max-height: 44px; }
	.dw-search { float: none; width: 100%; padding-top: 8px; }
	.dw-search input.dw-input, .dw-search #dw_srchtxt { width: calc(100% - 80px); }
	.dw-search button.dw-sbtn, .dw-search #dw_sbtn { width: 80px; }
	/* 页脚与广告 */
	.dw-footer { padding: 16px 0 6px; }
	.dw-ft-nav { float: none; width: 100%; }
	.dw-ft-nav dl { width: 33.33%; }
	.dw-ft-side { float: none; width: 100%; border-left: 0; border-top: 1px solid #ededed; margin-top: 12px; padding: 12px 0 0; }
	.pcbanner { width: 100% !important; }
	.coupletad { display: none !important; }
	/* 帖子正文图片在窄屏不要强行满宽拉伸过多 */
	#postlist .t_f img, .t_f img.zoom { margin: 8px auto !important; }
}
@media (max-width: 480px) {
	.sfba_boxbd .pk5300_wpts .pk5300_tars { width: 100%; }
	.sfba_boxhd { height: auto; line-height: 32px; padding: 6px 10px; }
	.sfba_tabs { float: none; overflow-x: auto; white-space: nowrap; }
	.sfba_tabs li { float: none; display: inline-block; height: 32px; line-height: 32px; margin-right: 12px; }
	.dw-ft-nav dl { width: 50%; }
}
.dz_footc { margin-top: 0; }

/* ---------- 版块卡片列表（：4 列网格） ---------- */

/* ---------- 首页模块（ 门户） ---------- */

/* ----------  首页容器层级 ---------- */
.pk5300_pk5300_tarswp { width: 100%; }
.pk5300_wpconbig { width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; }
.pk5300_wpmain { margin-top: 20px; }
.pk5300_container, .pk5300_ngnew { width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; }

/* ---------- 首页顶部横幅位（ pcbanner） ---------- */

/* ---------- 首页版块分类（ #ct 的 .fl.bm） ---------- */
.sfba_cats { margin-top: 16px; }
.sfba_catbox { margin-bottom: 14px; background: #fff; border: 1px solid #efefef; border-radius: 5px; overflow: hidden; }
.sfba_cathd { height: 44px; line-height: 44px; padding: 0 14px; border-bottom: 1px solid #f0f0f0; }
.sfba_cathd h2 { float: left; margin: 0; font-size: 16px; font-weight: 700; color: #333; }
.sfba_cathd a { float: right; font-size: 12px; color: #999; }
.sfba_flgrid { display: flex; flex-wrap: wrap; gap: 12px; padding: 14px; }
.sfba_flitem {
	box-sizing: border-box;
	width: calc((100% - 24px) / 3);
	padding: 12px;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	background: #fcfcfc;
}
.sfba_flitem:hover { border-color: #d8eaf5; background: #f7fbfe; }
.sfba_flitem .sfba_finfo h3 { margin: 0 0 4px; font-size: 15px; font-weight: 700; }
.sfba_flitem .sfba_finfo p { margin: 0; font-size: 12px; color: #999; }
.sfba_flast { margin-top: 6px !important; padding-top: 6px; border-top: 1px dashed #eee; }
.sfba_flast a { display: block; color: #666 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sfba_flast a:hover { color: #30a2da !important; }
.sfba_flast span { color: #bbb; }
@media (max-width: 1199px) { .sfba_flitem { width: calc((100% - 12px) / 2); } }
.sfba_fltb { width: 100%; border-collapse: collapse; }
.sfba_fltb tr { border-bottom: 1px dashed #f0f0f0; }
.sfba_fltb tr:last-child { border-bottom: 0; }
.sfba_fltb td { padding: 12px 14px; vertical-align: middle; }
.sfba_flname h3 { margin: 0 0 4px; font-size: 15px; font-weight: 700; }
.sfba_ficon { float: left; display: block; width: 48px; height: 48px; margin-right: 12px; }
.sfba_ficon img { display: block; width: 48px; height: 48px; border-radius: 10px; }
.sfba_finfo { overflow: hidden; }
.sfba_flname h3 a { color: #333; }
.sfba_flname h3 a:hover { color: #30a2da; }
.sfba_flname p { margin: 0; font-size: 12px; color: #999; }
.sfba_fllast { width: 46%; font-size: 12px; color: #999; }
.sfba_fllast a { display: block; margin-bottom: 3px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sfba_fllast a:hover { color: #30a2da; }
.sfba_fllast span { color: #bbb; }
.pcbanner { width: 1200px; margin: 14px auto 0; }
/* ---------- 首页幻灯片轮播 ---------- */
.sfba_seo_h1 {
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 400;
	color: #999;
	text-indent: -9999px;
}
.pk5300_slid { position: relative; height: 320px; margin: 14px 0 16px; overflow: hidden; border-radius: 6px; background: #1f242b; }
.pk5300_slid_list, .pk5300_slid_item { margin: 0; padding: 0; list-style: none; height: 100%; }
.pk5300_slid_item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s; pointer-events: none; }
.pk5300_slid_item.cur { opacity: 1; pointer-events: auto; }
.pk5300_slid_item a { display: block; height: 100%; }
.pk5300_slid_item img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; background: #1f242b; }
.pk5300_slid_tit {
	position: absolute; left: 0; right: 0; bottom: 0;
	padding: 40px 20px 14px;
	color: #fff; font-size: 17px; font-weight: 700;
	background: linear-gradient(to top, rgba(0, 0, 0, .65), rgba(0, 0, 0, 0));
}
.pk5300_slid_btn {
	position: absolute; top: 50%; margin-top: -24px;
	width: 34px; height: 48px; line-height: 46px; text-align: center;
	color: #fff; font-size: 26px; text-decoration: none;
	background: rgba(0, 0, 0, .28); border-radius: 4px;
}
.pk5300_slid_btn:hover { background: rgba(0, 0, 0, .5); }
.pk5300_slid_prev { left: 12px; }
.pk5300_slid_next { right: 12px; }
.pk5300_slid_dots { position: absolute; right: 16px; bottom: 14px; }
.pk5300_slid_dots i {
	display: inline-block; width: 9px; height: 9px; margin-left: 7px;
	background: rgba(255, 255, 255, .55); border-radius: 50%; cursor: pointer;
}
.pk5300_slid_dots i.cur { background: #fff; }
@media (max-width: 768px) { .pk5300_slid { height: 190px; } .pk5300_slid_tit { font-size: 14px; padding: 24px 12px 10px; } }
.pcbanner a { position: relative; display: block; margin-bottom: 8px; }
.pcbanner img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 110px;          /* 横幅统一高度，避免个别图过大撑满一屏 */
	object-fit: cover;          /* 超高时裁切中间部分，不拉伸变形 */
	object-position: center center;
	border-radius: 4px;
}
.pcbanner .banner-tag {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1px 5px;
	border-radius: 2px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
}

/* ---------- 帖子正文：字号 + 图片撑满内容区（避免缩放发虚） ---------- */
#postlist .t_f, #postlist .t_fsz, .t_f {
	font-size: 15px;
	line-height: 1.9;
	color: #333;
	word-break: break-word;
}
#postlist .t_f img, #postlist .t_fsz img, .t_f img.zoom, .t_f .zoom {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 12px auto !important;
	border-radius: 4px;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: high-quality;
}
/* 百度云小图标不拉伸 */
#postlist img[src*="pan_baidu"], .t_f img[src*="pan_baidu"] {
	display: inline-block !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 6px 0 0 !important;
	vertical-align: -4px;
	border-radius: 0;
}
/* 正文段落间距更松一点，长文更好读 */
#postlist .t_f p, .t_f p { margin: 10px 0; }
.sfba_home { padding-top: 16px; }
.sfba_main { display: flex; align-items: flex-start; justify-content: space-between; }
.sfba_left { width: 880px; }
.sfba_right { width: 300px; }
.sfba_box { background: #fff; border: 1px solid #efefef; border-radius: 5px; overflow: hidden; }
.sfba_boxhd {
	position: relative;
	height: 46px;
	line-height: 46px;
	padding: 0 16px;
	border-bottom: 1px solid #f0f0f0;
}
.sfba_boxhd h2 {
	float: left;
	margin: 0 18px 0 0;
	font-size: 18px;
	font-weight: 700;
	color: #333;
}
.sfba_tabs { float: left; list-style: none; margin: 0; padding: 0; }
.sfba_tabs li {
	float: left;
	height: 46px;
	line-height: 46px;
	margin-right: 18px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
}
.sfba_tabs li.cur { color: #30a2da; font-weight: 700; border-bottom: 2px solid #30a2da; }
.sfba_tabs li:hover { color: #30a2da; }
.sfba_more { float: right; font-size: 12px; color: #999; }
.sfba_boxbd { padding: 16px 16px 0; }
.sfba_boxbd .pk5300_wpts .pk5300_tars { width: calc(25% - 8px); }
.sfba_boxbd .pk5300_wpone { height: 210px; }
.sfba_boxbd .pk5300_wpone .nopic { line-height: 210px; }

.sfba_rank { margin-bottom: 16px; background: #fff; border: 1px solid #efefef; border-radius: 5px; }
.sfba_left { width: 100%; }
.sfba_home_rank { display: flex; gap: 14px; margin-bottom: 16px; }
.sfba_home_rank .sfba_rank { flex: 1; margin-bottom: 0; min-width: 0; }
.pk5300_title-row { margin-top: 4px; }
.sfba_rankhd {
	height: 44px;
	line-height: 44px;
	padding: 0 14px;
	border-bottom: 1px solid #f0f0f0;
}
.sfba_rankhd h3 { float: left; margin: 0; font-size: 16px; font-weight: 700; color: #333; }
.sfba_rankhd a { float: right; font-size: 12px; color: #999; }
.sfba_ranklist { list-style: none; margin: 0; padding: 6px 14px 10px; }
.sfba_ranklist li { height: 34px; line-height: 34px; overflow: hidden; }
.sfba_ranklist li a {
	display: inline-block;
	max-width: 210px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
	color: #333;
	font-size: 13px;
}
.sfba_ranklist li a:hover { color: #0674cc; }
.sfba_ranklist li span { float: right; color: #bbb; font-size: 12px; }
.sfba_no {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin-right: 8px;
	text-align: center;
	font-size: 11px;
	font-style: normal;
	color: #fff;
	background: #c9c9c9;
	border-radius: 2px;
	vertical-align: middle;
}
.sfba_no.top { background: #ff6a00; }
.pk5300_wpts {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pk5300_wpts .pk5300_tars {
	position: relative;
	width: calc(23% - 10px);
	margin-bottom: 20px;
	list-style: none;
	background: #fff;
	border: 1px solid #efefef;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgb(72 72 72 / 10%);
	transition: box-shadow .3s;
}
.pk5300_wpts .pk5300_tars:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, .2); }
.pk5300_wpcon { position: relative; }
.pk5300_wpone {
	display: block;
	position: relative;
	height: 280px;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}
.pk5300_wpone img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.pk5300_wpone .nopic {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 280px;
	text-align: center;
	background: #f6f6f6;
	color: #bbb;
	font-size: 13px;
}
.pk5300_mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .45);
	opacity: 0;
	transition: opacity .3s;
}
.pk5300_tars:hover .pk5300_mask { opacity: 1; }
.pk5300_cat {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	padding: 5px 8px;
	border-radius: 3px;
	background: rgba(51, 51, 51, .42);
	color: #fff !important;
	font-size: 12px;
}
.pk5300_wplist { padding: 12px 12px 0; background: #fff; }
.pk5300_posttit { display: block; min-height: 42px; }
.pk5300_posttit a {
	display: block;
	max-height: 42px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-decoration: none;
}
.pk5300_posttit a:hover { color: #0674cc; }
.pk5300_wpmeta {
	display: flex;
	align-items: center;
	margin: 10px -12px 0;
	padding: 8px 12px;
	border-top: 1px solid #ebeef5;
	color: #b4b4b4;
	font-size: 12px;
}
.pk5300_wpmeta .pk5300_author {
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #a5a5a5;
}
.pk5300_wpmeta .pk5300_date { margin-right: 10px; color: #b4b4b4; }
.pk5300_wpmeta .pk5300_vie { color: #b4b4b4; }
.pk5300_wpts .wfmod { position: absolute; top: 4px; right: 4px; z-index: 99; }

@media (max-width: 1199px) {
	.pk5300_wpts .pk5300_tars { width: calc(50% - 10px); }
	.pk5300_wpone { height: auto; min-height: 200px; }
}
@media (max-width: 480px) {
	.pk5300_wpts .pk5300_tars { width: 100%; }
	.pk5300_wpone { height: auto; min-height: 180px; }
}