培训页面样式修改

components/common/layout/imgDes/imgCardLv3.vue

@@ -15,6 +15,7 @@
       <img :src="img.url">
       <div class="card-info">
         <h5>{{ title }}</h5>
+        <em></em>
         <p>{{des}}</p>
         <slot></slot>
       </div>
@@ -84,6 +85,7 @@ export default {
   }
 
   .card-info {
+    width: 490px;
     h5 {
       font-size: 24px;
       font-weight: 800;
@@ -95,12 +97,28 @@ export default {
 
     p {
       font-size: 14px;
-      font-weight: 800;
       color: #333;
       line-height: 24px;
+      text-align: justify;
     }
   }
+  @media (max-width: 768px) {
+    .mta-card-content-h5 {
+      img {
+        max-width: 100%;
+      }
+      // card--info
+      .card-info {
+        width: 100%;
+        h5 {font-size: 16px;margin: 20px 0 10px;}
+        em{width: 35px;height: 3px;background: #00b96b;display: block;margin-bottom: 20px;}
+        .card-des{
+          font-size: 14px;margin: 20px 0 10px;text-align: justify;line-height: 22px;
+        }
+      }
+    }
 
+  }
 
 }
 </style>