#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}
table {  

    width: 100%;  

    border-collapse: collapse;  

    border-spacing: 0;  

    empty-cells: show;  

    border: 1px solid #e9e9e9;  

}  

  

table th {  

    background: #f7f7f7;  

    color: #5c6b77;  

    font-weight: bold; /* 或者使用 font-weight: 700; */  

    white-space: nowrap;  

}  

  

table td,  

table th {  

    padding: 8px 16px;  

    border: 1px solid #e9e9e9;  

    text-align: left;  

}

        .tooltip {
            position: relative; /* 设置相对定位 */
            display: inline-block; /* 将元素变为行内块元素 */
            cursor: pointer; /* 光标样式改为手型 */
        }
        
        .tooltip .content {
            visibility: hidden; /* 初始状态下不显示内容 */
            width: 200px; /* 设置内容区域的宽度 */
            background-color: #333; /* 背景色 */
            color: #fff; /* 文字颜色 */
            text-align: center; /* 居中对齐 */
            border-radius: 6px; /* 边角半径 */
            padding: 5px; /* 内边距 */
            position: absolute; /* 使用绝对定位 */
            z-index: 1; /* 提高层级，确保在其他元素之上显示 */
            bottom: 125%; /* 调整内容区域与目标元素的间距 */
            left: 50%; /* 水平居中 */
            transform: translateX(-50%); /* 水平居中 */
        }
        
        .tooltip:hover .content {
            visibility: visible; /* 当鼠标悬停时显示内容 */
        }