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: "";
}