.bootstrap-table .fixed-table-container .table thead th .sortable{
    cursor: pointer;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

span.up{color:#f00;}
span.down{color:#090;}
span.red{color:#f00;}
span.green{color:#090;}
span.b{font-weight:bold;}
span.gray{color:#666;}

.table td, .table th {
    padding: 0.3rem;
}

.active {
  /*color: red;*/
  /*background-color: #b3e5fc;*/
  font-weight: bold;
}

/* .fixed-table-pagination{ */
	/* font-size: 12px; */
/* } */

/* 解决横向滚动条遮挡最后一行数据的问题 */
.bootstrap-table .fixed-table-container {
    /* 为滚动条预留底部空间 */
    padding-bottom: 8px;
}

/* 确保表格主体内容不被滚动条遮挡 */
.bootstrap-table .fixed-table-body {
    /* 添加底部内边距，为滚动条留出空间 */
    padding-bottom: 8px;
    /* 确保内容可以完全显示 */
    overflow-x: auto;
    overflow-y: auto;
}

/* 调整横向滚动条样式，使其不遮挡内容 */
.bootstrap-table .fixed-table-body::-webkit-scrollbar {
    height: 8px; /* 设置滚动条高度 */
}

.bootstrap-table .fixed-table-body::-webkit-scrollbar-track {
    background: #f1f1f1; /* 滚动条轨道背景 */
    border-radius: 4px;
}

.bootstrap-table .fixed-table-body::-webkit-scrollbar-thumb {
    background: #c1c1c1; /* 滚动条滑块颜色 */
    border-radius: 4px;
}

.bootstrap-table .fixed-table-body::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; /* 鼠标悬停时的颜色 */
}

/* 确保表格行有足够的底部间距 */
.bootstrap-table .fixed-table-body .table tbody tr:last-child td {
    /* 为最后一行添加额外的底部内边距 */
    padding-bottom: 12px;
}

/* 兼容Firefox的滚动条样式 */
.bootstrap-table .fixed-table-body {
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #c1c1c1 #f1f1f1; /* Firefox: 滑块颜色 轨道颜色 */
}

/* 解决左侧固定列遮挡滚动条的问题 */
.bootstrap-table .fixed-table-container .fixed-table-left {
    /* 为滚动条预留底部空间，确保固定列下方也能看到滚动条 */
    padding-bottom: 8px;
}

/* 确保固定列容器有足够的底部空间 */
.bootstrap-table .fixed-table-container .fixed-table-left .table {
    /* 为表格底部添加内边距，为滚动条留出空间 */
    margin-bottom: 8px;
}

/* 调整固定列容器的底部边距 */
.bootstrap-table .fixed-table-container .fixed-table-left .fixed-table-body {
    /* 确保固定列内容不被滚动条遮挡 */
    padding-bottom: 8px;
}

/* 确保固定列的最后一行有足够的底部间距 */
.bootstrap-table .fixed-table-container .fixed-table-left .table tbody tr:last-child td {
    /* 为固定列的最后一行添加额外的底部内边距 */
    padding-bottom: 12px;
}

/* 调整固定列容器的整体高度，确保滚动条可见 */
.bootstrap-table .fixed-table-container .fixed-table-left .fixed-table-body {
    /* 设置最小高度，确保有足够空间显示滚动条 */
    min-height: calc(100% - 8px);
}

/* 确保固定列和主表格的滚动条同步显示 */
.bootstrap-table .fixed-table-container .fixed-table-left,
.bootstrap-table .fixed-table-container .fixed-table-body {
    /* 统一底部内边距，确保滚动条在两个区域都可见 */
    padding-bottom: 8px;
}

/* 兼容不同版本 fixed-columns 的容器类，给底部滚动条让位 */
.bootstrap-table .fixed-table-container .fixed-table-fixed-columns,
.bootstrap-table .fixed-table-container .fixed-table-body-columns {
    /* 这些容器通常是绝对定位撑满高度，这里向上收起一段，露出横向滚动条 */
    bottom: 12px;
    height: calc(100% - 12px);
    background-color: transparent;
}

/* 若左侧/右侧分别带有方位类（left/right），同样处理 */
.bootstrap-table .fixed-table-container .fixed-table-fixed-columns.left,
.bootstrap-table .fixed-table-container .fixed-table-fixed-columns.right,
.bootstrap-table .fixed-table-container .fixed-table-body-columns.left,
.bootstrap-table .fixed-table-container .fixed-table-body-columns.right
{
    bottom: 12px;
    height: calc(100% - 12px);
}

/* 提升固定列层级并设置背景，避免与主体列重合时的穿透/叠加错觉 */
.bootstrap-table .fixed-table-container .fixed-table-left {
    z-index: 3;
    background-color: #ffffff;
    box-shadow: 4px 0 6px rgba(0,0,0,0.06);
}

/* 确保主体滚动区域在固定列下面一层 */
.bootstrap-table .fixed-table-container .fixed-table-body {
    position: relative;
    z-index: 1;
}

/* 固定列内表格同样保持白底，避免透明导致的重叠视觉问题 */
.bootstrap-table .fixed-table-container .fixed-table-left .table {
    background-color: #ffffff;
}

/* 某些实现里固定列使用 body-columns 容器，同样设置层级和背景 */
.bootstrap-table .fixed-table-container .fixed-table-body-columns.left {
    z-index: 3;
    background-color: #ffffff;
    box-shadow: 4px 0 6px rgba(0,0,0,0.06);
}

/* 强制覆盖内联样式：固定列上收 12px，露出横向滚动条 */
.bootstrap-table .fixed-table-container .fixed-table-fixed-columns,
.bootstrap-table .fixed-table-container .fixed-table-body-columns,
.bootstrap-table .fixed-table-container .fixed-table-left {
    bottom: 12px !important;
    height: calc(100% - 12px) !important;
    background-color: #ffffff !important;
    z-index: 3 !important;
    border-right: 1px solid #e6e6e6 !important;
}

/* 主体滚动区域保持在下层，避免视觉重叠 */
.bootstrap-table .fixed-table-container .fixed-table-body {
    position: relative !important;
    z-index: 1 !important;
}

/* 固定列内表格白底，避免透底重影 */
.bootstrap-table .fixed-table-container .fixed-table-left .table,
.bootstrap-table .fixed-table-container .fixed-table-fixed-columns .table,
.bootstrap-table .fixed-table-container .fixed-table-body-columns .table {
    background-color: #ffffff !important;
}