:root {
    --color-bg-0: #fff;
    --color-bg-1: #f5f6f7;
    --color-bg-2: #ededed;
    --color-bg-3: #e0e0e0;
    --color-theme-blue-1: #19c1f5;
    --color-theme-blue-2: #067799;
    --color-theme-blue-3: #29b4df;
    --color-theme-blue-4: #1294bb;
    --color-text-0: #000;
    --color-text-1: #222;
    --color-text-2: #444;
    --color-text-3: #666;
    --color-text-4: #888;
    --color-text-5: #aaa;
    --color-text-6: #ccc;
    --color-text-7: #fff;
    --color-gray-1: #eee;
    --shadow-box-1: 0 0 20px rgba(116, 116, 116, 0.08);
    --shadow-box-2: 0 0 10px rgba(116, 116, 116, 0.2);
    --shadow-box-3: 0 2px 5px rgba(70, 70, 70, 0.4);
    --color-red-0: #f94c2e;
    --color-green-0: #00a548;
    --color-yellow-0: #e78b1f;
    --color-yellow-1: #fff1d3;
    --transition-0: all 0.3s;
}

body {
    font-family: Microsoft Yahei, "微软雅黑", Arial, 'iconfont', 'Material Icons', Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    padding: 0;
    margin: 56px 0 0;
}

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

/* 鼠标选中背景颜色 */
::selection {
    background: rgba(0, 149, 255, 0.4);
    color: #ffffff;
}

::-moz-selection {
    background: rgba(0, 149, 255, 0.4);
    color: #ffffff;
}

::-moz-selection {
    background: rgba(0, 149, 255, 0.4);
    color: #ffffff;
}

/* 字体设置 */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/web/libs/mdui/icons/material-icons/MaterialIcons-Regular.woff) format('woff')
}

@font-face {
    font-family: 'iconfont';
    src: url('/web/fonts/iconfont.woff2') format('woff2'),
        url('/web/fonts/iconfont.woff') format('woff'),
        url('/web/fonts/iconfont.ttf') format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga'
}