样式修改

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

@@ -2172,6 +2172,7 @@
   /**************** describe:课程开发梗概  author: TX  date:2022-12-29 ****************/
   .website-course-synopsis-page{
     padding-bottom: 72px;
+    min-width: 1360px;
     .website-synopsis-banner{
       width: 100%;
       height: 560px;
@@ -2180,17 +2181,16 @@
       background-repeat: no-repeat;
     }
     .synopsis-services-box{
-      width: 100%;display: flex;align-items: center;
+      width: 1360px;display: flex;align-items: center;justify-content: center;margin: 0 auto;
       // 头部图片
-      img{ width: 680px;height: 478px;float: right;margin: 0 60px 0 0;}
+      img{ width: 726px;height: 510px;margin: 0 140px 0 0;}
 
       // 内容区域
       .course-services-content{
         width: 460px;
-        float: right;
         box-sizing: border-box;
         display: block;
-        h6{@include setFontStyle(10);color: #0065cd;margin-bottom: 28px;}
+        h6{font-family: MiSans-Regular, "微软雅黑", Arial, sans-serif;@include setFontStyle(10);color: #0065cd;margin-bottom: 28px;}
         p{@include setFontStyle(4);color: #333;margin-bottom: 30px;text-align: justify;}
         .synopsis-list-box{
           display: flex;align-items: center;flex-wrap: wrap;
@@ -2203,24 +2203,27 @@
         .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;}
         .client-default-white-Btn{background: #fff;color: #3e7ce7;}
         a,div.client-default-Btn{margin-right: 24px}
-        span.client-default-Btn{background: #fff;color: #3e7ce7;margin-right: 0;}
+        span.client-default-Btn{background: transparent;color: #3e7ce7;margin-right: 0;}
       }
     }
     .synopsis-blue{background: #f5f9ff;}
-    .website-row-reverse img{margin: 0 0 0 60px;}
+    .website-row-reverse{
+      img{margin: 0 0 0 60px;}
+      .course-services-content{margin-left: 120px;}
+    }
     @media (max-width: 768px){
-      padding-bottom: 52px;
+      padding-bottom: 52px;min-width: unset;
       // banner
       .website-synopsis-banner{height: 150px;background-size: cover;}
       // row
       .synopsis-services-box{
-        flex-direction: column;
+        width:100%;flex-direction: column;padding: 0;
         // 头部图片
         img{max-width: 100%;height: auto;float: none;margin: 0 auto;}
 
         // 内容区域
         .course-services-content{
-          width: 100%;float: none;padding: 0 10px;margin: 0;
+          width: 100%;padding: 0 10px;margin: 0;
           h6{@include setFontStyle(-6);margin: 24px 0 16px;font-weight: bold;}
           p{margin-bottom: 0;color: rgba(85, 85, 85, 1);font-size: 14px;}
           .synopsis-list-box{

pages/courseware/synopsis.vue

@@ -9,7 +9,6 @@
         <h4 class="client-title">课程开发</h4>
         <ul>
           <li>
-            <div class="client-container">
               <div class="synopsis-services-box">
                 <img :src="synopsisImg1" alt="教学课程" />
                 <div class="course-services-content">
@@ -21,10 +20,8 @@
                   <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsult">在线咨询</div></div>
                 </div>
               </div>
-            </div>
           </li>
           <li class="synopsis-blue">
-            <div class="client-container">
               <div class="synopsis-services-box website-row-reverse">
                 <img :src="synopsisImg2" alt="高端动画" />
                 <div class="course-services-content">
@@ -36,10 +33,8 @@
                   <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsult">在线咨询</div><span  class="client-default-Btn" @click="goCustom">了解更多</span></div>
                 </div>
               </div>
-            </div>
           </li>
           <li>
-            <div class="client-container">
               <div class="synopsis-services-box">
                 <img :src="synopsisImg3" alt="微课开发" />
                 <div class="course-services-content">
@@ -51,10 +46,8 @@
                   <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsult">在线咨询</div><span  class="client-default-Btn" @click="goCustom">了解更多</span></div>
                 </div>
               </div>
-            </div>
           </li>
           <li class="synopsis-blue">
-            <div class="client-container">
               <div class="synopsis-services-box website-row-reverse">
                 <img :src="synopsisImg4" alt="课件PPT" />
                 <div class="course-services-content">
@@ -66,12 +59,10 @@
                   <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsult">在线咨询</div><span  class="client-default-Btn" @click="goCustom">了解更多</span></div>
                 </div>
               </div>
-            </div>
           </li>
           <li>
-            <div class="client-container">
               <div class="synopsis-services-box">
-                <img :src="synopsisImg4" alt="学习系统" />
+                <img :src="synopsisImg5" alt="学习系统" />
                 <div class="course-services-content">
                   <h6>学习系统</h6>
                   <p>麦塔学习系统，一站式服务更方便！</p>
@@ -81,7 +72,6 @@
                   <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="onlineConsultXx">在线咨询</div><span  class="client-default-Btn" @click="goCustom">了解更多</span></div>
                 </div>
               </div>
-            </div>
           </li>
         </ul>