/* var */
:root {
    --black: #000;
    --white: #fff;
    --gray: #c8c9cc;
    --gray-light: #e5e5e5;
    --gray-darker: #7d7e80;
    --gray-dark: #969799;
    --text-color: #3c3c3c;
    --border-color: #ebedf0;
    --active-color: #f2f3f5;
    --background-color: #f8f8f8;
    --background-color-light: #fafafa;

    --theme-color: #3095fb;
    --theme-color-dark: #1989fa;
    --theme-color-light: #a3d0fd;

    --warning-color: #ffa179;
    --warning-color-dark: #ff976a;
    --warning-color-light: #fffbe8;

    --success-color: #20c770;
    --success-color-dark: #07c160;
    --success-color-light: #b5eccf;

    --error-color: #ff5757;
    --error-color-dark: #f44;
    --error-color-light: #ffc7c7;

    --font-size: 16px;
    --center-width: 1200px;
}


a,
b,
body,
button,
dd,
div,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
img,
input,
iframe,
li,
ol,
option,
p,
select,
span,
textarea,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    list-style: none;
    outline: none;
    resize: none;
    background: none;
    /*-webkit-appearance: none;*/
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100% !important
}

body {
    font-size: 16px;
    font-size: var(--font-size);
    color: #5a5a5a;
    color: var(--text-color, #3c3c3c);
    font-family: Consolas, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, \\5B8B\4F53, sans-serif;
}

body,
html {
    width: 100%;
    min-width: 1200px;
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

a {
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

a,
a:hover {
    text-decoration: none;
    color: inherit
}

code {
    padding: 3px 5px 2px;
    margin: 0 1px;
    background: #eaeaea;
    background: rgba(0, 0, 0, .07);
    font-size: 12px
}

input, textarea {
    font: inherit;
}


input[type="submit"] {
    color: inherit;
    cursor: pointer;
}

table, thead, tbody, th, td, tr {
    border-spacing: 0;
}

::-moz-selection {
    background-color: rgba(0, 0, 0, .1)
}

::selection {
    background-color: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .2)
}


.richtext ol,
.richtext ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
    -webkit-margin-start: 0px;
       -moz-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
       -moz-margin-end: 0px;
            margin-inline-end: 0px;
    -webkit-padding-start: 40px;
       -moz-padding-start: 40px;
            padding-inline-start: 40px;
}

.richtext ol {
    list-style-type: decimal;
}

.richtext li {
    display: list-item;
    list-style-type: inherit;
}

.richtext img {
    max-width: 100%;
}