.container {
    max-width : 7.5rem;
    min-height: 100vh;
    margin    : auto;
    font-size : .32rem;
    text-align: center;
}

.container .text {
    font-size : .34rem;
    color     : #333;
    margin-top: 1.5rem
        /* 150/100 */
    ;
}

.loader {
    position : relative;
    margin   : 3.2rem auto 0;
    width    : 1.1rem;
    height   : 1rem;
    transform: scale(2);
}

.jimu-primary-loading:before,
.jimu-primary-loading:after {
    position: absolute;
    top     : 0;
    content : '';
}

.jimu-primary-loading:before {
    left: -.19992rem;
}

.jimu-primary-loading:after {
    left                   : .19992rem;
    -webkit-animation-delay: 0.32s !important;
    animation-delay        : 0.32s !important;
}

.jimu-primary-loading:before,
.jimu-primary-loading:after,
.jimu-primary-loading {
    background       : #1969fe;
    -webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out;
    animation        : loading-keys-app-loading 0.8s infinite ease-in-out;
    width            : .136rem;
    height           : .32rem;
}

.jimu-primary-loading {
    text-indent            : -9999em;
    margin                 : auto;
    position               : absolute;
    right                  : calc(50% - .068rem);
    top                    : calc(50% - .16rem);
    -webkit-animation-delay: 0.16s !important;
    animation-delay        : 0.16s !important;
}

@-webkit-keyframes loading-keys-app-loading {

    0%,
    80%,
    100% {
        opacity   : .75;
        box-shadow: 0 0 #1969fe;
        height    : .32rem;
    }

    40% {
        opacity   : 1;
        box-shadow: 0 -.08rem #1969fe;
        height    : .4rem;
    }
}

@keyframes loading-keys-app-loading {

    0%,
    80%,
    100% {
        opacity   : .75;
        box-shadow: 0 0 #1969fe;
        height    : .32rem;
    }

    40% {
        opacity   : 1;
        box-shadow: 0 -.08rem #1969fe;
        height    : .4rem;
    }
}