/* styles.css */
/* body {
    font-family: Arial, sans-serif; /* 设置字体 */

/* }
 */
.tabs {
    overflow: hidden; /* 隐藏溢出内容 */
}

.tab-button {
    float: left; /* 左对齐 */
    border: none; 
    outline: none; 
    padding: 0 30px 0 20px; 
    cursor: pointer; /* 鼠标悬停时显示手形光标 */
    font-size: 1.1rem;
    border-radius: 4px;
}

.tab-button.active {
    background-color: #2165a2;/* 激活按钮的背景色 */
    color: white; /* 激活按钮的字体颜色 */
}

.tab-content {
    display: none; /* 默认隐藏所有内容 */
   /*  padding: 15px; 内容内边距 */
}

.tab-content.active {
    display: block; /* 显示激活的内容 */
}