/*容器样式，设置表格的滚动区域 */

.timechange {
    width: 1040px;
    /*width: 80%;*/
    margin: 0 auto;
    /*background: #225077;*/
}

.small-label {
    width: 240px;
    margin: 0 auto;
    /* 启用 Flex 布局 */
    /*display: flex;*/
    /* 垂直方向居中对齐（核心） */
    align-items: center;
    /* 水平方向：让左侧元素靠左，右侧 .small-title 靠右 */
    justify-content: center;
    /* 可选：添加高度，确保垂直居中效果可见（根据内容调整） */
    /*height: 40px; !* 例如设置40px高度，根据实际内容调整 *!*/
}

.timeselect {
    width: 80%;
    margin: 0 auto;
    text-align: right; /* 使内容靠右对齐 */
}


.container {
    width: 1040px; /* 设置容器最大宽度 */
    /*width: 80%; !* 设置容器最大宽度 *!*/
    max-height: 750px; /* 设置固定高度 */
    overflow: auto; /* 同时启用水平和垂直滚动 */
    white-space: nowrap; /* 文本不换行 */
    margin: 0 auto;
    position: relative;
    margin-bottom: 100px;
}

/*scrollbar-color: #888 transparent; !* 设置水平滚动条颜色 *!*/
/*scrollbar-width: thin; !* 设置水平滚动条宽度 *!*/
/* 针对 WebKit 浏览器（Chrome, Safari, Edge）隐藏垂直滚动条 */
.container::-webkit-scrollbar {
    width: 10px; /* 滚动条宽度 */
    height: 10px; /* 滚动条高度 */
}

.container::-webkit-scrollbar-thumb {
    background-color: #b5b5b5; /* 滚动条颜色 */
    border-radius: 5px; /* 滚动条圆角 */
}

.container::-webkit-scrollbar-thumb:hover {
    background-color: #225077; /* 滚动条悬停颜色 */
}

.container::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* 滚动条轨道颜色 */
}

/*----------------------*/
/*.container-cycle {*/
/*    width: 1250px; !* 设置容器最大宽度 *!*/
/*    !*max-height: 750px; !* 设置固定高度 *!*!*/
/*    overflow: auto; !* 同时启用水平和垂直滚动 *!*/
/*    white-space: nowrap; !* 文本不换行 *!*/
/*    margin: 0 auto;*/
/*    position: relative;*/
/*    margin-bottom: 100px;*/
/*}*/

/*!*scrollbar-color: #888 transparent; !* 设置水平滚动条颜色 *!*!*/
/*!*scrollbar-width: thin; !* 设置水平滚动条宽度 *!*!*/
/*!* 针对 WebKit 浏览器（Chrome, Safari, Edge）隐藏垂直滚动条 *!*/
/*.container-cycle::-webkit-scrollbar {*/
/*    width: 10px; !* 滚动条宽度 *!*/
/*    height: 10px; !* 滚动条高度 *!*/
/*}*/

/*.container-cycle::-webkit-scrollbar-thumb {*/
/*    background-color: #b5b5b5; !* 滚动条颜色 *!*/
/*    border-radius: 5px; !* 滚动条圆角 *!*/
/*}*/

/*.container-cycle::-webkit-scrollbar-thumb:hover {*/
/*    background-color: #225077; !* 滚动条悬停颜色 *!*/
/*}*/

/*.container-cycle::-webkit-scrollbar-track {*/
/*    background-color: #f1f1f1; !* 滚动条轨道颜色 *!*/
/*}*/

/*--------------------用户中心-登录-注册-密码修改----------------------*/
.container_user {
    background: white;
    margin: auto;
    padding: 24px 36px;
    border-radius: 8px;
}


.register-btn {
    width: 300px;
    height: 30px;
    margin-top: 24px;
    background: #1a51b8;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer; /* 鼠标悬停时显示指针手势 */
}

.confirm-btn, .login-btn {
    width: 310px;
    height: 30px;
    margin-top: 24px;
    background: #a22d43;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer; /* 鼠标悬停时显示指针手势 */
}

.edituserinfo-btn {
    width: 200px;
    height: 30px;
    margin-top: 24px;
    background: #a22d43;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer; /* 鼠标悬停时显示指针手势 */
}

.container_userinfo {
    background: white;
    display: flex;
    flex-direction: column;
    width: 25%;
    margin: auto;
    align-items: center;
    border-radius: 8px;
}

.container_userinfo img {
    margin-top: 50px;
    width: 60px;
}


.userinfo-btn {
    margin-top: 64px;
    margin-bottom: 30px;
    width: 300px;
    background: #888888;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    height: 30px;
    cursor: pointer; /* 鼠标悬停时显示指针手势 */
}


/*-----------单个股票代码表格样式------------ */
.table-one {
    border-collapse: collapse;
    width: 100%;
}

.table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */

}

.table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
/*.table-one th:first-child*/
.table-one td:first-child {
    color: #ffffff;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    width: 140px; /* 固定宽度为 200px */
    min-width: 140px;
    max-width: 140px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
}

/* 确保第一行和第一列的交界处有更高的层级 */
.table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*----------------多个股票代码表格样式----------------------------*/

.table-many {
    border-collapse: collapse;
    width: 100%;
}

.table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 140px;
    max-width: 140px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
}


.table-many td:nth-child(2) {
    position: sticky;
    /*left: 140px; !* 根据第一列的宽度调整 *!*/
    border: 0.5px solid #000000;
    background: #434343; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
}

.table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*-----------表格table*/

/*table {*/
/*    border-collapse: collapse; !* 合并表格边框，使其更整洁 *!*/
/*    width: 100%; !* 表格宽度占满父元素 *!*/
/*    white-space: nowrap; !* 文本不换行 *!*/
/*}*/


/* 设置表头的样式 */
/*th {*/
/*    border: 1px solid #ffffff; !* 边框样式 *!*/
/*    padding: 3px; !* 单元格内边距 *!*/
/*    text-align: center; !* 文本左对齐 *!*/
/*    !*background-color: #00719d; !* 浅灰色背景 *!*!*/
/*    !*color: #f4f406;*!*/
/*    background: #003865;*/
/*    color: #ffffff;*/
/*    font-size: 12px;*/
/*}*/

/* 设置数据单元格的样式 */
/*td {*/
/*    border-collapse: collapse; !* 合并表格边框，使其更整洁 *!*/
/*    border: 0.5px solid #000000; !* 边框样式 *!*/
/*    padding: 2px; !* 单元格内边距 *!*/
/*    text-align: center; !* 文本左对齐 *!*/
/*    color: #000000;*/
/*    font-size: 13px;*/
/*}*/

/*设置偶数行的背景颜色 */
/*tr:nth-child(even) {*/
/*    background-color: #f2f2f2; !* 浅灰色背景 *!*/
/*}*/

/* 鼠标悬停时表格行的背景颜色 */
/*tr:hover {*/
/*    background-color: #81E1ECFF; !* 淡监色背景 *!}*/

/* 鼠标悬停时表头单元格的背景颜色 */
/*th:hover {*/
/*    background-color: #81E1ECFF; !* 淡灰色背景 *!*/
/*    color: #0c0c0c;*/
/*}*/

/* 鼠标悬停时数据单元格的背景颜色 */
/*td:hover {*/
/*    background-color: #E5FF00FF; !* 淡灰色背景 *!*/
/*    color: #0b0a0a;*/
/*}*/


/*-----------资产负债表-单个股票代码表格样式------------ */
.debt-table-one {
    border-collapse: collapse;
    width: 100%;
    white-space: nowrap; /* 文本不换行 */
}

.debt-table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}


.debt-table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.debt-table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}


.debt-table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.debt-table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.debt-table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.debt-table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.debt-table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.debt-table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
/*.table-one th:first-child*/
.debt-table-one td:first-child {
    color: #ffffff;
    position: sticky;
    cursor: pointer;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 200px; !* 固定宽度为 200px *!*/
    min-width: 200px;
    /*max-width: 200px;*/
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
}

.debt-table-one td:first-child:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.debt-table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*----------------资产负债表-多个股票代码表格样式----------------------------*/

.debt-table-many {
    border-collapse: collapse;
    width: 100%;
}

.debt-table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.debt-table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.debt-table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.debt-table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.debt-table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.debt-table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.debt-table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.debt-table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #bef6ec;
    color: #000000;
}

/* 第一列样式，使用position: sticky固定第一列 */
.debt-table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 200px;
    /*max-width: 140px;*/
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
}

.debt-table-many td:first-child:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}


.debt-table-many td:nth-child(2) {
    position: sticky;
    /*left: 140px; !* 根据第一列的宽度调整 *!*/
    border: 0.5px solid #000000;
    background: #434343; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
}

.debt-table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.debt-table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*-----------利润表-单个股票代码表格样式------------ */
.benefit-table-one {
    border-collapse: collapse;
    width: 100%;
}

.benefit-table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}


.benefit-table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}


.benefit-table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}


.benefit-table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.benefit-table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.benefit-table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.benefit-table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */

}

.benefit-table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.benefit-table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.benefit-table-one td:first-child {
    color: #ffffff;
    position: sticky;
    cursor: pointer;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 170px; !* 固定宽度为 200px *!*/
    min-width: 235px;
    /*max-width: 170px;*/
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
}

.benefit-table-one td:first-child:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.benefit-table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*----------------利润表-多个股票代码表格样式----------------------------*/

.benefit-table-many {
    border-collapse: collapse;
    width: 100%;
}

.benefit-table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.benefit-table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.benefit-table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.benefit-table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.benefit-table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.benefit-table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.benefit-table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.benefit-table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.benefit-table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 250px;
    /*max-width: 180px;*/
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
}

.benefit-table-many td:first-child:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}


.benefit-table-many td:nth-child(2) {
    position: sticky;
    /*left: 140px; !* 根据第一列的宽度调整 *!*/
    border: 0.5px solid #000000;
    background: #434343; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
}

.benefit-table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.benefit-table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*-----------现金流量表-单个股票代码表格样式------------ */
.cash-table-one {
    border-collapse: collapse;
    width: 100%;
}

.cash-table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.cash-table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.cash-table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.cash-table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.cash-table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.cash-table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}


.cash-table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */

}

.cash-table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.cash-table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.cash-table-one td:first-child {
    color: #ffffff;
    position: sticky;
    cursor: pointer;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 230px; !* 固定宽度为 200px *!*/
    min-width: 330px;
    /*max-width: 230px;*/
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
}

.cash-table-one td:first-child:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.cash-table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*----------------现金流量表-多个股票代码表格样式----------------------------*/

.cash-table-many {
    border-collapse: collapse;
    width: 100%;
}

.cash-table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.cash-table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.cash-table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.cash-table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.cash-table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}


.cash-table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.cash-table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.cash-table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.cash-table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 270px;
    /*max-width: 200px;*/
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
}

.cash-table-many td:first-child:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}


.cash-table-many td:nth-child(2) {
    position: sticky;
    /*left: 140px; !* 根据第一列的宽度调整 *!*/
    border: 0.5px solid #000000;
    background: #434343; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
}

.cash-table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.cash-table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*--------------------------------------------*/
.cashimg {
    width: 1040px; /* 设置容器最大宽度 */
    overflow-x: auto; /* 启用水平滚动 */
    white-space: nowrap; /* 文本不换行 */
    margin: 0 auto;
    position: relative;
    max-height: 750px; /* 设定一个最大高度，使表格能够滚动 */
    border: solid 1px;
}

/*-----------单个股票代码表格样式------------ */
.anal-table-one {
    border-collapse: collapse;
    width: 100%;
}

.anal-table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.anal-table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}


.anal-table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.anal-table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.anal-table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.anal-table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.anal-table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */

}

.anal-table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.anal-table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
/*.table-one th:first-child*/
.anal-table-one td:first-child {
    color: #ffffff;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    width: 140px; /* 固定宽度为 200px */
    min-width: 140px;
    max-width: 140px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
}

/* 确保第一行和第一列的交界处有更高的层级 */
.anal-table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*----------------多个股票代码表格样式----------------------------*/

.anal-table-many {
    border-collapse: collapse;
    width: 100%;
}

.anal-table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.anal-table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}


.anal-table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.anal-table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.anal-table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.anal-table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.anal-table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.anal-table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.anal-table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 140px;
    max-width: 140px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
}


.anal-table-many td:nth-child(2) {
    position: sticky;
    /*left: 140px; !* 根据第一列的宽度调整 *!*/
    border: 0.5px solid #000000;
    background: #434343; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
}

.anal-table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.anal-table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*-----------单个股票代码表格样式------------ */
.check-table-one {
    border-collapse: collapse;
    width: 100%;
}

.check-table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.check-table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.check-table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.check-table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.check-table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}


.check-table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.check-table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */

}

.check-table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.check-table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    /*background: #65041c;*/
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
/*.table-one th:first-child*/
.check-table-one td:first-child {
    color: #ffffff;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    width: 230px; /* 固定宽度为 200px */
    min-width: 230px;
    max-width: 230px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
}

/* 确保第一行和第一列的交界处有更高的层级 */
.check-table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*----------------多个股票代码表格样式----------------------------*/

.check-table-many {
    border-collapse: collapse;
    width: 100%;
}

.check-table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.check-table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.check-table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.check-table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.check-table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}


.check-table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.check-table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.check-table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}


/* 第一列样式，使用position: sticky固定第一列 */
.check-table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 210px;
    max-width: 210px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
}


.check-table-many td:nth-child(2) {
    position: sticky;
    /*left: 140px; !* 根据第一列的宽度调整 *!*/
    border: 0.5px solid #000000;
    background: #434343; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
}

.check-table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.check-table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*-----------指标表表-单个股票代码表格样式------------ */
.analtable-table-one {
    border-collapse: collapse;
    width: 100%;
}

.analtable-table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.analtable-table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.analtable-table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}


.analtable-table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.analtable-table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}


.analtable-table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.analtable-table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.analtable-table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.analtable-table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
/*.table-one th:first-child*/
.analtable-table-one td:first-child {
    color: #ffffff;
    position: sticky;
    cursor: pointer;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    width: 240px; /* 固定宽度为 200px */
    min-width: 240px;
    max-width: 240px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
}

/* 确保第一行和第一列的交界处有更高的层级 */
.analtable-table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*----------------资产负债表-多个股票代码表格样式----------------------------*/

.analtable-table-many {
    border-collapse: collapse;
    width: 100%;
}

.analtable-table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.analtable-table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}


.analtable-table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.analtable-table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.analtable-table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.analtable-table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.analtable-table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.analtable-table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.analtable-table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 240px;
    max-width: 240px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
}


.analtable-table-many td:nth-child(2) {
    position: sticky;
    /*left: 140px; !* 根据第一列的宽度调整 *!*/
    border: 0.5px solid #000000;
    background: #434343; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
}

.analtable-table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.analtable-table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*--------------------------------*/
.cominfo-container {
    width: 1040px; /* 设置容器最大宽度 */
    overflow-x: auto; /* 启用水平滚动 */
    /*white-space: nowrap; !* 文本不换行 *!*/
    margin: 0 auto;
    position: relative;
    max-height: 350px; /* 设定一个最大高度，使表格能够滚动 */
    margin-bottom: 20px;
    scrollbar-width: none; /* Firefox 适用，隐藏默认滚动条 */
    /*scrollbar-width: thin; !* Firefox 适用，设置滚动条的宽度为thin *!*/
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */

}

/* 针对 WebKit 浏览器（Chrome, Safari, Edge）隐藏垂直滚动条 */
.cominfo-container::-webkit-scrollbar {
    width: 10px; /* 设置水平滚动条宽度 */
    height: 10px; /* 设置水平滚动条高度 */
}

.cominfo-container::-webkit-scrollbar-thumb {
    background: #888; /* 滚动条滑块颜色 */
    border-radius: 10px;
}

.cominfo-container::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滚动条滑块悬停颜色 */
}

.cominfo-container::-webkit-scrollbar:vertical {
    display: none; /* 隐藏垂直滚动条 */
}

.cominfo-container::-webkit-scrollbar:vertical {
    display: none;
}

/*--------------------------------*/
.post-container {
    width: 1040px; /* 设置容器最大宽度 */
    overflow-x: auto; /* 启用水平滚动 */
    /*white-space: nowrap; !* 文本不换行 *!*/
    margin: 0 auto;
    position: relative;
    max-height: 350px; /* 设定一个最大高度，使表格能够滚动 */
    margin-bottom: 60px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    scrollbar-color: #888 transparent; /* 设置水平滚动条颜色 */
    scrollbar-width: thin; /* 设置水平滚动条宽度 */

}

/* 针对 WebKit 浏览器（Chrome, Safari, Edge）隐藏垂直滚动条 */
.post-container::-webkit-scrollbar {
    width: 10px; /* 设置水平滚动条宽度 */
    height: 10px; /* 设置水平滚动条高度 */
}

.post-container::-webkit-scrollbar-thumb {
    background: #888; /* 滚动条滑块颜色 */
    border-radius: 10px;
}

.post-container::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滚动条滑块悬停颜色 */
}

.post-container::-webkit-scrollbar:vertical {
    display: none; /* 隐藏垂直滚动条 */
}

.post-container::-webkit-scrollbar:vertical {
    display: none;
}


/*-----------单个股票代码表格样式------------ */
.post-table {
    border-collapse: collapse;
    width: 100%;
    max-height: 350px;
}

.post-table td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.post-table th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.post-table tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.post-table th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.post-table td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.post-table td:nth-child(2) {
    text-align: left; /* 左对齐 */
    padding-left: 20px; /* 左内边距为20px */
    word-break: break-all; /* 强制长单词换行 */
    white-space: normal; /* 允许正常换行 */
}

.post-table th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.post-table tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.post-table tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.post-table tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
/*.table-one th:first-child*/
.post-table td:first-child {
    color: #ffffff;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 140px;
    max-width: 140px;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.post-table th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*-----------单个股票代码表格样式------------ */
.fake-table-one {
    border-collapse: collapse;
    width: 100%;
}

.fake-table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}


.fake-table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.fake-table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.fake-table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.fake-table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.fake-table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.fake-table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */

}

.fake-table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.fake-table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
/*.table-one th:first-child*/
.fake-table-one td:first-child {
    color: #ffffff;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    width: 140px; /* 固定宽度为 200px */
    min-width: 140px;
    max-width: 140px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
}

/* 确保第一行和第一列的交界处有更高的层级 */
.fake-table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*----------------多个股票代码表格样式----------------------------*/

.fake-table-many {
    border-collapse: collapse;
    width: 100%;
}

.fake-table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}


.fake-table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}


.fake-table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.fake-table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.fake-table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.fake-table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.fake-table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.fake-table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.fake-table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 140px;
    max-width: 140px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
}


.fake-table-many td:nth-child(2) {
    position: sticky;
    /*left: 140px; !* 根据第一列的宽度调整 *!*/
    border: 0.5px solid #000000;
    background: #434343; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
}

.fake-table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.fake-table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*-----------单个股票代码表格样式------------ */
.mix-table-one {
    border-collapse: collapse;
    width: 100%;
}

.mix-table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.mix-table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}


.mix-table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.mix-table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.mix-table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}


.mix-table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.mix-table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */

}

.mix-table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.mix-table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
/*.table-one th:first-child*/
.mix-table-one td:first-child {
    color: #ffffff;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 80px;
    /*max-width: 140px;*/
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    /*box-shadow: 2px 2px 2px 2px #225077; !* 模拟右边的边框 *!*/
}

.mix-table-one td:nth-child(2) {
    position: sticky;
    left: 84px; /* 根据第一列的宽度调整 */
    min-width: 80px;
    /*border: 0.5px solid #000000;*/
    background: #395e85; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
    /*box-shadow: 2px 2px 2px 2px #395e85; !* 模拟右边的边框 *!*/
}


/* 确保第一行和第一列的交界处有更高的层级 */
.mix-table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*----------------多个股票代码表格样式----------------------------*/

.mix-table-many {
    border-collapse: collapse;
    width: 100%;
}


.mix-table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.mix-table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}


.mix-table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.mix-table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.mix-table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.mix-table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.mix-table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
    /*background: #225077; !* 设置背景颜色 *!*/
}

.mix-table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #a22d43;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.mix-table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 110px; !* 固定宽度为 200px *!*/
    min-width: 80px;
    /*max-width: 140px;*/
    /*word-wrap: break-word; !* 当内容超过宽度时自动换行 *!*/
    /*white-space: normal; !* 允许换行 *!*/
    /*overflow-wrap: break-word; !* 强制长单词换行 *!*/
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
    box-shadow: 2px 0 0 0 #000000; /* 模拟右边的边框 */
}


.mix-table-many td:nth-child(2) {
    position: sticky;
    left: 80px; /* 根据第一列的宽度调整 */
    min-width: 80px;
    border: 0.5px solid #000000;
    background: #395e85; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
    box-shadow: 2px 0 0 0 #000000; /* 模拟右边的边框 */
}

.mix-table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.mix-table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


/*-----------warn-单个股票代码表格样式------------ */
/*-----------单个股票代码表格样式------------ */
.warn-table-one {
    border-collapse: collapse;
    width: 100%;
}

.warn-table-one td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.warn-table-one th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}


.warn-table-one tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.warn-table-one th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.warn-table-one td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.warn-table-one th:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    left: 0; /* 固定在左侧 */
    z-index: 4; /* 设置更高的层级，确保在表头和第一列之上 */
}

.warn-table-one tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */

}

.warn-table-one tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.warn-table-one tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
/*.table-one th:first-child*/
.warn-table-one td:first-child {
    color: #ffffff;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    width: 140px; /* 固定宽度为 200px */
    min-width: 140px;
    max-width: 140px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
}

/* 确保第一行和第一列的交界处有更高的层级 */
.warn-table-one th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}

/*----------------多个股票代码表格样式----------------------------*/

.warn-table-many {
    border-collapse: collapse;
    width: 100%;
}

.warn-table-many td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.warn-table-many th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.warn-table-many tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.warn-table-many th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.warn-table-many td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.warn-table-many tr:first-child {
    position: sticky;
    top: 0; /* 固定在顶部 */
    background: #225077; /* 设置背景颜色 */
    z-index: 2; /* 设置层级以确保表头在表格内容之上 */
}

.warn-table-many tr:first-child td {
    color: #ffffff; /* 设置字体颜色为白色 */
}

.warn-table-many tr:first-child td:hover {
    /*color: #000000; !* 设置字体颜色为白色 *!*/
    background: #65041c;
    color: #ffffff;
}

/* 第一列样式，使用position: sticky固定第一列 */
.warn-table-many td:first-child {
    color: #ffffff;
    /*width: 110px !important;*/
    border: 0.5px solid #000000;
    position: sticky;
    left: 0; /* 固定在左侧 */
    background: #225077; /* 设置背景颜色 */
    z-index: 1; /* 设置层级 */
    /*width: 140px; !* 固定宽度为 200px *!*/
    min-width: 140px;
    max-width: 140px;
    word-wrap: break-word; /* 当内容超过宽度时自动换行 */
    white-space: normal; /* 允许换行 */
    overflow-wrap: break-word; /* 强制长单词换行 */
    box-sizing: border-box;
    /*white-space: nowrap; !* 禁止在140px时自动换行 *!*/
    /*overflow: hidden; !* 超出内容部分隐藏 *!*/
    /*text-overflow: ellipsis; !* 超出内容部分显示省略号 *!*/
}


.warn-table-many td:nth-child(2) {
    position: sticky;
    /*left: 140px; !* 根据第一列的宽度调整 *!*/
    border: 0.5px solid #000000;
    background: #434343; /* 设置背景颜色 */
    color: #ffffff;
    z-index: 1; /* 设置层级 */
}

.warn-table-many td:nth-child(2):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #2e2e2e;
}

/* 确保第一行和第一列的交界处有更高的层级 */
.warn-table-many th:first-child {
    z-index: 3; /* 设置更高的层级以确保在表头和第一列之上 */
}


.labdiv {
    width: 1040px; /* 设置容器最大宽度 */
    overflow-x: auto; /* 启用水平滚动 */
    white-space: nowrap; /* 文本不换行 */
    margin: 0 auto;
    position: relative;
    /*max-height: 350px; !* 设定一个最大高度，使表格能够滚动 *!*/
    /*margin-bottom: 20px;*/
    scrollbar-width: none; /* Firefox 适用，隐藏默认滚动条 */
    /*scrollbar-width: thin; !* Firefox 适用，设置滚动条的宽度为thin *!*/
}

.cominfolab {
    font-size: 14px;
}


.cominfo-table {
    border-collapse: collapse;
    width: 100%;
    max-height: 350px;
}

.cominfo-table td {
    border-collapse: collapse; /* 合并表格边框，使其更整洁 */
    border: 0.5px solid #000000; /* 边框样式 */
    padding: 2px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    color: #000000;
    font-size: 13px;
}

.cominfo-table th {
    border: 1px solid #ffffff; /* 边框样式 */
    padding: 3px; /* 单元格内边距 */
    text-align: center; /* 文本左对齐 */
    /*background-color: #00719d; !* 浅灰色背景 *!*/
    /*color: #f4f406;*/
    background: #003865;
    color: #ffffff;
    font-size: 12px;
}

.cominfo-table tr:hover {
    background-color: #81E1ECFF; /* 淡监色背景 */
}

.cominfo-table th:hover {
    background-color: #81E1ECFF; /* 淡灰色背景 */
    color: #0c0c0c;
}

.cominfo-table td:hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

/*未实现样式效果*/
.cominfo-table tr:nth-child(even) {
    background-color: #f2f2f2; /* 设置偶数行的背景颜色为#f2f2f2 */
}

/*未实现样式效果*/
.cominfo-table tr:hover {
    background-color: #81E1ECFF; /* 设置行hover效果为#81E1ECFF */
}

.cominfo-table td:first-child:hover,
.cominfo-table td:nth-child(2):hover,
.cominfo-table td:nth-child(3):hover,
.cominfo-table td:nth-child(4):hover {
    background-color: #E5FF00FF; /* 淡灰色背景 */
    color: #0b0a0a;
}

.cominfo-table td:nth-child(2) {
    color: #000000;
    background: #ffffff;
    text-align: left;
    padding-left: 20px;
    width: 340px;
}


.cominfo-table td:first-child,
.cominfo-table td:nth-child(3) {
    color: #000000;
    background: #e6f4fb;
    text-align: center;
    width: 140px;
}


.cominfo-table td:nth-child(4) {
    color: #000000;
    background: #ffffff;
    text-align: left;
    padding-left: 20px;
    /*width: 100px;*/
}


/*有时会跟vue表格的样式冲突-暂时屏蔽*/
/*td:first-child {*/
/*    white-space: nowrap; !* 文本不换行 *!*/
/*    !*width: 300px !important; !* 宽度自适应内容 *!*!*/
/*    vertical-align: middle; !* 垂直居中 *!*/
/*    background-color: #003865;*/
/*    color: #ffffff;*/
/*    font-size: 12px;*/
/*    text-align: center;*/
/*}*/

/*设置表格的样式 */
/*td:first-child:hover {*/
/*    background-color: rgb(248, 244, 244);*/
/*    color: #1b1b1b;*/
/*}*/


.catalog {
    width: 1040px;
    display: flex;
    height: 35px;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    /*background-color: #605f5f;*/
}

.color1 {
    background-color: #5bbda1; /* 第一个元素的背景色 */
    width: 1040px;
    display: flex;
    height: 30px;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.titlediv {
    width: 1040px;
    display: flex;
    height: 30px;
    margin: 20px auto 0;
    font-size: 22px;
    letter-spacing: 0.2em;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: transform 0.1s ease;
}

/* ====== 可调参数 ====== */
:root {
    --shake-speed: 0.2s; /* 越大越慢 */
    --h-amplitude: 2px; /* 左右幅度 */
    --v-amplitude: 2px; /* 上下幅度 */
}

/* ====== 持续抖动动画 ====== */
@keyframes shake {
    0% {
        transform: translate(0, 0);
    }
    20% {
        transform: translate(calc(var(--h-amplitude) * -1), calc(var(--v-amplitude) * -1));
    }
    40% {
        transform: translate(var(--h-amplitude), var(--v-amplitude));
    }
    60% {
        transform: translate(calc(var(--h-amplitude) * -1), var(--v-amplitude));
    }
    80% {
        transform: translate(var(--h-amplitude), calc(var(--v-amplitude) * -1));
    }
    100% {
        transform: translate(0, 0);
    }
}

/* 鼠标悬停才启动动画 */
.excel-down:hover {
    animation: shake var(--shake-speed) infinite;
}

.excel-down {
    color: inherit;
    text-decoration: none;
    cursor: pointer; /* 鼠标悬停时显示指针手势 */
}

.small-title {
    /*width: 400px;*/
    display: flex;
    /*height: 30px;*/
    margin: 1px auto 0;
    font-size: 15px;
    font-weight: 300; /* 细体 */
    letter-spacing: 0.1em;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.tip-title {
    /*width: 400px;*/
    display: flex;
    /*height: 30px;*/
    font-size: 12px;
    color: #9C1A1C;
    font-weight: 300; /* 细体 */
    letter-spacing: 0.1em;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 1px auto 20px;
}

.titlesub {
    width: 100%;
    display: flex;
    height: 60px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
}

/*.titletext {*/
/*    width: 1040px;*/
/*    display: flex;*/
/*    height: 30px;*/
/*    margin: 0 auto;*/
/*    font-size: 16px;*/
/*    text-align: center;*/
/*    align-content: center;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    color: #000000;*/
/*    background: rgb(176, 229, 255);*/
/*}*/

.subtext {
    width: 1040px;
    display: flex;
    height: 60px;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #0c0000;
    background: #ffffff;
}

.trans {
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.7s ease;
}


.trans .content {
    padding: 0;
    opacity: 1;
    transition: opacity 0.5s ease;
}


/* styles.css */
.search {
    background-color: #a22d43; /* 设置蓝色背景色 */
    display: flex;
    height: 40px;
    width: 100%;
    /*justify-content: flex-start; !* 靠左对齐 *!*/
    align-items: center;
    /*padding: 5px 190px; !* 设置内边距为50px，上下内边距为0 *!*/
}

.header {
    background-color: #a22d43; /* 设置蓝色背景色 */
    /*text-align: center; !* 让内容居中对齐 *!*/
    display: flex;
    height: 35px;
    width: 100%;
    /*justify-content: center;*/
    align-items: center;
    /*padding: 10px;*/
}

.search input {
    margin-left: 190px;
    width: 250px;
    height: 25px;
}

.submit {
    width: 70px;
    height: 31px;
}

.tipbutton {
    background-color: #ffd800;
    color: #000000;
    border: none;
    width: 80px;
    height: 31px;
}


.menu {
    list-style-type: none;
    display: flex;
    align-items: center;
    height: 100%; /* 使.menu充满整个.header高度 */
    width: 100%;
    justify-content: center; /* 水平居中 */
    gap: 60px; /* 设置每个列表项之间的间距 */
}

.menu li {
    /*text-align: center; !* 文字居中 *!*/
}

.menu li a {
    text-decoration: none;
    color: #eeeeee;
    font-size: 14px;
}

.menu .submenu {
    display: none;
    position: absolute;
    z-index: 1;
}

.menu:hover .submenu {
    display: block;
}
.menu li a:hover {
    font-size: 15px;
    color: #fafafa; /* 黑色字体 */
    text-decoration: underline; /* 添加下划线 */
    text-underline-offset: 5px; /* 下划线距离文字5px */
    text-decoration-thickness: 2px; /* 控制下划线粗细，这里设为2px */
    transition: all 0.3s ease; /* 保持平滑过渡动画 */
}


.menu li a.active {
    background-color: #ffffff;
    color: #0c0c0c; /* 建议白色字体，蓝底白字对比度更高更专业 */
    /* 如果你坚持要黑色字体，把上面这行改成 color: #000000; */
    padding: 1px 3px;
    border-radius: 4px;
}
/*.centered {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    height: 100vh; !* 100%视窗高度，可根据需要调整 *!*/
/*}*/
.msg {
    text-align: center; /* 水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 80px; /* 设置高度，以垂直居中 */
    width: 100%;
    background-color: #a22d43;
    color: #fcfbfb;
    position: absolute; /* 使用绝对定位 */
    top: 50%; /* 上边距为50% */
    left: 50%; /* 左边距为50% */
    transform: translate(-50%, -50%); /* 平移来居中 */
    font-size: 25px;
}

.hello {
    text-align: center; /* 水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 80px; /* 设置高度，以垂直居中 */
    width: 100%;
    background-color: #0c0c0c;
    color: #ffffff;
    position: absolute; /* 使用绝对定位 */
    top: 50%; /* 上边距为50% */
    left: 50%; /* 左边距为50% */
    transform: translate(-50%, -50%); /* 平移来居中 */
    font-size: 25px;
}


td.plt {
    text-align: left; /* 设置内容左对齐 */
    padding: 0; /* 设置内边距为0 */
    background-color: #ffffff;
}

.debtsubject {
    text-align: center; /* 设置内容左对齐 */
    padding: 5px; /* 设置内边距为0 */
    background-color: #070707;
    font-size: 13px;
    color: #bbad5d;
}

.finindex {
    text-align: center; /* 设置内容左对齐 */
    padding: 5px; /* 设置内边距为0 */
    background-color: #070707;
    font-size: 13px;
    color: #bbad5d;
    position: sticky;
    left: 0; /* 固定在左侧 */
}

iframe {
    width: 1050px;
    height: 400px;
    border: none;
}

td.plt iframe {
    display: block; /* 让iframe以块级元素显示 */
    border: none; /* 去除iframe的边框 */
}


.test1 {
    text-align: center; /* 水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 80px; /* 设置高度，以垂直居中 */
    width: 100%;
    background-color: #a22d43;
    color: #000000;
    position: absolute; /* 使用绝对定位 */
    top: 35%; /* 上边距为50% */
    left: 50%; /* 左边距为50% */
    transform: translate(-50%, -50%); /* 平移来居中 */
    font-size: 25px;
}

.test1 input {
    width: 350px;
    height: 25px;
}

.test2 {
    text-align: center; /* 水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 80px; /* 设置高度，以垂直居中 */
    width: 100%;
    background-color: #f5f0a1;
    color: #000000;
    position: absolute; /* 使用绝对定位 */
    top: 45%; /* 上边距为50% */
    left: 50%; /* 左边距为50% */
    transform: translate(-50%, -50%); /* 平移来居中 */
    font-size: 18px;
}


/*base中的会员提示页样式*/
.box {
    /* .box 类的样式 */
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%); /* 水平垂直居中 */
    padding: 20px;
}


.vippay {
    /* 覆盖层内容样式 */
    background-color: #ffffff; /* 白色背景 */
    padding: 30px; /* 内边距 */
    border-radius: 5px; /* 圆角 */
    /*width: 1000px;*/
    /*height: 400px;*/
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    text-align: center; /* 文字居中 */
    position: relative; /* 相对定位 */
}


.pay {
    width: 800px; /* 设置容器最大宽度 */
    white-space: nowrap; /* 文本不换行 */
    margin: 0 auto;
    position: relative;
}

.pay .paytitle td {
    background-color: #ffd800; /* 将背景颜色设置为红色 */
    color: black; /* 设置文本颜色为白色 */
    border: none; /* 取消边框 */
    padding: 10px; /* 调整内边距 */
    font-size: 14px; /* 适当调整字体大小 */
    text-align: center; /* 保持文本居中 */
}


/* 保持 .pay 表格其他行的样式不变 */
.pay .paypick td {
    background-color: inherit; /* 避免其他全局样式影响 */
    color: black;
    border-top: 0.5px dashed #000000; /* 设置上边框 */
    border-bottom: 0.5px dashed #000000; /* 设置下边框 */
    border-left: none; /* 取消左边框 */
    border-right: none; /* 取消右边框 */
    padding: 5px;
    font-size: 18px; /* 适当调整字体大小 */
    text-align: center;
    font-weight: 300;
}


/* 链接样式 */
.vippay a {
    color: blue; /* 设置链接文本颜色为蓝色 */
    text-decoration: underline; /* 带有下划线 */
}

/* 标题样式 */
.title {
    font-size: 20px; /* 字体大小 */
    font-weight: bold; /* 粗体 */
    margin-bottom: 10px; /* 底部间距 */
}

/* 区隔线样式 */
.separator {
    border-top: 1px solid #ccc; /* 灰色实线 */
    margin: 20px 0; /* 上下间距 */
}

/* 段落样式 */
.content-text {
    font-size: 20px; /* 字体大小 */
    /*margin-bottom: 20px; !* 底部间距 *!*/
    font-weight: lighter;
}


.vipzone {
    width: 800px;
    flex: 1; /* 平分父容器宽度 */
    padding: 10px; /* 内边距 */
    border-radius: 5px; /* 圆角 */
    background-color: #960202; /* 绿色背景 */
    box-sizing: border-box; /* 盒模型设置为border-box */
    margin: auto; /* 自动居中 */
    display: flex; /* 使用flexbox布局 */
    /*flex-direction: column; !* 垂直方向排列子元素 *!*/
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    margin-top: 10px; /* 底部间距 */
}

.viptype {
    width: 800px;
    flex: 1; /* 平分父容器宽度 */
    padding-left: 180px; /* 内边距 */
    border-radius: 5px; /* 圆角 */
    background-color: #960202; /* 绿色背景 */
    box-sizing: border-box; /* 盒模型设置为border-box */
    margin: auto; /* 自动居中 */
    display: flex; /* 使用flexbox布局 */
    /*flex-direction: column; !* 垂直方向排列子元素 *!*/
    justify-content: left; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    margin-top: 10px; /* 底部间距 */
    /*text-align: left;*/
}

/* VIP和SVIP权限样式 */
.vipzone h2 {
    font-size: 15px; /* 标题字体大小 */
    text-align: center;
    color: #ffffff;
}

.viptype h2 {
    font-size: 18px; /* 标题字体大小 */
    /*text-align: left;*/
    color: #ffffff;
}


.viptype label {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}

.vipzone ul,
.viptype ul {
    font-size: 16px; /* 列表字体大小 */
    list-style-type: square; /* 列表样式为实心圆 */
    padding-left: 120px; /* 列表左内边距 */
    text-align: left;
    color: #ffffff;
}

/* VIP和SVIP权限列表项样式 */
.vipzone li,
.viptype li {
    margin-bottom: 5px; /* 列表项间距 */
    font-weight: lighter;
}

.vipprice {
    width: 140px;
    flex: 1; /* 平分父容器宽度 */
    padding-left: 90px; /* 内边距 */
    border-radius: 5px; /* 圆角 */
    background-color: #960202; /* 绿色背景 */
    /*box-sizing: border-box; !* 盒模型设置为border-box *!*/
    /*margin: auto; !* 自动居中 *!*/
    display: flex; /* 使用flexbox布局 */
    /*flex-direction: column; !* 垂直方向排列子元素 *!*/
    /*justify-content: center; !* 垂直居中 *!*/
    /*align-items: center; !* 水平居中 *!*/
    /*margin-top: 10px; !* 底部间距 *!*/
    /*text-align: left;*/
}

.price {
    padding-right: 90px; /* 内边距 */
}

/*.payment {*/
/*    display: flex;*/
/*    justify-content: space-between; !* 左右对齐，两端对齐 *!*/
/*}*/

.payment {
    width: 800px;
    flex: 1; /* 平分父容器宽度 */
    /*padding-left: 180px; !* 内边距 *!*/
    border-radius: 5px; /* 圆角 */
    background-color: #ffffff; /* 绿色背景 */
    box-sizing: border-box; /* 盒模型设置为border-box */
    margin: auto; /* 自动居中 */
    display: flex; /* 使用flexbox布局 */
    flex-direction: column; /* 垂直方向排列子元素 */
    justify-content: left; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    margin-top: 10px; /* 底部间距 */
    /*text-align: left;*/
}

.payment h2 {
    font-size: 20px; /* 标题字体大小 */
    /*text-align: left;*/
    color: #000000;
}

.payment label {
    font-size: 15px; /* 标题字体大小 */
    /*text-align: left;*/
    color: #000000;
}

.paylabel {
    padding-bottom: 20px;
}

.paycheck {
    padding-bottom: 20px;
}

.payimg {
    width: 800px;
    background-color: #eabf7b; /* 绿色背景 */
    margin: auto; /* 自动居中 */
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
}

.iframe-img {
    width: 600px;
    height: 300px;
    padding-left: 300px;
    padding-top: 10px;
    margin: auto;
    background-color: rgb(255, 255, 255); /* 绿色背景 */
}


.refresh {
    width: 250px;
    height: 30px;
}


.lastzone {
    width: 800px;
    height: 40px;
    flex: 1; /* 平分父容器宽度 */
    padding: 10px; /* 内边距 */
    border-radius: 5px; /* 圆角 */
    background-color: #880044; /* 绿色背景 */
    box-sizing: border-box; /* 盒模型设置为border-box */
    margin: auto; /* 自动居中 */
    display: flex; /* 使用flexbox布局 */
    flex-direction: column; /* 垂直方向排列子元素 */
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    margin-top: 10px; /* 底部间距 */
}

.lastzone h2 {
    font-size: 15px; /* 标题字体大小 */
    /*text-align: left;*/
    color: #ffffff;
    font-weight: lighter;
}

.color_test {
    font-size: 15px; /* 标题字体大小 */
    /*text-align: left;*/
    color: #c50000;
    background: #015ad2;
    column-rule-color: #409d00;
    accent-color: #960096;
    text-decoration-color: #99f2f4;
    flood-color: #0b0a0a;
}


/*vue表格样式*/
/*.vuebox {*/
/*    width: 1040px; !* 设置容器最大宽度 *!*/
/*    overflow-x: auto; !* 启用水平滚动 *!*/
/*    white-space: nowrap; !* 文本不换行 *!*/
/*    margin: 0 auto;*/
/*    !*vue样式实现*!*/
/*    !*display: flex;*!*/
/*    !*justify-content: center;*!*/
/*    !*align-items: center;*!*/
/*    !*flex-direction: column;*!*/
/*    !*min-height: 100vh;*!*/
/*    !* 居中对齐*/
/*   }*/
/*   !* 自定义滚动条样式（可选） *!*/

/*    .vuebox::-webkit-scrollbar {*/
/*        width: 100px; !* 滚动条宽度 *!*/
/*    }*/

/*    .vuebox::-webkit-scrollbar-thumb {*/
/*        background-color: #bb1616; !* 滚动条拖动块颜色 *!*/
/*    }*/

/*    .vuebox::-webkit-scrollbar-track {*/
/*        background-color: #ffdd00; !* 滚动条轨道颜色 *!*/
/*    }*/
/*}*/


.nav-sub {
    background-color: #a22d43; /* 设置蓝色背景色 */
    text-align: center; /* 让内容居中对齐 */
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    position: fixed;
    top: 0;
    z-index: 10000; /* 层级 */
    width: 100%;
}

.nav-sub a {
    color: inherit; /* 继承父元素的颜色 */
    text-decoration: none; /* 去掉下划线 */
    margin: 0 20px; /* 左右间距各10像素，总间距20像素 */
}

.nav-sub a:visited, .nav-sub a:hover, .nav-sub a:active {
    color: inherit; /* 继承父元素的颜色，避免变蓝 */
    text-decoration: none; /* 去掉下划线 */
}

.nav-sub:hover {
    background-color: #00719d; /* 白色背景 */
    color: #ffffff; /* 深蓝色文字 */
}

.nav-sub:hover a {
    color: #ffffff; /* 改变子元素的颜色为深蓝色 */
}

.tables {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 32px;
}


/* 模态对话框的样式 */
.drawlog {
    display: none; /* 默认隐藏 */
    position: fixed;
    cursor: move;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    pointer-events: none; /* 禁用点击事件 */
    z-index: 100;
}

.drawlog-content {
    width: 1040px;
    height: 400px;
    text-align: right;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #000000;
    cursor: move; /* 鼠标样式 */
    pointer-events: auto; /* 启用点击事件 */
    position: absolute; /* 绝对定位 */
    z-index: 200;
}

.drawlog-content .close-btn {
    cursor: pointer;
    /*margin-right: 20px;*/
    display: inline-block;
    color: #333;
    font-size: 20px;
}

.category-title {
    text-align: center;
    position: sticky;
    left: 0;
    width: 100%;
}

.cominfo-title {
    text-align: center;
    position: sticky;
    left: 0;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}


.table-title {
    text-align: left;
    position: sticky;
    left: 0;
    margin: 0;
    font-size: 13px;
    background-color: #ffffff;
    padding-left: 50px;
    color: #3c3c3c;
    border-top: #3c3c3c solid 0.5px;
    width: 100%;
}

.test1111 {
    background: #e10909;
    border-color: #015ad2;
    color: #409d00;
    caret-color: #960096;
    border-bottom-color: #b96700;
    scrollbar-track-color: #3B666B;

    column-rule-color: #b78c3c;
    border-left-color: #016c8d;
    border-right-color: #7e4903;
    border-top-color: #61815c;
    stop-color: #ffbf63;
    flood-color: #545454;
    /*'#c50000',  # 红*/
    /*'#015ad2',  # 蓝*/
    /*'#409d00',  # 绿*/
    /*'#960096',  # 紫*/
    /*'#b96700',  # 咖啡*/
    /*'#3B666B',  # 默绿*/
}