1-X-详情页响应式开发

assets/scss/cus-client/cus-client-page.scss

@@ -1287,12 +1287,20 @@
 
   /********  describe: 1-X-详情页  author: TX  date:2020-09-03  ********/
   .client-indexEducation-page{
+    padding-bottom: 80px;
     .client-platform-banner{
       background-color: #04004a;
     .client-default-Btn,.client-default-white-Btn{width: 150px;height: 40px;line-height: 40px;display:inline-block;background: #3e7ce7;border: 1px solid #3e7ce7;box-sizing: border-box;
       position: absolute;top: 330px;left: 50%;margin-left: -150px;}
     .client-default-white-Btn{background: #fff;color: #3e7ce7;left: 50%;margin-left: 30px;}
     }
+    @media (max-width: 768px){
+      padding-bottom: 15px;
+      .client-platform-banner{
+        .client-default-Btn,.client-default-white-Btn{width: 122px;height: 35px;line-height: 35px;top: 105px;margin-left: -130px}
+        .client-default-white-Btn{background: #fff;color: #3e7ce7;left: 50%;margin-left: 10px;}
+      }
+    }
   }
 
   /********  describe: 课程资源  author: TX  date:2020-09-03  ********/

pages/indexEducation.vue

@@ -68,7 +68,7 @@
             </div>
           </div>
         </li>
-        <li style="margin-bottom: 80px">
+        <li>
           <div class="client-container">
             <div class="products-services-box products-contrary-box">
               <h4 class="client-title">麦塔解决方案</h4>