:root {
    /* 字体大小规范 */
    --font-x-large: 18px;
    --font-large  : 16px;
    --font-medium : 14px;
    --font-small  : 12px;
    --font-x-small: 10px;

    /* 颜色规范 */
    --color-default  : #384048;
    --color-primary  : #409EFF;
    --color-secondary: #04c786;
    --color-info     : #999;
    --color-border   : #eee;
    --color-up       : #ff2b2b;
    --color-down     : #04c786;

    /* 导航栏 */
    --navbar-height          : .88rem;
    --navbar-color           : #fff;
    --navbar-background      : #2481dd;
    --navbar-backbutton-color: #fff;

    /* 标签栏 */
    --tabbar-background : #fff;
    --tabbar-icon       : #777;
    --tabbar-icon-active: #00577c;

    /* 内容边距 */
    --content-inset: .24rem;

    /* Vant-Button */
    --van-button-border-width            : 0;
    --van-button-primary-background-color: #00577C;

    /* Vant-Checkbox */
    --van-checkbox-checked-icon-color: var(--van-button-primary-background-color) !important;

    .app-tabs {
        .tabs {
            flex-wrap: wrap;

            &-item {
                display         : flex;
                justify-content : center;
                align-items     : center;
                color           : #626675;
                cursor          : pointer;
                border-radius   : 4px;
                background-color: #f0f0f1;
                padding         : 8px 16px;

                &:not(:first-child) {
                    margin-left: 10px;
                }

                &.is-active {
                    color      : #222;
                    font-weight: bold;
                }
            }
        }
    }
}