html, body, #vapp {
    width: 100vw;
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    overflow: hidden;
}

#vapp {
    overflow-y: auto;
}

context {
    display: block;
    width: 1200px;
    padding: 0px calc((100% - 1200px)/2);
    text-align: left;
    margin-top: 10px;
}

*[v-cloak] {
    display: none;
}

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

a:hover {
    text-decoration: underline;
}

*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}


*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(133, 131, 131, 0.2);
    background: #888888;
    background-image: -webkit-linear-gradient(45deg,
            rgba(184, 164, 164, 0.2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.2) 75%,
            transparent 75%,
            transparent),
        url(/Utilities/scrollbar-thumb.gif);
    --background-image: url(/Utilities/scrollbar-thumb.gif);
    background-repeat: no-repeat;
}


*::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 3px rgba(133, 131, 131, 0.2);
    border-radius: 3px;
    background: #EDEDED;
    --background-image: url(/Utilities/scrollbar-track.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

.open_notice_context, open_notice_context * {
    font-size: 16px !important;
}

.open_notice_context img {
    max-width: 100% !important;
}

/*卡片*/

card {
    display: block;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    overflow: hidden;
    color: #303133;
    transition: .3s;
    margin: 15px;
    box-sizing: border-box;
}

card-title {
    display: block;
    padding: 15px;
    line-height: 2em;
    position: relative;
    border-bottom: solid 1px rgba(0, 0, 0, .1);
}

card-title[arrow]::after {
    content: '\e670';
    position: absolute;
    top: 15px;
    right: 8px;
    font-size: 18px;
    font-family: "webdesk_icon" !important;
}

card-title[line] {
    border-bottom: solid 1px rgba(0, 0, 0, .1);
}

card-context {
    display: block;
    padding: 10px 15px 15px 15px;
    line-height: 30px;
    box-sizing: border-box;
}

.el-message-box__status {
    top: 15px !important;
}

/*关闭按钮的样式*/
.el-button--close:hover {
    background: #eee;
    color: #333;
}

.el-button--close::before {
    content: '\e72c';
    font-size: 15px;
    font-family: "webdesk_icon" !important;
    margin-right: 5px;
}

.el-button--cancel::before {
    content: '\e748';
    font-size: 15px;
    font-family: "webdesk_icon" !important;
    margin-right: 5px;
}

/*确定保存按钮的样式*/
.el-button[define="enter"]:not(.is-loading)::before {
    content: '\a048';
    font-size: 15px;
    font-family: "webdesk_icon" !important;
}

/*应用按钮的样式*/
.el-button[define="apply"] {
    color: #3c8d13;
    background: #f0f9eb;
    border-color: #c2e7b0;
}

.el-button[define="apply"]:hover {
    color: #f0f9eb;
    background: #7bbb5b;
    border-color: #c2e7b0;
}

.el-button[define="apply"]:not(.is-loading)::before {
    content: '\e634';
    font-size: 15px;
    margin-right: 5px;
    font-family: "webdesk_icon" !important;
}

.el-button icon {
    font-size: 14px;
}