.loading-box{
    width: 150px;
    height: 150px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
    border-radius: 20px;
    font-size: 18px;
    color: #fff;
}
.loading-img{
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 16px;
    /* 动画名称 时长 线性运动 无限循环 */
    animation: rotate 2s linear infinite;
    /* 让旋转更顺滑（可选） */
    transform-origin: center center;
}

/* 定义旋转动画 */
@keyframes rotate {
    from {
      transform: rotate(0deg); /* 起始角度 */
    }
    to {
      transform: rotate(360deg); /* 结束角度 */
    }
}