.loader-wrapper {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    user-select: none;
    color: #048790;
    background-color: snow;
}

.loader-wrapper .loading {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
    transform: scale(3);
}

.loader-wrapper .loading::before,
.loader-wrapper .loading::after {
    content: '';
    display: block;
    position: absolute;
    background-color: currentColor;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 50%;
    box-shadow: -0.5em 0 0 currentColor;
    animation: loading 1s linear infinite;
}

.loader-wrapper .loading::after {
    top: 50%;
    bottom: 0;
    animation-delay: 0.25s;
}

@keyframes loading {

    0%,
    100% {
        box-shadow: -0.5em 0 0 transparent;
        background-color: currentColor;
    }

    50% {
        box-shadow: -0.5em 0 0 currentColor;
        background-color: transparent;
    }
}

.loader-wrapper .load_title {
    font-size: 24px;
    margin-top: 50px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}