@charset "gb2312";
/* 横向菜单切换 */ 
.su_menu {  

  padding-left:15px;
  padding-top:35px;
  padding-bottom:20px;
  padding-right:10px;
  background-color: #eeeeee;  
  
}  
 
  
.menu2024 {  
  background-color: #eeeeee;  
  overflow: hidden; /* 防止浮动元素溢出容器 */  
}  
  
.menu2024 ul {    
  list-style: none;    
  padding: 0;    
  margin: 0;    
  display: flex; /* 使用Flexbox来水平排列列表项 */    
  flex-wrap: wrap; /* 允许内容换行 */  
  justify-content: flex-start; /* 可以根据需要调整水平对齐方式 */  
} 
  
.menu2024 li {  

  margin-bottom: 10px; /* 垂直间隙，模拟换行后的间隙效果 */   
  margin-right: 10px; /* 为菜单项之间添加间隙 */  
   background-color: #dcdcdc;  
  color: #ffffff;
  
}  
.menu2024 li:last-child {  
  margin-right: 0; /* 移除最后一个菜单项右边的间隙 */

}   
.menu2024 li a {  
  display: flex; /* 使用Flexbox来更好地控制子元素 */  
  flex-direction: column; /* 使得伪元素能够位于链接文本的下方 */  
  align-items: center; /* 使子元素（包括伪元素）垂直居中 */  
  justify-content: center; /* 使链接文本在垂直方向上居中（如果需要的话） */  
  color: #000000;  
  text-align: center;  
  padding: 14px 16px;  
  text-decoration: none;  
  position: relative; /* 为伪元素定位做准备 */  
  transition: background-color 0.3s; /* 平滑的背景色过渡效果 */  
}  
  
.menu2024 li a::after {  
  content: ""; /* 伪元素内容为空 */  
  position: absolute; /* 绝对定位 */  
  bottom: 0; /* 紧贴链接文本下方 */  
  left: 0; /* 紧贴链接文本左侧 */  
  right: 0; /* 紧贴链接文本右侧 */  
  height: 5px; /* 小色块的高度 */  
  background-color: #969696; /* 小色块的颜色，可以根据需要调整 */  
 
}  
  
.menu2024 li a:hover {  
  background-color: #ddd;  
  color: black;  
}  
  
.content2024 .page-content {  
  display: none; /* 默认隐藏所有内容 */  
  padding: 5px;  
   margin-top: 20px;  
}  
  
.content2024 .page-content.active {  
  display: block; /* 显示激活的内容 */  
}
.menu2024 li a.active-link {  
  background-color: #dcdcdc; /* 被点击的菜单项背景色 */  
  color: 333333; /* 文本颜色（如果需要改变的话）*/  
  font-weight: bold;
}  
  
.menu2024 li a.active-link::after {  
  background-color: #1c6586; /* 被点击的菜单项底部小色块颜色 */  
 
  
}
/* +-切换 */ 
.menu_head {  
    width: 100%;  
    height: 60px;  
    padding-left: 10px;  
    line-height: 60px;  
    font-size: 14px;  
    color: #000000;  
    cursor: pointer;  
    border: 2px solid #ffffff;  
    position: relative;  
    margin: 0px;  
    font-weight: bold;  
    background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;  
}  
.menu_head:hover {  
    /* 鼠标悬停时的样式 */  
    background-color: #cccccc; /* 更改背景颜色 */  
 }
.menu_head.current {  
    background: #cccccc url(../images/pro_down.png) center right no-repeat;  
}  
  
.menu_body {  
    width: 100%;  
    padding-left: 20px;  
    height: auto;  
    overflow: hidden;  
     
    background: #fcf9f9; /* Fixed spelling error */  
}  
  
.menu_body a {  
    display: block;  
    width: 100%; /* Fixed missing width value */  
   
    line-height: 55px;  
    padding-left: 38px;  
    color: #777777;  
    background: #cccccc;  
    text-decoration: none;  
    border-bottom: 2px solid #ffffff;  
}  
  
.menu_body a:hover {  
    text-decoration: none;  
    background: #cccccc; /* This may be redundant or intentional */  
}
/* KEY dates 定义 */ 
.rpg-schedule-table {    
    width: 96%;    
    border-collapse: collapse;    
    font-size: 10pt;  
  }    
.rpg-schedule-table th, .rpg-schedule-table td {    
    border: 1px solid #434242;    
    padding: 0px;    
    text-align: left;    
    height: 20px; 
  } 
.rpg-schedule-table th:nth-child(2) {    
    text-align: center;    
  }    
  .rpg-schedule-table td:nth-child(2) {    
    text-align: center;    
  }