video 调整

pages/product/courseCustom.vue

@@ -267,23 +267,25 @@ export default {
 
   @media (max-width: 768px) {
     h4 {
-      font-size: 22px;
+      font-size: 18px;
       font-weight: 800;
       text-align: center;
       color: #333333;
-      margin-top: 36px;
-      margin-bottom: 20px;
+      margin-top: 20px;
+      margin-bottom: 10px;
     }
     .p1 {
+      font-size: 14px;
       i {
-        font-size: 18px;
+        font-size: 14px;
         color: #565656;
         font-weight: 800;
       }
     }
     .p2 {
+      font-size: 14px;
       width: 80%;
-      margin-bottom: 30px;
+      margin-bottom: 20px;
     }
   }
 }
@@ -319,7 +321,42 @@ export default {
   }
 }
 
+@media (max-width: 768px) {
+
+  .my-video-content {
+    h4 {
+      font-size: 18px;
+      color: #333;
+      font-weight: 800;
+      margin-bottom: 5%;
+      text-align: center;
+    }
+    >p {
+      text-align: center;
+      font-weight: 500;
+      color: #565656;
+      line-height: 1.5;
+      font-size: 14px;
+      margin-bottom: 10px;
+    }
+
+    ul {
+      li {
+        width: 100%;
+        height: 200px;
+        margin-bottom: 60px;
+        .my-video {
+          margin: 0;
+        }
+        .img-box {
+          width: 100%;
+          height: auto;
+        }
+      }
+    }
+  }
 
+}
 
 
 </style>