diff --git a/src/assets/styles/portal-index.scss b/src/assets/styles/portal-index.scss
index 688e8336..ed4a3073 100644
--- a/src/assets/styles/portal-index.scss
+++ b/src/assets/styles/portal-index.scss
@@ -460,7 +460,7 @@
     margin-right: 20px;
     margin-bottom: 20px;
 
-    .course-image-box{
+    .xindex-course-image{
      width: 220px;
      height: 123px;
       ::v-deep .course-image{
@@ -472,7 +472,7 @@
     margin-top:15px;
   }
   .xindex-ranking-course{
-    height: 460px;
+    height: 465px;
   }
 
   .xindex-ranking-case{
@@ -690,9 +690,9 @@
     padding: 25px;
     margin-right: 20px;
     margin-bottom: 20px;
-    .course-image-box{
+    .xindex-course-image{
      width: 280px;
-     height: 100px;
+     height: 156px;
       ::v-deep .course-image{
         height: 100% !important;
       }
@@ -703,7 +703,7 @@
     margin-top:20px;
   }
   .xindex-ranking-course{
-    height: 532px;
+    height: 530px;
   }
 
   .xindex-ranking-case{
@@ -915,9 +915,9 @@
       margin-bottom: 30px;
       border-radius: 8px;
 
-      .course-image-box{
+      .xindex-course-image{
        width: 340px;
-       height: 191x;
+       height: 191px;
            ::v-deep .course-image{
                height: 100% !important;
            }
@@ -927,7 +927,7 @@
     margin-top:30px;
   }
   .xindex-ranking-course{
-    height: 646px;
+    height: 616px;
   }
 
   .xindex-ranking-case{
@@ -1135,7 +1135,7 @@
     margin-right: 36px;
     margin-bottom: 36px;
     border-radius: 8px;
-    .course-image-box{
+    .xindex-course-image{
      width: 350px;
      height: 196x;
          ::v-deep .course-image{
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 39672edd..c413c6c1 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -958,17 +958,6 @@
     }
 
   }
-
-  //   ::v-deep .course-image-box :hover .el-image{
-  //         // transition: all 0.5s;
-  //         z-index: 999;
-  //         position: absolute;
-  //         top: -50px;
-  //         left: -35px;
-  //         width: 420px !important;
-  //         height: 236px !important;
-
-  // }
   .course-ran-bg {
     background: linear-gradient(180deg, #d7eaff 1%, #FAFAFA 24%);
   }
@@ -1406,10 +1395,6 @@
 
     .course-image-box {
       position: relative;
-
-      // width: 350px;
-      // height: 200px;
-      // width: 100%;
       .course-type {
         position: absolute;
         top: 0px;