/*!
 *  build: 双画象双精准育人平台 - 学校端 
 *  copyright: 来亿科技 
 *  time: 2021-8-24 10:08:24
 */
[data-v-10fba801]:export {
    menu-color: hsla(0, 0%, 100%, .95);
    menu-color-active: hsla(0, 0%, 100%, .95);
    menu-background: #282c34;
    column-second-menu-background: #fff
}

.error-container[data-v-10fba801] {
    position: relative;
    min-height: 100vh
}

.error-container .error-content[data-v-10fba801] {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 40vw;
    height: 400px;
    transform: translate(-50%, -50%)
}

.error-container .error-content .pic-error[data-v-10fba801] {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden
}

.error-container .error-content .pic-error-parent[data-v-10fba801] {
    width: 100%
}

.error-container .error-content .pic-error-child[data-v-10fba801] {
    position: absolute
}

.error-container .error-content .pic-error-child.left[data-v-10fba801] {
    top: 17px;
    left: 220px;
    width: 80px;
    opacity: 0;
    -webkit-animation-name: cloudLeft-10fba801;
    animation-name: cloudLeft-10fba801;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes cloudLeft-10fba801 {
    0% {
        top: 17px;
        left: 220px;
        opacity: 0
    }

    20% {
        top: 33px;
        left: 188px;
        opacity: 1
    }

    80% {
        top: 81px;
        left: 92px;
        opacity: 1
    }

    to {
        top: 97px;
        left: 60px;
        opacity: 0
    }
}

@keyframes cloudLeft-10fba801 {
    0% {
        top: 17px;
        left: 220px;
        opacity: 0
    }

    20% {
        top: 33px;
        left: 188px;
        opacity: 1
    }

    80% {
        top: 81px;
        left: 92px;
        opacity: 1
    }

    to {
        top: 97px;
        left: 60px;
        opacity: 0
    }
}

.error-container .error-content .bullshit[data-v-10fba801] {
    position: relative;
    float: left;
    width: 300px;
    padding: 30px 0;
    overflow: hidden
}

.error-container .error-content .bullshit-oops[data-v-10fba801] {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
    color: #1890ff;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.error-container .error-content .bullshit-headline[data-v-10fba801],
.error-container .error-content .bullshit-oops[data-v-10fba801] {
    font-weight: 700;
    opacity: 0;
    -webkit-animation-name: slideUp-10fba801;
    animation-name: slideUp-10fba801;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.error-container .error-content .bullshit-headline[data-v-10fba801] {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    color: #222;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.error-container .error-content .bullshit-info[data-v-10fba801] {
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 21px;
    color: rgba(0, 0, 0, .65);
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.error-container .error-content .bullshit-info[data-v-10fba801],
.error-container .error-content .bullshit-return-home[data-v-10fba801] {
    opacity: 0;
    -webkit-animation-name: slideUp-10fba801;
    animation-name: slideUp-10fba801;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.error-container .error-content .bullshit-return-home[data-v-10fba801] {
    display: block;
    float: left;
    width: 110px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #1890ff;
    border-radius: 100px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes slideUp-10fba801 {
    0% {
        opacity: 0;
        transform: translateY(60px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideUp-10fba801 {
    0% {
        opacity: 0;
        transform: translateY(60px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}