.flex-center {
    display: flex;
    justify-content: center;
}

.flex-line{
	 display: flex;
	
}

p{
	  font-size: 10px;
	
}

/* 基础按钮样式 */
        .btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #4CAF50; /* 浅绿色 */
            color: white; /* 白色文字 */
            text-decoration: none;
            border: none; /* 无边框 */
            border-radius: 4px; /* 轻微圆角 */
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s; /* 悬停效果过渡 */
			margin: 8 px0;
        }
        
        /* 悬停效果 */
        .btn:hover {
            background-color: #45a049; /* 稍深的绿色 */
        }
        
        /* 点击效果 */
        .btn:active {
            background-color: #3e8e41;
        }
		
		
   /* 基础样式 */
          body {
              font-family: Arial, sans-serif;
              padding: 20px;
              margin: 0;
          }
          
          /* 表格容器 - 自适应宽度 */
          .table-container {
              width: 100%;
              max-width: 100%;
              margin: 20px 0;
              box-sizing: border-box;
          }
          
          /* 表格样式 - 自动适应容器宽度 */
          .adaptive-table {
              width: 100%;
              border-collapse: collapse;
              text-align: center;
              table-layout: fixed; /* 关键属性：固定布局算法 */
          }
          
          /* 标题行样式 */
          .adaptive-table th, 
          .adaptive-table .title-row td {
              background-color: #b5d7f5;
              padding: 12px 8px;
              border: 1px solid #333;
              font-weight: bold;
              word-break: break-word; /* 允许长单词换行 */
          }
          
          /* 数据行样式 */
          .adaptive-table td {
              padding: 10px 8px;
              border: 1px solid #333;
              background-color: white;
              word-break: break-word; /* 允许长单词换行 */
          }
          
          /* 斑马纹效果 */
          .adaptive-table tr:nth-child(4n+2),
          .adaptive-table tr:nth-child(4n+3) {
              background-color: #f9f9f9;
          }
          
          /* 悬停效果 */
          .adaptive-table tr:hover td {
              background-color: #f1f1f1;
          }
          
          /* 手机端调整 */
          @media (max-width: 768px) {
              .adaptive-table th,
              .adaptive-table td {
                  padding: 8px 4px;
                  font-size: 14px;
              }
              
              /* 对于非常小的屏幕，可以调整字体大小 */
              @media (max-width: 480px) {
                  .adaptive-table {
                      font-size: 13px;
                  }
              }
          }
          
          /* 列宽自动分配 */
          .col-1 { width: 30%; }
          .col-2 { width: 35%; }
          .col-3 { width: 35%; }
		  
		  .black-line{
			  border:none;/*移除默认边框*/
			  border-top:1px 
			  solid black;/*添加黑色边框*/
			  margin: 20px 0;
			  }