/* 引入 flexbox 布局来居中 drop_zone */  

body {  

    display: flex;  

    flex-direction: column;  

    min-height: 100vh; /* 使得 body 至少占据整个视口的高度 */  

    margin: 0;  

    padding: 0;  
    font-size: 14;

}  

  


  

/* 为 footer 添加样式，使其始终靠下 */  

footer {  

    /* 清除默认的 margin */  

    margin-top: auto;  

    /* 添加一些底部间距，根据需要调整 */  

    padding-bottom: 20px;  

    /* 保持其他样式 */  

}


     .membership_table {  
                display: flex;  
                justify-content: center;  
                align-items: center;  
            }  
  
    /* 表格样式 */  
    .membershiptable {  
        width: 100%; /* 或你想要的宽度 */  
        border-collapse: collapse; /* 合并边框 */  
        margin-top: 20px; /* 可选：添加上边距 */  
        margin-bottom: 20px; /* 可选：添加下边距 */  
    }  

    /* 表格边框样式 */  
    .membershiptable, .membershiptable th, .membershiptable td {  
        border: 1px solid #ddd; /* 设置边框 */  
        padding: 8px; /* 设置内边距 */  
        text-align: center; /* 文本居中 */  
    }  

    /* 表格表头样式 */  
    .membershiptable th {  
        background-color: #f2f2f2; /* 设置表头背景色 */  
        font-weight: bold; /* 可选：加粗字体 */  
    }  

    /* 链接样式 */  
    .membershiptable a {  
        color: #007bff; /* 链接颜色 */  
        text-decoration: none; /* 去除下划线 */  
    }  

    /* 链接悬停样式 */  
    .membershiptable a:hover {  
        color: #0056b3; /* 链接悬停颜色 */  
    }  



#PayModal {  

  display: none; /* 默认隐藏 modal */  

  position: fixed; /* 固定位置 */  

  top: 0; /* 顶部位置 */  

  left: 0; /* 左侧位置 */  

  width: 100%; /* 宽度覆盖整个窗口 */  

  height: 100%; /* 高度覆盖整个窗口 */  

  background-color: rgba(0, 0, 0, 0.5); /* 背景色，半透明黑色 */  

  z-index: 9999; /* 高 z-index 值确保在最上层 */  

  overflow: auto; /* 允许滚动 */  
  
 opacity: 1; /* 初始透明度 */  

  transition: opacity 0.5s ease; /* 添加过渡效果，持续时间为 0.5 秒 */  
}  

  

/* 设置 PayModal 内容的样式 */  

#PayModal .PayModal-content {  

  background-color: #fefefe; /* 内容背景色 */  

  margin: auto; /* 自动居中 */  

  padding: 20px; /* 内边距 */  

  /*border: 1px solid #888;  边框 */  

  width: 100%; /* 宽度，可根据需要调整 */  

  height: 100%;

}  

  

/* 设置关闭按钮的样式 */  

#PayModal .PayModalclose {  

  color: #aaaaaa; /* 字体颜色 */  

  float: right; /* 浮动到右侧 */  

  font-size: 28px; /* 字体大小 */  

  font-weight: bold; /* 加粗 */  

}  

#PayModal.fadeOut {  

  opacity: 0; /* 最终透明度 */  

}