diff --git a/src/assets/styles/portal-index.scss b/src/assets/styles/portal-index.scss
index 87729ed1..c0091a57 100644
--- a/src/assets/styles/portal-index.scss
+++ b/src/assets/styles/portal-index.scss
@@ -24,7 +24,7 @@
     .cor-praises {
       position: absolute;
       right: 50px;
-      bottom: 16px;
+      bottom: 20px;
       .interact-bar-btn{
         .interact-bar-value{
           display: none;
@@ -94,18 +94,18 @@
       }
     }
 
-    .cor-icon {
-      position: absolute;
-      left: 100px;
-      top: 54px;
-      border-radius: 50%;
-      background: rgba(88, 138, 252, 0.37);
+    // .cor-icon {
+    //   position: absolute;
+    //   left: 100px;
+    //   top: 54px;
+    //   border-radius: 50%;
+    //   background: rgba(88, 138, 252, 0.37);
 
-      .el-icon-caret-right {
-        font-size: 36px;
-        color: #588afc;
-      }
-    }
+    //   .el-icon-caret-right {
+    //     font-size: 36px;
+    //     color: #588afc;
+    //   }
+    // }
     .course-title {
         margin: 16px 0 16px 0;
         height: 44px;
@@ -465,6 +465,10 @@
     padding: 20px;
     margin-right: 20px;
     margin-bottom: 20px;
+    .cor-praises {
+      right: 40px;
+      bottom: 16px;
+    }
     .course-image-box{
      width: 200px;
      height: 114px;
@@ -678,6 +682,10 @@
     padding: 25px;
     margin-right: 20px;
     margin-bottom: 20px;
+    .cor-praises {
+      right: 50px;
+      bottom: 20px;
+    }
     .course-image-box{
      width: 280px;
      height: 100px;
@@ -895,6 +903,10 @@
     margin-right: 36px;
     margin-bottom: 36px;
     border-radius: 8px;
+    .cor-praises {
+      right: 50px;
+      bottom: 26px;
+    }
     .course-image-box{
      width: 350px;
      height: 196x;
@@ -1119,6 +1131,10 @@
     margin-right: 36px;
     margin-bottom: 36px;
     border-radius: 8px;
+    .cor-praises {
+      right: 50px;
+      bottom: 26px;
+    }
     .course-image-box{
      width: 350px;
      height: 196x;
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 15be5c24..b9264f8b 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -1226,33 +1226,33 @@ export default {
   position: relative;
   background-color: #ffffff;
 
-  ::v-deep .cor-praises {
-    position: absolute;
-    right: 52px;
-    bottom: 24px;
-    // -moz-user-select: none; /*火狐*/
-    // -webkit-user-select: none; /*webkit浏览器*/
-    // -ms-user-select: none; /*IE10*/
-    // -khtml-user-select: none; /*早期浏览器*/
-    // user-select: none;
-    .interact-bar-btn{
-      .interact-bar-value{
-        display: none;
-      }
-    }
-  }
-  .cor-icon {
-    position: absolute;
-    left: 100px;
-    top: 54px;
-    border-radius: 50%;
-    background: rgba(88, 138, 252, 0.37);
+  // ::v-deep .cor-praises {
+  //   position: absolute;
+  //   right: 52px;
+  //   bottom: 24px;
+  //   // -moz-user-select: none; /*火狐*/
+  //   // -webkit-user-select: none; /*webkit浏览器*/
+  //   // -ms-user-select: none; /*IE10*/
+  //   // -khtml-user-select: none; /*早期浏览器*/
+  //   // user-select: none;
+  //   .interact-bar-btn{
+  //     .interact-bar-value{
+  //       display: none;
+  //     }
+  //   }
+  // }
+  // .cor-icon {
+  //   position: absolute;
+  //   left: 100px;
+  //   top: 54px;
+  //   border-radius: 50%;
+  //   background: rgba(88, 138, 252, 0.37);
 
-    .el-icon-caret-right {
-      font-size: 36px;
-      color: #588afc;
-    }
-  }
+  //   .el-icon-caret-right {
+  //     font-size: 36px;
+  //     color: #588afc;
+  //   }
+  // }
   .course-image-box {
     position: relative;
     // width: 350px;