.loading-container {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.loading-svg {
    width: 128px;
    height: 128px;
    color: var(--primaryColor);
}

.loading-spin__container {
    width: 56px;
    height: 56px;
    margin: 36px 0;
}

.loading-spin {
    position: relative;
    height: 100%;
    animation: loadingSpin 1s linear infinite;
}

.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}
.top-0 {
    top: 0;
}
.bottom-0 {
    bottom: 0;
}

.loading-spin-item {
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: var(--primaryColor);
    border-radius: 8px;
    -webkit-animation: loadingPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    animation: loadingPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes loadingSpin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadingPulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

.loading-delay-500 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.loading-delay-1000 {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}
.loading-delay-1500 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

.loading-title {
    font-size: 24px;
    font-weight: 500;
    color: #1060C9FF;
}



/** { !*清除页面中默认的内外边距*!*/
/*    padding: 0;*/
/*    margin: 0 auto;*/
/*}*/

/*.ball { !*设置动画盒子的整体样式*!*/
/*    width: 240px; !*设置整体大小*!*/
/*    height: 100px;*/
/*    text-align: center; !*设置对齐方式*!*/
/*    color: #fff; !*设置文字颜色*!*/
/*    background: rgba(16, 96, 201, 0.8); !*设置背景颜色*!*/
/*    margin: 20% auto;*/
/*}*/

/*.ball > p { !*设置加载的提示文字的样式*!*/
/*    padding: 20px 0;*/
/*}*/

/*.ball > div { !*设置动画中三个小球的样式*!*/
/*    width: 18px; !*设置大小*!*/
/*    height: 18px;*/
/*    background:#1060C9FF; !*设置背景颜色*!*/
/*    border-radius: 100%; !*设置圆角边框*!*/
/*    display: inline-block; !*设置其显示方式*!*/
/*    animation: move 1.4s infinite ease-in-out both; !*添加动画*!*/
/*}*/

/*.ball .ball1 { !*设置第一个小球的动画延迟*!*/
/*    animation-delay: 0.16s;*/
/*}*/

/*.ball .ball2 { !*设置第二个小球的动画延迟*!*/
/*    animation-delay: 0.32s;*/
/*}*/

/*.ball .ball3 { !*设置第二个小球的动画延迟*!*/
/*    animation-delay: 0.48s;*/
/*}*/

/*@keyframes move { !*创建动画*!*/
/*    0% { transform: scale(0) }*/
/*    40% { transform: scale(1.0) }*/
/*    100% { transform: scale(0) }*/
/*}*/