diff --git a/src/assets/styles/custom.scss b/src/assets/styles/custom.scss
index f50a2761..ed00f118 100644
--- a/src/assets/styles/custom.scss
+++ b/src/assets/styles/custom.scss
@@ -173,7 +173,7 @@
 /** 表格更多操作下拉样式 */
 .el-table .el-dropdown-link {
 	cursor: pointer;
-	color: #0028ff;
+	color: #B12D29;
   // 5373ff
 	margin-left: 5px;
 }
@@ -365,9 +365,10 @@
 }
 
 .main-container{
-	margin-top: 6px;
+	// margin-top: 6px;
+  margin-top: 0px;
   // margin-right: 6px;
-  padding: 6px;
+  // padding: 6px;
     // border: 1px dashed #e0e0e0;
 }
 
diff --git a/src/assets/styles/element-variables.scss b/src/assets/styles/element-variables.scss
index a344ebc5..ba69e056 100644
--- a/src/assets/styles/element-variables.scss
+++ b/src/assets/styles/element-variables.scss
@@ -5,7 +5,7 @@
 
 /* theme color */
 // $--color-primary: #1890ff;
-$--color-primary: #0028ff;
+$--color-primary: #B12D29;
 $--color-success: #13ce66;
 $--color-warning: #ffba00;
 $--color-danger: #ff4949;
diff --git a/src/assets/styles/header-top.scss b/src/assets/styles/header-top.scss
index 08710e59..d6663297 100644
--- a/src/assets/styles/header-top.scss
+++ b/src/assets/styles/header-top.scss
@@ -4,8 +4,8 @@
     position: relative;
     height: 50px;
     // box-shadow: 0 1px 0px 0 rgb(0 0 0 / 5%);
-    box-shadow: 0px 2px 2px 0 rgb(2 2 2 / 5%);
-    background: #ffffff;
+    // box-shadow: 0px 2px 2px 0 rgb(2 2 2 / 5%);
+    // background: #ffffff;
     // background: linear-gradient(90deg,#1d42ab,#2173dc,#1e93ff);
     // border-bottom: 1px solid #c1c1c1;
   }
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 6efcf2da..2dd35c01 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -15,7 +15,8 @@ body {
   // font-family:  Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
   // font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif!important;
   // font-family: Microsoft YaHei,PingFang SC,Hiragino Sans GB,Arial,Verdana,Roboto,Noto,Helvetica Neue,sans-serif!important;
-  background-color: #eff0f4;
+  // background-color: #eff0f4;
+  background-color: #F6F6F6;
   // background-color: #f7f7f7;
   // background-color: #e9e8f1;
   color:#000000
@@ -182,7 +183,7 @@ aside {
   cursor: pointer;
 
   &:hover {
-    color: #0028ff;
+    color: #B12D29;
   }
 }
 
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index 0bcec5b5..89a38ccc 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -20,14 +20,16 @@
     background-color:#fff!important;
     // background-color: #ffffff3b !important;
     // background-color:transparent !important;
-    margin-top: 12px;
-    margin-left: 8px;
-    // height: 100%;
+    // margin-top: 12px;
+    margin-top: 0px;
+    margin-left: 0px;
+    height: 100%;
     float: left;
     font-weight: 400;
     z-index: 1001;
     // overflow: hidden;
     border-radius: 3px;
+    border-radius: 0px;
 
     font-family: Helvetica Neue, Helvetica, PingFang SC,Microsoft YaHei, Hiragino Sans GB, Arial, sans-serif;
 
@@ -125,14 +127,14 @@
         background: #f0faff96!important;
         font-weight: 600;
         // border-left: 2px solid #1890ff!important;
-        border-left: 2px solid #0027ff!important;
+        border-left: 2px solid #B12D29!important;
         // color: #1890ff!important;
         color: black ;
       }
 
       &.is-active {
         // color: #000!important;
-        color: #0027ff!important;
+        color: #B12D29!important;
         font-weight: 600;
         // background: #fff!important;
         background: transparent!important;
@@ -142,7 +144,7 @@
 
     .el-menu-item.is-active {
       // color: #000!important;
-      color: #0027ff!important;
+      color: #B12D29!important;
       font-weight: 600;
       // background: #fff!important;
       background: transparent!important;
@@ -200,10 +202,10 @@
             background: #e8f4ff;
             border: 1px solid #a3d3ff1c;
             .svg-icon {
-              color:#0028ff!important;
+              color:#B12D29!important;
             }
             .name {
-              color:#0028ff!important;
+              color:#B12D29!important;
             }
 
           }
@@ -273,10 +275,10 @@
         background: #e8f4ff;
         border: 1px solid #a3d3ff1c;
         .svg-icon {
-          color:#0027ff!important;
+          color:#B12D29!important;
         }
         .name {
-          color:#0027ff!important;
+          color:#B12D29!important;
         }
       }
 
diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss
index f470bdb5..cb58df83 100644
--- a/src/assets/styles/variables.scss
+++ b/src/assets/styles/variables.scss
@@ -23,7 +23,7 @@ $panGreen: #30B08F;
 
 // 自定义erp风格
 $base-menu-color:#161616;
-$base-menu-color-active:#0028ff;
+$base-menu-color-active:#B12D29;
 $base-menu-background:transparent;
 $base-logo-title-color: #ffffff;
 
@@ -32,7 +32,7 @@ $base-menu-light-background:#ffffff;
 $base-logo-light-title-color: #001529;
 
 $base-sub-menu-background:inherit;
-$base-sub-menu-hover:#1890FF;
+$base-sub-menu-hover:#B12D29;
 
 // 自定义暗色菜单风格
 /**
diff --git a/src/components/CardWithHeader/index.vue b/src/components/CardWithHeader/index.vue
index de83dcaa..dd37b646 100644
--- a/src/components/CardWithHeader/index.vue
+++ b/src/components/CardWithHeader/index.vue
@@ -55,7 +55,7 @@ export default {
               width: 3px;
               height: 14px;
               content: '';
-              background: #0028ff;
+              background: #B12D29;
               // background: #409EFF;
               border-radius: 2px;
           }
diff --git a/src/components/HeaderSearch/index.vue b/src/components/HeaderSearch/index.vue
index c44eff56..18c4d399 100644
--- a/src/components/HeaderSearch/index.vue
+++ b/src/components/HeaderSearch/index.vue
@@ -1,20 +1,30 @@
 <template>
-  <div :class="{'show':show}" class="header-search">
-    <svg-icon class-name="search-icon" icon-class="search" @click.stop="click" />
-    <el-select
-      ref="headerSearchSelect"
-      v-model="search"
-      :remote-method="querySearch"
-      filterable
-      default-first-option
-      remote
-      placeholder="Search"
-      class="header-search-select"
-      @change="change"
-    >
-      <el-option v-for="option in options" :key="option.item.path" :value="option.item" :label="option.item.title.join(' > ')" />
-    </el-select>
-  </div>
+   <el-popover
+    :width="330"
+    trigger="click"
+    transition="el-zoom-in-top"
+    popper-class="ele-notice-pop">
+    <div slot="reference"  >
+      <div>
+        <svg-icon class-name="search-icon" icon-class="search" @click.stop="click" />
+      </div>
+    </div>
+      <div :class="{'show':show}" class="header-search">
+        <el-select
+          ref="headerSearchSelect"
+          v-model="search"
+          :remote-method="querySearch"
+          filterable
+          default-first-option
+          remote
+          placeholder="Search"
+          class="header-search-select"
+          @change="change"
+        >
+          <el-option v-for="option in options" :key="option.item.path" :value="option.item" :label="option.item.title.join(' > ')" />
+        </el-select>
+      </div>
+  </el-popover>
 </template>
 
 <script>
@@ -27,6 +37,7 @@ export default {
   name: 'HeaderSearch',
   data() {
     return {
+      visible: false,
       search: '',
       options: [],
       searchPool: [],
diff --git a/src/components/SlideVerify/index.vue b/src/components/SlideVerify/index.vue
index 2ec65a70..bd974fb7 100644
--- a/src/components/SlideVerify/index.vue
+++ b/src/components/SlideVerify/index.vue
@@ -347,7 +347,7 @@ export default {
     color: #fff;
     text-align: center;
     line-height: 30px;
-    background-color: #1890ff;
+    background-color: #B12D29;
     opacity: 0;
   }
   .slide-verify-info.fail {
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 6ce6aa1c..b6f98bb6 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -7,8 +7,6 @@
     <!-- <top-nav id="topmenu-container" class="topmenu-container" /> -->
     <div style="line-height: 46px;cursor: pointer;height: 100%;float: left; position: relative;">
       <template v-if="device!=='mobile'">
-        <search id="header-search" class="right-menu-item" />
-
         <!-- <screenfull id="screenfull" class="right-menu-item hover-effect" /> -->
 
         <!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
@@ -23,6 +21,11 @@
 
     <div class="right-menu">
 
+      <!-- 搜索 -->
+      <div class="right-menu-item hover-effect" style="padding: 0 20px;">
+        <search id="header-search"/>
+      </div>
+
       <!-- 消息通知 -->
       <div class="right-menu-item hover-effect" style="padding: 0 20px;">
         <top-notice/>
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 59815f10..b6a2cb0c 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -41,7 +41,7 @@
       <el-divider/>
 
       <h3 class="drawer-title">系统布局配置</h3>
-      
+
       <div class="drawer-item">
         <span>开启 TopNav</span>
         <el-switch v-model="topNav" class="drawer-switch" />
@@ -223,7 +223,7 @@ export default {
           height: 100%;
           padding-top: 15px;
           padding-left: 24px;
-          color: #1890ff;
+          color: #B12D29;
           font-weight: 700;
           font-size: 14px;
         }
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 5893940c..a5855322 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -2,19 +2,21 @@
   <div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
+        <!-- <img v-if="logo" :src="logo" class="sidebar-logo" /> -->
+        <!-- <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1> -->
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
+        <div style="background: #fff url('../../assets/logo/left_logo_bg.png') no-repeat;background-size: cover;">
         <img v-if="logo" :src="logo" class="sidebar-logo" />
         <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
+        </div>
       </router-link>
     </transition>
   </div>
 </template>
 
 <script>
-import logoImg from '@/assets/logo/logo2.png'
+import logoImg from '@/assets/logo/left_logo.png'
 import variables from '@/assets/styles/variables.scss'
 
 export default {
@@ -55,8 +57,8 @@ export default {
 .sidebar-logo-container {
   position: relative;
   width: 100%;
-  height: 50px;
-  line-height: 50px;
+  // height: 50px;
+  // line-height: 50px;
   background: #2b2f3a;
   text-align: center;
   overflow: hidden;
@@ -66,8 +68,10 @@ export default {
     width: 100%;
 
     & .sidebar-logo {
-      width: 60px;
-      height: 60px;
+      // width: 60px;
+      // height: 60px;
+      margin-top: 20px;
+      height: 80px;
       vertical-align: middle;
       margin-right: 12px;
     }
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index e8280407..b73dd16a 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -1,8 +1,9 @@
 <template>
     <div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
-        <!-- <logo v-if="showLogo" :collapse="isCollapse" /> -->
-        <!-- <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper"> -->
+
+        <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
         <div >
+            <logo :collapse="isCollapse" />
             <biz-nav id="bizNav"  v-if="this.sidebar.opened" style="padding: 0px 0px;width:100%"/>
             <el-menu
                 :default-active="activeMenu"
@@ -25,7 +26,7 @@
               <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
             </div>
         </div>
-        <!-- </el-scrollbar> -->
+        </el-scrollbar>
     </div>
 </template>
 
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 4e505d2c..7d57e6ae 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -282,7 +282,8 @@ export default {
 
 
   .tags-view-inner{
-    background: #fff;
+    // background: #fff;
+    background: transparent;
     // border-bottom: 1px solid #d8dce5;
     // box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
   }
diff --git a/src/layout/components/TopHeader/index.vue b/src/layout/components/TopHeader/index.vue
index bd039012..910d2999 100644
--- a/src/layout/components/TopHeader/index.vue
+++ b/src/layout/components/TopHeader/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-      <div class="top-header-logo" style="text-align: left;" v-if="this.sidebar.opened">
+      <!-- <div class="top-header-logo" style="text-align: left;" v-if="this.sidebar.opened">
         <div>
             <img style="height: 50px;margin-left: 2px;padding: 6px 0px;" :src="zoneConfig.logoInner">
         </div>
@@ -9,7 +9,7 @@
         <div>
             <img style="height: 50px;margin-left: 2px;padding: 6px 0px;" :src="zoneConfig.logoInner">
         </div>
-      </div>
+      </div> -->
 
       <div class="top-header-right" v-if="this.sidebar.opened">
         <navbar />
@@ -61,11 +61,12 @@
   }
 
   .top-header-right{
-    margin-left: 180px;
+    // margin-left: 180px;
+    margin-left: 0px;
   }
 
   .top-header-right-small{
-    margin-left: 100px!important;
+    margin-left: 0px!important;
   }
 
 </style>
diff --git a/src/layout/components/TopTagsView/index.vue b/src/layout/components/TopTagsView/index.vue
index 31aa4753..6133b2e2 100644
--- a/src/layout/components/TopTagsView/index.vue
+++ b/src/layout/components/TopTagsView/index.vue
@@ -279,10 +279,12 @@ export default {
       height: 26px;
       line-height: 26px;
       // border: 1px solid #d8dce5;
-      color: #495060;
-      background: #fff;
+      color: black;
+      background:transparent;
+      // color: #495060;
+      // background: #fff;
       padding: 0 8px;
-      font-size: 14px;
+      font-size: 12px;
       margin-left: 5px;
       margin-top: 4px;
       border-radius: 3px 3px 0px 0px;
@@ -293,10 +295,10 @@ export default {
         margin-right: 15px;
       }
       &.active {
-        // background-color: #42b983;
-        // color: #fff;
-        color: #161616;
-        font-size: 14px;
+        background-color: transparent;
+        color: #B12D29;
+        // color: ;
+        font-size: 12px;
         font-weight: bold;
         // border-color: #42b983;
         // &::before {
@@ -335,7 +337,9 @@ export default {
 
 
   .tags-view-inner{
-    background: #fff;
+    // background: #fff;
+    background: transparent;
+
     // border-bottom: 1px solid #d8dce5;
     // box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
   }
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 8138d8a8..1e4feef8 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,9 +1,10 @@
 <template>
   <div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
-    <TopHeader class="erp-header"></TopHeader>
+
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
     <sidebar v-if="!sidebar.hide" class="sidebar-container" />
     <div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
+      <TopHeader class="erp-header"></TopHeader>
       <app-main />
       <!-- <div class="signfooter">
         <div class="auto clearfix">
diff --git a/src/views/demo/printDesigner/index.vue b/src/views/demo/printDesigner/index.vue
index dedeff4a..9ce04436 100644
--- a/src/views/demo/printDesigner/index.vue
+++ b/src/views/demo/printDesigner/index.vue
@@ -261,7 +261,7 @@ export default {
 .title {
   text-align: center;
   font-size: 24px;
-  color: #1890ff;
+  color: #B12D29;
   margin: 20px;
   font-weight: bold;
 }