.hc-loading-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    transition: .3s;
    .loader-inner {
        position: relative;
        text-align: center;
        margin-left: 100px;
        .loader-icon-span {
            transition: .3s;
            animation: loader-icon-rotation 3s linear infinite;
        }
        .loader-icon {
            font-size: 200px;
            color: #e99d42;
        }
        .loader-num {
            position: absolute;
            font-size: 28px;
            top: 85px;
            text-align: center;
            width: 100%;
            color: #e99d42;
        }
        .loader-tip {
            color: var(--el-color-primary);
            font-size: 19px;
            font-weight: 500;
        }
    }
}

@keyframes loader-icon-rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}