body {
    background-color: #faf6ee;

    /*页面外框*/

    .header-navbar .logo {
        background-color: transparent;
    }

    .wrapper {
        padding: 10px !important;
    }

    .panel {
        border-radius: 4px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
    }

    .wrapper > div > .panel > .panel-heading,
    .wrapper > div > div > .panel > .panel-heading {
        margin: 0;
        border-bottom: 1px solid #e5ebf1 !important;
    }

    .panel-heading {
        padding-left: 0 !important;
        background-color: transparent !important;
    }

    .panel-heading em {
        display: none !important;
    }

    .access-path-title {
        display: none;
    }

    .panel-title {
        padding-left: 15px;
        font-size: 14px;
        line-height: 17px;
    }

    .wrapper > div > .panel > .panel-heading .panel-title,
    .wrapper > div > div > .panel > .panel-heading .panel-title {
        color: #333;
        font-weight: bold;
    }

    /*页面tabs*/

    .page-title-tabs {
        .tmv-customize {
            height: auto;
            overflow: initial;
        }

        .tmv-customize li {
            border-radius: 5px 5px 0 0;
            color: #666;
            background: #e3eaf1aa;
            line-height: 30px;
            height: 30px;
            min-width: auto;
            padding: 0 20px;
        }

        .tmv-customize li span {
            margin: 0;
        }

        .tmv-customize li:hover {
            color: #ee5a2f;
        }

        .tmv-customize li.active {
            color: #ee5a2f;
            font-weight: bold;
            background: #fff;
            border: none;
            line-height: 30px;
            box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.08);
        }
    }

    .el-select--small .el-select__wrapper {
        padding: 1px 8px;
    }

    /*必填*/

    .required {
        border-radius: 4px 0 0 4px;
    }

    .required.edui-default .edui-editor,
    .required.select2-container .select2-selection--multiple {
        border-left: 0;
    }

    /*附件*/

    .webuploader-pick {
        border-radius: 4px !important;
    }

    /*多标签点选*/

    .status-label ul {
        overflow: visible;
    }

    .status-label li {
        position: relative;

        .number {
            position: absolute;
            top: -6px;
            right: -3px;
            border-radius: 20px;
            padding: 0 4px;
            font-size: 9px;
            line-height: 13px;
            background: #aaa;
            color: #fff;
            z-index: 99;
        }
    }

    .status-label li:hover {
        color: #7776b0;
        border-color: #7776b0;
        position: relative;
        z-index: 9;
    }

    .status-label li.active {
        border-color: #7776b0;
        color: #7776b0;
        background-image: url('/static/images/srm/platform/icon-tag-check.svg');
    }

    .status-label li:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .status-label li:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .status-label li.active .number {
        background: #7776b0;
    }

    /*左侧导航*/

    .sidebar {
        width: 160px;
        background-color: #fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);

        .sidebar-scroll {
            background-color: transparent;

            /*搜索*/

            .sidebar-menu-navigation i.fa-angle-right {
                left: 140px;
            }

            .sidebar-menu-navigation {
                background-color: transparent;
                border-color: #e5ebf1;
                border-top: 1px solid #e5ebf1;
                color: #333;
            }

            .sidebar-menu-navigation:hover {
                background-color: #f3f3f3;
            }

            /*标题*/

            .sidebar-title {
                padding: 6px 0 6px 12px;
                line-height: 16px;
                background-color: #57585a;
                color: #fff;
            }
        }

        ul.sidebar-menu > li {
            position: relative;
            padding: 2px 0;
        }

        ul.sidebar-menu > li:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 10px;
            right: 15px;
            border-bottom: 1px solid #eee;
        }

        ul.sidebar-menu > li > a {
            color: #333;
            font-weight: bold;
            padding: 10px 0;
            line-height: 16px;
        }

        ul.sidebar-menu > li > a i.fa {
            color: #333;
            line-height: 36px;
        }

        ul.sidebar-menu ul li a {
            color: #888;
            padding: 10px 0;
        }

        ul.sidebar-menu li a:hover {
            background-color: transparent;
            color: #333;
        }

        ul.sidebar-menu ul li a:hover {
            color: #888;
        }

        ul.sidebar-menu ul li a:hover {
            background-color: #f3f3f3;
            color: #555;
        }

        ul.sidebar-menu ul,
        ul.sidebar-menu ol {
            background-color: transparent;
        }

        ul.sidebar-menu ul .active a:hover,
        ul.sidebar-menu ul .active a {
            background-color: #ee5a2f;
            color: #fff;
            border: none;
        }

        ul.sidebar-menu ul .active a span {
            margin: 0;
        }

        ul.sidebar-menu ul a i {
            left: 124px;
        }

        .admin-special-menu {
            color: #6bcf2d !important;
        }

        ul.sidebar-menu ul.nav-one {
            display: block !important;

            li a {
                font-weight: bold;
                color: #333;
            }

            li.active a {
                font-weight: normal;
                color: #fff;
            }
        }
    }

    /*页面重要提醒*/

    .flash-error {
        background-color: #ffcc0033;
    }

    /*主色调*/

    .fa-blue {
        color: #56558f;
    }

    /*右上角 全屏*/

    .icon-full-screen {
        background-image: url('/static/images/srm/platform/icon-full-screen-b.svg');
    }

    /*右上角 灯泡*/

    .help-info-icon {
        padding: 2px 8px;
        cursor: pointer;
        background: url('/static/images/srm/platform/icon-question-circle-o.svg') center bottom/16px no-repeat;
        margin: 0 5px 0 10px;
    }

    .help-info-icon img {
        display: none;
    }

    .app-table-list {
        .label {
            border-radius: 3px;
            line-height: 15px;
            padding: 3px 6px;
        }

        .label-success {
            background: #8ecd8e;
        }

        .label-danger {
            background: #ee5a2f;
        }

        .label-default {
            background: #bbb;
        }
    }

    .resume-favorite .change-favorite-group {
        background: #7776b0;
    }

    .icon-favorite {
        background-image: url("../../images/srm/platform/icon-favorite.svg")
    }

    .icon-favorite.active {
        background-image: url("../../images/srm/platform/icon-favorite-select.svg")
    }

    .text-ai {
        color: #7776b0;
    }

    /*列表页-分页*/

    .pagination > li > a {
        color: #7776b0;
    }

    .pagination > .active > a {
        background-color: #7776b0;
        border-color: #7776b0;
        color: #fff;
    }

    .table-full-icon .fa-blue {
        color: #7776b0;
    }
}

/*按钮*/
.btn-primary {
    background-color: #7776b0;
}

.btn-primary:hover {
    background-color: #56558f;
}

.btn-success {
    background-color: #8ecd8e;
}

.btn-success:hover {
    background-color: #6eb16e;
}

.btn-danger {
    background-color: #ee5a2f;
}

.btn-danger:hover {
    background-color: #cf4017;
}

/*表单*/
.btn,
.form-control,
.el-select--small .el-select__wrapper,
.cascader-container .el-input__wrapper,
.select2-container,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple {
    border-radius: 4px !important;
}