:root { /* 全局作用域（HTML 文档根元素） */
    /*  主色 View UI（iView） 使用较为安全的蓝色作为主色调，其中 Light Primary 常用于 hover，Dark Primary 常用于 active。 */
    --primary-color: #2d8cf0;
    --light-Primary-color: #5cadff;
    --dark-primary-color: #2b85e4;
    /* 辅助色 # 辅助色是具有代表性的颜色，常用于信息提示，比如成功、警告和失败。 */
    --info-color: #2db7f5;
    --success-color: #19be6b;
    --warning-color: #ff9900;
    --error-color: #ed4014;
    /*中性色 # 中性色常用于文本、背景、边框、阴影等，可以体现出页面的层次结构。 */
    /* 标题 */
    --title-color: #17233d;
    /*正文*/
    --content-color: #515a6e;
    /* 辅助 /图标 */
    --sub-color: #808695;
    /* 失效 */
    --disabled-color: #c5c8ce;
    /* 边框 */
    --border-color: #dcdee2;
    /* 分割线 */
    --divider-color: #e8eaec;
    /* 背景 */
    --background-color: #f8f8f9;
    /* 主体颜色 */
    --theme-color: #d61518;
    --theme-sec-color: #d24749;
    /* 深色区域颜色 */
    --dark-color: #212121;
    /* 其他 */
    --magenta-pink: #eb2f96;
    --magenta-pink: #eb2f96;
    --red-color: #f5222d;
    --volcano-color: #fa541c;
    --orange-color: #fa8c16;
    --yellow-color: #fadb14;
    --gold-color: #faad14;
    --cyan-color: #13c2c2;
    --lime-color: #a0d911;
    --green-color: #52c41a;
    --blue-color: #1890ff;
    --geekblue-color: #2f54eb;
    --purple-color: #722ed1;
}

.bg-magenta,
.bg-pink {
    background-color: #eb2f96
}

.bg-red {
    background-color: #f5222d
}

.bg-volcano {
    background-color: #fa541c
}

.bg-orange {
    background-color: #fa8c16
}

.bg-yellow {
    background-color: #fadb14
}

.bg-gold {
    background-color: #faad14
}

.bg-cyan {
    background-color: #13c2c2;
}

.bg-lime {
    background-color: #a0d911
}

.bg-green {
    background-color: #52c41a
}

.bg-blue {
    background-color: #1890ff
}

.bg-geekblue {
    background-color: #2f54eb
}

.bg-purple {
    background-color: #722ed1
}



.ivu-input:hover {
    border-color: var(--theme-color);
}

.ivu-input:focus {
    border-color: var(--theme-color);
}

.ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: var(--theme-color);
    background-color: var(--theme-color);
}


.ivu-btn.ivu-btn-default:hover {
    color: var(--theme-color);
    background-color: #fff;
    border-color: var(--theme-color);
}

.ivu-btn.ivu-btn-default.active, .ivu-btn.ivu-btn-default:active {
    color: var(--theme-sec-color);
    background-color: #fff;
    border-color: var(--theme-sec-color);
}

.ivu-tabs-ink-bar {
    background-color: var(--theme-color);
}

.ivu-tabs-nav .ivu-tabs-tab {
    z-index: 2;
}

.ivu-tabs-nav .ivu-tabs-tab-active {
    color: white;
}

.ivu-tabs-nav .ivu-tabs-tab.ivu-tabs-tab:hover {
    color: var(--theme-sec-color);
}

.ivu-tabs-nav .ivu-tabs-tab.ivu-tabs-tab.ivu-tabs-tab-active:hover {
    color: white;
}

.ivu-tabs-ink-bar {
    height: 37px;
    z-index: 1;
}