样式修改

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

@@ -571,6 +571,7 @@
     }
   }
   .client-new-platform-page{
+    .products-new-contrary-box{flex-direction: row-reverse;}
     .platform-products-services li:not(:last-child) {border: 0;}
     .products-services-box{
       width: 100%;

pages/examsystem/index.vue

@@ -77,7 +77,7 @@
         <ul>
           <li>
             <div class="client-container">
-              <div class="products-services-box">
+              <div class="products-services-box products-new-contrary-box">
               <img :src="advantagesImg1" alt="万人并发运行顺畅" />
               <div class="products-services-content">
                 <h5>良好高并发性和访问安全性</h5>
@@ -89,7 +89,7 @@
           </li>
           <li>
             <div class="client-container">
-              <div class="products-services-box products-contrary-box">
+              <div class="products-services-box">
               <img :src="advantagesImg2" alt="考试监控预防作弊" />
               <div class="products-services-content">
                 <h5>严格的考试监控防作弊功能</h5>
@@ -101,7 +101,7 @@
           </li>
           <li>
             <div class="client-container">
-              <div class="products-services-box">
+              <div class="products-services-box products-new-contrary-box">
               <img :src="advantagesImg3" alt="微信答题一扫就考" />
               <div class="products-services-content">
                 <h5>PC移动支持多终端，随时随地考试</h5>
@@ -113,7 +113,7 @@
           </li>
           <li>
             <div class="client-container">
-              <div class="products-services-box products-contrary-box">
+              <div class="products-services-box">
               <img :src="advantagesImg4" alt="功能丰富的在线考试" />
               <div class="products-services-content">
                 <h5>丰富的考试管理功能</h5>

pages/index.vue

@@ -35,9 +35,9 @@
 
     <!-- 产品和服务 -->
     <div class="client-products-services">
-      <div class="client-container">
         <h4 class="client-title">产品和服务</h4>
-        <div class="products-services-box">
+        <div class="client-container">
+            <div class="products-services-box products-new-contrary-box">
           <img :src="productsImg1" alt="易用/稳定/高效的在线考试系统" />
           <div class="products-services-content">
               <h5>易用/稳定/高效的在线考试系统</h5>
@@ -48,7 +48,9 @@
               <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial(1)">免费试用</div><span  class="client-default-Btn" @click="goExamPage">了解详情</span></div>
           </div>
         </div>
-        <div class="products-services-box products-contrary-box">
+        </div>
+        <div class="products-services-box" style="background: #f8fbff;padding-top: 48px;">
+          <div class="client-container">
             <img :src="productsImg2" alt="一体化/全场景的在线培训学习系统" />
             <div class="products-services-content">
               <h5>一体化/全场景的在线培训学习系统</h5>
@@ -58,8 +60,10 @@
               <p class="p-before-circle">多维度数据统计，深层分析学情，帮助企业实现人才发掘、测评、培养、考核、任用一体化</p>
               <div class="client-btn-box"><div rel="nofollow" class="client-default-Btn" @click="FreeTrial(2)">免费试用</div><span class="client-default-Btn" @click="goPeixunPage">了解详情</span></div>
             </div>
+          </div>
         </div>
-        <div class="products-services-box">
+        <div class="client-container">
+            <div class="products-services-box products-new-contrary-box">
             <img :src="productsImg3" alt="数字课程开发服务" />
             <div class="products-services-content">
               <h5>数字课程开发服务</h5>
@@ -67,7 +71,7 @@
               <div class="client-btn-box"><div class="client-default-Btn" @click="applyFun">申请方案</div><span class="client-default-Btn" @click="goKechengPage">了解详情</span></div>
             </div>
         </div>
-      </div>
+        </div>
     </div>
 
     <!-- 行业学习需求 -->

pages/trainsystem/index.vue

@@ -74,7 +74,7 @@
       <ul>
         <li>
           <div class="client-container">
-            <div class="products-services-box">
+            <div class="products-services-box products-new-contrary-box">
               <img :src="trainAdvantagesImg1" alt="完善的课程学习体系" />
               <div class="products-services-content">
                 <h5>完善的课程学习体系</h5>
@@ -86,7 +86,7 @@
         </li>
         <li>
           <div class="client-container">
-            <div class="products-services-box products-contrary-box">
+            <div class="products-services-box">
               <img :src="trainAdvantagesImg2" alt="随时随地学习" />
               <div class="products-services-content">
                 <h5>随时随地学习</h5>
@@ -98,7 +98,7 @@
         </li>
         <li>
           <div class="client-container">
-            <div class="products-services-box">
+            <div class="products-services-box products-new-contrary-box">
               <img :src="trainAdvantagesImg3" alt="线上线下全面融合；学习地图展示员工学习路径" />
               <div class="products-services-content">
                 <h5>线上线下全面融合；<br>学习地图展示员工学习路径</h5>
@@ -110,7 +110,7 @@
         </li>
         <li>
           <div class="client-container">
-            <div class="products-services-box products-contrary-box">
+            <div class="products-services-box">
               <img :src="trainAdvantagesImg4" alt="学，测，考，练，一体化学习模式" />
               <div class="products-services-content">
                 <h5>学，测，考，练，一体化学习模式</h5>