diff --git a/src/layout/components/TopNav/Index.vue b/src/layout/components/TopNav/Index.vue
index 2a2519f5..d9eeb20b 100644
--- a/src/layout/components/TopNav/Index.vue
+++ b/src/layout/components/TopNav/Index.vue
@@ -367,7 +367,7 @@ export default {
         }
         .msg {
           margin-top: 5px;
-          color: rgba(255,255,255,0.85);
+          color: rgba(255, 255, 255, 0.85);
           width: 326px;
           text-align: justify;
           line-height: 20px;
@@ -375,7 +375,7 @@ export default {
         .bottom {
           width: 100px;
           height: 1px;
-          background: rgba(255,255,255,0.85);
+          background: rgba(255, 255, 255, 0.85);
           margin-top: 40px;
         }
       }
@@ -388,7 +388,7 @@ export default {
           background: rgba(255, 255, 255, 0.95);
           box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
           border-radius: 4px;
-          height: 150px;
+          height: 160px;
           margin-top: 83px;
           .tyl_title {
             width: 100%;
@@ -423,9 +423,9 @@ export default {
             text-align: justify;
           }
         }
-        .tyl:hover{
+        .tyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137,104,242,0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
         .cyl {
           cursor: pointer;
@@ -470,7 +470,7 @@ export default {
         }
         .cyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137,104,242,0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
         }
       }
     }
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 652356bd..1bbac5b8 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -1623,7 +1623,7 @@ export default {
           background: rgba(255, 255, 255, 0.95);
           box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
           border-radius: 4px;
-          height: 150px;
+          height: 160px;
           margin-top: 83px;
           .tyl_title {
             width: 100%;
@@ -1660,7 +1660,7 @@ export default {
         }
         .tyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
         .cyl {
           cursor: pointer;
@@ -1705,7 +1705,7 @@ export default {
         }
         .cyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
         }
       }
     }
diff --git a/src/views/portal/article/Index.vue b/src/views/portal/article/Index.vue
index a3e621f6..801d6e0a 100644
--- a/src/views/portal/article/Index.vue
+++ b/src/views/portal/article/Index.vue
@@ -505,11 +505,11 @@ export default {
       position: absolute;
       z-index: 9;
       display: flex;
-      .leftBox,
-      .rightBox {
+      .left,
+      .right {
         height: calc(100% - 30px);
       }
-      .leftBox {
+      .left {
         padding-left: 30px;
         width: 48%;
         .title {
@@ -544,7 +544,7 @@ export default {
           margin-top: 40px;
         }
       }
-      .rightBox {
+      .right {
         // padding-left: 10px;
         width: 50%;
         .tyl {
@@ -553,7 +553,7 @@ export default {
           background: rgba(255, 255, 255, 0.95);
           box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
           border-radius: 4px;
-          height: 150px;
+          height: 160px;
           margin-top: 83px;
           .tyl_title {
             width: 100%;
@@ -590,7 +590,7 @@ export default {
         }
         .tyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
         .cyl {
           cursor: pointer;
@@ -635,7 +635,7 @@ export default {
         }
         .cyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
         }
       }
     }
diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index 77f7c40c..af54ade8 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -1013,7 +1013,7 @@ export default {
           background: rgba(255, 255, 255, 0.95);
           box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
           border-radius: 4px;
-          height: 150px;
+          height: 160px;
           margin-top: 83px;
           .tyl_title {
             width: 100%;
@@ -1050,7 +1050,7 @@ export default {
         }
         .tyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
         .cyl {
           cursor: pointer;
@@ -1095,7 +1095,7 @@ export default {
         }
         .cyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
         }
       }
     }
diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 7e54612f..792acd10 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -39,7 +39,7 @@
                     <a v-for="one in oneList" @click="handleOptionClick(one,oneList,1)"  class="option-item" :class="{'option-active':one.checked}">{{one.name}}</a>
                     <a class="option-border"> </a>
                     <a class="option-item">
-                      <span @click="jumUX()" class="Uxtext" style=""> U选小课堂
+                      <span @click="uClassClick" class="Uxtext" style=""> U选小课堂
                           <span class="uxicon">
                             <svg-icon icon-class="hot" style="font-size:22px"></svg-icon>
                           </span>
@@ -608,6 +608,9 @@ export default {
         this.showUClass = flag;
       }
     },
+    uClassClick(){
+      this.showUClass = true;
+    },
     saveLocalFilters(){
         let typeCodeList=[];
         this.stagList.forEach(item=>{
@@ -1286,7 +1289,7 @@ export default {
           background: rgba(255, 255, 255, 0.95);
           box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
           border-radius: 4px;
-          height: 150px;
+          height: 160px;
           margin-top: 83px;
           .tyl_title {
             width: 100%;
@@ -1323,7 +1326,7 @@ export default {
         }
         .tyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
         .cyl {
           cursor: pointer;
@@ -1368,7 +1371,7 @@ export default {
         }
         .cyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
         }
       }
     }
diff --git a/src/views/portal/follow/index.vue b/src/views/portal/follow/index.vue
index ace84148..f95e1d83 100644
--- a/src/views/portal/follow/index.vue
+++ b/src/views/portal/follow/index.vue
@@ -754,7 +754,7 @@
   </script>
 
   <style lang="scss" scoped>
-  .u-class {
+ .u-class {
   ::v-deep .el-dialog {
     border-radius: 15px;
     .el-dialog__headerbtn .el-dialog__close {
@@ -826,7 +826,7 @@
           background: rgba(255, 255, 255, 0.95);
           box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
           border-radius: 4px;
-          height: 150px;
+          height: 160px;
           margin-top: 83px;
           .tyl_title {
             width: 100%;
@@ -863,7 +863,7 @@
         }
         .tyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
         .cyl {
           cursor: pointer;
@@ -908,7 +908,7 @@
         }
         .cyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
         }
       }
     }
diff --git a/src/views/portal/qa/Index.vue b/src/views/portal/qa/Index.vue
index 2fbaf880..8f1e81fe 100644
--- a/src/views/portal/qa/Index.vue
+++ b/src/views/portal/qa/Index.vue
@@ -584,7 +584,7 @@ export default {
           background: rgba(255, 255, 255, 0.95);
           box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
           border-radius: 4px;
-          height: 150px;
+          height: 160px;
           margin-top: 83px;
           .tyl_title {
             width: 100%;
@@ -621,7 +621,7 @@ export default {
         }
         .tyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
         .cyl {
           cursor: pointer;
@@ -666,7 +666,7 @@ export default {
         }
         .cyl:hover {
           border: 0.96px solid rgba(140, 105, 242, 1);
-          box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
+          box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
         }
       }
     }