.layui-line-pro {
    width: 32.5%;
    display: inline-block;
}

input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

.layui-laydate-content > .layui-laydate-list {
    padding-bottom: 0px;
    overflow: hidden;
}

.layui-laydate-content > .layui-laydate-list > li {
    width: 50%
}
#modlue{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    background-color: rgba(128,128,128,0.6);
    top:0;
    left:0;
}
#outMudlue{

    width:1240px;
    min-height:400px;
    max-height:700px;
    background-color:RGB(220,236,254);
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    text-align:center;
    padding:10px 20px;
    /*line-height:200px;
    */
    font-family:"微软雅黑";
    font-size:1.2rem;
}
#modlue #closebtn {
    position:absolute;
    top:5px;
    right:10px;
    cursor:pointer;
}
#showTable{
    border:1px solid #ddd;
    width:100%;
}
#showTable td,#showTable th{
    border:1px solid #777;
    padding:8px;
}
.table-container {
    max-height: 600px; /* 表格最大高度（可根据需求调整，如400px） */
    overflow-y: auto;  /* 垂直方向超出时显示滚动条 */
    overflow-x: hidden; /* 可选：隐藏水平滚动（若表格宽度适配） */
    border: 1px solid #eee; /* 可选：容器边框，增强视觉 */
}
.table-container::-webkit-scrollbar {
    width: 4px;    /* 垂直滚动条宽度（关键：不宜过宽，避免占用表格空间） */
    height: 4px;   /* 水平滚动条高度（若表格有水平滚动可保留，否则可设为0） */
}

/* 1.2 滚动条轨道：背景和边框（视觉上“弱化”轨道，突出滑块） */
.table-container::-webkit-scrollbar-track {
    background: #f5f5f5;        /* 轨道背景色：与表格容器背景呼应 */
    border-radius: 10px;        /* 轨道圆角：增加柔和感，避免尖锐 */
    margin: 4px 0;              /* 轨道上下留间距：让滚动条不贴紧容器边缘 */
}

/* 1.3 滚动条滑块：核心交互区域，需清晰可见 */
.table-container::-webkit-scrollbar-thumb {
    background: #ccc;           /* 滑块默认颜色：浅灰色，不刺眼 */
    border-radius: 10px;        /* 滑块圆角：与轨道呼应，统一风格 */
    transition: background 0.2s;/* 颜色过渡：hover 时更流畅 */
}

/* 1.4 滑块 hover 状态：增强交互反馈 */
.table-container::-webkit-scrollbar-thumb:hover {
    background: #999;           /*  hover 时加深颜色：提示可点击 */
    box-shadow: 0 0 2px rgba(0,0,0,0.1); /* 轻微阴影：提升层次感 */
}

/* 1.5 滑块激活状态（点击拖动时）：进一步强化反馈 */
.table-container::-webkit-scrollbar-thumb:active {
    background: #666;           /* 激活时颜色更深：明确当前操作 */
}

/* 1.6 滚动条按钮（上下箭头）：默认隐藏（现代 UI 中较少使用） */
.table-container::-webkit-scrollbar-button {
    display: none;
}


/* -------------------------- 2. Firefox 浏览器 -------------------------- */
/* Firefox 仅支持基础样式，无法设置圆角和阴影，优先保证颜色协调 */
.table-container {
    scrollbar-width: thin;               /* 滚动条宽度：thin（窄）/ auto（默认）/ none（隐藏） */
    scrollbar-color: #ccc #f5f5f5;       /* 滑块颜色 + 轨道颜色（顺序不可换） */
}