diff --git a/src/assets/scss/aui.scss b/src/assets/scss/aui.scss
index eb7f50d46..acecb5681 100644
--- a/src/assets/scss/aui.scss
+++ b/src/assets/scss/aui.scss
@@ -3,4 +3,4 @@
 @import './variables.scss';
 // 公共
 @import './normalize.scss';
-@import './common-dai.scss';
+@import './common.scss';
diff --git a/src/assets/scss/c/config.scss b/src/assets/scss/c/config.scss
index 358238e75..59d618469 100644
--- a/src/assets/scss/c/config.scss
+++ b/src/assets/scss/c/config.scss
@@ -11,7 +11,11 @@ $w1: 1200px;
 
 //网站主色 primary color bgcolor
 $c1: #0056d6; // 红  dd000f
-$c2: #3e8ef7;
+$c1_on: #0042a3;
+$c2: #ff4d4f;
+$c3: #faaf00;
+$c4: #17c26f;
+$c2: #088cf7;
 
 //灰度色 用于字体
 $fc0: #010033;
diff --git a/src/assets/scss/c/function.scss b/src/assets/scss/c/function.scss
index 2f0d0258b..f591e64c8 100644
--- a/src/assets/scss/c/function.scss
+++ b/src/assets/scss/c/function.scss
@@ -280,15 +280,21 @@
 
 @mixin scrollBar {
 	&::-webkit-scrollbar {
-		/*滚动条整体样式*/
-		width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
+		width: 4px;
 		height: 4px;
+		&:hover {
+			width: 8px;
+			height: 8px;
+		}
 	}
 	&::-webkit-scrollbar-thumb {
+		width: 4px;
+		height: 4px;
 		/*滚动条里面小方块*/
 		border-radius: 4px;
-		box-shadow: inset 0 0 5px #7ba6e6;
-		background: #7ba6e6;
+		box-shadow: inset 0 0 5px lighten($c1, 40);
+		// box-shadow: none;
+		background: lighten($c1, 40);
 	}
 	&::-webkit-scrollbar-track {
 		/*滚动条里面轨道*/
diff --git a/src/assets/scss/common-dai.scss b/src/assets/scss/common-dai.scss
deleted file mode 100644
index 60412b81e..000000000
--- a/src/assets/scss/common-dai.scss
+++ /dev/null
@@ -1,860 +0,0 @@
-// @font-face {
-//     font-family: "思源宋体";
-//     src: local("思源宋体"), url(../fonts/SourceHanSerifCN-Regular-1.otf) format("opentype");
-//     font-weight: normal;
-//     font-style: normal;
-// }
-// @font-face {
-//     font-family: "思源宋体";
-//     src: local("思源宋体"), url(../fonts/SourceHanSerifCN-Heavy-4.otf) format("opentype");
-//     font-weight: 800;
-//     font-style: normal;
-// }
-// @font-face {
-//     font-family: "思源宋体";
-//     src: local("思源宋体"), url(../fonts/SourceHanSerifCN-Medium-6.otf) format("opentype");
-//     font-weight: 500;
-//     font-style: normal;
-// }
-// @font-face {
-//     font-family: "思源宋体";
-//     src: local("思源宋体"), url(../fonts/SourceHanSerifCN-Medium-6.otf) format("opentype");
-//     font-weight: 600;
-//     font-style: normal;
-// }
-@import "./c/function.scss";
-
-*,
-*:before,
-*:after {
-    box-sizing: border-box;
-}
-html {
-    min-width: 1200px;
-    overflow-x: auto;
-    @include scrollBar;
-}
-body {
-    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
-        sans-serif;
-    font-size: $--font-size-base;
-    line-height: $base--line-height;
-    color: $--color-text-primary;
-    background-color: #f5f7fa;
-}
-a {
-    color: mix(#fff, $--color-primary, 20%);
-    text-decoration: none;
-    &:focus,
-    &:hover {
-        color: $--color-primary;
-        text-decoration: underline;
-    }
-}
-img {
-    vertical-align: middle;
-}
-:focus,
-:hover {
-    outline: none;
-}
-
-/* Utils
------------------------------- */
-[v-cloak] {
-    display: none;
-}
-.clearfix:before,
-.clearfix:after {
-    content: " ";
-    display: table;
-}
-.clearfix:after {
-    clear: both;
-}
-.fr {
-    float: right !important;
-}
-.fl {
-    float: left !important;
-}
-.fi {
-    float: initial !important;
-}
-.m-auto {
-    margin: auto !important;
-}
-.mt-auto {
-    margin-top: auto !important;
-}
-.mr-auto {
-    margin-right: auto !important;
-}
-.mb-auto {
-    margin-bottom: auto !important;
-}
-.ml-auto {
-    margin-left: auto !important;
-}
-.text-right {
-    text-align: right !important;
-}
-.text-center {
-    text-align: center !important;
-}
-.text-left {
-    text-align: left !important;
-}
-.w-percent-100 {
-    width: 100% !important;
-}
-.base-line-height {
-    line-height: $base--line-height !important;
-}
-
-/* Reset element-ui
------------------------------- */
-.aui-wrapper {
-    .el-card + .el-card {
-        margin-top: 15px;
-    }
-    .el-input__prefix .el-input__icon {
-        display: inline-block;
-        vertical-align: middle;
-    }
-    .el-date-editor .el-range-separator {
-        width: 8%;
-    }
-    .el-table th {
-        color: $--color-text-primary;
-        background-color: $--background-color-base;
-    }
-    .el-pagination {
-        margin-top: 15px;
-        text-align: right;
-    }
-    .el-table__expand-icon {
-        display: inline-block;
-        width: 14px;
-        vertical-align: middle;
-        margin-right: 5px;
-    }
-}
-
-/* Common
------------------------------- */
-// 图标
-.icon-svg {
-    width: 1em;
-    height: 1em;
-    fill: currentColor;
-    vertical-align: middle;
-    overflow: hidden;
-}
-// 卡片
-.aui-card--fill .el-card__header {
-    height: $content--card-header-height;
-    line-height: $content--card-header-height - 36px;
-}
-.aui-card__title {
-    font-size: 16px;
-}
-// 表单
-.aui-form__label-icon {
-    display: inline-block;
-    margin: 0 3px;
-    vertical-align: middle;
-    font-size: 18px;
-    color: $--color-text-secondary;
-}
-// 按钮
-.aui-button--dashed {
-    border-style: dashed;
-    &:focus,
-    &:hover {
-        background-color: transparent;
-    }
-    &-add {
-        > span > *[class*="el-icon-"],
-        > span > *[class*="icon"] {
-            vertical-align: middle;
-            font-size: 18px;
-            margin-right: 5px;
-        }
-    }
-}
-
-/* Layout
------------------------------- */
-.aui-wrapper {
-    position: relative;
-    padding-top: $navbar--height;
-    &.z-iframe {
-        padding-top: 0;
-        .aui-content--tabs {
-            padding-top: 0;
-        }
-    }
-}
-
-/* Sidebar fold
------------------------------- */
-.aui-sidebar--fold {
-    .aui-navbar {
-        &__header,
-        &__brand {
-            // width: $sidebar--width-fold;
-        }
-        &__brand {
-            &-lg {
-                // display: none;
-            }
-            &-mini {
-                // display: inline-block;
-            }
-        }
-        &__icon-menu--switch {
-            transform: rotateZ(180deg);
-        }
-    }
-    .aui-sidebar {
-        &__inner {
-            width: $sidebar--width-fold + 20px;
-        }
-        &,
-        &__menu {
-            width: $sidebar--width-fold;
-        }
-        &__menu > li > .el-submenu__title {
-            text-align: center;
-        }
-        &__menu-icon {
-            margin-right: 0;
-            font-size: 18px;
-        }
-    }
-    .aui-content {
-        &__wrapper {
-            margin-left: $sidebar--width-fold;
-        }
-        &--tabs > .el-tabs > .el-tabs__header {
-            left: $sidebar--width-fold;
-        }
-    }
-}
-
-.aui-sidebar--noside {
-    .aui-sidebar {
-        display: none !important;
-    }
-    .aui-content {
-        &__wrapper {
-            margin-left: 0 !important;
-        }
-        &--tabs > .el-tabs > .el-tabs__header {
-            left: 0 !important;
-        }
-    }
-}
-
-/* Navbar
------------------------------- */
-.aui-navbar {
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    z-index: 1030;
-    display: flex;
-    align-items: stretch;
-    height: $navbar--height;
-    background-color: $--color-primary;
-    background: #fff;
-    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
-
-    &__header {
-        position: relative;
-        display: flex;
-        width: $sidebar--width;
-        height: $navbar--height;
-        transition: width 0.3s;
-        align-items: center;
-
-        .aui-navbar__logo {
-            margin-left: 16px;
-            width: 32px;
-            height: 32px;
-            background: #0056d6;
-            border-radius: 100%;
-            overflow: hidden;
-            img {
-                width: 32px;
-                height: 32px;
-            }
-        }
-    }
-    &__brand {
-        display: flex;
-        // justify-content: center;
-        align-items: center;
-        padding: 5px 0 5px 16px;
-        margin: 0;
-        width: 60%;
-        height: 100%;
-        font-size: 20px;
-        text-transform: uppercase;
-        white-space: nowrap;
-        color: #fff;
-        overflow: hidden;
-        transition: width 0.3s;
-        font-size: 16px;
-        font-weight: bold;
-
-        &-lg,
-        &-mini {
-            max-width: 100%;
-            cursor: pointer;
-            color: #333;
-            &:focus,
-            &:hover {
-                text-decoration: none;
-            }
-        }
-        &-mini {
-            display: none;
-        }
-    }
-    &__body {
-        position: relative;
-        display: flex;
-        flex: 1;
-        background-color: #fff;
-        overflow: hidden;
-    }
-    &__menu {
-        background-color: transparent;
-        border-bottom: 0 !important;
-        a:focus,
-        a:hover {
-            text-decoration: none;
-        }
-        &.z-div {
-            .el-menu-item {
-                position: relative;
-
-                &:last-child {
-                    &::after {
-                        display: none;
-                    }
-                }
-
-                &::after {
-                    position: absolute;
-                    content: "";
-                    right: 0;
-                    top: 0;
-                    bottom: 0;
-                    margin: auto 0;
-                    width: 1px;
-                    height: 18px;
-                    background-color: rgba(#ffffff, 0.6);
-                }
-            }
-        }
-        .el-menu-item,
-        .el-submenu > .el-submenu__title {
-            height: $navbar--height;
-            padding: 0 15px;
-            line-height: $navbar--height;
-            border-color: transparent !important;
-        }
-        .el-menu-item.is-active,
-        .el-submenu.is-active > .el-submenu__title {
-            color: $--color-text-secondary;
-            &:focus,
-            &:hover {
-                color: $--color-text-primary;
-            }
-        }
-        .el-menu-item {
-            &:focus,
-            &:hover {
-                .aui-navbar__icon-menu {
-                    color: $--color-text-primary;
-                }
-                .el-dropdown {
-                    color: $--color-text-primary;
-                    .el-icon-arrow-down {
-                        transform: rotateZ(180deg);
-                    }
-                }
-                .icon-nav {
-                    font-weight: bold;
-                }
-            }
-            * {
-                vertical-align: initial;
-            }
-            .aui-navbar__icon-menu {
-                vertical-align: middle;
-                font-size: 16px;
-            }
-            .el-dropdown {
-                color: $--color-text-secondary;
-                .el-icon-arrow-down {
-                    width: auto;
-                    font-size: 12px;
-                    margin: 0 0 0 5px;
-                    transition: transform 0.3s;
-                }
-            }
-            .icon-nav {
-                color: #333;
-                font-size: 16px;
-            }
-            .img-nav {
-                position: relative;
-                width: 24px;
-                height: 24px;
-                vertical-align: middle;
-            }
-            .nav-item {
-                display: flex;
-                align-items: center;
-                img {
-                    display: block;
-                    margin-right: 6px;
-                    width: 24px;
-                    border-radius: 2px;
-                    overflow: hidden;
-                }
-                span {
-                    display: block;
-                    color: #333;
-                }
-            }
-        }
-        .el-badge {
-            display: inline;
-            z-index: 2;
-            &__content {
-                line-height: 16px;
-            }
-        }
-    }
-    &__search {
-        > *[class*="el-icon-"],
-        > *[class*="icon"] {
-            display: inline-block;
-            vertical-align: middle;
-        }
-        &-txt {
-            width: 0;
-            transition: width 0.3s, margin-left 0.3s;
-            &.is-show {
-                width: 210px;
-                margin-left: 8px;
-            }
-            .el-input__inner {
-                height: $navbar--height - 20px;
-                padding: 0;
-                line-height: $navbar--height - 20px;
-                border-color: $--color-text-primary;
-                border-top: 0;
-                border-right: 0;
-                border-left: 0;
-                border-radius: 0;
-                background: transparent;
-            }
-        }
-    }
-    &__avatar {
-        .el-dropdown-link {
-            > img {
-                width: 36px;
-                height: auto;
-                margin-right: 5px;
-                border-radius: 100%;
-                vertical-align: middle;
-            }
-        }
-    }
-}
-
-/* Sidebar
------------------------------- */
-.aui-sidebar {
-    position: fixed;
-    top: $navbar--height;
-    left: 0;
-    bottom: 0;
-    z-index: 1020;
-    width: $sidebar--width + $sidebar--width-fold;
-    // overflow: hidden;
-    transition: width 0.3s;
-    background-color: transparent;
-
-    .aui-sidebar_wrap {
-        height: 100%;
-        overflow: hidden;
-        background: #fff;
-    }
-
-    &__inner {
-        position: relative;
-        z-index: 1;
-        width: $sidebar--width;
-        height: 100%;
-        padding-top: 58px;
-        padding-bottom: 15px;
-        overflow-x: hidden;
-        overflow-y: auto;
-        transition: width 0.3s;
-    }
-
-    &__menu {
-        width: $sidebar--width;
-        border-right: 0;
-        transition: width 0.3s;
-
-        &.el-menu {
-            background-color: transparent;
-
-            .el-menu {
-                background-color: transparent;
-                .el-menu-item {
-                }
-            }
-        }
-        .el-menu-item,
-        .el-submenu__title {
-            height: $sidebar--menu-item-height;
-            line-height: $sidebar--menu-item-height;
-            color: rgba(0, 0, 0, 0.65);
-        }
-    }
-    &__menu-icon {
-        display: inline-block;
-        vertical-align: middle;
-        width: 16px !important;
-        margin-right: 5px;
-        text-align: center;
-        font-size: 16px;
-        color: inherit !important;
-        transition: font-size 0.3s;
-    }
-}
-
-/* Content
------------------------------- */
-.aui-content {
-    position: relative;
-    padding: $content--padding;
-    // min-height: calc(100vh - #{$navbar--height});
-    &__wrapper {
-        position: relative;
-        margin-left: $sidebar--width + $sidebar--width-fold;
-        min-height: calc(100vh - #{$navbar--height});
-        // background-color: $content--background-color;
-        transition: margin-left 0.3s;
-    }
-    > .aui-card--fill > .el-card__body {
-        min-height: calc(#{$content--fill-height} - 2px);
-    }
-    > .aui-card--fill > .el-card__header + .el-card__body {
-        min-height: calc(#{$content--fill-height} - #{$content--card-header-height} - 2px);
-    }
-    &--tabs {
-        padding: $content--tabs-header-height 0 0;
-    }
-    &--tabs-tools {
-        position: fixed;
-        top: $navbar--height;
-        right: 0;
-        z-index: 1051;
-        min-width: $content--tabs-header-height;
-        height: $content--tabs-header-height;
-        padding: 0 12px;
-        text-align: center;
-        font-size: 16px;
-        line-height: $content--tabs-header-height;
-        background-color: $--background-color-base;
-        cursor: pointer;
-    }
-    &--tabs-icon-nav {
-        display: inline-block;
-        vertical-align: middle;
-        font-size: 16px;
-    }
-    > .el-tabs {
-        > .el-tabs__header {
-            position: fixed;
-            top: $navbar--height;
-            left: $sidebar--width-fold;
-            // left: $sidebar--width + $sidebar--width-fold;
-            right: 0;
-            z-index: 1050;
-            padding: 0 55px 0 15px;
-            margin: 0;
-            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-            // background-color: #fff;
-            background: #ebedf0;
-            transition: left 0.3s;
-            > .el-tabs__nav-wrap {
-                margin-bottom: 0;
-                &:after {
-                    display: none;
-                }
-                > .el-tabs__nav-next,
-                > .el-tabs__nav-prev {
-                    line-height: $content--tabs-header-height;
-                }
-                > .el-tabs__nav-scroll > .el-tabs__nav {
-                    & > .el-tabs__active-bar {
-                        display: none;
-                    }
-                    & > .el-tabs__item {
-                        height: $content--tabs-header-height;
-                        padding: 0 15px;
-                        line-height: $content--tabs-header-height;
-                        border: 0;
-                        color: $--color-text-regular;
-                        &:focus,
-                        &:hover,
-                        &.is-active {
-                            color: $--color-text-primary;
-                            background-color: $--background-color-base;
-                            &:after {
-                                display: block;
-                            }
-                            > .el-icon-close {
-                                color: $--color-text-primary;
-                            }
-                        }
-                        &:after {
-                            display: none;
-                            position: absolute;
-                            bottom: 0;
-                            left: 0;
-                            content: "";
-                            width: 100%;
-                            height: 2px;
-                            background-color: $--color-primary;
-                        }
-                        + .el-tabs__item {
-                            margin-left: 1px;
-                        }
-                        > .el-icon-close {
-                            width: 14px;
-                            margin-left: 15px;
-                            color: $--color-text-secondary;
-                        }
-                        > i.icon {
-                            display: inline-block;
-                            vertical-align: middle;
-                            font-size: 18px;
-                        }
-                    }
-                }
-            }
-            .el-tabs__nav.is-top {
-                padding: 4px;
-                .el-tabs__item {
-                    margin-left: 3px !important;
-                    height: 32px !important;
-                    line-height: 32px !important;
-                    background: #ffffff !important;
-
-                    &.is-active,
-                    &:hover {
-                        color: #0056d6 !important;
-                        &::after {
-                            display: none !important;
-                        }
-                    }
-                }
-            }
-        }
-        > .el-tabs__content {
-            padding: $content--padding;
-            .el-loading-mask {
-                z-index: 830;
-            }
-            > .el-tab-pane {
-                min-height: calc(#{$content--fill-height-tabs});
-                > .aui-card--fill > .el-card__body {
-                    min-height: calc(#{$content--fill-height-tabs} - 2px);
-                }
-                > .aui-card--fill > .el-card__header + .el-card__body {
-                    min-height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
-                }
-                &.is-iframe {
-                    height: calc(#{$content--fill-height-tabs} + #{$content--padding * 2});
-                    margin: -$content--padding;
-                    min-height: auto;
-                    > .aui-card--fill {
-                        background-color: transparent;
-                    }
-                    > .aui-card--fill > .el-card__header {
-                        background-color: #fff;
-                    }
-                    > .aui-card--fill > .el-card__body {
-                        height: calc(#{$content--fill-height-tabs} - 2px);
-                        margin: $content--padding;
-                        min-height: auto;
-                        border: $--border-base;
-                        border-color: $--border-color-lighter;
-                        border-radius: $--border-radius-base;
-                        background-color: #fff;
-                    }
-                    > .aui-card--fill > .el-card__header + .el-card__body {
-                        height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
-                    }
-                }
-            }
-        }
-    }
-    // quill富文本编辑器
-    .ql-toolbar {
-        line-height: 20px;
-        &.ql-snow {
-            border-color: $--border-color-base;
-        }
-        .ql-formats {
-            margin: 0 5px;
-        }
-    }
-    .ql-container {
-        height: 150px;
-        &.ql-snow {
-            border-color: $--border-color-base;
-        }
-    }
-}
-
-.el-loading-mask {
-    z-index: 5001 !important;
-}
-
-/* Page
------------------------------- */
-*[class*="aui-page__"] {
-    padding-top: 0;
-    .aui-content {
-        min-height: auto;
-        &__wrapper {
-            min-height: 100vh;
-            margin-left: 0;
-        }
-        > .aui-card--fill > .el-card__body {
-            min-height: calc(100vh - #{$content--padding * 2} - 2px);
-        }
-        > .aui-card--fill > .el-card__header + .el-card__body {
-            min-height: calc(100vh - #{$content--padding * 2} - #{$content--card-header-height} - 2px);
-        }
-    }
-}
-
-.el-button--green {
-    color: #fff;
-    background-color: #22c1c3;
-    border-color: #22c1c3;
-}
-.el-button--green:hover {
-    color: #fff;
-    background-color: #05b1b4;
-    border-color: #05b1b4;
-}
-.el-button--green:focus {
-    color: #fff;
-    background-color: #22c1c3;
-    border-color: #22c1c3;
-}
-
-.el-button--yellow:hover {
-    color: #fff;
-    background-color: #fa9200;
-    border-color: #fa9200;
-}
-.el-button--yellow:focus {
-    color: #fff;
-    background-color: #feb349;
-    border-color: #feb349;
-}
-.el-button--yellow {
-    color: #fff;
-    background-color: #feb349;
-    border-color: #feb349;
-}
-.el-button--blue:focus {
-    color: #fff;
-    background-color: #2195fe;
-    border-color: #2195fe;
-}
-.el-button--blue:hover {
-    color: #fff;
-    background-color: #0083fd;
-    border-color: #0083fd;
-}
-.el-button--blue {
-    color: #fff;
-    background-color: #2195fe;
-    border-color: #2195fe;
-}
-.el-button--red:focus {
-    color: #fff;
-    background-color: #fe6252;
-    border-color: #fe6252;
-}
-.el-button--red:hover {
-    color: #fff;
-    background-color: #fd341e;
-    border-color: #fd341e;
-}
-.el-button--red {
-    color: #fff;
-    background-color: #fe6252;
-    border-color: #fe6252;
-}
-
-// 修改表格不换行的问题
-div.el-table div.cell {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    word-wrap: normal;
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-}
-input[type="number"] {
-    -moz-appearance: textfield;
-}
-
-// 默认输入框placeholder样式
-html .el-input.is-disabled .el-input__inner,
-html .el-textarea.is-disabled textarea.el-textarea__inner {
-    color: #333;
-    background-color: rgba(#000, 0.01);
-    border-color: rgba(#000, 0.02);
-    resize: none;
-    &::placeholder {
-        // color: rgba(#fff, 0);
-    }
-}
-html .el-checkbox.is-disabled.is-checked .el-checkbox__label {
-    color: #333;
-}
-html .el-form-item__label {
-    &::after {
-        content: " :";
-        display: inline;
-        color: #333;
-    }
-}
-
-.g-cnt-wrap {
-    padding: 12px 6px;
-}
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index 07c632590..a2ef7801d 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -1,853 +1,882 @@
+// @font-face {
+//     font-family: "思源宋体";
+//     src: local("思源宋体"), url(../fonts/SourceHanSerifCN-Regular-1.otf) format("opentype");
+//     font-weight: normal;
+//     font-style: normal;
+// }
+// @font-face {
+//     font-family: "思源宋体";
+//     src: local("思源宋体"), url(../fonts/SourceHanSerifCN-Heavy-4.otf) format("opentype");
+//     font-weight: 800;
+//     font-style: normal;
+// }
+// @font-face {
+//     font-family: "思源宋体";
+//     src: local("思源宋体"), url(../fonts/SourceHanSerifCN-Medium-6.otf) format("opentype");
+//     font-weight: 500;
+//     font-style: normal;
+// }
+// @font-face {
+//     font-family: "思源宋体";
+//     src: local("思源宋体"), url(../fonts/SourceHanSerifCN-Medium-6.otf) format("opentype");
+//     font-weight: 600;
+//     font-style: normal;
+// }
+@import "./c/config.scss";
+@import "./c/function.scss";
+
 *,
 *:before,
 *:after {
-  box-sizing: border-box;
+    box-sizing: border-box;
+}
+html {
+    min-width: 1200px;
+    overflow-x: auto;
+    @include scrollBar;
 }
 body {
-  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
-    sans-serif;
-  font-size: $--font-size-base;
-  line-height: $base--line-height;
-  color: $--color-text-primary;
-  // background-color: #fff;
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
+        sans-serif;
+    font-size: $--font-size-base;
+    line-height: $base--line-height;
+    color: $--color-text-primary;
+    background-color: #f5f7fa;
 }
 a {
-  color: mix(#fff, $--color-primary, 20%);
-  text-decoration: none;
-  &:focus,
-  &:hover {
-    color: $--color-primary;
-    text-decoration: underline;
-  }
+    color: mix(#fff, $--color-primary, 20%);
+    text-decoration: none;
+    &:focus,
+    &:hover {
+        color: $--color-primary;
+        text-decoration: underline;
+    }
 }
 img {
-  vertical-align: middle;
+    vertical-align: middle;
 }
 :focus,
 :hover {
-  outline: none;
+    outline: none;
 }
 
 /* Utils
 ------------------------------ */
 [v-cloak] {
-  display: none;
+    display: none;
 }
 .clearfix:before,
 .clearfix:after {
-  content: " ";
-  display: table;
+    content: " ";
+    display: table;
 }
 .clearfix:after {
-  clear: both;
+    clear: both;
 }
 .fr {
-  float: right !important;
+    float: right !important;
 }
 .fl {
-  float: left !important;
+    float: left !important;
 }
 .fi {
-  float: initial !important;
+    float: initial !important;
 }
 .m-auto {
-  margin: auto !important;
+    margin: auto !important;
 }
 .mt-auto {
-  margin-top: auto !important;
+    margin-top: auto !important;
 }
 .mr-auto {
-  margin-right: auto !important;
+    margin-right: auto !important;
 }
 .mb-auto {
-  margin-bottom: auto !important;
+    margin-bottom: auto !important;
 }
 .ml-auto {
-  margin-left: auto !important;
+    margin-left: auto !important;
 }
 .text-right {
-  text-align: right !important;
+    text-align: right !important;
 }
 .text-center {
-  text-align: center !important;
+    text-align: center !important;
 }
 .text-left {
-  text-align: left !important;
+    text-align: left !important;
 }
 .w-percent-100 {
-  width: 100% !important;
+    width: 100% !important;
 }
 .base-line-height {
-  line-height: $base--line-height !important;
+    line-height: $base--line-height !important;
 }
 
 /* Reset element-ui
 ------------------------------ */
 .aui-wrapper {
-  .el-card + .el-card {
-    margin-top: 15px;
-  }
-  .el-input__prefix .el-input__icon {
-    display: inline-block;
-    vertical-align: middle;
-  }
-  .el-date-editor .el-range-separator {
-    width: 8%;
-  }
-  .el-table th {
-    color: $--color-text-primary;
-    background-color: $--background-color-base;
-  }
-  .el-pagination {
-    margin-top: 15px;
-    text-align: right;
-  }
-  .el-table__expand-icon {
-    display: inline-block;
-    width: 14px;
-    vertical-align: middle;
-    margin-right: 5px;
-  }
+    .el-card + .el-card {
+        margin-top: 15px;
+    }
+    .el-input__prefix .el-input__icon {
+        display: inline-block;
+        vertical-align: middle;
+    }
+    .el-date-editor .el-range-separator {
+        width: 8%;
+    }
+    .el-table th {
+        color: $--color-text-primary;
+        background-color: $--background-color-base;
+    }
+    .el-pagination {
+        margin-top: 15px;
+        text-align: right;
+    }
+    .el-table__expand-icon {
+        display: inline-block;
+        width: 14px;
+        vertical-align: middle;
+        margin-right: 5px;
+    }
 }
 
 /* Common
 ------------------------------ */
 // 图标
 .icon-svg {
-  width: 1em;
-  height: 1em;
-  fill: currentColor;
-  vertical-align: middle;
-  overflow: hidden;
+    width: 1em;
+    height: 1em;
+    fill: currentColor;
+    vertical-align: middle;
+    overflow: hidden;
 }
 // 卡片
 .aui-card--fill .el-card__header {
-  height: $content--card-header-height;
-  line-height: $content--card-header-height - 36px;
+    height: $content--card-header-height;
+    line-height: $content--card-header-height - 36px;
 }
 .aui-card__title {
-  font-size: 16px;
+    font-size: 16px;
 }
 // 表单
 .aui-form__label-icon {
-  display: inline-block;
-  margin: 0 3px;
-  vertical-align: middle;
-  font-size: 18px;
-  color: $--color-text-secondary;
+    display: inline-block;
+    margin: 0 3px;
+    vertical-align: middle;
+    font-size: 18px;
+    color: $--color-text-secondary;
 }
 // 按钮
 .aui-button--dashed {
-  border-style: dashed;
-  &:focus,
-  &:hover {
-    background-color: transparent;
-  }
-  &-add {
-    > span > *[class*="el-icon-"],
-    > span > *[class*="icon"] {
-      vertical-align: middle;
-      font-size: 18px;
-      margin-right: 5px;
-    }
-  }
-}
-// 主题工具
-.aui-theme-tools {
-  position: fixed;
-  top: $navbar--height + $content--tabs-header-height + 15px;
-  right: -210px;
-  bottom: 0;
-  z-index: 1010;
-  width: 210px;
-  transition: right 0.3s;
-  &--open {
-    right: 0;
-  }
-  &__toggle {
-    position: absolute;
-    top: 80px;
-    left: -40px;
-    width: 40px;
-    padding: 10px 8px;
-    text-align: center;
-    font-size: 20px;
-    border-right: 0;
-    border-radius: $--border-radius-base 0 0 $--border-radius-base;
-    color: #fff;
-    background-color: $--color-primary;
-    cursor: pointer;
-  }
-  &__content {
-    height: 100%;
-    padding: 5px 20px 20px;
-    border: 1px solid $--border-color-lighter;
-    border-radius: $--border-radius-base 0 0 $--border-radius-base;
-    background-color: #fff;
-    .el-radio {
-      display: block;
-      margin-left: 0 !important;
-      line-height: 28px;
-    }
-  }
-  &__item + &__item {
-    margin-top: 15px;
-    border-top: 1px solid $--border-color-lighter;
-  }
+    border-style: dashed;
+    &:focus,
+    &:hover {
+        background-color: transparent;
+    }
+    &-add {
+        > span > *[class*="el-icon-"],
+        > span > *[class*="icon"] {
+            vertical-align: middle;
+            font-size: 18px;
+            margin-right: 5px;
+        }
+    }
 }
 
 /* Layout
 ------------------------------ */
 .aui-wrapper {
-  position: relative;
-  padding-top: $navbar--height;
-  &.z-iframe {
-    padding-top: 0;
-    .aui-content--tabs {
-      padding-top: 0;
+    position: relative;
+    padding-top: $navbar--height;
+    &.z-iframe {
+        padding-top: 0;
+        .aui-content--tabs {
+            padding-top: 0;
+        }
     }
-  }
 }
 
 /* Sidebar fold
 ------------------------------ */
 .aui-sidebar--fold {
-  .aui-navbar {
-    &__header,
-    &__brand {
-      width: $sidebar--width-fold;
-    }
-    &__brand {
-      &-lg {
-        display: none;
-      }
-      &-mini {
-        display: inline-block;
-      }
-    }
-    &__icon-menu--switch {
-      transform: rotateZ(180deg);
-    }
-  }
-  .aui-sidebar {
-    &__inner {
-      width: $sidebar--width-fold + 20px;
-    }
-    &,
-    &__menu {
-      width: $sidebar--width-fold;
-    }
-    &__menu > li > .el-submenu__title {
-      text-align: center;
-    }
-    &__menu-icon {
-      margin-right: 0;
-      font-size: 18px;
+    .aui-navbar {
+        &__header,
+        &__brand {
+            // width: $sidebar--width-fold;
+        }
+        &__brand {
+            &-lg {
+                // display: none;
+            }
+            &-mini {
+                // display: inline-block;
+            }
+        }
+        &__icon-menu--switch {
+            transform: rotateZ(180deg);
+        }
     }
-  }
-  .aui-content {
-    &__wrapper {
-      margin-left: $sidebar--width-fold;
+    .aui-sidebar {
+        &__inner {
+            width: $sidebar--width-fold + 20px;
+        }
+        &,
+        &__menu {
+            width: $sidebar--width-fold;
+        }
+        &__menu > li > .el-submenu__title {
+            text-align: center;
+        }
+        &__menu-icon {
+            margin-right: 0;
+            font-size: 18px;
+        }
     }
-    &--tabs > .el-tabs > .el-tabs__header {
-      left: $sidebar--width-fold;
+    .aui-content {
+        &__wrapper {
+            margin-left: $sidebar--width-fold;
+        }
+        &--tabs > .el-tabs > .el-tabs__header {
+            left: $sidebar--width-fold;
+        }
     }
-  }
 }
 
 .aui-sidebar--noside {
-  .aui-sidebar {
-    display: none !important;
-  }
-  .aui-content {
-    &__wrapper {
-      margin-left: 0 !important;
+    .aui-sidebar {
+        display: none !important;
     }
-    &--tabs > .el-tabs > .el-tabs__header {
-      left: 0 !important;
+    .aui-content {
+        &__wrapper {
+            margin-left: 0 !important;
+        }
+        &--tabs > .el-tabs > .el-tabs__header {
+            left: 0 !important;
+        }
     }
-  }
 }
 
 /* Navbar
 ------------------------------ */
 .aui-navbar {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1030;
-  display: flex;
-  align-items: stretch;
-  height: $navbar--height;
-  background-color: $--color-primary;
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
-  &--colorful {
-    .aui-navbar__body {
-      background-color: transparent;
-    }
-    .aui-navbar__menu {
-      > .el-menu-item,
-      > .el-submenu > .el-submenu__title {
-        color: #fff;
-        &:focus,
-        &:hover {
-          color: #fff;
-          background-color: mix(#000, $--color-primary, 15%);
-        }
-      }
-      > .el-menu-item.is-active,
-      > .el-submenu.is-active > .el-submenu__title {
-        color: #fff;
-        &:focus,
-        &:hover {
-          color: #fff;
-        }
-      }
-      .el-menu-item i,
-      .el-submenu__title i,
-      .el-menu-item svg,
-      .el-submenu__title svg,
-      .el-menu-item .el-dropdown {
-        color: #fff !important;
-      }
-      .el-button {
-        color: #fff;
-        background-color: transparent;
-      }
-    }
-    .aui-navbar__search {
-      &-txt {
-        .el-input__inner {
-          color: #fff;
-          border-color: #fff;
-          &::-webkit-input-placeholder {
-            color: #fff;
-          }
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 1030;
+    display: flex;
+    align-items: stretch;
+    height: $navbar--height;
+    background-color: $--color-primary;
+    background: #fff;
+    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
+
+    &__header {
+        position: relative;
+        display: flex;
+        width: $sidebar--width;
+        height: $navbar--height;
+        transition: width 0.3s;
+        align-items: center;
+
+        .aui-navbar__logo {
+            margin-left: 16px;
+            width: 32px;
+            height: 32px;
+            background: #0056d6;
+            border-radius: 100%;
+            overflow: hidden;
+            img {
+                width: 32px;
+                height: 32px;
+            }
         }
-      }
     }
-  }
-  &__header {
-    position: relative;
-    width: $sidebar--width;
-    height: $navbar--height;
-    transition: width 0.3s;
-  }
-  &__brand {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 5px;
-    margin: 0;
-    width: 100%;
-    height: 100%;
-    font-size: 20px;
-    text-transform: uppercase;
-    white-space: nowrap;
-    color: #fff;
-    overflow: hidden;
-    transition: width 0.3s;
-    &-lg,
-    &-mini {
-      max-width: 100%;
-      color: #fff;
-      cursor: pointer;
-      &:focus,
-      &:hover {
+    &__brand {
+        display: flex;
+        // justify-content: center;
+        align-items: center;
+        padding: 5px 0 5px 16px;
+        margin: 0;
+        width: 60%;
+        height: 100%;
+        font-size: 20px;
+        text-transform: uppercase;
+        white-space: nowrap;
         color: #fff;
-        text-decoration: none;
-      }
-    }
-    &-mini {
-      display: none;
-    }
-  }
-  &__body {
-    position: relative;
-    display: flex;
-    flex: 1;
-    background-color: #fff;
-    overflow: hidden;
-  }
-  &__menu {
-    background-color: transparent;
-    border-bottom: 0 !important;
-    a:focus,
-    a:hover {
-      text-decoration: none;
+        overflow: hidden;
+        transition: width 0.3s;
+        font-size: 16px;
+        font-weight: bold;
+
+        &-lg,
+        &-mini {
+            max-width: 100%;
+            cursor: pointer;
+            color: #333;
+            &:focus,
+            &:hover {
+                text-decoration: none;
+            }
+        }
+        &-mini {
+            display: none;
+        }
     }
-    &.z-div {
-      .el-menu-item {
+    &__body {
         position: relative;
+        display: flex;
+        flex: 1;
+        background-color: #fff;
+        overflow: hidden;
+    }
+    &__menu {
+        background-color: transparent;
+        border-bottom: 0 !important;
+        a:focus,
+        a:hover {
+            text-decoration: none;
+        }
+        &.z-div {
+            .el-menu-item {
+                position: relative;
 
-        &:last-child {
-          &::after {
-            display: none;
-          }
+                &:last-child {
+                    &::after {
+                        display: none;
+                    }
+                }
+
+                &::after {
+                    position: absolute;
+                    content: "";
+                    right: 0;
+                    top: 0;
+                    bottom: 0;
+                    margin: auto 0;
+                    width: 1px;
+                    height: 18px;
+                    background-color: rgba(#ffffff, 0.6);
+                }
+            }
         }
+        .el-menu-item,
+        .el-submenu > .el-submenu__title {
+            height: $navbar--height;
+            padding: 0 15px;
+            line-height: $navbar--height;
+            border-color: transparent !important;
+        }
+        .el-menu-item.is-active,
+        .el-submenu.is-active > .el-submenu__title {
+            color: $--color-text-secondary;
+            &:focus,
+            &:hover {
+                color: $--color-text-primary;
+            }
+        }
+        .el-menu-item {
+            &:focus,
+            &:hover {
+                .aui-navbar__icon-menu {
+                    color: $--color-text-primary;
+                }
+                .el-dropdown {
+                    color: $--color-text-primary;
+                    .el-icon-arrow-down {
+                        transform: rotateZ(180deg);
+                    }
+                }
+                .icon-nav {
+                    font-weight: bold;
+                }
+            }
+            * {
+                vertical-align: initial;
+            }
+            .aui-navbar__icon-menu {
+                vertical-align: middle;
+                font-size: 16px;
+            }
+            .el-dropdown {
+                color: $--color-text-secondary;
+                .el-icon-arrow-down {
+                    width: auto;
+                    font-size: 12px;
+                    margin: 0 0 0 5px;
+                    transition: transform 0.3s;
+                }
+            }
+            .icon-nav {
+                color: #333;
+                font-size: 16px;
+            }
+            .img-nav {
+                position: relative;
+                display: inline-block;
+                width: 24px;
+                height: 24px;
+                vertical-align: middle;
+                overflow: hidden;
+                img {
+                    position: relative;
+                    display: block;
+                    left: -100px;
+                    width: 24px;
+                    height: 24px;
+                    filter: drop-shadow(100px 0px rgba(#000, 0.85));
+                }
 
-        &::after {
-          position: absolute;
-          content: "";
-          right: 0;
-          top: 0;
-          bottom: 0;
-          margin: auto 0;
-          width: 1px;
-          height: 18px;
-          background-color: rgba(#ffffff, 0.6);
-        }
-      }
-    }
-    .el-menu-item,
-    .el-submenu > .el-submenu__title {
-      height: $navbar--height;
-      padding: 0 15px;
-      line-height: $navbar--height;
-      border-color: transparent !important;
-    }
-    .el-menu-item.is-active,
-    .el-submenu.is-active > .el-submenu__title {
-      color: $--color-text-secondary;
-      &:focus,
-      &:hover {
-        color: $--color-text-primary;
-      }
+                &:hover {
+                    img {
+                        filter: drop-shadow(100px 0px $c1);
+                    }
+                }
+            }
+            .nav-item {
+                display: flex;
+                align-items: center;
+                &:hover {
+                    span {
+                        color: $c1;
+                    }
+                }
+                img {
+                    display: block;
+                    margin-right: 6px;
+                    width: 24px;
+                    border-radius: 2px;
+                    overflow: hidden;
+                }
+                span {
+                    display: block;
+                    color: #333;
+                }
+            }
+        }
+        .el-badge {
+            display: inline;
+            z-index: 2;
+            &__content {
+                line-height: 16px;
+            }
+        }
     }
-    .el-menu-item {
-      &:focus,
-      &:hover {
-        .aui-navbar__icon-menu {
-          color: $--color-text-primary;
+    &__search {
+        > *[class*="el-icon-"],
+        > *[class*="icon"] {
+            display: inline-block;
+            vertical-align: middle;
         }
-        .el-dropdown {
-          color: $--color-text-primary;
-          .el-icon-arrow-down {
-            transform: rotateZ(180deg);
-          }
+        &-txt {
+            width: 0;
+            transition: width 0.3s, margin-left 0.3s;
+            &.is-show {
+                width: 210px;
+                margin-left: 8px;
+            }
+            .el-input__inner {
+                height: $navbar--height - 20px;
+                padding: 0;
+                line-height: $navbar--height - 20px;
+                border-color: $--color-text-primary;
+                border-top: 0;
+                border-right: 0;
+                border-left: 0;
+                border-radius: 0;
+                background: transparent;
+            }
+        }
+    }
+    &__avatar {
+        .el-dropdown-link {
+            > img {
+                width: 36px;
+                height: auto;
+                margin-right: 5px;
+                border-radius: 100%;
+                vertical-align: middle;
+            }
         }
-      }
-      * {
-        vertical-align: initial;
-      }
-      .aui-navbar__icon-menu {
-        vertical-align: middle;
-        font-size: 16px;
-      }
-      .el-dropdown {
-        color: $--color-text-secondary;
-        .el-icon-arrow-down {
-          width: auto;
-          font-size: 12px;
-          margin: 0 0 0 5px;
-          transition: transform 0.3s;
-        }
-      }
-    }
-    .el-badge {
-      display: inline;
-      z-index: 2;
-      &__content {
-        line-height: 16px;
-      }
-    }
-  }
-  &__search {
-    > *[class*="el-icon-"],
-    > *[class*="icon"] {
-      display: inline-block;
-      vertical-align: middle;
-    }
-    &-txt {
-      width: 0;
-      transition: width 0.3s, margin-left 0.3s;
-      &.is-show {
-        width: 210px;
-        margin-left: 8px;
-      }
-      .el-input__inner {
-        height: $navbar--height - 20px;
-        padding: 0;
-        line-height: $navbar--height - 20px;
-        border-color: $--color-text-primary;
-        border-top: 0;
-        border-right: 0;
-        border-left: 0;
-        border-radius: 0;
-        background: transparent;
-      }
-    }
-  }
-  &__avatar {
-    .el-dropdown-link {
-      > img {
-        width: 36px;
-        height: auto;
-        margin-right: 5px;
-        border-radius: 100%;
-        vertical-align: middle;
-      }
     }
-  }
 }
 
 /* Sidebar
 ------------------------------ */
 .aui-sidebar {
-  position: fixed;
-  top: $navbar--height;
-  left: 0;
-  bottom: 0;
-  z-index: 1020;
-  width: $sidebar--width;
-  background-color: #fff;
-  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.05);
-  overflow: hidden;
-  transition: width 0.3s;
-  &--dark {
-    background-color: $sidebar--background-color-dark;
-    .aui-sidebar__menu,
-    > .el-menu--popup {
-      background-color: $sidebar--background-color-dark;
-      .el-menu-item,
-      .el-submenu > .el-submenu__title {
-        color: $sidebar--text-color-dark;
-        &:focus,
-        &:hover {
-          color: mix(#fff, $sidebar--text-color-dark, 50%);
-          background-color: mix(#fff, $sidebar--background-color-dark, 2.5%);
-        }
-      }
-      .el-menu,
-      .el-submenu.is-opened {
-        background-color: mix(#000, $sidebar--background-color-dark, 15%);
-      }
-      .el-menu-item.is-active,
-      .el-submenu.is-active > .el-submenu__title {
-        color: mix(#fff, $sidebar--text-color-dark, 80%);
-      }
-    }
-  }
-  &__inner {
-    position: relative;
-    z-index: 1;
-    width: $sidebar--width + 20px;
-    height: 100%;
-    padding-bottom: 15px;
-    overflow-x: hidden;
-    overflow-y: scroll;
-    transition: width 0.3s;
-  }
-  &__menu {
-    width: $sidebar--width;
-    border-right: 0;
+    position: fixed;
+    top: $navbar--height;
+    left: 0;
+    bottom: 0;
+    z-index: 1020;
+    width: $sidebar--width + $sidebar--width-fold;
+    // overflow: hidden;
     transition: width 0.3s;
-    .el-menu-item,
-    .el-submenu__title {
-      height: $sidebar--menu-item-height;
-      line-height: $sidebar--menu-item-height;
+    background-color: transparent;
+
+    .aui-sidebar_wrap {
+        height: 100%;
+        overflow: hidden;
+        background: #fff;
+    }
+
+    &__inner {
+        position: relative;
+        z-index: 1;
+        width: $sidebar--width;
+        height: 100%;
+        padding-top: 58px;
+        padding-bottom: 15px;
+        overflow-x: hidden;
+        overflow-y: auto;
+        transition: width 0.3s;
+    }
+
+    &__menu {
+        width: $sidebar--width;
+        border-right: 0;
+        transition: width 0.3s;
+
+        &.el-menu {
+            background-color: transparent;
+
+            .el-menu {
+                background-color: transparent;
+                .el-menu-item {
+                }
+            }
+        }
+        .el-menu-item,
+        .el-submenu__title {
+            height: $sidebar--menu-item-height;
+            line-height: $sidebar--menu-item-height;
+            color: rgba(0, 0, 0, 0.65);
+        }
+    }
+    &__menu-icon {
+        display: inline-block;
+        vertical-align: middle;
+        width: 16px !important;
+        margin-right: 5px;
+        text-align: center;
+        font-size: 16px;
+        color: inherit !important;
+        transition: font-size 0.3s;
     }
-  }
-  &__menu-icon {
-    display: inline-block;
-    vertical-align: middle;
-    width: 24px !important;
-    margin-right: 5px;
-    text-align: center;
-    font-size: 16px;
-    color: inherit !important;
-    transition: font-size 0.3s;
-  }
 }
 
 /* Content
 ------------------------------ */
 .aui-content {
-  position: relative;
-  padding: $content--padding;
-  // min-height: calc(100vh - #{$navbar--height});
-  &__wrapper {
     position: relative;
-    margin-left: $sidebar--width;
-    min-height: calc(100vh - #{$navbar--height});
-    background-color: $content--background-color;
-    transition: margin-left 0.3s;
-  }
-  > .aui-card--fill > .el-card__body {
-    min-height: calc(#{$content--fill-height} - 2px);
-  }
-  > .aui-card--fill > .el-card__header + .el-card__body {
-    min-height: calc(#{$content--fill-height} - #{$content--card-header-height} - 2px);
-  }
-  &--tabs {
-    padding: $content--tabs-header-height 0 0;
-  }
-  &--tabs-tools {
-    position: fixed;
-    top: $navbar--height;
-    right: 0;
-    z-index: 931;
-    min-width: $content--tabs-header-height;
-    height: $content--tabs-header-height;
-    padding: 0 12px;
-    text-align: center;
-    font-size: 16px;
-    line-height: $content--tabs-header-height;
-    background-color: $--background-color-base;
-    cursor: pointer;
-  }
-  &--tabs-icon-nav {
-    display: inline-block;
-    vertical-align: middle;
-    font-size: 16px;
-  }
-  > .el-tabs {
-    > .el-tabs__header {
-      position: fixed;
-      top: $navbar--height;
-      left: $sidebar--width;
-      right: 0;
-      z-index: 930;
-      padding: 0 55px 0 15px;
-      margin: 0;
-      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-      background-color: #fff;
-      transition: left 0.3s;
-      > .el-tabs__nav-wrap {
-        margin-bottom: 0;
-        &:after {
-          display: none;
-        }
-        > .el-tabs__nav-next,
-        > .el-tabs__nav-prev {
-          line-height: $content--tabs-header-height;
-        }
-        > .el-tabs__nav-scroll > .el-tabs__nav {
-          & > .el-tabs__active-bar {
-            display: none;
-          }
-          & > .el-tabs__item {
-            height: $content--tabs-header-height;
-            padding: 0 15px;
-            line-height: $content--tabs-header-height;
-            border: 0;
-            color: $--color-text-regular;
-            &:focus,
-            &:hover,
-            &.is-active {
-              color: $--color-text-primary;
-              background-color: $--background-color-base;
-              &:after {
-                display: block;
-              }
-              > .el-icon-close {
-                color: $--color-text-primary;
-              }
-            }
-            &:after {
-              display: none;
-              position: absolute;
-              bottom: 0;
-              left: 0;
-              content: "";
-              width: 100%;
-              height: 2px;
-              background-color: $--color-primary;
+    padding: $content--padding;
+    // min-height: calc(100vh - #{$navbar--height});
+    &__wrapper {
+        position: relative;
+        margin-left: $sidebar--width + $sidebar--width-fold;
+        min-height: calc(100vh - #{$navbar--height});
+        // background-color: $content--background-color;
+        transition: margin-left 0.3s;
+    }
+    > .aui-card--fill > .el-card__body {
+        min-height: calc(#{$content--fill-height} - 2px);
+    }
+    > .aui-card--fill > .el-card__header + .el-card__body {
+        min-height: calc(#{$content--fill-height} - #{$content--card-header-height} - 2px);
+    }
+    &--tabs {
+        padding: $content--tabs-header-height 0 0;
+    }
+    &--tabs-tools {
+        position: fixed;
+        top: $navbar--height;
+        right: 0;
+        z-index: 1051;
+        min-width: $content--tabs-header-height;
+        height: $content--tabs-header-height;
+        padding: 0 12px;
+        text-align: center;
+        font-size: 16px;
+        line-height: $content--tabs-header-height;
+        background-color: $--background-color-base;
+        cursor: pointer;
+    }
+    &--tabs-icon-nav {
+        display: inline-block;
+        vertical-align: middle;
+        font-size: 16px;
+    }
+    > .el-tabs {
+        > .el-tabs__header {
+            position: fixed;
+            top: $navbar--height;
+            left: $sidebar--width-fold;
+            // left: $sidebar--width + $sidebar--width-fold;
+            right: 0;
+            z-index: 1050;
+            padding: 0 55px 0 15px;
+            margin: 0;
+            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+            // background-color: #fff;
+            background: #ebedf0;
+            transition: left 0.3s;
+            > .el-tabs__nav-wrap {
+                margin-bottom: 0;
+                &:after {
+                    display: none;
+                }
+                > .el-tabs__nav-next,
+                > .el-tabs__nav-prev {
+                    line-height: $content--tabs-header-height;
+                }
+                > .el-tabs__nav-scroll > .el-tabs__nav {
+                    & > .el-tabs__active-bar {
+                        display: none;
+                    }
+                    & > .el-tabs__item {
+                        height: $content--tabs-header-height;
+                        padding: 0 15px;
+                        line-height: $content--tabs-header-height;
+                        border: 0;
+                        color: $--color-text-regular;
+                        &:focus,
+                        &:hover,
+                        &.is-active {
+                            color: $--color-text-primary;
+                            background-color: $--background-color-base;
+                            &:after {
+                                display: block;
+                            }
+                            > .el-icon-close {
+                                color: $--color-text-primary;
+                            }
+                        }
+                        &:after {
+                            display: none;
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            content: "";
+                            width: 100%;
+                            height: 2px;
+                            background-color: $--color-primary;
+                        }
+                        + .el-tabs__item {
+                            margin-left: 1px;
+                        }
+                        > .el-icon-close {
+                            width: 14px;
+                            margin-left: 15px;
+                            color: $--color-text-secondary;
+                        }
+                        > i.icon {
+                            display: inline-block;
+                            vertical-align: middle;
+                            font-size: 18px;
+                        }
+                    }
+                }
             }
-            + .el-tabs__item {
-              margin-left: 1px;
+            .el-tabs__nav.is-top {
+                padding: 4px;
+                .el-tabs__item {
+                    margin-left: 3px !important;
+                    height: 32px !important;
+                    line-height: 32px !important;
+                    background: #ffffff !important;
+
+                    &.is-active,
+                    &:hover {
+                        color: #0056d6 !important;
+                        &::after {
+                            display: none !important;
+                        }
+                    }
+                }
             }
-            > .el-icon-close {
-              width: 14px;
-              margin-left: 15px;
-              color: $--color-text-secondary;
+        }
+        > .el-tabs__content {
+            padding: $content--padding;
+            .el-loading-mask {
+                z-index: 830;
             }
-            > i.icon {
-              display: inline-block;
-              vertical-align: middle;
-              font-size: 18px;
+            > .el-tab-pane {
+                min-height: calc(#{$content--fill-height-tabs});
+                > .aui-card--fill > .el-card__body {
+                    min-height: calc(#{$content--fill-height-tabs} - 2px);
+                }
+                > .aui-card--fill > .el-card__header + .el-card__body {
+                    min-height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
+                }
+                &.is-iframe {
+                    height: calc(#{$content--fill-height-tabs} + #{$content--padding * 2});
+                    margin: -$content--padding;
+                    min-height: auto;
+                    > .aui-card--fill {
+                        background-color: transparent;
+                    }
+                    > .aui-card--fill > .el-card__header {
+                        background-color: #fff;
+                    }
+                    > .aui-card--fill > .el-card__body {
+                        height: calc(#{$content--fill-height-tabs} - 2px);
+                        margin: $content--padding;
+                        min-height: auto;
+                        border: $--border-base;
+                        border-color: $--border-color-lighter;
+                        border-radius: $--border-radius-base;
+                        background-color: #fff;
+                    }
+                    > .aui-card--fill > .el-card__header + .el-card__body {
+                        height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
+                    }
+                }
             }
-          }
         }
-      }
     }
-    > .el-tabs__content {
-      padding: $content--padding;
-      .el-loading-mask {
-        z-index: 830;
-      }
-      > .el-tab-pane {
-        min-height: calc(#{$content--fill-height-tabs});
-        > .aui-card--fill > .el-card__body {
-          min-height: calc(#{$content--fill-height-tabs} - 2px);
+    // quill富文本编辑器
+    .ql-toolbar {
+        line-height: 20px;
+        &.ql-snow {
+            border-color: $--border-color-base;
         }
-        > .aui-card--fill > .el-card__header + .el-card__body {
-          min-height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
+        .ql-formats {
+            margin: 0 5px;
         }
-        &.is-iframe {
-          height: calc(#{$content--fill-height-tabs} + #{$content--padding * 2});
-          margin: -$content--padding;
-          min-height: auto;
-          > .aui-card--fill {
-            background-color: transparent;
-          }
-          > .aui-card--fill > .el-card__header {
-            background-color: #fff;
-          }
-          > .aui-card--fill > .el-card__body {
-            height: calc(#{$content--fill-height-tabs} - 2px);
-            margin: $content--padding;
-            min-height: auto;
-            border: $--border-base;
-            border-color: $--border-color-lighter;
-            border-radius: $--border-radius-base;
-            background-color: #fff;
-          }
-          > .aui-card--fill > .el-card__header + .el-card__body {
-            height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
-          }
-        }
-      }
-    }
-  }
-  // quill富文本编辑器
-  .ql-toolbar {
-    line-height: 20px;
-    &.ql-snow {
-      border-color: $--border-color-base;
-    }
-    .ql-formats {
-      margin: 0 5px;
-    }
-  }
-  .ql-container {
-    height: 150px;
-    &.ql-snow {
-      border-color: $--border-color-base;
-    }
-  }
+    }
+    .ql-container {
+        height: 150px;
+        &.ql-snow {
+            border-color: $--border-color-base;
+        }
+    }
 }
 
 .el-loading-mask {
-  z-index: 5001 !important;
+    z-index: 5001 !important;
 }
 
 /* Page
 ------------------------------ */
 *[class*="aui-page__"] {
-  padding-top: 0;
-  .aui-content {
-    min-height: auto;
-    &__wrapper {
-      min-height: 100vh;
-      margin-left: 0;
-    }
-    > .aui-card--fill > .el-card__body {
-      min-height: calc(100vh - #{$content--padding * 2} - 2px);
-    }
-    > .aui-card--fill > .el-card__header + .el-card__body {
-      min-height: calc(100vh - #{$content--padding * 2} - #{$content--card-header-height} - 2px);
+    padding-top: 0;
+    .aui-content {
+        min-height: auto;
+        &__wrapper {
+            min-height: 100vh;
+            margin-left: 0;
+        }
+        > .aui-card--fill > .el-card__body {
+            min-height: calc(100vh - #{$content--padding * 2} - 2px);
+        }
+        > .aui-card--fill > .el-card__header + .el-card__body {
+            min-height: calc(100vh - #{$content--padding * 2} - #{$content--card-header-height} - 2px);
+        }
     }
-  }
 }
 
 .el-button--green {
-  color: #fff;
-  background-color: #22c1c3;
-  border-color: #22c1c3;
+    color: #fff;
+    background-color: #22c1c3;
+    border-color: #22c1c3;
 }
 .el-button--green:hover {
-  color: #fff;
-  background-color: #05b1b4;
-  border-color: #05b1b4;
+    color: #fff;
+    background-color: #05b1b4;
+    border-color: #05b1b4;
 }
 .el-button--green:focus {
-  color: #fff;
-  background-color: #22c1c3;
-  border-color: #22c1c3;
+    color: #fff;
+    background-color: #22c1c3;
+    border-color: #22c1c3;
 }
 
 .el-button--yellow:hover {
-  color: #fff;
-  background-color: #fa9200;
-  border-color: #fa9200;
+    color: #fff;
+    background-color: #fa9200;
+    border-color: #fa9200;
 }
 .el-button--yellow:focus {
-  color: #fff;
-  background-color: #feb349;
-  border-color: #feb349;
+    color: #fff;
+    background-color: #feb349;
+    border-color: #feb349;
 }
 .el-button--yellow {
-  color: #fff;
-  background-color: #feb349;
-  border-color: #feb349;
+    color: #fff;
+    background-color: #feb349;
+    border-color: #feb349;
 }
 .el-button--blue:focus {
-  color: #fff;
-  background-color: #2195fe;
-  border-color: #2195fe;
+    color: #fff;
+    background-color: #2195fe;
+    border-color: #2195fe;
 }
 .el-button--blue:hover {
-  color: #fff;
-  background-color: #0083fd;
-  border-color: #0083fd;
+    color: #fff;
+    background-color: #0083fd;
+    border-color: #0083fd;
 }
 .el-button--blue {
-  color: #fff;
-  background-color: #2195fe;
-  border-color: #2195fe;
+    color: #fff;
+    background-color: #2195fe;
+    border-color: #2195fe;
 }
 .el-button--red:focus {
-  color: #fff;
-  background-color: #fe6252;
-  border-color: #fe6252;
+    color: #fff;
+    background-color: #fe6252;
+    border-color: #fe6252;
 }
 .el-button--red:hover {
-  color: #fff;
-  background-color: #fd341e;
-  border-color: #fd341e;
+    color: #fff;
+    background-color: #fd341e;
+    border-color: #fd341e;
 }
 .el-button--red {
-  color: #fff;
-  background-color: #fe6252;
-  border-color: #fe6252;
+    color: #fff;
+    background-color: #fe6252;
+    border-color: #fe6252;
 }
 
 // 修改表格不换行的问题
 div.el-table div.cell {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  word-wrap: normal;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    word-wrap: normal;
 }
 
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
+    -webkit-appearance: none;
 }
 input[type="number"] {
-  -moz-appearance: textfield;
+    -moz-appearance: textfield;
 }
 
 // 默认输入框placeholder样式
 html .el-input.is-disabled .el-input__inner,
 html .el-textarea.is-disabled textarea.el-textarea__inner {
-  color: #333;
-  background-color: rgba(#000, 0.01);
-  border-color: rgba(#000, 0.02);
-  resize: none;
-  &::placeholder {
-    // color: rgba(#fff, 0);
-  }
+    color: #333;
+    background-color: rgba(#000, 0.01);
+    border-color: rgba(#000, 0.02);
+    resize: none;
+    &::placeholder {
+        // color: rgba(#fff, 0);
+    }
 }
 html .el-checkbox.is-disabled.is-checked .el-checkbox__label {
-  color: #333;
+    color: #333;
 }
 html .el-form-item__label {
-  &::after {
-    content: " :";
-    display: inline;
-    color: #333;
-  }
+    &::after {
+        content: " :";
+        display: inline;
+        color: #333;
+    }
+}
+
+.g-cnt-wrap {
+    padding: 12px 6px;
 }
diff --git a/src/assets/scss/common1.scss b/src/assets/scss/common1.scss
deleted file mode 100644
index 07c632590..000000000
--- a/src/assets/scss/common1.scss
+++ /dev/null
@@ -1,853 +0,0 @@
-*,
-*:before,
-*:after {
-  box-sizing: border-box;
-}
-body {
-  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
-    sans-serif;
-  font-size: $--font-size-base;
-  line-height: $base--line-height;
-  color: $--color-text-primary;
-  // background-color: #fff;
-}
-a {
-  color: mix(#fff, $--color-primary, 20%);
-  text-decoration: none;
-  &:focus,
-  &:hover {
-    color: $--color-primary;
-    text-decoration: underline;
-  }
-}
-img {
-  vertical-align: middle;
-}
-:focus,
-:hover {
-  outline: none;
-}
-
-/* Utils
------------------------------- */
-[v-cloak] {
-  display: none;
-}
-.clearfix:before,
-.clearfix:after {
-  content: " ";
-  display: table;
-}
-.clearfix:after {
-  clear: both;
-}
-.fr {
-  float: right !important;
-}
-.fl {
-  float: left !important;
-}
-.fi {
-  float: initial !important;
-}
-.m-auto {
-  margin: auto !important;
-}
-.mt-auto {
-  margin-top: auto !important;
-}
-.mr-auto {
-  margin-right: auto !important;
-}
-.mb-auto {
-  margin-bottom: auto !important;
-}
-.ml-auto {
-  margin-left: auto !important;
-}
-.text-right {
-  text-align: right !important;
-}
-.text-center {
-  text-align: center !important;
-}
-.text-left {
-  text-align: left !important;
-}
-.w-percent-100 {
-  width: 100% !important;
-}
-.base-line-height {
-  line-height: $base--line-height !important;
-}
-
-/* Reset element-ui
------------------------------- */
-.aui-wrapper {
-  .el-card + .el-card {
-    margin-top: 15px;
-  }
-  .el-input__prefix .el-input__icon {
-    display: inline-block;
-    vertical-align: middle;
-  }
-  .el-date-editor .el-range-separator {
-    width: 8%;
-  }
-  .el-table th {
-    color: $--color-text-primary;
-    background-color: $--background-color-base;
-  }
-  .el-pagination {
-    margin-top: 15px;
-    text-align: right;
-  }
-  .el-table__expand-icon {
-    display: inline-block;
-    width: 14px;
-    vertical-align: middle;
-    margin-right: 5px;
-  }
-}
-
-/* Common
------------------------------- */
-// 图标
-.icon-svg {
-  width: 1em;
-  height: 1em;
-  fill: currentColor;
-  vertical-align: middle;
-  overflow: hidden;
-}
-// 卡片
-.aui-card--fill .el-card__header {
-  height: $content--card-header-height;
-  line-height: $content--card-header-height - 36px;
-}
-.aui-card__title {
-  font-size: 16px;
-}
-// 表单
-.aui-form__label-icon {
-  display: inline-block;
-  margin: 0 3px;
-  vertical-align: middle;
-  font-size: 18px;
-  color: $--color-text-secondary;
-}
-// 按钮
-.aui-button--dashed {
-  border-style: dashed;
-  &:focus,
-  &:hover {
-    background-color: transparent;
-  }
-  &-add {
-    > span > *[class*="el-icon-"],
-    > span > *[class*="icon"] {
-      vertical-align: middle;
-      font-size: 18px;
-      margin-right: 5px;
-    }
-  }
-}
-// 主题工具
-.aui-theme-tools {
-  position: fixed;
-  top: $navbar--height + $content--tabs-header-height + 15px;
-  right: -210px;
-  bottom: 0;
-  z-index: 1010;
-  width: 210px;
-  transition: right 0.3s;
-  &--open {
-    right: 0;
-  }
-  &__toggle {
-    position: absolute;
-    top: 80px;
-    left: -40px;
-    width: 40px;
-    padding: 10px 8px;
-    text-align: center;
-    font-size: 20px;
-    border-right: 0;
-    border-radius: $--border-radius-base 0 0 $--border-radius-base;
-    color: #fff;
-    background-color: $--color-primary;
-    cursor: pointer;
-  }
-  &__content {
-    height: 100%;
-    padding: 5px 20px 20px;
-    border: 1px solid $--border-color-lighter;
-    border-radius: $--border-radius-base 0 0 $--border-radius-base;
-    background-color: #fff;
-    .el-radio {
-      display: block;
-      margin-left: 0 !important;
-      line-height: 28px;
-    }
-  }
-  &__item + &__item {
-    margin-top: 15px;
-    border-top: 1px solid $--border-color-lighter;
-  }
-}
-
-/* Layout
------------------------------- */
-.aui-wrapper {
-  position: relative;
-  padding-top: $navbar--height;
-  &.z-iframe {
-    padding-top: 0;
-    .aui-content--tabs {
-      padding-top: 0;
-    }
-  }
-}
-
-/* Sidebar fold
------------------------------- */
-.aui-sidebar--fold {
-  .aui-navbar {
-    &__header,
-    &__brand {
-      width: $sidebar--width-fold;
-    }
-    &__brand {
-      &-lg {
-        display: none;
-      }
-      &-mini {
-        display: inline-block;
-      }
-    }
-    &__icon-menu--switch {
-      transform: rotateZ(180deg);
-    }
-  }
-  .aui-sidebar {
-    &__inner {
-      width: $sidebar--width-fold + 20px;
-    }
-    &,
-    &__menu {
-      width: $sidebar--width-fold;
-    }
-    &__menu > li > .el-submenu__title {
-      text-align: center;
-    }
-    &__menu-icon {
-      margin-right: 0;
-      font-size: 18px;
-    }
-  }
-  .aui-content {
-    &__wrapper {
-      margin-left: $sidebar--width-fold;
-    }
-    &--tabs > .el-tabs > .el-tabs__header {
-      left: $sidebar--width-fold;
-    }
-  }
-}
-
-.aui-sidebar--noside {
-  .aui-sidebar {
-    display: none !important;
-  }
-  .aui-content {
-    &__wrapper {
-      margin-left: 0 !important;
-    }
-    &--tabs > .el-tabs > .el-tabs__header {
-      left: 0 !important;
-    }
-  }
-}
-
-/* Navbar
------------------------------- */
-.aui-navbar {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1030;
-  display: flex;
-  align-items: stretch;
-  height: $navbar--height;
-  background-color: $--color-primary;
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
-  &--colorful {
-    .aui-navbar__body {
-      background-color: transparent;
-    }
-    .aui-navbar__menu {
-      > .el-menu-item,
-      > .el-submenu > .el-submenu__title {
-        color: #fff;
-        &:focus,
-        &:hover {
-          color: #fff;
-          background-color: mix(#000, $--color-primary, 15%);
-        }
-      }
-      > .el-menu-item.is-active,
-      > .el-submenu.is-active > .el-submenu__title {
-        color: #fff;
-        &:focus,
-        &:hover {
-          color: #fff;
-        }
-      }
-      .el-menu-item i,
-      .el-submenu__title i,
-      .el-menu-item svg,
-      .el-submenu__title svg,
-      .el-menu-item .el-dropdown {
-        color: #fff !important;
-      }
-      .el-button {
-        color: #fff;
-        background-color: transparent;
-      }
-    }
-    .aui-navbar__search {
-      &-txt {
-        .el-input__inner {
-          color: #fff;
-          border-color: #fff;
-          &::-webkit-input-placeholder {
-            color: #fff;
-          }
-        }
-      }
-    }
-  }
-  &__header {
-    position: relative;
-    width: $sidebar--width;
-    height: $navbar--height;
-    transition: width 0.3s;
-  }
-  &__brand {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 5px;
-    margin: 0;
-    width: 100%;
-    height: 100%;
-    font-size: 20px;
-    text-transform: uppercase;
-    white-space: nowrap;
-    color: #fff;
-    overflow: hidden;
-    transition: width 0.3s;
-    &-lg,
-    &-mini {
-      max-width: 100%;
-      color: #fff;
-      cursor: pointer;
-      &:focus,
-      &:hover {
-        color: #fff;
-        text-decoration: none;
-      }
-    }
-    &-mini {
-      display: none;
-    }
-  }
-  &__body {
-    position: relative;
-    display: flex;
-    flex: 1;
-    background-color: #fff;
-    overflow: hidden;
-  }
-  &__menu {
-    background-color: transparent;
-    border-bottom: 0 !important;
-    a:focus,
-    a:hover {
-      text-decoration: none;
-    }
-    &.z-div {
-      .el-menu-item {
-        position: relative;
-
-        &:last-child {
-          &::after {
-            display: none;
-          }
-        }
-
-        &::after {
-          position: absolute;
-          content: "";
-          right: 0;
-          top: 0;
-          bottom: 0;
-          margin: auto 0;
-          width: 1px;
-          height: 18px;
-          background-color: rgba(#ffffff, 0.6);
-        }
-      }
-    }
-    .el-menu-item,
-    .el-submenu > .el-submenu__title {
-      height: $navbar--height;
-      padding: 0 15px;
-      line-height: $navbar--height;
-      border-color: transparent !important;
-    }
-    .el-menu-item.is-active,
-    .el-submenu.is-active > .el-submenu__title {
-      color: $--color-text-secondary;
-      &:focus,
-      &:hover {
-        color: $--color-text-primary;
-      }
-    }
-    .el-menu-item {
-      &:focus,
-      &:hover {
-        .aui-navbar__icon-menu {
-          color: $--color-text-primary;
-        }
-        .el-dropdown {
-          color: $--color-text-primary;
-          .el-icon-arrow-down {
-            transform: rotateZ(180deg);
-          }
-        }
-      }
-      * {
-        vertical-align: initial;
-      }
-      .aui-navbar__icon-menu {
-        vertical-align: middle;
-        font-size: 16px;
-      }
-      .el-dropdown {
-        color: $--color-text-secondary;
-        .el-icon-arrow-down {
-          width: auto;
-          font-size: 12px;
-          margin: 0 0 0 5px;
-          transition: transform 0.3s;
-        }
-      }
-    }
-    .el-badge {
-      display: inline;
-      z-index: 2;
-      &__content {
-        line-height: 16px;
-      }
-    }
-  }
-  &__search {
-    > *[class*="el-icon-"],
-    > *[class*="icon"] {
-      display: inline-block;
-      vertical-align: middle;
-    }
-    &-txt {
-      width: 0;
-      transition: width 0.3s, margin-left 0.3s;
-      &.is-show {
-        width: 210px;
-        margin-left: 8px;
-      }
-      .el-input__inner {
-        height: $navbar--height - 20px;
-        padding: 0;
-        line-height: $navbar--height - 20px;
-        border-color: $--color-text-primary;
-        border-top: 0;
-        border-right: 0;
-        border-left: 0;
-        border-radius: 0;
-        background: transparent;
-      }
-    }
-  }
-  &__avatar {
-    .el-dropdown-link {
-      > img {
-        width: 36px;
-        height: auto;
-        margin-right: 5px;
-        border-radius: 100%;
-        vertical-align: middle;
-      }
-    }
-  }
-}
-
-/* Sidebar
------------------------------- */
-.aui-sidebar {
-  position: fixed;
-  top: $navbar--height;
-  left: 0;
-  bottom: 0;
-  z-index: 1020;
-  width: $sidebar--width;
-  background-color: #fff;
-  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.05);
-  overflow: hidden;
-  transition: width 0.3s;
-  &--dark {
-    background-color: $sidebar--background-color-dark;
-    .aui-sidebar__menu,
-    > .el-menu--popup {
-      background-color: $sidebar--background-color-dark;
-      .el-menu-item,
-      .el-submenu > .el-submenu__title {
-        color: $sidebar--text-color-dark;
-        &:focus,
-        &:hover {
-          color: mix(#fff, $sidebar--text-color-dark, 50%);
-          background-color: mix(#fff, $sidebar--background-color-dark, 2.5%);
-        }
-      }
-      .el-menu,
-      .el-submenu.is-opened {
-        background-color: mix(#000, $sidebar--background-color-dark, 15%);
-      }
-      .el-menu-item.is-active,
-      .el-submenu.is-active > .el-submenu__title {
-        color: mix(#fff, $sidebar--text-color-dark, 80%);
-      }
-    }
-  }
-  &__inner {
-    position: relative;
-    z-index: 1;
-    width: $sidebar--width + 20px;
-    height: 100%;
-    padding-bottom: 15px;
-    overflow-x: hidden;
-    overflow-y: scroll;
-    transition: width 0.3s;
-  }
-  &__menu {
-    width: $sidebar--width;
-    border-right: 0;
-    transition: width 0.3s;
-    .el-menu-item,
-    .el-submenu__title {
-      height: $sidebar--menu-item-height;
-      line-height: $sidebar--menu-item-height;
-    }
-  }
-  &__menu-icon {
-    display: inline-block;
-    vertical-align: middle;
-    width: 24px !important;
-    margin-right: 5px;
-    text-align: center;
-    font-size: 16px;
-    color: inherit !important;
-    transition: font-size 0.3s;
-  }
-}
-
-/* Content
------------------------------- */
-.aui-content {
-  position: relative;
-  padding: $content--padding;
-  // min-height: calc(100vh - #{$navbar--height});
-  &__wrapper {
-    position: relative;
-    margin-left: $sidebar--width;
-    min-height: calc(100vh - #{$navbar--height});
-    background-color: $content--background-color;
-    transition: margin-left 0.3s;
-  }
-  > .aui-card--fill > .el-card__body {
-    min-height: calc(#{$content--fill-height} - 2px);
-  }
-  > .aui-card--fill > .el-card__header + .el-card__body {
-    min-height: calc(#{$content--fill-height} - #{$content--card-header-height} - 2px);
-  }
-  &--tabs {
-    padding: $content--tabs-header-height 0 0;
-  }
-  &--tabs-tools {
-    position: fixed;
-    top: $navbar--height;
-    right: 0;
-    z-index: 931;
-    min-width: $content--tabs-header-height;
-    height: $content--tabs-header-height;
-    padding: 0 12px;
-    text-align: center;
-    font-size: 16px;
-    line-height: $content--tabs-header-height;
-    background-color: $--background-color-base;
-    cursor: pointer;
-  }
-  &--tabs-icon-nav {
-    display: inline-block;
-    vertical-align: middle;
-    font-size: 16px;
-  }
-  > .el-tabs {
-    > .el-tabs__header {
-      position: fixed;
-      top: $navbar--height;
-      left: $sidebar--width;
-      right: 0;
-      z-index: 930;
-      padding: 0 55px 0 15px;
-      margin: 0;
-      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-      background-color: #fff;
-      transition: left 0.3s;
-      > .el-tabs__nav-wrap {
-        margin-bottom: 0;
-        &:after {
-          display: none;
-        }
-        > .el-tabs__nav-next,
-        > .el-tabs__nav-prev {
-          line-height: $content--tabs-header-height;
-        }
-        > .el-tabs__nav-scroll > .el-tabs__nav {
-          & > .el-tabs__active-bar {
-            display: none;
-          }
-          & > .el-tabs__item {
-            height: $content--tabs-header-height;
-            padding: 0 15px;
-            line-height: $content--tabs-header-height;
-            border: 0;
-            color: $--color-text-regular;
-            &:focus,
-            &:hover,
-            &.is-active {
-              color: $--color-text-primary;
-              background-color: $--background-color-base;
-              &:after {
-                display: block;
-              }
-              > .el-icon-close {
-                color: $--color-text-primary;
-              }
-            }
-            &:after {
-              display: none;
-              position: absolute;
-              bottom: 0;
-              left: 0;
-              content: "";
-              width: 100%;
-              height: 2px;
-              background-color: $--color-primary;
-            }
-            + .el-tabs__item {
-              margin-left: 1px;
-            }
-            > .el-icon-close {
-              width: 14px;
-              margin-left: 15px;
-              color: $--color-text-secondary;
-            }
-            > i.icon {
-              display: inline-block;
-              vertical-align: middle;
-              font-size: 18px;
-            }
-          }
-        }
-      }
-    }
-    > .el-tabs__content {
-      padding: $content--padding;
-      .el-loading-mask {
-        z-index: 830;
-      }
-      > .el-tab-pane {
-        min-height: calc(#{$content--fill-height-tabs});
-        > .aui-card--fill > .el-card__body {
-          min-height: calc(#{$content--fill-height-tabs} - 2px);
-        }
-        > .aui-card--fill > .el-card__header + .el-card__body {
-          min-height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
-        }
-        &.is-iframe {
-          height: calc(#{$content--fill-height-tabs} + #{$content--padding * 2});
-          margin: -$content--padding;
-          min-height: auto;
-          > .aui-card--fill {
-            background-color: transparent;
-          }
-          > .aui-card--fill > .el-card__header {
-            background-color: #fff;
-          }
-          > .aui-card--fill > .el-card__body {
-            height: calc(#{$content--fill-height-tabs} - 2px);
-            margin: $content--padding;
-            min-height: auto;
-            border: $--border-base;
-            border-color: $--border-color-lighter;
-            border-radius: $--border-radius-base;
-            background-color: #fff;
-          }
-          > .aui-card--fill > .el-card__header + .el-card__body {
-            height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
-          }
-        }
-      }
-    }
-  }
-  // quill富文本编辑器
-  .ql-toolbar {
-    line-height: 20px;
-    &.ql-snow {
-      border-color: $--border-color-base;
-    }
-    .ql-formats {
-      margin: 0 5px;
-    }
-  }
-  .ql-container {
-    height: 150px;
-    &.ql-snow {
-      border-color: $--border-color-base;
-    }
-  }
-}
-
-.el-loading-mask {
-  z-index: 5001 !important;
-}
-
-/* Page
------------------------------- */
-*[class*="aui-page__"] {
-  padding-top: 0;
-  .aui-content {
-    min-height: auto;
-    &__wrapper {
-      min-height: 100vh;
-      margin-left: 0;
-    }
-    > .aui-card--fill > .el-card__body {
-      min-height: calc(100vh - #{$content--padding * 2} - 2px);
-    }
-    > .aui-card--fill > .el-card__header + .el-card__body {
-      min-height: calc(100vh - #{$content--padding * 2} - #{$content--card-header-height} - 2px);
-    }
-  }
-}
-
-.el-button--green {
-  color: #fff;
-  background-color: #22c1c3;
-  border-color: #22c1c3;
-}
-.el-button--green:hover {
-  color: #fff;
-  background-color: #05b1b4;
-  border-color: #05b1b4;
-}
-.el-button--green:focus {
-  color: #fff;
-  background-color: #22c1c3;
-  border-color: #22c1c3;
-}
-
-.el-button--yellow:hover {
-  color: #fff;
-  background-color: #fa9200;
-  border-color: #fa9200;
-}
-.el-button--yellow:focus {
-  color: #fff;
-  background-color: #feb349;
-  border-color: #feb349;
-}
-.el-button--yellow {
-  color: #fff;
-  background-color: #feb349;
-  border-color: #feb349;
-}
-.el-button--blue:focus {
-  color: #fff;
-  background-color: #2195fe;
-  border-color: #2195fe;
-}
-.el-button--blue:hover {
-  color: #fff;
-  background-color: #0083fd;
-  border-color: #0083fd;
-}
-.el-button--blue {
-  color: #fff;
-  background-color: #2195fe;
-  border-color: #2195fe;
-}
-.el-button--red:focus {
-  color: #fff;
-  background-color: #fe6252;
-  border-color: #fe6252;
-}
-.el-button--red:hover {
-  color: #fff;
-  background-color: #fd341e;
-  border-color: #fd341e;
-}
-.el-button--red {
-  color: #fff;
-  background-color: #fe6252;
-  border-color: #fe6252;
-}
-
-// 修改表格不换行的问题
-div.el-table div.cell {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  word-wrap: normal;
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-
-// 默认输入框placeholder样式
-html .el-input.is-disabled .el-input__inner,
-html .el-textarea.is-disabled textarea.el-textarea__inner {
-  color: #333;
-  background-color: rgba(#000, 0.01);
-  border-color: rgba(#000, 0.02);
-  resize: none;
-  &::placeholder {
-    // color: rgba(#fff, 0);
-  }
-}
-html .el-checkbox.is-disabled.is-checked .el-checkbox__label {
-  color: #333;
-}
-html .el-form-item__label {
-  &::after {
-    content: " :";
-    display: inline;
-    color: #333;
-  }
-}
diff --git a/src/assets/scss/modules/index.scss b/src/assets/scss/modules/index.scss
index eb1355f2f..0520134d5 100644
--- a/src/assets/scss/modules/index.scss
+++ b/src/assets/scss/modules/index.scss
@@ -24,8 +24,9 @@
     .header {
         padding: 4px 0;
         font-size: 15px;
+        font-family: PingFangSC-Medium, PingFang SC;
         font-weight: 500;
-        color: #002765;
+        color: rgba(0, 0, 0, 0.85);
         line-height: 17px;
 
         > img {
@@ -40,15 +41,18 @@
         position: absolute;
         top: 14px;
         right: 12px;
-        width: 36px;
-        height: 12px;
+        width: 42px;
+        height: 14px;
         line-height: 18px;
-        font-size: 12px;
-        font-family: "思源宋体";
-        font-weight: 600;
+        font-size: 14px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
         color: rgba(0, 0, 0, 0.85);
-        line-height: 23px;
         cursor: pointer;
+
+        &:hover {
+            color: $c1;
+        }
     }
 }
 
@@ -63,9 +67,8 @@
     .title {
         height: 47px;
         font-size: 32px;
-        font-family: SourceHanSansSC-Medium, SourceHanSansSC;
         font-weight: 500;
-        color: #0056d6;
+        color: $c1;
         line-height: 47px;
     }
 
@@ -81,12 +84,20 @@
             font-size: 14px;
             line-height: 24px;
             border-radius: 2px;
-            color: #0056d6;
+            color: $c1;
             text-align: center;
             cursor: pointer;
+
+            &:hover {
+                color: $c1_on;
+            }
             &.z-on {
                 color: #ffffff;
-                background: #0056d6;
+                background: $c1;
+
+                &:hover {
+                    color: #ffffff;
+                }
                 &::after {
                     content: "";
                     display: block;
@@ -98,7 +109,7 @@
                     width: 0;
                     height: 0;
                     border: 5px solid transparent;
-                    border-top: 5px solid #0056d6;
+                    border-top: 5px solid $c1;
                 }
             }
         }
@@ -115,7 +126,7 @@
             height: 48px;
             background: #ffffff;
             border-radius: 4px;
-            border: 1px solid #0056d6;
+            border: 1px solid $c1;
             display: flex;
 
             .input {
@@ -128,7 +139,6 @@
                     border: none;
                     height: 44px;
                     line-height: 44px;
-                    font-family: "思源宋体";
                     font-size: 16px;
                     font-weight: 400;
                     color: #333;
@@ -161,15 +171,17 @@
                 line-height: 32px;
                 width: 66px;
                 height: 32px;
-                background: #0056d6;
+                background: $c1;
                 border-radius: 2px;
                 text-align: center;
                 font-size: 15px;
-                font-family: Source Han Serif CN;
                 font-weight: 500;
                 color: #ffffff;
                 color: #ffffff;
                 cursor: pointer;
+                &:hover {
+                    background: $c1_on;
+                }
             }
         }
 
@@ -181,15 +193,19 @@
             border-radius: 6px;
             text-align: center;
             font-size: 16px;
-            font-family: Source Han Serif CN;
+            font-family: SourceHanSansSC-Regular, SourceHanSansSC;
             font-weight: 500;
-            color: #0056d6;
+            color: $c1;
             cursor: pointer;
             img {
                 width: 20px;
                 height: 20px;
                 margin-right: 8px;
             }
+
+            &:hover {
+                color: $c1_on;
+            }
         }
     }
 }
@@ -218,8 +234,9 @@
             .subtitle {
                 padding: 4px 0;
                 font-size: 15px;
+                font-family: PingFangSC-Medium, PingFang SC;
                 font-weight: 500;
-                color: #002765;
+                color: rgba(0, 0, 0, 0.85);
                 line-height: 17px;
 
                 &:last-of-type {
@@ -250,6 +267,11 @@
                     font-weight: 500;
                     color: rgba(44, 53, 66, 0.85);
                     line-height: 24px;
+                    cursor: pointer;
+
+                    &:hover {
+                        color: $c1;
+                    }
 
                     .item-name {
                         margin-left: 5px;
@@ -316,6 +338,10 @@
                 font-weight: 400;
                 color: rgba(0, 0, 0, 0.85);
                 line-height: 22px;
+                &:hover {
+                    color: $c1;
+                    cursor: pointer;
+                }
             }
             .item-date {
                 font-size: 12px;
@@ -355,7 +381,6 @@
                 @include toe;
                 width: 60%;
                 font-size: 14px;
-                font-family: Source Han Serif CN;
                 font-weight: 400;
                 color: #333333;
                 line-height: 24px;
@@ -370,8 +395,12 @@
                     font-size: 14px;
                     line-height: 24px;
                     font-weight: 400;
-                    color: #0056d6;
+                    color: $c1;
                     text-align: center;
+                    &:hover {
+                        color: $c1_on;
+                        cursor: pointer;
+                    }
                     &:last-child {
                         margin-right: 2px;
                     }
diff --git a/src/views/main-navbar.vue b/src/views/main-navbar.vue
index 7bf5ee6f6..b538c2282 100644
--- a/src/views/main-navbar.vue
+++ b/src/views/main-navbar.vue
@@ -71,11 +71,15 @@
           style="min-width: 180px"
         >
           <el-menu-item index="3" @click="fullscreenHandle()">
-            <img class="img-nav" src="~@/assets/images/main/time.png" />
+            <div class="img-nav">
+              <img src="~@/assets/images/main/time.png" />
+            </div>
           </el-menu-item>
 
           <el-menu-item index="2" @click="fullscreenHandle()">
-            <img class="img-nav" src="~@/assets/images/main/hint.png" />
+            <div class="img-nav">
+              <img src="~@/assets/images/main/hint.png" />
+            </div>
           </el-menu-item>
 
           <el-menu-item index="1" class="aui-navbar__avatar">
diff --git a/src/views/main-sidebar.vue b/src/views/main-sidebar.vue
index c8ed2a959..3d2ba84f9 100644
--- a/src/views/main-sidebar.vue
+++ b/src/views/main-sidebar.vue
@@ -9,8 +9,8 @@
 
           <div
             class="nav-item"
-            :class="{ 'z-on': $store.state.LevelOneMenuActiveName == 'home' }"
-            @click="$router.push({ name: 'home' })"
+            :class="{ 'z-on': $store.state.LevelOneMenuActiveName == '' }"
+            @click="toIndexPage"
           >
             <svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true">
               <use xlink:href="#icon-desktop" />
@@ -119,11 +119,13 @@ export default {
   },
   methods: {
     toIndexPage() {
-      this.$router.replace("/index");
+      // this.$store.state.LevelOneMenuActiveName = "";
+      this.$router.push({ name: "home" });
+      // this.$router.replace("/index");
     },
     // 通过menuId与动态(菜单)路由进行匹配跳转至指定路由
     gotoRouteHandle(menuId, idx) {
-      console.log('===============menuId',menuId)
+      console.log("===============menuId", menuId);
       var route = window.SITE_CONFIG["dynamicMenuRoutes"].filter(
         (item) => item.meta.menuId === menuId
       )[0];