/*!
 *  build: 双画象双精准育人平台 - 学校端 
 *  copyright: 来亿科技 
 *  time: 2021-8-24 10:08:24
 */
.plus-loader:not(:required) {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    overflow: hidden;
    text-indent: -9999px;
    background: #f86;
    border-radius: 24px;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    -webkit-animation: plus-loader-background 3s ease-in-out infinite;
    animation: plus-loader-background 3s ease-in-out infinite
}

.plus-loader:not(:required):after {
    background: #f86;
    -webkit-animation: plus-loader-top 3s linear infinite;
    animation: plus-loader-top 3s linear infinite
}

.plus-loader:not(:required):after,
.plus-loader:not(:required):before {
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 100%;
    content: "";
    border-radius: 24px 0 0 24px;
    transform-origin: 100% 50%
}

.plus-loader:not(:required):before {
    background: #fc6;
    -webkit-animation: plus-loader-bottom 3s linear infinite;
    animation: plus-loader-bottom 3s linear infinite
}

@-webkit-keyframes plus-loader-top {
    2.5% {
        background: #f86;
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    13.75% {
        background: #ff430d;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    13.76% {
        background: #ffae0d;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    25% {
        background: #fc6;
        transform: rotateY(180deg)
    }

    27.5% {
        background: #fc6;
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    41.25% {
        background: #ffae0d;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    41.26% {
        background: #2cc642;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        background: #6d7;
        transform: rotateY(0deg)
    }

    52.5% {
        background: #6d7;
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    63.75% {
        background: #2cc642;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    63.76% {
        background: #1386d2;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    75% {
        background: #4ae;
        transform: rotateY(180deg)
    }

    77.5% {
        background: #4ae;
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    91.25% {
        background: #1386d2;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    91.26% {
        background: #ff430d;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        background: #f86;
        transform: rotateY(0deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }
}

@keyframes plus-loader-top {
    2.5% {
        background: #f86;
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    13.75% {
        background: #ff430d;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    13.76% {
        background: #ffae0d;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    25% {
        background: #fc6;
        transform: rotateY(180deg)
    }

    27.5% {
        background: #fc6;
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    41.25% {
        background: #ffae0d;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    41.26% {
        background: #2cc642;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        background: #6d7;
        transform: rotateY(0deg)
    }

    52.5% {
        background: #6d7;
        transform: rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    63.75% {
        background: #2cc642;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    63.76% {
        background: #1386d2;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    75% {
        background: #4ae;
        transform: rotateY(180deg)
    }

    77.5% {
        background: #4ae;
        transform: rotateY(180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    91.25% {
        background: #1386d2;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    91.26% {
        background: #ff430d;
        transform: rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        background: #f86;
        transform: rotateY(0deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }
}

@-webkit-keyframes plus-loader-bottom {
    0% {
        background: #fc6;
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    50% {
        background: #fc6;
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    75% {
        background: #4ae;
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    to {
        background: #4ae;
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }
}

@keyframes plus-loader-bottom {
    0% {
        background: #fc6;
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    50% {
        background: #fc6;
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    75% {
        background: #4ae;
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    to {
        background: #4ae;
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }
}

@-webkit-keyframes plus-loader-background {
    0% {
        background: #f86;
        transform: rotate(180deg)
    }

    25% {
        background: #f86;
        transform: rotate(180deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    27.5% {
        background: #6d7;
        transform: rotate(90deg)
    }

    50% {
        background: #6d7;
        transform: rotate(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    52.5% {
        background: #6d7;
        transform: rotate(0deg)
    }

    75% {
        background: #6d7;
        transform: rotate(0deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    77.5% {
        background: #f86;
        transform: rotate(270deg)
    }

    to {
        background: #f86;
        transform: rotate(270deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }
}

@keyframes plus-loader-background {
    0% {
        background: #f86;
        transform: rotate(180deg)
    }

    25% {
        background: #f86;
        transform: rotate(180deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    27.5% {
        background: #6d7;
        transform: rotate(90deg)
    }

    50% {
        background: #6d7;
        transform: rotate(90deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    52.5% {
        background: #6d7;
        transform: rotate(0deg)
    }

    75% {
        background: #6d7;
        transform: rotate(0deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }

    77.5% {
        background: #f86;
        transform: rotate(270deg)
    }

    to {
        background: #f86;
        transform: rotate(270deg);
        -webkit-animation-timing-function: step-start;
        animation-timing-function: step-start
    }
}