updates

src/assets/css/base.css

@@ -86,10 +86,7 @@ body {
 }
 
 @media (min-width: 768px) {
-  body{
-  background-color: #F8F8F8;
 
-  }
   html {
     font-size: 100px;
   }
@@ -101,6 +98,7 @@ body {
   }
   body{
     background-color: #F8F8F8;
+    font-family: Source Han Sans CN;
   
     }
 }
@@ -111,53 +109,3 @@ body {
 html{
   scroll-padding-top: 90px;
 }
-/* Extra small devices (portrait phones, less than 576px) */
-/* @media (max-width: 575px) {
-  html {
-    font-size: 80px;
-  }
-
-  .con-box {
-    margin: 0.2rem 0;
-    padding: 0.2rem;
-  }
-}
-
-/* Small devices (landscape phones, 576px and up) */
-@media (min-width: 576px) and (max-width: 767px) {
-  html {
-    font-size: 80px;
-  }
-  .step3 {
-    width: 80%;
-  }
-
-  .con-box {
-    margin: 0.2rem 0;
-    padding: 0.2rem;
-  }
-}
-
-/* Medium devices (tablets, 768px and up) */
-@media (min-width: 768px) and (max-width: 991px) {
-  html {
-    font-size: 80px;
-  }
-}
-
-/* Large devices (desktops, 992px and up) */
-@media (min-width: 992px) and (max-width: 1199px) {
-  html {
-    font-size: 90px;
-  }
-}
-
-/* Extra large devices (large desktops, 1200px and up) */
-@media (min-width: 1200px) {
-  html {
-    font-size: 100px;
-  }
-}
-a {
-  color: currentColor;
-} */
\ No newline at end of file

src/modules/home/components/Main.vue

@@ -69,7 +69,6 @@ const list = [
       height: 290px;
     }
     .con_content {
-      background: #ffffff;
       font-size: 20px;
       font-weight: 400;
       line-height: 40px;
@@ -103,6 +102,23 @@ const list = [
     }
   }
 }
+.main3 {
+  height: 308px;
+  background: url('https://webapp-pub.ezijing.com/project_online/fi/main2.png')
+    no-repeat center;
+  background-size: 100% 100%;
+  font-size: 24px;
+  font-weight: 400;
+  line-height: 40px;
+  color: #ffffff;
+  text-align: center;
+  padding-top: 98px;
+  box-sizing: border-box;
+  span {
+    font-size: 30px;
+    font-weight: bold;
+  }
+}
 .card-box {
   padding-top: 0.4rem;
   padding-left: 0.3rem;

src/modules/home/components/ProjectSystem.vue

@@ -22,12 +22,14 @@ const list: List[] = [
   {
     btnName: '行业认证类',
     btnIcon: 'https://webapp-pub.ezijing.com/project_online/fi/tab1.png',
-    btnIconActive: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_hover.png',
+    btnIconActive:
+      'https://webapp-pub.ezijing.com/project_online/fi/tab1_hover.png',
     h1: '联合业内领袖、资深专家学者，帮助相关从业者快速建立岗位相关的理论知识体系，加强实训教学，提高实训能力，协助从业者掌握、提升岗位所需的各种实务技能。',
     card: [
       {
         img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_1.png',
-        h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-1.png',
+        h5Img:
+          'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-1.png',
         tit: '资产分析规划师(一级/二级)/ PAAP(I/II)',
         list: [
           {
@@ -42,7 +44,8 @@ const list: List[] = [
       },
       {
         img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_2.png',
-        h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-2.png',
+        h5Img:
+          'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-2.png',
         tit: '高级资产分析管理师 / PAAM',
         list: [
           {
@@ -57,7 +60,8 @@ const list: List[] = [
       },
       {
         img: 'https://webapp-pub.ezijing.com/project_online/fi/tab1_3.png',
-        h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-3.png',
+        h5Img:
+          'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-1-3.png',
         tit: '公司金融管理师（CFM）',
         list: [
           {
@@ -75,12 +79,14 @@ const list: List[] = [
   {
     btnName: '行业标准类',
     btnIcon: 'https://webapp-pub.ezijing.com/project_online/fi/tab2.png',
-    btnIconActive: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_hover.png',
+    btnIconActive:
+      'https://webapp-pub.ezijing.com/project_online/fi/tab2_hover.png',
     h1: '联合业内专家、国内外权威产业研究机构，共同开发教学课程，为企业高层人士提供中国标准化的任职能力及领导力培训。',
     card: [
       {
         img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_1.png',
-        h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-1.png',
+        h5Img:
+          'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-1.png',
         tit: '金融保险高级经理人班',
         list: [
           {
@@ -95,7 +101,8 @@ const list: List[] = [
       },
       {
         img: 'https://webapp-pub.ezijing.com/project_online/fi/tab2_2.png',
-        h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-2.png',
+        h5Img:
+          'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-2-2.png',
         tit: '金融保险董事长总裁班',
         list: [
           {
@@ -113,12 +120,14 @@ const list: List[] = [
   {
     btnName: '行业普及类',
     btnIcon: 'https://webapp-pub.ezijing.com/project_online/fi/tab3.png',
-    btnIconActive: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_hover.png',
+    btnIconActive:
+      'https://webapp-pub.ezijing.com/project_online/fi/tab3_hover.png',
     h1: '联合业内领袖、资深专家学者，帮助相关从业者快速建立岗位相关的理论知识体系，加强实训教学，提高实训能力，协助从业者掌握、提升岗位所需的各种实务技能。',
     card: [
       {
         img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_1.png',
-        h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-1.png',
+        h5Img:
+          'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-1.png',
         tit: '私人财富风险管理顾问 / PRP',
         list: [
           {
@@ -133,7 +142,8 @@ const list: List[] = [
       },
       {
         img: 'https://webapp-pub.ezijing.com/project_online/fi/tab3_2.png',
-        h5Img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-2.png',
+        h5Img:
+          'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/system-3-2.png',
         tit: '紫荆卓越保险理财规划师养成计划100天',
         list: [
           {
@@ -164,11 +174,17 @@ const tab = function (e: number) {
   <div class="main_con" id="product" v-if="!mobile">
     <div class="con_tit">
       <div class="tit_img">
-        <img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
+        <img
+          src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
+          class="img_box"
+        />
       </div>
       <div class="tit_text">全系列产品体系</div>
       <div class="tit_img">
-        <img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" />
+        <img
+          src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
+          class="img_box"
+        />
       </div>
     </div>
     <div class="con_content">
@@ -183,11 +199,19 @@ const tab = function (e: number) {
             {{ fItem.h1 }}
           </div>
           <div class="content_main">
-            <div class="main_list" v-for="(item, index) in fItem.card" :key="index">
+            <div
+              class="main_list"
+              v-for="(item, index) in fItem.card"
+              :key="index"
+            >
               <img :src="item.img" alt="" class="list_img1" />
               <div class="list_tit">{{ item.tit }}</div>
               <ul>
-                <li class="list_desc" v-for="(it, index) in item.list" :key="index">
+                <li
+                  class="list_desc"
+                  v-for="(it, index) in item.list"
+                  :key="index"
+                >
                   <div class="desc_tit">{{ it.tit }}</div>
                   <div class="desc_con">{{ it.desc }}</div>
                 </li>
@@ -230,7 +254,9 @@ const tab = function (e: number) {
             <div class="i"></div>
             <div class="r-txt">
               <div class="name">学员属性</div>
-              <div class="value">包括但并不仅限于金融保险企业绩优营包括但并不仅限于金融保险企业绩优营销员销员</div>
+              <div class="value">
+                包括但并不仅限于金融保险企业绩优营包括但并不仅限于金融保险企业绩优营销员销员
+              </div>
             </div>
           </div>
         </div>
@@ -338,15 +364,13 @@ const tab = function (e: number) {
         margin-top: 29px;
         display: grid;
         grid-template-columns: repeat(3, 1fr);
+
         grid-column-gap: 30px;
         .main_list {
           background: rgba(255, 255, 255, 0.39);
           box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
           padding: 21px 16px 16px 16px;
-          .list_img1 {
-            width: 350px;
-            height: 197px;
-          }
+
           .list_img2 {
             width: 555px;
             height: 197px;
@@ -385,7 +409,7 @@ const tab = function (e: number) {
   }
 }
 .h5-system {
-  padding: 0 .3rem;
+  padding: 0 0.3rem;
   .tab-content {
     background: #fff;
     border-radius: 0.12rem;