@charset "utf-8";
/*==================================================================
  Cool_Sort_V2026.css  酷站分类页专属样式
  依赖：本文件之前需先引入 Public_V2026.css
==================================================================*/
/*主体*/
#site-famous{width:100%;min-height:356px;box-sizing:border-box;border:#b6d2f9 1px solid;background:#FFF;display:flex;flex-direction:row;}

.ftitle{height:40px;line-height:40px;position:relative;border-top:none;border-left:none;border-right:none;background:#f3f7fb url('/images/ftitlebg.png') repeat-x top center;overflow:hidden}
.ftitle ul{list-style:none;position:absolute;top:5px;padding-left:5px;height:36px;font-size:16px;text-align:center;border-bottom:1px solid #b6d2f9}
.ftitle li{float:left;display:block;cursor:pointer;min-width:300px;color:#016aae;height:36px;line-height:36px}
.ftitle li.hover{padding:0px;background:#fff;min-width:300px;height:36px;border-left:1px solid #b6d2f9;border-top:1px solid #b6d2f9;border-right:1px solid #b6d2f9;color:#016aae;font-weight:bold;line-height:32px;border-bottom:none}

#famous{text-align:left;padding-left:2px;padding-top:2px;clear:both}
#famous ul{list-style:none}

.city_index_title,
.description_con{margin:5px;line-height:36px; color:#333}
/*首页*/
.maintxtlist{float:left;width:30%;padding:0 10px 10px 10px;_margin-bottom:1px;overflow:hidden;background:#FEFEFE}
.txt_li_list li{float:left;display:inline;width:90%;height:32px;line-height:32px;background:url(/images/dot.gif) no-repeat 0px 8px;padding-left:15px;overflow:hidden}

/*栏目分类索引*/
.channel-menu ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
}
.channel-menu li {
	transition: all 0.3s ease;
}
.channel-menu li a {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 0.5rem;
	text-decoration: none;
	color: #4b5563;
	font-weight: 500;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.channel-menu li a:hover {
	background-color: #f3f4f6;
	border-color: #d1d5db;
	color: #1e40af;
	transform: translateY(-2px);
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
}

/* 响应式布局 */
@media (max-width: 640px) {
	.channel-menu ul {
		gap: 0.75rem;
	}
	.channel-menu li a {
		padding: 0.5rem 1rem;
		font-size: 0.9rem;
	}
}

.sort_cool_list{float:left;width:99%;min-height:200px;text-align:center;}
.sort_cool_list_ad{float:left;width:120px;}
.sort_cool_list li{float:left;width:24.8%;height:50px;line-height:50px;font-size:14px;font-weight:bold;overflow:hidden}

/*网址列表样式 - 卡片化设计*/
.sort_cool_content{display:flex;flex-wrap:wrap;gap:15px;padding:15px;background:#f8fafc;border-radius:8px;overflow:hidden;}
.sort_cool_content li{float:left;width:285px;height:50px;line-height:50px;overflow:hidden}

/* 卡片容器 */
.site-nav{flex:1 1 calc(50% - 15px);min-width:300px;margin:0;padding:15px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05);overflow:hidden;transition:all 0.3s ease;}
.site-nav:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08);transform:translateY(-2px);}

/* 标题（与 site_count 同行显示） */
.site-nav .site-header{display:inline-block;width:auto;height:36px;margin-bottom:10px;padding:0 10px 0 0;line-height:36px;font-size:15px;font-weight:bold;color:#016aae;border-bottom:2px solid #016aae;text-align:left;box-sizing:border-box;}

/* 列表容器 - cool-con-list / sort-con-list 统一管理 ul 布局（PC端4列） */
.cool-con-list,.sort-con-list{width:100%;overflow:hidden;}
.cool-con-list ul,.sort-con-list ul{display:flex;flex-wrap:wrap;width:100%;margin:0 auto;overflow:hidden;}
.cool-con-list li,.sort-con-list li{flex:0 0 calc(100% / 4);height:42px;line-height:42px;border-bottom:1px dashed #e5e7eb;border-right:1px dashed #e5e7eb;overflow:hidden;transition:background 0.2s;box-sizing:border-box;}
.cool-con-list li:nth-child(4n),.sort-con-list li:nth-child(4n){border-right:none;}
.cool-con-list li:last-child,.sort-con-list li:last-child{border-bottom:none;}
.cool-con-list li:hover,.sort-con-list li:hover{background:#f3f4f6;}
.cool-con-list li a,.sort-con-list li a{display:inline-block;width:auto;height:100%;line-height:42px;padding-left:12px;font-size:14px;color:#333;text-decoration:none;transition:color 0.2s;}
.cool-con-list li a:hover,.sort-con-list li a:hover{color:#016aae;}

/* 预览图标 */
.cool-con-list li a.pg,.sort-con-list li a.pg{float:right;width:30px;height:42px;margin-right:8px;line-height:42px;text-align:center;}
.cool-con-list li a.pg img,.sort-con-list li a.pg img{width:20px;height:20px;vertical-align:middle;opacity:0.6;transition:opacity 0.2s;}
.cool-con-list li a.pg:hover img,.sort-con-list li a.pg:hover img{opacity:1;}

/* "更多"链接 */
.cool-con-list li a.gray_a,.sort-con-list li a.gray_a{display:block;width:100%;height:100%;color:#888;font-style:italic;font-size:13px;}
.cool-con-list li a.gray_a:hover,.sort-con-list li a.gray_a:hover{color:#016aae;font-weight:bold;}

/* 颜色变体 - 继承 Public 中定义 */
.cool-con-list li a.red_a,.sort-con-list li a.red_a{color:#cd0200;}
.cool-con-list li a.green_a,.sort-con-list li a.green_a{color:#008800;}
.cool-con-list li a.links_a,.sort-con-list li a.links_a{color:#333;}

/* 兼容旧版直接 .site-nav ul 选择器（无 cool-con-list 包装时） */
.site-nav ul{width:100%;margin:0 auto;overflow:hidden;}
.site-nav li{float:left;width:100%;height:42px;line-height:42px;border-bottom:1px dashed #e5e7eb;overflow:hidden;transition:background 0.2s;}
.site-nav li:last-child{border-bottom:none;}
.site-nav li:hover{background:#f3f4f6;}
.site-nav li a{display:inline-block;width:auto;height:100%;line-height:42px;padding-left:12px;font-size:14px;color:#333;text-decoration:none;transition:color 0.2s;}
.site-nav li a:hover{color:#016aae;}
.site-nav li a.pg{float:right;width:30px;height:42px;margin-right:8px;line-height:42px;text-align:center;}
.site-nav li a.pg img{width:20px;height:20px;vertical-align:middle;opacity:0.6;transition:opacity 0.2s;}
.site-nav li a.pg:hover img{opacity:1;}
.site-nav li a.gray_a{display:block;width:100%;height:100%;color:#888;font-style:italic;font-size:13px;}
.site-nav li a.gray_a:hover{color:#016aae;font-weight:bold;}
.site-nav li a.red_a{color:#cd0200;}
.site-nav li a.green_a{color:#008800;}
.site-nav li a.links_a{color:#333;}

/* Logo 列表 */
/* ===== site-nav-logo 特别推荐网站（PC端4列） ===== */
.site-nav-logo .site-header{width:100%;height:36px;margin-bottom:10px;padding:0 10px;line-height:36px;font-size:15px;font-weight:bold;color:#016aae;border-bottom:2px solid #016aae;text-align:left;box-sizing:border-box;}
.site-nav-logo ul{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin:0 auto;}
.site-nav-logo li{
	flex:0 0 calc((100% - 30px) / 4);
	height:90px;
	padding:10px;
	background:#f8fafc;
	border:1px solid #e5e7eb;
	border-radius:6px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	transition:all 0.3s ease;
}
.site-nav-logo li:hover{
	background:#fff0ef;
	border-color:#016aae;
	transform:translateY(-2px);
	box-shadow:0 4px 8px rgba(1,106,174,0.15);
}
.site-nav-logo li a{display:block;width:100%;height:100%;text-decoration:none;}
.site-nav-logo li .SiteName{display:block;width:100%;height:48px;line-height:48px;font-size:15px;font-weight:bold;color:#016aae;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.site-nav-logo li .SiteAddHttp{display:block;width:100%;height:22px;line-height:22px;font-size:13px;color:#888;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.site-nav-logo li img{width:100%;height:100%;border:#efefef 1px solid;border-radius:4px;object-fit:cover;}
.site-nav-logo li a:hover .SiteName{color:#cd0200;}
.site-nav-logo li a:hover .SiteAddHttp{color:#016aae;}

.site-nav .site_count{display:inline-block;margin-left:8px;font-size:13px;font-weight:normal;color:#888;line-height:36px;vertical-align:middle;}

/* ===== site-brand 推荐/占位项（PC端4列） ===== */
.site-nav-logo ul{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin:0 auto;}
.site-nav-logo li.site-brand{
	flex:0 0 calc((100% - 30px) / 4);
	height:80px;
	padding:10px;
	background:#f8fafc;
	border:1px dashed #016aae;
	border-radius:6px;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	transition:all 0.3s ease;
}
.site-nav-logo li.site-brand:hover{
	background:#016aae;
	border-style:solid;
	transform:translateY(-2px);
	box-shadow:0 4px 8px rgba(1,106,174,0.2);
}
.site-nav-logo li.site-brand a{
	display:block;
	width:100%;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#016aae;
	text-decoration:none;
	transition:color 0.3s;
}
.site-nav-logo li.site-brand:hover a{
	color:#fff;
}

/* ===== cool-index-list / sort-index-list 分类索引（PC端4列） ===== */
.cool-index-list,.sort-index-list{width:100%;overflow:hidden;}
.cool-index-list ul,.sort-index-list ul{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:0 auto;}
.cool-index-list li,.sort-index-list li{
	flex:0 0 calc((100% - 24px) / 4);
	height:38px;
	line-height:38px;
	padding:0 12px;
	background:#f8fafc;
	border:1px solid #e5e7eb;
	border-radius:4px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	transition:all 0.3s ease;
}
.cool-index-list li:hover,.sort-index-list li:hover{
	background:#016aae;
	border-color:#016aae;
	transform:translateY(-1px);
	box-shadow:0 2px 6px rgba(1,106,174,0.2);
}
.cool-index-list li a,.sort-index-list li a{
	display:block;
	width:100%;
	height:100%;
	line-height:36px;
	font-size:16px;
	font-weight:500;
	color:#333;
	text-decoration:none;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:color 0.3s;
}
.cool-index-list li:hover a,.sort-index-list li:hover a{
	color:#fff;
}