* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body {
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",
    "Microsoft YaHei","Helvetica Neue",sans-serif;
  background-color:#fff;
  color:#000;
  line-height:1.6;
  font-size: 16px;
}


.column-title{
	color: #0049a0;
	font-size: 20px;
}

.page-wrapper {
  width:1200px;
  max-width:100%;
  margin:0 auto;
  padding: 20px 40px 20px;
}

/* ===== UOS 兼容：全部使用 margin 间距（不用 flex gap） =====
   统信 UOS 浏览器旧内核不支持 flex gap（需 Chromium 84+），
   且部分版本对 @supports 的求值不可靠，因此本页所有 flex 间距
   一律用 margin 实现（各内核表现一致），不再使用 gap 声明。
   规律：容器 margin-right 负值抵消末尾，子元素 margin-right 提供间距；
   纵向（column/换行）用子元素 margin-bottom。 */

.main-content {
  display:flex;
  margin-right:-20px;
  align-items:stretch;
}
.main-content > * {
  margin-right:20px;
}

.left-section {
  flex:1;
  min-width:0;
}

.nav-tabs {
  display:flex;
  margin-right:-20px;
  margin-bottom:18px;
  padding-left:2px;
}
.nav-tabs > * {
  margin-right:20px;
}

.tab-btn {
  border:none;
  background:transparent;   
  color:#000;           
  font-size:20px;
  padding:0;
  cursor:pointer;
  transition:color 0.2s;
  float: left;
  font-weight: bold;
}

.nav-tabs .on {
  color:#1565c0;
  /* width: 100%; */
}


.cards-group {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content; 
  width: 100%;
}
/* .hidden { display:none; } */

.cards-area {
  background-color:#eef6fc;
  border-radius:4px;
  padding:20px;
}

.card-row {
  display:flex;
  flex-wrap:wrap;
  margin-right:-20px;
  width:100%;
  list-style:none;
  margin-bottom:0;
  padding:0;
  min-height: 1170px;
}
.card-row li{
	/* 右/下 margin 提供间距（替代 gap 20px）；
	   宽度算式同步调整为 (100% - 80px)/4（含 4 份右 margin） */
	margin:0 20px 20px 0;
	/* 一行 4 个，3 个间距 × 20px = 60px */
	width:calc((100% - 80px) / 4);
	min-height: 330px;
	box-sizing:border-box;
}
.card-row:last-child { margin-bottom:0; }

.card-row:nth-child(2),
.card-row:nth-child(3) {
  border-top:1px solid #cce0f4;
  padding-top:18px;
}


.person-card {
  width:100%;
  flex-shrink:0;
  text-align:center;
  list-style:none;
  background-color:#eef6fc;
  border-radius:3px;
  padding:10px 8px 10px;
}

.photo img {
  max-width:100%;
  display:block;
  margin:0 auto;
}

.photo {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  border-radius:3px;
  margin-bottom:10px;
  color:#fff; 
  font-size:15px;
  letter-spacing:2px;
}

.name {
  display:block;
  color:#1565c0;
  font-size:18px;
  font-weight: bold;
  margin-bottom:4px;
}

.position {
  display:block;
  color:#666;
  line-height:20px;
  min-height: 70px;
}

.right-sidebar {
  width:300px;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  margin-top: 10px;
}
.right-sidebar{
}
.poster-block { 
}
.leader-szfzyhy{
    
}
.leader-fzzfjsbg{
    margin-top: 20px; 
}
.leader-yasrmzfgzbg{
}
.poster-header {
  color:#fff;
  text-align:center;
  font-size:15px;
  letter-spacing:4px;
  border-radius:3px;
}

.poster-list {
    list-style:none;
	margin-left: 20px;
}


.poster-list li {
  position:relative;
  color:#555;
  cursor:pointer;
	line-height: 24px;
	list-style: disc;
}
.poster-list li a{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 10px 0px 10px 0px;
}

.poster-list li::marker {
    color: #185ca2;
}

/* .poster-list li::before {
  content:"•";
  position:absolute;
  left:0;
	color: #0052a1;
  font-weight:bold;
  font-size: 16px;
  margin-left: -5px;
} */

.poster-list li:hover { color:#1565c0; } 


.report-block {
}

.report-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-left:2px;
}

.report-header span{
	font-size: 20px;
	color: #1565c0;
	font-weight:bold;
}

.report-header span:first-child {
  
}
.more-link {
  font-size:12px;
  color:#aaa;
  text-decoration:none;
}
.more-link:hover { color:#888; }


.magazine-cover {
    width: 100%;
    margin: 10px auto;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.magazine-cover span {
  color:#fff;
  font-size:16px;
  font-weight: bold;
  letter-spacing:2px;
}
.nav-tabs li{
    /* 间距由 .nav-tabs > * 的 margin-right 提供 */
    padding: 0px;
}


.activities-section { margin-top:20px; }

.section-divider {
  display:flex;
  align-items:center;
  margin-right:-20px;
}
.section-divider > * {
  margin-right:20px;
}
#yald-ldhd{
    margin-top:20px; 
    margin-bottom: 20px;
}
.divider-line {
  flex:1;
  height:1px;
  background-color:#ddd;
}
.divider-text {
  font-size:15px;
  font-weight:700;
  color:#1565c0;
  white-space:nowrap;
  letter-spacing:2px;
}

.activities-section ul {
  display:grid;
  /* minmax(0,1fr) 保证三列等宽，长标题不会撑破栅格 */
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.activities-section ul li {
  display:flex;
  margin-right:-12px;
  align-items:stretch;
  background-color:#f0f7ff;
  padding:14px 16px;
  border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,0.04);
  transition:box-shadow 0.2s;
  min-width:0;
}
.activities-section ul li > * {
  margin-right:12px;
}
.activities-section ul li:hover{
	box-shadow:0 2px 8px rgba(0,0,0,0.08);
	background-image: url(/yasrmzf/pc2026/images/leader/ldhd_list.png);
 }

.activity-date {
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:38px;
  padding-top:2px;
}
.date-day {
  font-size:19px;
  font-weight:700;
  color:#1565c0;
  line-height:1.1;
}
.date-month {
  font-size:10.5px;
  color:#999;
  margin-top:2px;
}

.activity-divider {
  width:1px;
  background-color:#e5e5e5;
  flex-shrink:0;
  margin:2px 0;
}

.activity-text {
  font-size:14px;
  color:#555;
  line-height:21px;
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
#yald-ldhd li a{
  font-size: 14px;
}

/* ===================== 响应式样式（1200/992/450） ===================== */
/*按照1024X1366分辨率写*/
@media (max-width:1200px) {
  .page-wrapper { padding:24px 20px 40px; }
  /* 993-1200px 同样使用 margin 间距 */
  .card-row {
    display:flex;
    flex-wrap:wrap;
    min-height:0;
    float:none;
  }
  .card-row li {
    margin:0 20px 20px 0;
    /* 一行 4 个，3 个间距 × 20px = 60px */
    width:calc((100% - 80px) / 4);
    padding:0;
    min-height:0;
    box-sizing:border-box;
  }
  .card-row:nth-child(2),
  .card-row:nth-child(3) { border-top:none; padding-top:0; }
  .poster-list { }
  .poster-list li a { width:auto; max-width:100%; }
  .magazine-cover img { max-width:100%; }
  /* 三列间距与桌面端保持一致（20px） */
  .activities-section ul { gap:20px; }
}

/*按照768X1024分辨率写*/
@media (max-width:992px) {
  /* 左右栏改上下堆叠：水平 margin 改纵向 margin */
  .main-content { flex-direction:column; margin-right:0; margin-bottom:-20px; }
  .main-content > * { margin-right:0; margin-bottom:20px; }
  .right-sidebar { width:100%; }
  .poster-header img { width:100%; }
  .poster-list li a { width:auto; max-width:100%; }
  .card-row {
    display:flex;
    flex-wrap:wrap;
    float:none;
    min-height:0;
  }
  .card-row li {
    margin:0 20px 20px 0;
    /* 一行 4 个，3 个间距 × 20px = 60px */
    width:calc((100% - 80px) / 4);
    padding:0;
    min-height:0;
    box-sizing:border-box;
  }
  .card-row li:nth-child(1),
  .card-row li:nth-child(5),
  .card-row li:nth-child(9) { margin-left:0; }
  .card-row:nth-child(2),
  .card-row:nth-child(3) { border-top:none; padding-top:0; }
  .person-card { width:100%; }
  .photo img { max-width:100%; }
  .position { min-height:0; }
  .magazine-cover { width:100%; }
  .activities-section ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .section-divider img { max-width:100%; }
  /* 领导活动标题是一张 1200x30 的长横线图，窄屏等比缩放后会变成几像素高、
     完全看不清；改成固定高度 + object-fit:cover 只裁掉两侧装饰线 */
  .section-divider a {
    flex: 1;
    display: block;
  }
  .section-divider img {
    display: block;
    width: 100%;
    height: 30px;
    object-fit: cover;
    object-position: center;
  }
}

/*按照360X740分辨率写*/
@media (max-width:460px){
  .page-wrapper { padding:16px 12px 0px; }
  .nav-tabs { margin-bottom:14px; }
  .tab-btn { font-size:17px; }
  .cards-area { padding:10px; }
  .leader-fzzfjsbg {margin-top: 10px;}
  .card-row li {
    /* 一行 2 个（margin 方案：2 份右 margin = 40px） */
    width: calc((100% - 40px) / 2);
    margin: 0 20px 20px 0;
    padding: 0px 0px;
    }
  .person-card { padding:8px 6px; }
  .name { font-size:20px;}
  .position { font-size:18px; line-height:20px;min-height: 60px; }
  .report-header span { font-size:18px; }
  .activities-section { margin-top:20px; }
  .activities-section ul { grid-template-columns:repeat(1,minmax(0,1fr)); gap:20px; }
  .activity-text { font-size:13px; }
}