body {
    font-family: "Microsoft Yahei", "微软雅黑", "华文细黑", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB";
    color: #282828;
}

html,
body {
    width: 100%;
    height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
th,
td,
tr,
table,
tbody,
thead,
tfoot,
em,
strong,
span {
    padding: 0;
    margin: 0;
}

*,
:after,
:before {
    box-sizing: border-box;
    outline: none;
}

button,
input,
optgroup,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul li {
    list-style: none;
}

a,
a:active {
    color: #4fb0e7;
    text-decoration: none;
}

a:hover {
    color: #009de7;
    text-decoration: none;
}

a {
    cursor: pointer;
}

.hide,
.HIDE {
    display: none !important;
}

.vhide,
.VHIDE {
    visibility: hidden !important;
}

.point {
    display: block;
    width: 8px;
    height: 8px;
    margin: auto auto;
    border-radius: 50%;
}

.color-brand {
    color: #409EFF;
}

.color-bg-brand {
    background-color: #409EFF;
}

.color-success {
    color: #67C23A;
}

.color-bg-success {
    background-color: #67C23A;
}

.color-warning {
    color: #E6A23C;
}

.color-bg-warning {
    background-color: #E6A23C;
}

.color-danger {
    color: #F56C6C;
}

.color-bg-danger {
    background-color: #F56C6C;
}

.color-info {
    color: #909399;
}

.color-bg-info {
    background-color: #909399;
}

.page-main-body {
    margin: 12px 8px 0 8px;
    flex: 1;
    display: flex;
    overflow: hidden;
}

.border-shadow {
    border: 1px solid #DCDFE6;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
}

.card-block {
    background-color: #fff;
    /* border-radius: 12px; */
    border: 1px solid #DCDFE6;
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04); */
    padding: 20px;
    margin-bottom: 20px;
}

.tox-tinymce-aux {
    z-index: 9999 !important;
}

.default-color {
    color: #409EFF
}

.success-color {
    color: #67C23A
}

.warning-color {
    color: #E6A23C
}

.danger-color {
    color: #F56C6C
}

.info-color {
    color: #909399
}

.msg-state-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.msg-state {
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.msg-state i {
    font-size: 28px;
}

.msg-state-rate {
    font-size: 12px;
    width: 100%;
    text-align: center;
}

.msg-doing {
    animation: loading 10s linear infinite;
    background-image: url(/static/images/doing.gif);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
}

.msg-doing:after {
    content: "";
}