@import '../style/theme.less';
@import '../style/utils.less';
.maskLoading-wrap {
    position: relative;
    box-sizing: border-box;
    &>.maskLoading-loading {
        position: absolute;
        color: @loadingColor;
        font-size: 14px;
        top: 50%;
        left: 0;
        width: 100%;
        z-index: 22;
        text-align: center;
        display: none;
        margin-top: -26px;
        &>.tip {
            font-size: 12px;
            line-height: 2em;
        }
        &.notip {
            margin-top: -14px;
            &>.tip {
                display: none;
            }
        }
        &>.spiner {
            padding: 4px 0;
            height: 28px;
            font-size: 24px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            & .ant-spin {
                display: block;
            }
        }
        &.large {
            margin-top: -34px;
            &.notip {
                margin-top: -22px;
            }
            &>.spiner {
                padding: 6px 0;
                height: 44px;
                font-size: 36px;
            }
            &>.tip {
                font-size: 14px;
            }
        }
        &.small {
            margin-top: -23px;
            &.notip {
                margin-top: -11px;
            }
            &>.spiner {
                padding: 4px 0;
                height: 22px;
                font-size: 18px;
            }
            &>.tip {
                .iconfont-size-under-12px(9px)
            }
        }
    }
    &.loading {
        &>.maskLoading-loading {
            display: block;
        }
        &>.maskLoading-content {
            filter: blur(1px);
            opacity: 0.7;
        }
    }
}