diff --git a/src/page/system/homeWork/index.vue b/src/page/system/homeWork/index.vue
index 6387dd7..62d9881 100644
--- a/src/page/system/homeWork/index.vue
+++ b/src/page/system/homeWork/index.vue
@@ -97,12 +97,7 @@ const startDoWork = () => {
 </script>
 <template>
   <div class="uncomplete">
-    <div
-      class="book"
-      :style="{
-        'background-image': `url(${OSS_URL}/urm/book_bg.svg)`,
-      }"
-    >
+    <div class="book">
       <template v-if="paperList.length">
         <div class="book-sidebar-box">
           <div class="book-sidebar hidden_scroll">
@@ -240,18 +235,20 @@ const startDoWork = () => {
     position: fixed;
     width: 133.5vh;
     height: 94vh;
-    left: 300px;
-    top: 6.67vh;
+    left: 290px;
+    top: 4.67vh;
     background-repeat: no-repeat;
     background-position: top left;
     background-size: 100% 100%;
-    padding: 10vh 11.67vh 6.33vh 9vh;
+    padding: 9vh 2vh 2vh 7vh;
     display: flex;
     z-index: 2;
     &-sidebar {
-      width: 36.67vh;
+      width: 39.67vh;
       height: 100%;
       flex-shrink: 0;
+      background-color: #81eaf0;
+      padding: 1.5vh;
       &-item {
         padding: 0.83vh;
         display: flex;
@@ -307,9 +304,9 @@ const startDoWork = () => {
       }
     }
     &-main {
-      margin-left: 5.83vh;
-      padding-top: 1.33vh;
+      padding: 1.33vh 2.8vh 0;
       width: calc(100% - 3.33vh);
+      background-color: #fff;
       .info {
         padding: 1.33vh 0;
         display: flex;
diff --git a/src/page/system/mailbox/index.vue b/src/page/system/mailbox/index.vue
index 107cd85..408e0ac 100644
--- a/src/page/system/mailbox/index.vue
+++ b/src/page/system/mailbox/index.vue
@@ -244,12 +244,7 @@ onUnmounted(() => {
 <template>
   <div class="uncomplete">
     <div v-if="!initLoading" class="hidden_scroll">
-      <div
-        class="book"
-        :style="{
-          'background-image': `url(${OSS_URL}/urm/book_bg.svg)`,
-        }"
-      >
+      <div class="book">
         <template v-if="mailList.length && !pageLoading">
           <div class="book-left">
             <div
@@ -462,18 +457,16 @@ onUnmounted(() => {
   .book {
     box-sizing: border-box;
     @include book_style;
-    // margin: 0 20px 0 186px;
-    background-repeat: no-repeat;
-    background-position: top left;
-
-    background-size: 100%;
-    padding: 7.5vh 11.17vh 6.33vh 8.67vh;
+    // padding: 7.5vh 11.17vh 6.33vh 8.67vh;
+    padding-left: 6vh;
     display: flex;
     z-index: 2;
     &-left {
-      width: 37.75vh;
+      width: 40.75vh;
+      padding: 1.5vh;
       position: relative;
       z-index: 1;
+      background-color: #81eaf0;
     }
     .mail-num {
       color: #fff;
@@ -597,11 +590,11 @@ onUnmounted(() => {
     &-main {
       position: relative;
       z-index: 1;
-      margin-left: 5.33vh;
-      padding-top: 3.33vh;
+      padding: 3.33vh 2.8vh 0;
       width: calc(100% - 40vh);
       display: flex;
       flex-direction: column;
+      background-color: #fff;
       .info {
         flex-shrink: 0;
         padding: 1.33vh 0;