:root {
    --f-logo: 66px;
    --f-logo-small: 66px;
    --f-title-big: 24px;
    --f-title: 20px;
    --f-content: 16px;
    --f-small: 12px;
    --c-white: #fff;
    --c-green: #419e31;
    --c-golden: #9f9030;
    --c-blue-light: #3f51b5;
    --c-blue-dark: #303f9f;
    --c-red: #f44336;
    --c-red-dark: #d32f2f;
    --c-black: #000;
    --c-text: #212121;
    --c-second-text: #757575;
    --c-disable: #525252;
    --c-divider: #e0e0e0;
}

* {
    padding: 0;
    margin: 0;
    font-size: 0;
}

body {
    width: 100%;
    min-width: 1200px;
    font-family: arial, 宋体, sans-serif;
}

/* 蓝色按钮 */
.btn-blue{
    cursor: pointer;
    background: linear-gradient(45deg, var(--c-blue-light), var(--c-blue-dark));
    color: var(--c-white);
}
.btn-blue:hover{
    background-color: var(--c-blue-light);
}
/* 灰色按钮 */
/* 红色按钮 */
/* 阴影 */
.shadow-out {
    border: 1px solid var(--c-divider);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px;
}