#loading{
    display: none;
}
.loader-text{
    position: fixed;top: 0;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 8888;
}
.loader-text>div{
    margin-top:80px;
    font-size: 16px;
    color: black; /* 初始颜色 */
    animation: blink 1.5s infinite; /* 调用名为 blink 的动画，持续时间为 1s，无限循环 */
}
@keyframes blink {
    0% {
        opacity: 1; /* 初始透明度为 1（完全不透明） */
    }
    50% {
        opacity: 0.3; /* 中间透明度为 0（完全透明） */
    }
    100% {
        opacity: 1; /* 结束透明度回到 1（完全不透明） */
    }
}
.loader {
    position: absolute;
    top: -60px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 175px;
    height: 100px;
    z-index: 9999;
}
.loader span {
    display: block;
    background: #ccc;
    width: 7px;
    height: 10%;
    border-radius: 14px;
    margin-right: 5px;
    float: left;
    margin-top: 25%;
}
.loader span:last-child {
    margin-right: 0px;
}
.loader span:nth-child(1) {
    animation: load 2.5s 1.4s infinite linear;
}
.loader span:nth-child(2) {
    animation: load 2.5s 1.2s infinite linear;
}
.loader span:nth-child(3) {
    animation: load 2.5s 1s infinite linear;
}
.loader span:nth-child(4) {
    animation: load 2.5s 0.8s infinite linear;
}
.loader span:nth-child(5) {
    animation: load 2.5s 0.6s infinite linear;
}
.loader span:nth-child(6) {
    animation: load 2.5s 0.4s infinite linear;
}
.loader span:nth-child(7) {
    animation: load 2.5s 0.2s infinite linear;
}
.loader span:nth-child(8) {
    animation: load 2.5s 0s infinite linear;
}
.loader span:nth-child(9) {
    animation: load 2.5s 0.2s infinite linear;
}
.loader span:nth-child(10) {
    animation: load 2.5s 0.4s infinite linear;
}
.loader span:nth-child(11) {
    animation: load 2.5s 0.6s infinite linear;
}
.loader span:nth-child(12) {
    animation: load 2.5s 0.8s infinite linear;
}
.loader span:nth-child(13) {
    animation: load 2.5s 1s infinite linear;
}
.loader span:nth-child(14) {
    animation: load 2.5s 1.2s infinite linear;
}
.loader span:nth-child(15) {
    animation: load 2.5s 1.4s infinite linear;
}
@keyframes load {
    0% {
        background: #fb3d69;
        margin-top: 25%;
        height: 10%;
    }
    50% {
        background: #d8c92a;
        height: 100%;
        margin-top: 0%;
    }
    100% {
        background: #21a1ff;
        height: 10%;
        margin-top: 25%;
    }
}