考试培训页面样式修改

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

@@ -394,7 +394,7 @@
   }
 
   /********  describe: 平台页面（考试平台、培训平台） author: TX  date:2020-08-12  ********/
-  .client-platform-page{
+  .client-platform-page,.client-new-platform-page{
       /* 网站banner */
       .client-platform-banner,.client-platform-new-banner{
         width: 100%;
@@ -570,6 +570,23 @@
       }
     }
   }
+  .client-new-platform-page{
+    .platform-products-services li:not(:last-child) {border: 0;}
+    .products-services-box{
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 160px;
+      img {height: 427px;}
+      .products-services-content{
+        padding: 0;
+        h5{margin-bottom: 50px;line-height: 44px;}
+        p{font-size: 16px;font-weight: 500;text-align: justify;color: #333333;line-height: 36px;margin-bottom: 50px;}
+        .client-default-Btn{background: #0065CD;border: 1px solid #0065CD;}
+      }
+    }
+  }
 
   /********  describe: 培训平台--图片（和考试默认图片不同） author: TX  date:2020-08-14  ********/
   .client-train-page{

pages/examsystem/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="client-platform-page">
+    <div class="client-new-platform-page">
 
       <!-- 考试平台页 banner栏 -->
       <div class="client-platform-new-banner">
@@ -77,11 +77,10 @@
         <ul>
           <li>
             <div class="client-container">
-              <div class="products-services-box products-contrary-box">
+              <div class="products-services-box">
               <img :src="advantagesImg1" alt="万人并发运行顺畅" />
               <div class="products-services-content">
                 <h5>良好高并发性和访问安全性</h5>
-                <i></i>
                 <p>采用的运行稳定、安全性很高的JAVA语言开发；拥有强大的考试并发负载能力，支持万人以上考生同时在线考试；分布式微服务架构、开放、安全、高能、高可靠的服务调用； 为企业快速、灵活构建大规模分布式服务应用提供基础；</p>
                 <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
               </div>
@@ -90,11 +89,10 @@
           </li>
           <li>
             <div class="client-container">
-              <div class="products-services-box">
+              <div class="products-services-box products-contrary-box">
               <img :src="advantagesImg2" alt="考试监控预防作弊" />
               <div class="products-services-content">
                 <h5>严格的考试监控防作弊功能</h5>
-                <i></i>
                 <p>试题乱序、选项乱序、禁止右键复制粘贴；人脸识别登录，防止替考；考试过程禁止切屏，解决离开考试界面的问题；考试过程中头像抓拍和视频监控防止作弊</p>
                 <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
               </div>
@@ -103,11 +101,10 @@
           </li>
           <li>
             <div class="client-container">
-              <div class="products-services-box products-contrary-box">
+              <div class="products-services-box">
               <img :src="advantagesImg3" alt="微信答题一扫就考" />
               <div class="products-services-content">
                 <h5>PC移动支持多终端，随时随地考试</h5>
-                <i></i>
                 <p>支持PC使用，更支持移动端H5使用，还可以支持微信绑定答题，学员用手机扫描二维码，轻松答题支持专属APP的定制</p>
                 <div><a rel="nofollow" class="client-default-Btn"  @click="FreeTrial">免费试用</a></div>
               </div>
@@ -116,11 +113,10 @@
           </li>
           <li>
             <div class="client-container">
-              <div class="products-services-box">
+              <div class="products-services-box products-contrary-box">
               <img :src="advantagesImg4" alt="功能丰富的在线考试" />
               <div class="products-services-content">
                 <h5>丰富的考试管理功能</h5>
-                <i></i>
                 <p>多层级组织架构快速搭建，多级权限管理人员设置；支持多种题型，单选、多选、判断、填空、简答、阅读理解、公式题、音频题、图片题、视频题，同时支持word和Excel批量导入题库；支持随机抽取试题，每个考生题目随机生成；多种考试参数设置：答题倒计时，答卷限时，成绩发布，选择按人员、部门、职位发布考试。支持学员证书和积分获取，支持刷题模式的练习管理。</p>
                 <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
               </div>

pages/trainsystem/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="client-platform-page client-train-page">
+  <div class="client-new-platform-page client-train-page">
 
     <!-- 培训平台页 banner栏 -->
     <div class="client-platform-new-banner">
@@ -74,11 +74,10 @@
       <ul>
         <li>
           <div class="client-container">
-            <div class="products-services-box products-contrary-box">
+            <div class="products-services-box">
               <img :src="trainAdvantagesImg1" alt="完善的课程学习体系" />
               <div class="products-services-content">
                 <h5>完善的课程学习体系</h5>
-                <i></i>
                 <p>培训计划，课件资源管理，课程安排，在线学习，互动问答，记录笔记，课程进度查看，课后测试，结业证书，共享资源，完整的学习流程协助您完成全流程的线上培训体系。</p>
                 <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
               </div>
@@ -87,11 +86,10 @@
         </li>
         <li>
           <div class="client-container">
-            <div class="products-services-box">
+            <div class="products-services-box products-contrary-box">
               <img :src="trainAdvantagesImg2" alt="随时随地学习" />
               <div class="products-services-content">
                 <h5>随时随地学习</h5>
-                <i></i>
                 <p>PC端与移动端无缝连接；全面支持安卓、IOS等操作系统；支持APP和微信学习模式；为学习者提供真正的随时随地的、个性化的、开放式的学习服务。</p>
                 <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
               </div>
@@ -100,11 +98,10 @@
         </li>
         <li>
           <div class="client-container">
-            <div class="products-services-box products-contrary-box">
+            <div class="products-services-box">
               <img :src="trainAdvantagesImg3" alt="线上线下全面融合；学习地图展示员工学习路径" />
               <div class="products-services-content">
                 <h5>线上线下全面融合；<br>学习地图展示员工学习路径</h5>
-                <i></i>
                 <p>培训计划安排，线上学习和线下培训现场签到，评价汇总；很好地解决培训项目多元化管理；员工职位能力地图的绘制，匹配员工职位发展模型，通关式学习让学员循序渐进的提升学习能力</p>
                 <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
               </div>
@@ -113,11 +110,10 @@
         </li>
         <li>
           <div class="client-container">
-            <div class="products-services-box">
+            <div class="products-services-box products-contrary-box">
               <img :src="trainAdvantagesImg4" alt="学，测，考，练，一体化学习模式" />
               <div class="products-services-content">
                 <h5>学，测，考，练，一体化学习模式</h5>
-                <i></i>
                 <p>包含了在线考试系统的全部功能；题库——组卷——考试——练习；学员学习后证书获取，学习积分累加清晰的检测学习效果</p>
                 <div><a rel="nofollow" class="client-default-Btn" @click="FreeTrial">免费试用</a></div>
               </div>