/*导入 lang-icon*/
@import url("lang-icon/langicon.css");

#app {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
[v-cloak],.v-cloak {
    display: none;
}
.hidden
{
    display:none;
}
.pointer {
    cursor: pointer;
}
.loading {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: transparent;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    display: flex;
    overflow: hidden;
}

    .loading .loading-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        /*    background-color: #157bd0;
    opacity: 0.9;*/

        background-color: #fff;
        opacity: 0.3;
    }

    .loading .loading-box {
        position: fixed;
        top: 45vh;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        display: block;
        padding: 10px 30px;
        border-radius: 5px;
        background-color: #157bd0;
        opacity: 0.6;
    }

        .loading .loading-box img {
            filter: brightness(0) invert(1);
        }

        .loading .loading-box .loading-item {
            color: #157bd0;
        }

        .loading .loading-box .lds-ring {
            display: inline-block;
            position: relative;
            width: 36px;
            height: 36px;
            margin-top: 10px;
        }

            .loading .loading-box .lds-ring div {
                box-sizing: border-box;
                display: block;
                position: absolute;
                width: 36px;
                height: 36px;
                margin: 0;
                border: 3px solid #157bd0;
                border-radius: 50%;
                animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
                border-color: #fff transparent transparent transparent;
                opacity: 0.9;
            }

                .loading .loading-box .lds-ring div:nth-child(1) {
                    animation-delay: -0.45s;
                }

                .loading .loading-box .lds-ring div:nth-child(2) {
                    animation-delay: -0.3s;
                }

                .loading .loading-box .lds-ring div:nth-child(3) {
                    animation-delay: -0.15s;
                }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.animate__animated.animate__veryfast {
    -webkit-animation-duration: calc(1s * 0.12);
    animation-duration: calc(1s * 0.12);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.12);
    animation-duration: calc(var(--animate-duration) * 0.12);
}


.langbtn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 24px;
}

.langicon {
    font-size: 24px;
}


.toast-center-center {
    top: 40%;
    right: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#toast-container > div {
    width: 420px;
    max-width: 100vw;
}