html,
body {
    min-width: 300px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #606266;
}

a:visited {
    color: inherit;
}

li {
    list-style: none;
}

/* 主题颜色全局变量 */
:root {
    /*--main-bg: #8a8e90;*/
    --main-bg: #806cff;
    --main-color: #232323;
    --logo-color: #3b1b39;
}

/* 页面全局样式 */
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    border: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

.page-container {
    height: 100%;
    position: relative;
    overflow-y: auto;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.clearfix {
    &:after {
        content: '';
        display: table;
        clear: both;
    }

}


@media screen and (max-width: 768px) {
    .el-message {
        min-width: 280px !important;
    }

    .el-message-box {
        width: 280px !important;
    }

    .el-drawer {
        width: 100% !important;
        /*max-width: 360px !important;*/
    }
}