创新力到期

src/layout/components/TopNav/Index.vue

@@ -148,7 +148,10 @@
                   内容涵盖：领导力、市场营销、职场技能、财务知识、法律常识、人力资源、经典国学、人文社科
                 </div>
               </div>
-              <div class="cyl" @click="cylClick">
+              <div class="text_msg">
+                创新力专区课程版权已到期！
+              </div>
+              <!-- <div class="cyl" @click="cylClick">
                 <div class="tyl_title">
                   <img
                     src="../../../assets/images/cyl.png"
@@ -162,7 +165,7 @@
                   内容涵盖：组合创新、单点破局、错位竞争、分形创新、第二曲线、数字化、元宇宙<br/>
                   创新力专区课程版权将于2024年4月16日到期，逾期将无法继续访问，请尽快完成学习
                 </div>
-              </div>
+              </div> -->
             </div>
           </div>
         </div>
@@ -335,7 +338,7 @@ export default {
   }
   .ClassBoxContent {
     width: 100%;
-    height: 456px;
+    height: 396px;
     // background: red;
     border-radius: 15px;
     .ContentBox {
@@ -351,6 +354,7 @@ export default {
       .left {
         padding-left: 30px;
         width: 48%;
+        margin-top: -32px;
         .title {
           width: 200px;
           height: 59px;
@@ -393,7 +397,7 @@ export default {
           box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
           border-radius: 4px;
           height: 160px;
-          margin-top: 83px;
+          margin-top: 163px;
           .tyl_title {
             width: 100%;
             padding-left: 20px;
@@ -431,6 +435,11 @@ export default {
           border: 0.96px solid rgba(140, 105, 242, 1);
           box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
+        .text_msg{
+          margin: 43px 0 0 222px;
+          font-size: 14px;
+          color: #000;
+        }
         .cyl {
           cursor: pointer;
           width: calc(100% - 20px);
@@ -480,6 +489,7 @@ export default {
     }
     .img {
       width: 835px;
+      height: 428px;
       margin-left: -1px;
       margin-top: -1px;
       position: absolute;