diff --git a/src/assets/images/grateful/empBanner.png b/src/assets/images/grateful/empBanner.png
new file mode 100644
index 00000000..1f0a9158
Binary files /dev/null and b/src/assets/images/grateful/empBanner.png differ
diff --git a/src/assets/images/grateful/noticGift.png b/src/assets/images/grateful/noticGift.png
new file mode 100644
index 00000000..1fb73f4f
Binary files /dev/null and b/src/assets/images/grateful/noticGift.png differ
diff --git a/src/assets/images/grateful/noticeBanner.png b/src/assets/images/grateful/noticeBanner.png
new file mode 100644
index 00000000..7b102de0
Binary files /dev/null and b/src/assets/images/grateful/noticeBanner.png differ
diff --git a/src/assets/images/grateful/noticeLogo.png b/src/assets/images/grateful/noticeLogo.png
new file mode 100644
index 00000000..471f0c94
Binary files /dev/null and b/src/assets/images/grateful/noticeLogo.png differ
diff --git a/src/assets/images/grateful/opinionBanner.png b/src/assets/images/grateful/opinionBanner.png
new file mode 100644
index 00000000..ee312e8a
Binary files /dev/null and b/src/assets/images/grateful/opinionBanner.png differ
diff --git a/src/assets/images/grateful/toolBanner.png b/src/assets/images/grateful/toolBanner.png
new file mode 100644
index 00000000..d418fbb0
Binary files /dev/null and b/src/assets/images/grateful/toolBanner.png differ
diff --git a/src/views/grateful/GratefulHomePage.vue b/src/views/grateful/GratefulHomePage.vue
index 0780c810..3b36df70 100644
--- a/src/views/grateful/GratefulHomePage.vue
+++ b/src/views/grateful/GratefulHomePage.vue
@@ -6,7 +6,9 @@
         <div class="xcontent2-main">
           <div class="gratefulNav">
             <div class="navImg">
-              <img src="../../assets/images/grateful/famousTeacher.png" alt="">
+              <router-link to="/grateful/teacherOpinion">
+                <img src="../../assets/images/grateful/famousTeacher.png" alt="">
+              </router-link>
             </div>
             <div class="navNotice">
               <div id="fixd-box">
@@ -16,8 +18,7 @@
                     <router-link to="/grateful/gratefulNotice" style="font-size: 14px;">查看更多</router-link>
                   </div>
                   <ul>
-                    <li v-for="(item, index) in 6" :key="index"
-                      style="cursor: pointer;line-height: 22px;" class="liList">
+                    <li v-for="(item, index) in 6" :key="index" style="cursor: pointer;line-height: 22px;" class="liList">
                       <router-link :to="'/case/detail?id=' + item.id" style="display: flex;align-items: center;">
                         <span class="portal-right-text blue-one">
                           <img :src="getPic(index)" alt="">
@@ -41,7 +42,7 @@
                     <router-link to="/grateful/toolDown" style="font-size: 14px;">查看更多</router-link>
                   </div>
                   <ul>
-                    <li v-for="(item, index) in 6"  :key="index" style="cursor: pointer;line-height: 22px;"
+                    <li v-for="(item, index) in 6" :key="index" style="cursor: pointer;line-height: 22px;"
                       class="title-line-ellipsis liList">
                       <router-link :to="'/case/detail?id=' + item.id">
                         <span class="portal-right-text orange-one" v-if="index == 0">
@@ -123,13 +124,22 @@
     <div class="float-tools" @click="() => (gratefulVisible = !gratefulVisible)">
       <div class="content">
         <img src="../../assets/images/grateful/suggestion.png" alt="" />
-        <span>给点意见</span>
+        <span>给点建议</span>
       </div>
     </div>
     <!-- 意见 -->
-    <el-dialog :close-on-click-modal="false" :visible.sync="gratefulVisible" :append-to-body="true" @closed="closeDlg"
-      title="感谢您百忙之中给我们提交您宝贵的意见~">
+    <el-dialog :close-on-click-modal="false" width="629px" :visible.sync="gratefulVisible" :append-to-body="true"
+      @closed="closeDlg">
       <div class="dialogContent">
+        <div class="dialogTop">
+          <div class="words">
+            <div>欢迎留下您的宝贵意见，</div>
+            <div>建议一旦采纳，将有精美小礼品奉上。</div>
+          </div>
+          <div class="imgGift">
+            <img src="../../assets/images/grateful/noticGift.png" alt="">
+          </div>
+        </div>
         <el-form :model="form">
           <el-form-item>
             <el-input type="textarea" placeholder="请输入内容......" v-model="form.textarea" class="textarea"></el-input>
@@ -278,6 +288,32 @@ export default {
 </script>
 
 <style scoped lang="scss">
+::v-deep .el-dialog__body {
+  background: linear-gradient(180deg, rgba(56, 125, 247, 0.2) 0%, rgba(166, 168, 255, 0) 100%) no-repeat;
+  background-size: 100% 136px;
+}
+
+::v-deep .el-dialog__header {
+  background: linear-gradient(180deg, rgba(56, 125, 247, 0.2) 0%, rgba(166, 168, 255, 0) 100%) no-repeat;
+  background-size: 100% 1000px;
+}
+
+.dialogContent {
+
+  .dialogTop {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 40px;
+
+    .words {
+      font-size: 26px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 37px;
+    }
+  }
+}
+
 .title-line-ellipsis {
   display: -webkit-box;
   text-overflow: ellipsis;
@@ -292,6 +328,7 @@ export default {
   display: grid;
   grid-template-columns: 1.5fr 1fr 1fr;
   column-gap: 40px;
+
   .navImg {
     img {
       width: 100%;
diff --git a/src/views/grateful/GratefulNotice.vue b/src/views/grateful/GratefulNotice.vue
index 346e8edb..85b2d08e 100644
--- a/src/views/grateful/GratefulNotice.vue
+++ b/src/views/grateful/GratefulNotice.vue
@@ -1,16 +1,24 @@
 <template>
   <div>
+    <div class="noticeBanner">
+    </div>
+    <div class="xindex-content" style="padding: 0">
+      <div class="modules xcontent2">
+        <div class="xcontent2-main">
+          <div class="navTop">
+            <router-link to="/">首页</router-link>&nbsp;>&nbsp;<span style="cursor: pointer;">通知</span>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- 教师赋能 -->
     <div class="xindex-content" style="padding: 0">
       <div class="modules xcontent2">
         <div class="xcontent2-main">
           <div class="modules-list" style="margin-top: 0;">
-            <div class="bgc">
-              <div class="title">重要通知</div>
-            </div>
-            <div style="padding:0 20px;">
+            <div style="padding:20px 70px;" class="bgc">
               <!--内容列表内容-->
-              <div v-for="(item, ccidx) in 5" :key="'cc' + ccidx" class="toolEvery" @click="noticeDetail(item)">
+              <div v-for="(item, ccidx) in 10" :key="'cc' + ccidx" class="toolEvery" @click="noticeDetail(item)">
                 <div class="contnet">教师节活动通知</div>
                 <div class="case-info-date portal-time">
                   <i class="el-icon-time" style="margin-right: 5px;"></i>
@@ -18,7 +26,7 @@
                 </div>
               </div>
               <pagination :size="courseList.pageSize" :total="courseList.count" :page="courseList.pageIndex"
-                layout="total, prev, pager, next, jumper" @change-size="changePageSize" @change-page="loadData">
+                @change-size="changePageSize" @change-page="loadData">
               </pagination>
             </div>
 
@@ -79,26 +87,50 @@ export default {
 };
 </script>
 <style scoped lang='scss'>
+.noticeBanner {
+  width: 100%;
+  height: 240px;
+  position: relative;
+  background: url('../../assets/images/grateful/noticeBanner.png') no-repeat;
+  background-size: 100% 100%;
+
+  &::before {
+    content: url(../../assets/images//grateful/noticeLogo.png);
+    position: absolute;
+    top: 20px;
+    left: 40px;
+  }
+
+  &::after {
+    content: '通知';
+    position: absolute;
+    bottom: 25px;
+    left: 180px;
+    color: #387DF7;
+    font-weight: 600;
+    font-size: 64px;
+  }
+
+  img {
+    width: 100%;
+    height: 240px;
+  }
+}
+.navTop{
+  color: #666;
+}
+
 .modules-list {
   min-height: 555px;
   background: #ffffff;
   border-radius: 8px;
 
   .bgc {
-    font-size: 18px;
-    font-weight: 600;
-    color: #000000;
-    height: 80px;
     background: linear-gradient(180deg,
         rgba(56, 125, 247, 0.2) 0%,
-        rgba(166, 168, 255, 0) 100%);
-    border-radius: 8px 8px 0 0;
-
-    .title {
-      padding: 20px 20px 0 20px;
-      display: flex;
-      justify-content: space-between;
-    }
+        rgba(166, 168, 255, 0) 100%) no-repeat;
+    background-size: 100% 166px;
+    border-radius: 8px;
   }
 
   .toolEvery {
diff --git a/src/views/grateful/NoticeDetail.vue b/src/views/grateful/NoticeDetail.vue
index a7f4fe47..0e48b358 100644
--- a/src/views/grateful/NoticeDetail.vue
+++ b/src/views/grateful/NoticeDetail.vue
@@ -1,5 +1,18 @@
 <template>
   <div>
+    <div class="portal-header"></div>
+    <div class="xindex-content" style="padding: 0">
+      <div class="modules xcontent2">
+        <div class="xcontent2-main">
+          <div class="navTop">
+            <div>
+              <router-link to="/">首页</router-link>&nbsp;>&nbsp;
+              <span style="cursor: pointer;">通知详情</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- 教师赋能 -->
     <div class="xindex-content" style="padding: 0">
       <div class="modules xcontent2">
@@ -15,27 +28,11 @@
                   <time-show time="2023-08-04"></time-show>
                 </div>
               </div>
+              <div class="topTitle">通知内容</div>
+              <div class="noticeContent">--内容列表内容--</div>
             </div>
-            <div class="topTitle">通知内容</div>
-            <div class="noticeContent">--内容列表内容--</div>
           </div>
         </div>
-        <!-- <div class="xcontent2-minor" style="margin-left: 25px">
-          <div class="portal-ranking ranking-bg">
-            <p class="ranking-title">重要通知</p>
-            <ul class="xindex-ranking-course">
-              <li class="xindex-ranking-li" v-for="(item, cindex) in 10" :key="'cc' + cindex" @click="noticeDetail(item)">
-                <a style="display: inherit">
-                  <span class="portal-right-text blue-one">
-                    <img :src="getPic(cindex)" alt="" />
-                  </span>
-                  <span class="portal-title-desc index-one-line-ellipsis title-line-ellipsis"
-                    style="font-size: 14px; color: #04243c">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
-                </a>
-              </li>
-            </ul>
-          </div>
-        </div> -->
       </div>
     </div>
   </div>
@@ -70,6 +67,25 @@ export default {
 };
 </script>
 <style scoped lang='scss'>
+.portal-header {
+  position: relative;
+  height: 72px;
+  background: #0078FC;
+  border: 1px solid rgba(61, 61, 61, 0.15);
+  backdrop-filter: blur(10px);
+
+  &::before {
+    content: url(../../assets/images//grateful/logo.png);
+    position: absolute;
+    left: 40px;
+    top: 16px;
+  }
+}
+
+.navTop {
+  color: #666;
+}
+
 .modules-list {
   min-height: 555px;
   background: #ffffff;
@@ -81,8 +97,10 @@ export default {
     color: #000000;
     background: linear-gradient(180deg,
         rgba(56, 125, 247, 0.2) 0%,
-        rgba(166, 168, 255, 0) 100%);
-    border-radius: 8px 8px 0 0;
+        rgba(166, 168, 255, 0) 100%) no-repeat;
+    background-size: 100% 166px;
+    border-radius: 8px;
+    padding: 40px 70px;
 
     .title {
       padding: 20px;
diff --git a/src/views/grateful/TeacherEmpowerment.vue b/src/views/grateful/TeacherEmpowerment.vue
index 2fecb306..a2396547 100644
--- a/src/views/grateful/TeacherEmpowerment.vue
+++ b/src/views/grateful/TeacherEmpowerment.vue
@@ -1,5 +1,25 @@
 <template>
   <div>
+    <div class="empBanner">
+    </div>
+    <div class="xindex-content" style="padding: 0">
+      <div class="modules xcontent2">
+        <div class="xcontent2-main">
+          <div class="navTop">
+            <div>
+              <router-link to="/">首页</router-link>&nbsp;>&nbsp;
+              <span style="cursor: pointer;">教师赋能</span>
+            </div>
+            <div style="position: relative;">
+              <el-input class="portal-input" placeholder="请输入课程名称" style="border-radius: 20px !important; "
+                @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword">
+              </el-input>
+              <el-button class="sear-but" @click="searchJump()" type="primary" size="mini">搜索</el-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- 教师赋能 -->
     <div class="xindex-content" style="padding: 0">
       <div class="modules xcontent2">
@@ -64,6 +84,7 @@ export default {
   },
   data() {
     return {
+      keyword: '',
       form: {
         textarea: "",
       },
@@ -90,6 +111,9 @@ export default {
     },
   },
   methods: {
+    searchJump() {
+
+    },
     changePageSize(pageSize) {
       this.courseList.pageSize = pageSize;
     },
@@ -186,6 +210,48 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.empBanner {
+  width: 100%;
+  height: 240px;
+  position: relative;
+  background: url('../../assets/images/grateful/empBanner.png') no-repeat;
+  background-size: 100% 100%;
+
+  &::before {
+    content: url(../../assets/images//grateful/logo.png);
+    position: absolute;
+    top: 20px;
+    left: 40px;
+  }
+
+  &::after {
+    content: '教师赋能';
+    position: absolute;
+    bottom: 25px;
+    left: 180px;
+    color: #ffffff;
+    font-weight: 600;
+    font-size: 64px;
+  }
+
+  img {
+    width: 100%;
+    height: 240px;
+  }
+}
+
+.navTop {
+  color: #666;
+  display: flex;
+  justify-content: space-between;
+
+  .sear-but {
+    position: absolute;
+    bottom: 10%;
+    right: 5px;
+  }
+}
+
 .xindex-course-image:hover {
   transform: scale(1.2) translateY(-15px);
   transition: all 0.6s;
@@ -467,6 +533,7 @@ export default {
       }
     }
   }
+
   .list {
     display: grid;
     justify-content: space-between;
diff --git a/src/views/grateful/TeacherOpinion.vue b/src/views/grateful/TeacherOpinion.vue
index ebc44297..8655c4f6 100644
--- a/src/views/grateful/TeacherOpinion.vue
+++ b/src/views/grateful/TeacherOpinion.vue
@@ -1,26 +1,32 @@
 <template>
   <div>
+    <div class="opinionBanner">
+    </div>
+    <div class="xindex-content" style="padding: 0">
+      <div class="modules xcontent2">
+        <div class="xcontent2-main">
+          <div class="navTop">
+            <div>
+              <router-link to="/">首页</router-link>&nbsp;>&nbsp;
+              <span style="cursor: pointer;">名师好课</span>
+            </div>
+            <div style="position: relative;">
+              <el-input class="portal-input" placeholder="请输入课程名称" style="border-radius: 20px !important; "
+                @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword">
+              </el-input>
+              <el-button class="sear-but" @click="searchJump()" type="primary" size="mini">搜索</el-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- 教师赋能 -->
     <div class="xindex-content" style="padding: 0">
       <div class="modules xcontent2">
         <div class="xcontent2-main">
           <div class="modules-list" style="margin-top: 0;">
-            <div class="bgc">
-              <div class="title">
-                <div>师资大全</div>
-                <!-- <div style="position: relative;">
-                  <el-input class="portal-input" placeholder="请输入课程名称或教师姓名工号"
-                    style="border-radius: 20px !important;width: 300px; " @keyup.enter.native="searchJump()" clearable
-                    maxlength="50" v-model="keyword">
-                  </el-input>
-                  <el-button class="sear-but" @click="searchJump()" type="primary" size="mini">搜索</el-button>
-                </div> -->
-              </div>
-
-            </div>
             <div class="content">
               <el-table :data="pageData" stripe border>
-                <el-table-column label="序号" type="index" width="50" align="center"></el-table-column>
                 <el-table-column label="课程名称" prop="courseUser" align="center"></el-table-column>
                 <el-table-column label="课程价值" prop="auditTime" align="center" show-overflow-tooltip></el-table-column>
                 <el-table-column label="教师名称" prop="auditRemark" align="center" width="200px"
@@ -102,46 +108,6 @@ export default {
           auditTime: '王小虎',
           auditRemark: '上海市普陀区金沙江路 1518 弄'
         },
-        {
-          courseUser: '2016-05-02',
-          auditTime: '王小虎',
-          auditRemark: '上海市普陀区金沙江路 1518 弄'
-        },
-        {
-          courseUser: '2016-05-02',
-          auditTime: '王小虎',
-          auditRemark: '上海市普陀区金沙江路 1518 弄'
-        },
-        {
-          courseUser: '2016-05-02',
-          auditTime: '王小虎',
-          auditRemark: '上海市普陀区金沙江路 1518 弄'
-        },
-        {
-          courseUser: '2016-05-02',
-          auditTime: '王小虎',
-          auditRemark: '上海市普陀区金沙江路 1518 弄'
-        },
-        {
-          courseUser: '2016-05-02',
-          auditTime: '王小虎',
-          auditRemark: '上海市普陀区金沙江路 1518 弄'
-        },
-        {
-          courseUser: '2016-05-02',
-          auditTime: '王小虎',
-          auditRemark: '上海市普陀区金沙江路 1518 弄'
-        },
-        {
-          courseUser: '2016-05-02',
-          auditTime: '王小虎',
-          auditRemark: '上海市普陀区金沙江路 1518 弄'
-        },
-        {
-          courseUser: '2016-05-02',
-          auditTime: '王小虎',
-          auditRemark: '上海市普陀区金沙江路 1518 弄'
-        },
       ],
       courseList: {
         list: [],
@@ -176,30 +142,60 @@ export default {
 };
 </script>
 <style scoped lang='scss'>
+.opinionBanner {
+  width: 100%;
+  height: 240px;
+  position: relative;
+  background: url('../../assets/images/grateful/opinionBanner.png') no-repeat;
+  background-size: 100% 100%;
+
+  &::before {
+    content: url(../../assets/images//grateful/logo.png);
+    position: absolute;
+    top: 20px;
+    left: 40px;
+  }
+
+  &::after {
+    content: '名师好课';
+    position: absolute;
+    bottom: 25px;
+    left: 8%;
+    color: #ffffff;
+    font-weight: 600;
+    font-size: 64px;
+  }
+
+  img {
+    width: 100%;
+    height: 240px;
+  }
+}
+
+.navTop {
+  color: #666;
+  display: flex;
+  justify-content: space-between;
+
+  .sear-but {
+    position: absolute;
+    bottom: 10%;
+    right: 5px;
+  }
+}
+
 .modules-list {
   min-height: 555px;
   background: #ffffff;
   border-radius: 8px;
 
-  .bgc {
-    font-size: 18px;
-    font-weight: 600;
-    color: #000000;
-    height: 100px;
+  .content {
+    padding: 40px 70px;
     background: linear-gradient(180deg,
         rgba(56, 125, 247, 0.2) 0%,
-        rgba(166, 168, 255, 0) 100%);
-    border-radius: 8px 8px 0 0;
-
-    .title {
-      padding: 20px 20px 0 20px;
-      display: flex;
-      justify-content: space-between;
-    }
-  }
-
-  .content {
-    padding: 0 40px 40px;
+        rgba(166, 168, 255, 0) 100%) no-repeat;
+    background-size: 100% 166px;
+    border-radius: 8px;
   }
 
   .sear-but {
diff --git a/src/views/grateful/ToolDown.vue b/src/views/grateful/ToolDown.vue
index 4d020690..8b3244a4 100644
--- a/src/views/grateful/ToolDown.vue
+++ b/src/views/grateful/ToolDown.vue
@@ -1,16 +1,28 @@
 <template>
   <div>
+    <div class="toolBanner">
+      <div class="portal-header"></div>
+    </div>
+    <div class="xindex-content" style="padding: 0">
+      <div class="modules xcontent2">
+        <div class="xcontent2-main">
+          <div class="navTop">
+            <div>
+              <router-link to="/">首页</router-link>&nbsp;>&nbsp;
+              <span style="cursor: pointer;">下载工具</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- 教师赋能 -->
     <div class="xindex-content" style="padding: 0">
       <div class="modules xcontent2">
         <div class="xcontent2-main">
           <div class="modules-list" style="margin-top: 0;">
-            <div class="bgc">
-              <div class="title">工具下载</div>
-            </div>
-            <div style="padding: 0 20px;border-radius: 8px 8px 0 0;">
+            <div style="padding: 20px 70px;border-radius: 8px 8px 0 0;" class="bgc">
               <!--内容列表内容-->
-              <div v-for="(course, ccidx) in 5" :key="'cc' + ccidx" class="toolEvery">
+              <div v-for="(course, ccidx) in 10" :key="'cc' + ccidx" class="toolEvery">
                 <div class="contnet">
                   MNT销量突破促经营哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                 </div>
@@ -21,26 +33,10 @@
             </div>
 
             <pagination :size="courseList.pageSize" :total="courseList.count" :page="courseList.pageIndex"
-              layout="total, prev, pager, next, jumper" @change-size="changePageSize" @change-page="loadData">
+              @change-size="changePageSize" @change-page="loadData">
             </pagination>
           </div>
         </div>
-        <!-- <div class="xcontent2-minor" style="margin-left: 25px">
-          <div class="portal-ranking ranking-bg">
-            <p class="ranking-title">教师赋能排行榜</p>
-            <ul class="xindex-ranking-course">
-              <li class="xindex-ranking-li" v-for="(item, cindex) in 10" :key="'cc' + cindex">
-                <a style="display: inherit">
-                  <span class="portal-right-text blue-one">
-                    <img :src="getPic(cindex)" alt="" />
-                  </span>
-                  <span class="portal-title-desc index-one-line-ellipsis title-line-ellipsis"
-                    style="font-size: 14px; color: #04243c">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
-                </a>
-              </li>
-            </ul>
-          </div>
-        </div> -->
       </div>
     </div>
   </div>
@@ -71,26 +67,54 @@ export default {
 };
 </script>
 <style scoped lang='scss'>
+.toolBanner {
+  width: 100%;
+  height: 240px;
+  position: relative;
+  background: url('../../assets/images/grateful/toolBanner.png') no-repeat;
+  background-size: 100% 100%;
+
+  &::after {
+    content: '下载工具';
+    position: absolute;
+    bottom: 25px;
+    left: 180px;
+    color: #ffffff;
+    font-weight: 600;
+    font-size: 64px;
+  }
+
+  .portal-header {
+    position: relative;
+    height: 72px;
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(61, 61, 61, 0.15);
+    backdrop-filter: blur(10px);
+
+    &::before {
+      content: url(../../assets/images//grateful/logo.png);
+      position: absolute;
+      left: 40px;
+      top: 16px;
+    }
+  }
+}
+
+.navTop {
+  color: #666;
+}
+
 .modules-list {
   min-height: 555px;
   background: #ffffff;
   border-radius: 8px;
 
   .bgc {
-    font-size: 18px;
-    font-weight: 600;
-    color: #000000;
-    height: 80px;
     background: linear-gradient(180deg,
         rgba(56, 125, 247, 0.2) 0%,
-        rgba(166, 168, 255, 0) 100%);
-    border-radius: 8px 8px 0 0;
-
-    .title {
-      padding: 20px 20px 0 20px;
-      display: flex;
-      justify-content: space-between;
-    }
+        rgba(166, 168, 255, 0) 100%) no-repeat;
+    background-size: 100% 166px;
+    border-radius: 8px;
   }
 
   .toolEvery {
diff --git a/src/views/grateful/index.vue b/src/views/grateful/index.vue
index 7180d9b5..d26f6a0d 100644
--- a/src/views/grateful/index.vue
+++ b/src/views/grateful/index.vue
@@ -1,16 +1,5 @@
 <template>
-  <div>
-    <div class="grateful header" style="margin-bottom:30px" v-if="$route.meta.hidden">
-      <div class="portal-header">
-        <div class="portal-top" style="color: #fff;">
-          <div class="portal-top-left">
-            <div class="portal-top-logo">
-              <img src="../../assets/logo/logo-white.png" style="width:160px;height: 27px;" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+  <div class="main">
     <div class="course-banner" v-if="!$route.meta.hidden">
       <div id="container" style="z-index: 99" v-if="resonimg.length == 1">
         <!-- 当轮播图等于一张时 -->
@@ -96,6 +85,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.main{
+  background-color: #f2F5F7;
+}
 .grateful {
   width: 100%;