diff --git a/src/views/grateful/NoticeDetail.vue b/src/views/grateful/NoticeDetail.vue
index fbbc5a94..92103511 100644
--- a/src/views/grateful/NoticeDetail.vue
+++ b/src/views/grateful/NoticeDetail.vue
@@ -108,7 +108,7 @@ export default {
 
   .bgc {
     font-size: 18px;
-    font-weight: 600;
+    // font-weight: 600;
     color: #000000;
     background: linear-gradient(180deg,
         rgba(56, 125, 247, 0.2) 0%,
@@ -118,6 +118,7 @@ export default {
     padding: 40px 70px;
 
     .title {
+      font-weight: 600;
       padding: 20px;
       display: flex;
       justify-content: space-between;
diff --git a/src/views/grateful/TeacherOpinion.vue b/src/views/grateful/TeacherOpinion.vue
index 6e03d6e7..6c728db0 100644
--- a/src/views/grateful/TeacherOpinion.vue
+++ b/src/views/grateful/TeacherOpinion.vue
@@ -105,10 +105,10 @@ export default {
 
 .opinionBanner {
   width: 100%;
-  height: 240px;
+  height: 180px;
   position: relative;
-  background: url('../../assets/images/grateful/opinionBanner.png');
-  // background-size: 100% 100%;
+  background: url('../../assets/images/grateful/opinionBanner.png') center center no-repeat;
+  background-size: cover;
 
   &::before {
     content: url(../../assets/images//grateful/logo.png);
@@ -118,13 +118,13 @@ export default {
   }
 
   &::after {
-    content: '认证讲师库（2023）';
+    content: '认证讲师库(2023)';
     position: absolute;
     bottom: 25px;
     left: 180px;
     color: #ffffff;
     font-weight: 600;
-    font-size: 64px;
+    font-size: 40px;
   }
 
   img {
diff --git a/src/views/grateful/index.vue b/src/views/grateful/index.vue
index 7dbcca3c..dd85b265 100644
--- a/src/views/grateful/index.vue
+++ b/src/views/grateful/index.vue
@@ -34,6 +34,7 @@ export default {
 
 .grateful {
   width: 100%;
+  display: flex;
 
   img {
     width: 100%;