/* 广东省天鹰会网站主css样式文件 */
/* 编写：广东省天鹰会信息部 */
/* 版权所有 (C) 2025-2026 广东省天鹰会 */

/* ========== 基础设置 ========== */
* { 
	margin:0;
	padding:0;
	box-sizing:border-box;
}
html,body {
	height:100%
}
body {
	font-family:"SimSun",SimSun,serif;
	font-size:12px;
	background:#9BADC3;
	color:#333;
	min-height:100vh;
}

/* 全局链接：默认无下划线，仅悬停显示，避免全页一片下划线 */
a {
	color:#003399;
	text-decoration:none;
}
a:visited {
	color:#551A8B;
}
a:hover {
	color:#CC0000;
	text-decoration:underline;
}

/* ========== 主容器（固定宽度 1000px 居中+阴影，所有内容都在里面） ========== */
#wrap {
	width:1000px;
	margin:0 auto;
	background:#FFFFFF;
	box-shadow:0 0 20px rgba(0,0,0,.25);
	overflow:hidden; /* 保证内部所有元素都不溢出 */
	position:relative;
}

/* ========== 导航栏 ========== */
nav {
	width:100%;
}
.mainnav {
	display:block;
}
.mainnav-row {
	display:flex;
	margin:0;
	border-top:1px solid rgba(255,255,255,.25);
	border-bottom:1px solid #072A5C;
	width:100%;
}
.mainnav-row:first-child {
	border-top:none;
}
.nav-btn {
	flex:1 1 0;
	font-family:"SimSun",SimSun,serif;
	font-size:13px;
	color:#fff;
	text-align:center;
	background:linear-gradient(to bottom,#5A9CE0 0%,#3B7AC4 40%,#235A9E 100%);
	padding:7px 4px;
	border:none;
	border-right:1px solid rgba(255,255,255,.25);
	border-top:none;
	border-bottom:none;
	cursor:pointer;
	text-shadow:1px 1px 2px rgba(0,0,0,.4);
	text-decoration:none;
}
.nav-btn:first-child {
	border-left:none;
}
.nav-btn:visited{
	color:#FFFFFF;
}
.nav-btn:hover{
	background:linear-gradient(to bottom,#7AB8F0 0%,#5A9CE0 40%,#3B7AC4 100%);
	color:#FFFFCC;
}
.nav-btn.active {
	background:linear-gradient(to bottom,#0F2D5C 0%,#091E42 100%);
	color:#FFE066;
	border-style:inset;
	border-top:2px solid #000;
	border-left:2px solid #000;
	border-right:2px solid #3a5d8c;
	border-bottom:2px solid #3a5d8c;
	box-shadow:inset 2px 2px 4px rgba(0,0,0,.6);
	padding:5px 2px;
}
.mainnav-row:first-child .nav-btn:first-child {
	border-top-left-radius:0;
}
.mainnav-row:last-child .nav-btn:last-child {
	border-bottom-right-radius:0;
}

/* 两排导航之间的分隔线 */
.mainnav-row + .mainnav-row {
	border-top:1px solid rgba(255,255,255,.15);
	background:linear-gradient(to bottom,#306AB2 0%,#1F4A88 100%);
}

/* ========== 面包屑 ========== */
.crumb {
	background:#EAE6D2;
	border-bottom:1px solid #BCB498;
	padding:4px 14px;
	font-size:12px;
	color:#333;
}
.crumb b {
	color:#A80000;
}
.crumb a {
	color:#003399;
	text-decoration:none;
}
.crumb a:hover {
	color:#CC0000;
	text-decoration:underline;
}

/* ========== 工具栏（搜索/筛选） 预留功能 ========== */
.toolbar {
	background:linear-gradient(to bottom,#F5F0E0,#E8DFC0);
	border-top:1px solid #fff;
	border-bottom:1px solid #948B66;
	padding:8px 12px;
	font-size:12px;
}
.toolbar td {
	padding:4px 6px;
	vertical-align:middle;
}
.toolbar input[type=text] {
	padding:3px 6px;
	border:2px inset #ACC;
	background:#fff;
	font-family:"SimSun",SimSun,serif;
	font-size:12px;
	width:220px;
}
.toolbar select {
	padding:2px 4px;
	border:2px outset #99B;
	background:#F5F0E0;
	font-family:"SimSun",SimSun,serif;
	font-size:12px;
}
.btn {
	font-family:"SimSun",SimSun,serif;
	font-size:12px;
	padding:2px 12px;
	border:2px outset #4D0C8;
	background:linear-gradient(to bottom,#E0ECF8,#BED8F0,#8FB8E0);
	color:#003;
	cursor:pointer;
}
.btn-primary {
	border-style:outset;
}
.btn-primary:active {
	border-style:inset;
}

/* ========== 首页文章栏目块区 ========== */
.news-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
	padding:0 10px 8px;
}
.news-block {
	border:1px solid #ccc;
	background:#fff;
}
.news-block-head {
	height:24px;
	line-height:24px;
	display:flex;
	justify-content:space-between;
	padding:0 8px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.news-block-head.tzgg {
	background:linear-gradient(to bottom,#D83838,#A00000);
}
.news-block-head.rsrm {
	background:linear-gradient(to bottom,#4080C0,#205090);
}
.news-block-head.gzzd {
	background:linear-gradient(to bottom,#4A8F4A,#2D6F2D);
}
.news-block-head.xzzq {
	background:linear-gradient(to bottom,#8040A0,#502070);
}
/* 预留颜色 .news-block-head.xxxx {
	background:linear-gradient(to bottom,#B8902A,#7F5F10);
}
.news-block-head.xxxx {
	background:linear-gradient(to bottom,#4A8F4A,#2D6F2D);
} */
.news-block-head a.more {
	color:#fff;
	font-size:11px;
	font-weight:normal;
}
.news-block-head a.more:hover {
	color:#FFFFCC;
}
.news-list {
	padding:4px 8px;
}
.news-list li {
	list-style:none;
	padding:2px 0;
	border-bottom:1px dotted #ddd;
	font-size:12px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.news-list li::before {
	content:"·";
	color:#003399;
	margin-right:4px;
	flex-shrink:0;
}
.news-list a {
	color:#003399;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	flex:1;
}
.news-list a:hover {
	color:#CC0000;
	text-decoration:underline;
}
.news-list .date {
	color:#888;
	font-size:11px;
	flex-shrink:0;
	margin-left:8px;
}

/* ========== 友情链接栏 预留功能 ========== */
.flink {
	background:linear-gradient(to bottom,#F5F0E0,#E8DFC0);
	border-top:1px solid #fff;
	border-bottom:1px solid #948B66;
	padding:6px 14px;
	font-size:12px;
	color:#555;
	margin:8px 10px 0;
}
.flink b {
	color:#8B4513;
	margin-right:6px;
}
.flink a {
	margin:0 6px;
	color:#003399;
	text-decoration:none;
}
.flink a:hover {
	color:#CC0000;
	text-decoration:underline;
}

/* ========== 页脚 ========== */
.footer {
	background:linear-gradient(to bottom,#F0E9D0,#D8CDA8);
	color:#003;
	font-size:12px;
	padding:10px 14px;
	text-align:center;
	line-height:1.8;
	border-top:1px double #948B66;
	margin:8px 0 0 0;
}
.counter {
	display:inline-block;
	background:#000;
	color:#0F0;
	font-family:"Courier New",monospace;
	font-weight:bold;
	padding:2px 6px;
	border:1px inset #333;
	letter-spacing:2px;
	font-size:14px;
	margin:0 4px;
	vertical-align:middle;
}
.copyright {
	margin-top:4px;
	font-size:11px;
	color:#555;
}

/* ========== 返回顶部 ========== */
.backtop {
	position:fixed;
	right:40px;
	bottom:40px;
	width:40px;
	height:40px;
	background:linear-gradient(to bottom,#5A9CE0,#235A9E);
	border:2px outset #4F80C0;
	color:#fff;
	font-family:"SimSun",serif;
	font-size:16px;
	cursor:pointer;
	display:none;
	text-align:center;
	line-height:36px;
	text-decoration:none;
	z-index:99;
}
.backtop:active {
	border-style:inset;
}

/* ========== 文章列表页 ========== */
.list-wrap {
	display:grid;
	grid-template-columns:190px 1fr;
	gap:0;
	margin:8px 10px;
}
/* 左侧切换菜单 */
.list-sidebar {
	width:180px;
	min-height:600px;
}
.list-sidebar-head {
	height:32px;
	line-height:32px;
	background:linear-gradient(to bottom,#4080C0,#205090);
	color:#fff;
	font-family:"SimHei",SimHei;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	border-top:2px solid #6FA4DD;
	border-bottom:2px solid #1A4080;
}
.cat-menu {
	list-style:none;
}
.cat-menu li {
	list-style:none;
	border:1px solid #BCB496;
	border-top:none;
	border-bottom:none;
	background:#F5F0DE;
}
.cat-menu li a {
	display:block;
	padding:10px 16px;
	font-family:"SimSun",SimSun;
	font-size:13px;
	color:#333;
	border-bottom:1px dashed #BCB496;
	text-decoration:none;
}
.cat-menu li a:hover {
	background:#E8DFC0;
	color:#CC0000;
	text-decoration:none;
}
.cat-menu li a.active {
	background:linear-gradient(to bottom,#205090,#103060);
	color:#FFE98A;
	font-weight:bold;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #4080C0;
	border-bottom:1px solid #4080C0;
	box-shadow:inset 2px 2px 4px rgba(0,0,0,.6);
}
/* 右侧主区 */
.list-main {
	border:1px solid #ccc;
	background:#fff;
	padding:14px 18px;
}
.list-title {
	font-family:"SimHei",SimHei,sans-serif;
	font-size:22px;
	color:#8B2500;
	font-weight:bold;
	text-align:left;
	margin-bottom:8px;
	border-bottom:2px solid #D9D9C8;
	padding-bottom:6px;
}
.list-breadcrumb {
	text-align:left;
	font-size:12px;
	color:#666;
	margin-bottom:14px;
}
.list-breadcrumb a {
	color:#003399;
	text-decoration:none;
}
.list-breadcrumb a:hover {
	color:#CC0000;
	text-decoration:underline;
}
.article-row {
	list-style:none;
	padding:6px 0;
	border-bottom:1px dotted #ccc;
	font-size:13px;
	display:flex;
	align-items:center;
	text-align:left;
}
.article-row::before {
	content:"●";
	color:#19509C;
	font-size:8px;
	margin-right:10px;
	flex-shrink:0;
}
.article-row a {
	color:#003399;
	text-decoration:none;
	flex:1;
}
.article-row a:hover {
	color:#CC0000;
	text-decoration:underline;
}
.article-row .adate {
	color:#888;
	font-size:12px;
	margin-left:12px;
	flex-shrink:0;
}
.pagination {
	margin-top:20px;
	padding:10px 0;
	text-align:center;
	font-size:13px;
	color:#333;
	border-top:1px dashed #ccc;
}
.pagination a, .pagination span, .pagination input, .pagination button {
	margin:0 4px;
	vertical-align:middle;
}
.pagination a {
	color:#003399;
	text-decoration:none;
	padding:2px 8px;
	border:1px solid #ccc;
	background:#F5F8FC;
}
.pagination a:hover {
	background:#19509C;
	color:#fff;
	text-decoration:none;
}
.pagination .cur {
	background:#19509C;
	color:#fff;
	padding:2px 8px;
	font-weight:bold;
}
.pagination input {
	width:40px;
	padding:1px 3px;
	border:1px solid #999;
	font-family:"SimSun",SimSun;
	text-align:center;
}
.pagination button {
	padding:1px 8px;
	cursor:pointer;
	font-family:"SimSun",SimSun;
}

/* ========== 文章详情页 ========== */
.article-wrap {
	margin:8px 14px;
	background:#fff;
	border:1px solid #ccc;
	padding:20px 30px;
}
/* 文章页大标题：居中 */
.article-title {
	font-family:"SimHei",SimHei,sans-serif;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color:#000;
	margin-bottom:10px;
	line-height:1.5;
}
/* 面包屑：居左 */
.article-breadcrumb {
	text-align:left;
	font-size:12px;
	color:#666;
	padding:4px 0 10px;
	border-bottom:1px solid #ddd;
	margin-bottom:16px;
}
.article-breadcrumb a {
	color:#003399;
	text-decoration:none;
}
.article-breadcrumb a:hover {
	color:#CC0000;
	text-decoration:underline;
}
.article-meta {
	text-align:center;
	font-size:12px;
	color:#888;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
}
.article-meta span {
	margin:0 10px;
}
.article-content {
	font-size:14px;
	line-height:1.8;
	font-family:"SimSun",SimSun,serif;
	color:#333;
	text-align:justify;
}
.article-content p {
	margin-bottom:10px;
	text-indent:2em;
}
.article-nav {
	margin-top:30px;
	padding:10px 0;
	border-top:1px dashed #ccc;
	font-size:13px;
	line-height:2;
}
.article-nav a {
	color:#003399;
	text-decoration:none;
}
.article-nav a:hover {
	color:#CC0000;
	text-decoration:underline;
}
.back-list {
	display:inline-block;
	margin-top:12px;
	padding:4px 16px;
	background:linear-gradient(to bottom,#6FAFE3,#2E68B0);
	color:#fff;
	text-decoration:none;
	border:2px outset #4F80C0;
}
.back-list:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.back-list:hover {
	color:#FFF8C0;
	text-decoration:none;
}
.back-list:active {
	border-style:inset;
}

/* ========== 关于天鹰页面 ========== */
.about-container{
	padding:8px 10px 0;!important
}
.about-container:after{
	content:"";
	display:block;
	clear:both;
}

/* 左侧边栏 */
.about-side{
	width:180px;
	min-height:600px;
	float:left;
	margin-right:10px;
}
.about-side .side-hd{
	height:32px;
	line-height:32px;
	background:linear-gradient(to bottom,#4080C0,#205090);
	color:#fff;
	font-family:"SimHei",SimHei;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	border-top:2px solid #6FA4DD;
	border-bottom:2px solid #1A4080;
}
.about-side ul{
	list-style:none;
	border:1px solid #BCB496;
	border-top:none;
	background:#F5F0DE;
}
.about-side ul li a{
	display:block;
	padding:10px 16px;
	font-family:"SimSun",SimSun;
	font-size:13px;
	color:#333;
	border-bottom:1px dashed #BCB496;
	text-decoration:none;
}
.about-side ul li:last-child a{
	border-bottom:none;
}
.about-side ul li a:hover{
	background:#E8DFC0;
	color:#CC0000;
	text-decoration:none;
}
.about-side ul li a.active{
	background:linear-gradient(to bottom,#205090,#103060);
	color:#FFE98A;
	font-weight:bold;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #4080C0;
	border-bottom:1px solid #4080C0;
	box-shadow:inset 2px 2px 4px rgba(0,0,0,.6);
}

/* 右侧主区 */
.about-main{
	margin-left:190px;
	background:#fff;
	border:1px solid #ccc;
	padding:14px 18px;
	min-height:600px;
}
.about-main .page-title{
	font-family:"SimHei",SimHei;
	font-size:22px;
	color:#8B2500;
	font-weight:bold;
	margin-bottom:8px;
	border-bottom:2px solid #D9D9C8;
	padding-bottom:6px;
}
.about-main .page-crumb{
	font-size:12px;
	color:#666;
	margin-bottom:14px;
	padding-bottom:8px;
	border-bottom:1px dotted #ccc;
}
.about-main .page-crumb a{
	color:#003399;
	text-decoration:none;
}
.about-main .page-crumb a:hover{
	color:#CC0000;
	text-decoration:underline;
}

/* 三个tab面板 */
.about-pane{
	display:none;
}
.about-pane.active{
	display:block;
}

/* 简介页 */
.intro-banner{
	width:100%;
	height:220px;
	background:#f0f0f0 url('../img/main1.png') center/cover no-repeat;
	border:1px solid #CCC;
	margin-bottom:16px;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	padding-bottom:14px;
}
.intro-h2{
	font-family:"SimHei",SimHei;
	font-size:15px;
	color:#1A4080;
	font-weight:bold;
	margin:18px 0 8px;
	padding-left:10px;
	border-left:4px solid #4080C0;
	line-height:1.4;
}
.intro-p{
	font-family:"SimSun",SimSun;
	font-size:14px;
	line-height:2;
	color:#333;
	text-indent:2em;
	margin-bottom:6px;
}
.intro-update{
	font-size:12px;
	color:#999;
	text-align:right;
	margin-top:20px;
}

/* 标识页 */
.logo-block{
	border:1px solid #ddd;
	background:#fafafa;
	padding:16px;
	margin-bottom:14px;
	overflow:hidden;
}
.logo-block .logo-img{
	float:left;
	width:240px;
	height:240px;
	background:#fff;
	border:1px solid #ccc;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	margin-right:18px;
}
.logo-block .logo-img.wide{
	width:480px;
	height:130px;
}
.logo-block .logo-img img{
	max-width:95%;
	max-height:95%;
}
.logo-block .logo-img .ph{
	color:#999;
	font-size:12px;
	text-align:center;
	padding:20px;
}
.logo-block .logo-text{
	overflow:hidden;
	font-family:"SimSun",SimSun;
	font-size:14px;
	line-height:1.9;
	color:#333;
	padding-top:8px;
}
.logo-block .logo-text h3{
	font-family:"SimHei",SimHei;
	font-size:16px;
	color:#1A4080;
	margin-bottom:8px;
}
.btn-download{
	display:inline-block;
	margin-top:14px;
	padding:5px 18px;
	background:linear-gradient(to bottom,#6FAFE3,#4B8BCE,#2E68B0);
	color:#fff;
	font-family:"SimSun",SimSun;
	font-size:13px;
	border:2px outset #4B8BCE;
	cursor:pointer;
	text-decoration:none;
}
.btn-download:visited{
	color:#fff;
}
.btn-download:hover{
	background:linear-gradient(to bottom,#8FC5F0,#5D9CE0,#3B7AC4);
	text-decoration:none;
	color:#fff;
}
.btn-download:active{
	border-style:inset;
}

/* 领导页 */
.leader-tip{
	font-family:"SimSun",SimSun;
	font-size:13px;
	color:#555;
	line-height:1.8;
	margin-bottom:10px;
}
.leader-tbl{
	width:100%;
	border-collapse:collapse;
	font-family:"SimSun",SimSun;
	font-size:13px;
	margin-top:8px;
}
.leader-tbl th,.leader-tbl td{
	border:1px solid #BCB496;
	padding:10px 14px;
	text-align:center;
}
.leader-tbl th{
	background:linear-gradient(to bottom,#4080C0,#205090);
	color:#fff;
	font-family:"SimHei",SimHei;
	font-size:14px;
	font-weight:bold;
}
.leader-tbl td{
	background:#fff;
}
.leader-tbl tr:nth-child(even) td{
	background:#F5F0DE;
}
.leader-tbl .pos{
	color:#1A4080;
	font-weight:bold;
}
.leader-note{
	font-size:12px;
	color:#888;
	text-align:right;
	margin-top:14px;
}

/* ========== 组织机构页面 ========== */
.class-title {
	height:24px;
	line-height:24px;
	display:flex;
	justify-content:space-between;
	padding:0 8px;
	color:#fff;
	font-family:"SimHei",SimHei;
	font-size:15px;
	font-weight:bold;
	background:linear-gradient(to bottom,#4080C0,#205090);
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	
}
.class-tbl {
	border-collapse:collapse;
	margin-top:5px;
	margin-left:20px;
	margin-right:20px;
	width:100%;
}
.class-td {
	width:50%;
	border:0px;
	padding:10px;
	font-size:13px;
}
.class-leader-note{
	font-size:12px;
	color:#888;
	text-align:right;
	margin-top:14px;
	margin-right:20px;
}
.class-intro-update{
	font-size:12px;
	color:#999;
	text-align:right;
	margin-top:20px;
	margin-right:20px;
}
