diff --git a/src/App.vue b/src/App.vue
index 29c84fa..785c555 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,6 +18,7 @@ import { mapState, mapActions, mapMutations } from 'vuex';
 import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
 import HeadNav from './components/HeadNav/HeadNav.vue';
 import FooterPage from './components/FooterPage/FooterPage.vue';
+import { visitorAdd } from 'config/api';
 
 export default {
   name: 'App',
@@ -30,7 +31,7 @@ export default {
   updated() {
     window.scroll(0, 0);
   },
-  created() {
+  async created() {
     const userId = '1218763410024566784';
     const params = { userId };
     this.getUserId(params);
@@ -40,9 +41,24 @@ export default {
     window.addEventListener('beforeunload', () => {
       sessionStorage.setItem('store', JSON.stringify(this.$store.state));
     });
+    await this.getvisitor();
+  },
+  methods: {
+    ...mapActions('user', ['getUserId']),
+    async getvisitor() {
+      try {
+        const res = await visitorAdd();
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          console.log(data);
+        } else {
+          this.$message.error(msg);
+        }
+      } catch (error) {
+        this.$message.error(error);
+      }
+    },
   },
-
-  methods: { ...mapActions('user', ['getUserId']) },
 };
 </script>
 
diff --git a/src/assets/logo.png b/src/assets/logo.png
index d0e6a06..692cfa7 100644
Binary files a/src/assets/logo.png and b/src/assets/logo.png differ
diff --git a/src/common/portrait.styl b/src/common/portrait.styl
index d85447f..5065985 100644
--- a/src/common/portrait.styl
+++ b/src/common/portrait.styl
@@ -617,11 +617,11 @@ h2{
 }
 
 .textColor{
-  color: rgba(0,0,0,.65)
+  color: rgba(0,0,0,.85)
 }
 
 .secondary{
-  color: rgba(0,0,0,.45)
+  color: rgba(0,0,0,.65)
 }
 
 // line-height
@@ -632,3 +632,22 @@ h2{
 .line-height-36{
   line-height: 36px
 }
+
+.ant-form-item-label {
+  color: rgba(0,0,0,0.85) !important;
+  font-size: 16px !important;
+  // text-align: center !important;
+}
+.ant-modal-header {
+  text-align: center;
+  // font-size: 16px;
+}
+
+.red-title {
+  font-size: 18px;
+  color: rgba(0,0,0,0.85)
+}
+
+.ant-form-item {
+  margin-bottom: 18px;
+}
diff --git a/src/components/FooterPage/FooterPage.vue b/src/components/FooterPage/FooterPage.vue
index cfd3835..c0bd1d4 100644
--- a/src/components/FooterPage/FooterPage.vue
+++ b/src/components/FooterPage/FooterPage.vue
@@ -28,6 +28,7 @@
         <div class="box">
           <img class="pic" src="https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/lvgu.jpg" />
         </div>
+        <div class="visit-num">当前访问量：5000</div>
       </div>
     </div>
     <div class="xian"></div>
@@ -62,6 +63,7 @@ export default {
 
 <style lang="stylus" scoped>
 .footer {
+  position: relative;
   color: #D7D7D7;
 }
 
@@ -94,4 +96,11 @@ export default {
   text-align: center;
   line-height: 90px;
 }
+
+.visit-num {
+  position: absolute;
+  bottom: -50px;
+  right: 9.3%;
+  color: #D7D7D7;
+}
 </style>
diff --git a/src/components/HeadNav/HeadNav.vue b/src/components/HeadNav/HeadNav.vue
index d038320..be3ac00 100644
--- a/src/components/HeadNav/HeadNav.vue
+++ b/src/components/HeadNav/HeadNav.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="head d-flex flex-row flex-nowrap px-10 align-center">
-    <img @click="jumUrl('/')" alt class="logo-img" src="@/assets/logo.png" style="cursor: pointer" />
+    <img @click="jumUrl('/')" alt class="logo-img" src="@/assets/logo.png" style="cursor: pointer; margin-left: -30px" />
+    <div @click="jumUrl('/')" style="font-size: 14px; cursor: pointer; margin-left: -10px">创时代孵化器</div>
     <div class="flex-1 ml-8">
       <a-dropdown
         :class="actPath - 1 === a ? 'list-act' : ''"
@@ -15,7 +16,7 @@
         </a>
         <a-menu slot="overlay">
           <a-menu-item :key="b" class="px-6 py-3" style="text-align: center" v-for="(con, b) in item.children">
-            <a @click="jumUrl(con.url)">{{ con.title }}</a>
+            <a @click="jumUrl(con.url, b + 1)">{{ con.title }}</a>
           </a-menu-item>
         </a-menu>
       </a-dropdown>
@@ -147,7 +148,7 @@ export default {
               url: '/Activity',
             },
             {
-              title: '活动报道',
+              title: '活动报到',
               url: '/Activity',
             },
           ],
@@ -173,6 +174,16 @@ export default {
         {
           name: '创业学院',
           url: '/Business',
+          children: [
+            {
+              title: '创业活动',
+              url: '/Activity',
+            },
+            {
+              title: '创业导师',
+              url: '/Hatch/Tutor',
+            },
+          ],
         },
         // {
         //   name: '学习平台',
@@ -207,6 +218,16 @@ export default {
       ],
       showSearch: false,
       actPath: 0,
+      pStatus: {
+        bw: 0,
+        sx: 0,
+        ty: 0,
+        zg: 0,
+        value: 1, // 搜索框当前选项value
+        code: 'title', // 搜索框当前选项code
+        policyText: ['标题', '地区', '发布部门'], // 搜索框选项列表
+        iptCon: '', // 搜索框input内容
+      },
     };
   },
   watch: {
@@ -236,10 +257,29 @@ export default {
     },
   },
   methods: {
-    jumUrl(url) {
+    ...mapMutations('home', ['setPolicyStatus']),
+    jumUrl(url, index) {
       if (this.$route.path !== url) {
         this.$router.push(url);
       }
+      if (index) {
+        if (index === 1) {
+          this.pStatus.bw = 1;
+        } else if (index === 2) {
+          this.pStatus.sx = 1;
+        } else if (index === 3) {
+          this.pStatus.ty = 1;
+        } else if (index === 4) {
+          this.pStatus.zg = 1;
+        }
+        this.setPolicyStatus(this.pStatus);
+      } else {
+        this.pStatus.bw = 0;
+        this.pStatus.sx = 0;
+        this.pStatus.ty = 0;
+        this.pStatus.zg = 0;
+        this.setPolicyStatus(this.pStatus);
+      }
     },
 
     // 政策界面课程类目搜索提示
@@ -268,7 +308,7 @@ export default {
 .list-down {
   margin-right: 20px;
   font-size: 18px;
-  color: rgba(0, 0, 0, 0.85);
+  color: rgba(0, 0, 0, 1);
 }
 
 .list-down:hover {
@@ -280,7 +320,7 @@ export default {
 }
 
 .logo-img {
-  height: 50px;
+  height: 60px;
 }
 
 .icon-head {
diff --git a/src/components/Introduce/ContactMapCsd.vue b/src/components/Introduce/ContactMapCsd.vue
new file mode 100644
index 0000000..d12e2c4
--- /dev/null
+++ b/src/components/Introduce/ContactMapCsd.vue
@@ -0,0 +1,55 @@
+<!--
+ * @Author: wally
+ * @email: 18603454788@163.com
+ * @Date: 2021-01-13 16:33:32
+ * @LastEditors: wally
+ * @LastEditTime: 2021-01-13 16:45:28
+-->
+<!--
+  Copyright (c) 2020.
+  author: song
+  email: 15235360226@163.com
+  -->
+
+<template>
+  <!--百度地图容器-->
+  <div id="mapCSD" style="width: 100%; height: 392px"></div>
+</template>
+
+<script>
+export default {
+  name: 'ContactMapCsd',
+  components: {},
+  data() {
+    return {};
+  },
+  mounted() {
+    // 百度地图API功能
+    var map = new BMap.Map('mapCSD'); // 创建Map实例
+    // 初始化地图,设置中心点坐标和地图级别
+    var point = new BMap.Point(112.564637, 37.804071);
+    map.centerAndZoom(point, 18);
+    var marker = new BMap.Marker(point); // 创建标注
+    // marker.setTitle('山西创时代专业孵化器有限公司');
+    map.addOverlay(marker); // 将标注添加到地图中
+    var content = '<table>';
+    content = content + '<tr><td> 山西创时代专业孵化器有限公司</td></tr>';
+    content = content + '<tr><td></td></tr>';
+    content = content + '<tr><td> 山西综改示范区太原学府园区产业路38号高新置业副楼西区902室</td></tr>';
+    content += '</table>';
+    var infowindow = new BMap.InfoWindow(content);
+    marker.openInfoWindow(infowindow);
+    // 设置标注动画效果。如果参数为null，则取消动画效果。该方法需要在addOverlay方法后设置
+    marker.setAnimation(Animation);
+
+    //添加地图类型控件
+    map.addControl(new BMap.MapTypeControl({ mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP] }));
+    map.setCurrentCity('太原'); // 设置地图显示的城市 此项是必须设置的
+    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
+  },
+
+  methods: {},
+};
+</script>
+
+<style lang="stylus" scoped></style>
diff --git a/src/components/Introduce/ContactUs.vue b/src/components/Introduce/ContactUs.vue
index 722cba6..3dc2383 100644
--- a/src/components/Introduce/ContactUs.vue
+++ b/src/components/Introduce/ContactUs.vue
@@ -1,16 +1,3 @@
-<!--
- * @Author: wally
- * @email: 18603454788@163.com
- * @Date: 2021-01-13 16:33:32
- * @LastEditors: wally
- * @LastEditTime: 2021-03-24 19:10:16
--->
-<!--
-  Copyright (c) 2020.
-  author: song
-  email: 15235360226@163.com
-  -->
-
 <template>
   <div>
     <div class="d-flex flex-nowrap white" style="padding: 80px 0">
@@ -39,20 +26,33 @@
         </span>
       </div>
     </div>
-    <div class="contact d-flex flex-nowrap">
-      <contact-map class="flex-1" />
+    <!-- 加入我们 -->
+    <div class="white pa-5 mt-4 mb-7" style="position: relative; padding-bottom: 100px">
+      <rich-text :title="title" />
+      <model class="mt-8 add-btn" style="float: right" />
+    </div>
+    <div class="contact d-flex flex-nowrap justify-space-between">
+      <!-- <h2 style="width: 45%; text-align: center">发展路</h2> -->
+      <contact-map style="width: 47%" />
+      <!-- <h2 style="width: 45%; text-align: center">产业路</h2> -->
+      <contact-map-csd style="width: 47%" />
     </div>
   </div>
 </template>
 
 <script>
 import ContactMap from './ContactMap.vue';
+import ContactMapCsd from './ContactMapCsd';
+import RichText from './RichText.vue';
+import Model from './Model.vue';
 
 export default {
-  name: 'RichText',
-  components: { ContactMap },
+  name: 'Contact',
+  components: { ContactMap, ContactMapCsd, Model, RichText },
   data() {
     return {
+      title: '联系我们',
+      // arr: [{ name: '联系我们', url: '' }],
       sort: [
         { id: 1, component: 'title' },
         { id: 2, component: 'content' },
@@ -68,7 +68,7 @@ export default {
 
 <style lang="stylus" scoped>
 .user {
-  font-size: 80px;
+  font-size: 60px;
   padding: 24px;
   border: 1px solid rgba(112, 112, 112, 0.4);
   color: #007cc1;
@@ -79,12 +79,13 @@ export default {
   font-size: 20px;
   font-weight: bold;
   color: #000;
-  padding: 0 8px;
+  padding: 0 4px;
 }
 
 .contact {
-  height: 394px;
+  height: auto;
   position: relative;
+  margin-bottom: 80px;
   border: 1px solid rgba(112, 112, 112, 0.14901960784313725);
   background: #fff;
 }
@@ -129,4 +130,10 @@ export default {
     left: 40px;
   }
 }
+
+.add-btn {
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
 </style>
diff --git a/src/components/Introduce/FicHatch.vue b/src/components/Introduce/FicHatch.vue
index 79e036d..62d28ea 100644
--- a/src/components/Introduce/FicHatch.vue
+++ b/src/components/Introduce/FicHatch.vue
@@ -77,12 +77,13 @@
       </div>
       <!-- <a-button class="btn" type="primary">立即加入</a-button> -->
       <!-- <add-model :value="typeNum" class="btn" style="height: 32px" /> -->
+      <settled-model class="btn" :type-num="placeType" />
     </div>
     <div>
       <div style="text-align: center; padding-bottom: 40px">
         <img src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/64d5cdec92ca41c7b06712a906c9c466.png" alt="" />
       </div>
-      <div class="d-flex flex-wrap" style="padding: 0 25px 80px 25px; position: relative">
+      <div class="d-flex flex-wrap" style="padding: 0 25px 0px 25px; position: relative">
         <div :class="(index + 1) % 4 === 0 ? 'mr0' : ''" :key="index" class="ent-box" v-for="(item, index) in lists">
           <div :style="{ background: colorList[index] }" class="ent-img-box">
             <img :src="item.logoUrl" class="ent-img" />
@@ -97,7 +98,6 @@
           </p>
         </div>
         <!-- <a-button class="btn" style="bottom: 20px" type="primary">入驻企业注册</a-button> -->
-        <settled-model class="btn" style="bottom: 20px" :type-num="placeType" />
       </div>
     </div>
   </div>
@@ -165,7 +165,7 @@ export default {
 
 <style lang="stylus" scoped>
 .top-bg {
-  padding: 40px 25px 100px 25px !important;
+  padding: 40px 25px 0px 25px !important;
   position: relative;
 }
 
@@ -179,6 +179,9 @@ export default {
 
 .con-con {
   margin-bottom: 40px;
+  font-size: 16px;
+  letter-spacing: 1px;
+  color: rgba(0, 0, 0, 0.75);
 }
 
 .btn {
@@ -225,7 +228,7 @@ export default {
 
 .ent-man {
   overflow: hidden;
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 0.65);
   font-size: 12px;
   padding: 0 8px;
 }
diff --git a/src/components/Introduce/SettledModel.vue b/src/components/Introduce/SettledModel.vue
index f138dc5..2c4e121 100644
--- a/src/components/Introduce/SettledModel.vue
+++ b/src/components/Introduce/SettledModel.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <a-button type="primary" @click="showModal"> 入驻企业注册 </a-button>
+    <a-button type="primary" @click="showModal"> 申请加入 </a-button>
     <a-modal width="50%" :title="title" :visible="visible" :confirm-loading="confirmLoading" @ok="handleOk" @cancel="handleCancel">
       <a-form :form="form" v-if="current === 0">
         <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称" required>
diff --git a/src/config/api.js b/src/config/api.js
index 82158af..da7f032 100644
--- a/src/config/api.js
+++ b/src/config/api.js
@@ -133,3 +133,9 @@ export const findTypeList = params => axios.post(`${releaseTheList}/findTypeList
 
 // 创业学院内容查询
 export const back = params => axios.post(`${wiki}/academy/query/back`, params);
+
+// 创业学院栏目查询
+export const getqueryMold = params => axios.post(`${wiki}/academy/queryMold`, params);
+
+// 访客相关查询
+export const visitorAdd = params => axios.get(`${wiki}/visitor/add`);
diff --git a/src/views/About/Children/Introduce.vue b/src/views/About/Children/Introduce.vue
index 4929784..0234805 100644
--- a/src/views/About/Children/Introduce.vue
+++ b/src/views/About/Children/Introduce.vue
@@ -13,7 +13,7 @@
           <img :src="item.imgUrl" style="width: 52%" />
           <div class="introduce-box">
             <p class="introduce-title">{{ item.title }}</p>
-            <p class="introduce-content">{{ item.content }}</p>
+            <p class="introduce-content" style="text-indent: 2em">{{ item.content }}</p>
           </div>
         </div>
         <div class="d-flex justify-space-between" v-else>
@@ -42,18 +42,17 @@ export default {
         {
           title: '山西创时代企业孵化器有限公司',
           content:
-            '研究院的介绍包含研究院，公司架构，和各中心的介绍。' +
-            '各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、' +
-            '数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、' +
-            '山西奥依工业设计咨询服务中心；',
+            '山西创时代企业孵化器有限公司。2017年成立，位于山西综改示范区太原学府园区。现运营1个省级众创空间,1个专业化科技企业孵化器。' +
+            '双创平台建筑面积1万平方米,孵化企业200余家。2020年认定为省级小微企业创新创业基地、省级中小企业公共服务平台。' +
+            '公司拥有50多人的专业服务团队,专职服务人员20多人,其中高级职称3人、硕士2人本科以上学历8人。',
           imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/gsjs01.png',
         },
         {
           title: '',
           content:
-            '研究院的介绍包含研究院，公司架构，和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、' +
-            '知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、' +
-            '科创战略协同研究中心、山西奥依工业设计咨询服务中心',
+            '兼职服务导师和专家30余人， 专业涉及信息技术、新材料、生物医药、建筑科技等领域。重点在发展战略规划、' +
+            '人才技术对接、科技项目申报、创业咨询培训、技术转移转化、 知识产权运营等方面提供专业服务和解决方案。' +
+            '公司立足山西综改区,面向太原市及全省科技型中小微企业,整合社会各类专业资源,提供“一站式”的科技孵化服务与创新创业服务。',
           imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/gsjs02.png',
         },
       ],
diff --git a/src/views/About/Children/Organ.vue b/src/views/About/Children/Organ.vue
index faddf6b..cce9151 100644
--- a/src/views/About/Children/Organ.vue
+++ b/src/views/About/Children/Organ.vue
@@ -10,10 +10,10 @@
     <div class="white pa-3">
       <!-- <rich-text :title="title" /> -->
       <div>
-        <div class="font-16 textColor line-height-36">
+        <div class="font-16 textColor line-height-36" style="text-indent: 2em">
           研究院下没六个咨询服务中心和一个专家委员会：科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心。
         </div>
-        <div class="font-16 textColor line-height-36">
+        <div class="font-16 textColor line-height-36" style="text-indent: 2em">
           以中心为主体，以团队为单元，以平台为支撑，围绕创新创业发展需求，整合各类优质资源，打造全链条一体化开放式创新创业新生态。
         </div>
         <div :style="{ height: '500px' }" id="treeChart"></div>
@@ -69,20 +69,20 @@ export default {
           {
             type: 'tree',
             data: this.treedata,
-            left: '30%',
-            right: '2%',
+            left: '20%',
+            right: '20%',
             top: '8%',
             bottom: '2%',
             symbol: 'emptyCircle',
             symbolSize: 7,
-            lineStyle: { width: 4 },
+            lineStyle: { width: 1 },
             itemStyle: { borderWidth: 3, borderColor: '#E77816' },
-            label: { position: 'left', verticalAlign: 'middle', align: 'right', fontSize: 16 },
+            label: { position: 'top', verticalAlign: 'middle', align: 'center', fontSize: 16, color: 'rgba(0,0,0,0.85)' },
             leaves: {
               label: {
-                position: 'top',
+                position: 'right',
                 verticalAlign: 'middle',
-                align: 'right',
+                align: 'left',
               },
             },
             expandAndCollapse: true,
diff --git a/src/views/Activity/ActDetails.vue b/src/views/Activity/ActDetails.vue
index 87eedb9..3efb27b 100644
--- a/src/views/Activity/ActDetails.vue
+++ b/src/views/Activity/ActDetails.vue
@@ -6,11 +6,7 @@
       </div>
       <div class="policy-info">
         <span>
-          <a-icon
-            class="baseColor"
-            style="font-size: 14px; margin-right: 10px"
-            type="clock-circle"
-          />
+          <a-icon class="baseColor" style="font-size: 16px; margin-right: 10px" type="clock-circle" />
           <span>{{ actDetail.releaseTime }}-{{ actDetail.closeTime }}</span>
         </span>
         <span style="margin-left: 60px">
@@ -19,17 +15,10 @@
         </span>
       </div>
       <div class="policy-content" v-dompurify-html="actDetail.content"></div>
-      <a-button
-        disabled
-        style="margin: 50px 25px"
-        v-if="actDetail.releaseTime && Date.parse(actDetail.releaseTime) < Date.parse(nowData)"
-      >报名已结束</a-button>
-      <enroll
-        :act-name="actDetail.title"
-        :activity-id="actDetail.activityId"
-        style="margin: 50px 25px"
-        v-else
-      />
+      <a-button disabled style="margin: 50px 25px" v-if="actDetail.releaseTime && Date.parse(actDetail.releaseTime) < Date.parse(nowData)"
+        >报名已结束</a-button
+      >
+      <enroll :act-name="actDetail.title" :activity-id="actDetail.activityId" style="margin: 50px 25px" v-else />
       <!-- <enroll
         :act-name="actDetail.title"
         :activity-id="actDetail.activityId"
diff --git a/src/views/Activity/Activity.vue b/src/views/Activity/Activity.vue
index a3eb1a1..9ef74ef 100644
--- a/src/views/Activity/Activity.vue
+++ b/src/views/Activity/Activity.vue
@@ -8,10 +8,11 @@
   <div class="inner">
     <div class="search-list">
       <span>
-        <a-checkbox style="font-size: 20px; font-weight: bold">培训</a-checkbox>
+        <a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.px === 1" @click="cSta('px')">培训</a-checkbox>
         <a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.ly === 1" @click="cSta('ly')">路演</a-checkbox>
         <a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.jz === 1" @click="cSta('jz')">讲座</a-checkbox>
-        <a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.sl === 1" @click="cSta('sl')">交流</a-checkbox>
+        <a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.jl === 1" @click="cSta('jl')">交流</a-checkbox>
+        <a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.lt === 1" @click="cSta('lt')">论坛</a-checkbox>
       </span>
       <a-input-search @search="getData" class="search" enter-button="搜索" placeholder="请输入..." style="width: 381px" v-model="iptCon" />
     </div>
@@ -22,7 +23,13 @@
           <p class="date-day">{{ item.releaseTime.split(' ')[0].split('-')[2] }}</p>-->
           <a-icon class="pol-icon" type="notification" />
         </div>
-        <p @click="jumpDetails(item)" class="item-title pointer">{{ item.title }}</p>
+        <div @click="jumpDetails(item)" class="item-title pointer">
+          {{ item.title }}
+          <p class="original">
+            <a-button disabled v-if="item.releaseTime && Date.parse(item.releaseTime) < Date.parse(nowData)">报名已结束</a-button>
+            <enroll :act-name="item.title" :activity-id="item.activityId" v-else />
+          </p>
+        </div>
         <p @click="jumpDetails(item)" class="item-content pointer">{{ item.intro }}</p>
         <p class="source-time d-flex flex-column">
           <span class="source">
@@ -31,10 +38,6 @@
           </span>
           <span class="source">地点：{{ item.address }}</span>
         </p>
-        <p class="original">
-          <a-button disabled v-if="item.releaseTime && Date.parse(item.releaseTime) < Date.parse(nowData)">报名已结束</a-button>
-          <enroll :act-name="item.title" :activity-id="item.activityId" v-else />
-        </p>
       </div>
     </div>
     <a-pagination
@@ -64,9 +67,11 @@ export default {
       pageSize: 5,
       iptCon: '',
       sta: {
+        px: 0,
         ly: 0,
         jz: 0,
-        sl: 0,
+        jl: 0,
+        lt: 0,
       },
       aList: [],
       lists: [],
@@ -81,13 +86,19 @@ export default {
     this.aList = this.actList;
     for (var i = 0; i < this.aList.length; i++) {
       if (this.aList[i] === 0) {
-        this.sta.ly = 1;
+        this.sta.px = 1;
       }
       if (this.aList[i] === 1) {
-        this.sta.jz = 1;
+        this.sta.ly = 1;
       }
       if (this.aList[i] === 2) {
-        this.sta.sl = 1;
+        this.sta.jz = 1;
+      }
+      if (this.aList[i] === 3) {
+        this.sta.jl = 1;
+      }
+      if (this.aList[i] === 4) {
+        this.sta.lt = 1;
       }
     }
     this.getData();
@@ -143,15 +154,21 @@ export default {
         this.sta[index] = 0;
         console.log(this.sta);
       }
-      if (this.sta.ly === 1) {
+      if (this.sta.px === 1) {
         this.aList = this.aList.concat(0);
       }
-      if (this.sta.jz === 1) {
+      if (this.sta.ly === 1) {
         this.aList = this.aList.concat(1);
       }
-      if (this.sta.sl === 1) {
+      if (this.sta.jz === 1) {
         this.aList = this.aList.concat(2);
       }
+      if (this.sta.jl === 1) {
+        this.aList = this.aList.concat(3);
+      }
+      if (this.sta.lt === 1) {
+        this.aList = this.aList.concat(4);
+      }
       this.setActList(this.aList);
       this.getData();
     },
@@ -217,6 +234,7 @@ export default {
 
 .item-title {
   margin-left: 200px;
+  position: relative;
   overflow: hidden;
   display: -webkit-box;
   font-size: 24px;
@@ -245,7 +263,7 @@ export default {
   font-family: Microsoft YaHei;
   font-weight: 400;
   font-size: 16px;
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 0.75);
   opacity: 1;
   margin-right: 24px;
 }
@@ -260,8 +278,8 @@ export default {
 
 .original {
   position: absolute;
-  right: 25px;
-  bottom: 25px;
+  right: 0px;
+  bottom: 0px;
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
@@ -307,7 +325,7 @@ export default {
   padding-top: 10px;
   margin-bottom: 0;
   line-height: 30px;
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 0.75);
 }
 
 .pagination {
diff --git a/src/views/Business/components/SearchBox.vue b/src/views/Business/components/SearchBox.vue
index 3db323d..1258624 100644
--- a/src/views/Business/components/SearchBox.vue
+++ b/src/views/Business/components/SearchBox.vue
@@ -2,8 +2,8 @@
   <div class="search-list">
     <span style="height: 28px; line-height: 28px; font-size: 20px; font-weight: bold; color: rgba(0, 0, 0, 0.85)">栏目：</span>
     <a-checkbox-group @change="handleChange">
-      <a-checkbox v-for="(item, index) in bannerList" :key="index" :value="index + 1">
-        {{ item }}
+      <a-checkbox v-for="(item, index) in bannerList" :key="index" :value="item.moldId">
+        {{ item.moldName }}
       </a-checkbox>
     </a-checkbox-group>
     <br />
@@ -22,18 +22,23 @@
 </template>
 
 <script>
+import { getqueryMold } from 'config/api';
+
 export default {
   data() {
     return {
       typeList: ['视频', '音频', '文档', '全部'],
       typeNum: '',
-      bannerList: ['栏目1', '栏目2', '栏目3'],
+      bannerList: [],
       bannerNum: [],
       titleText: '',
       timeList: ['近七天', '近一个月', '近一年', '全部'],
       timeNum: '',
     };
   },
+  created() {
+    this.getMold();
+  },
   methods: {
     submit() {
       // console.log(this.getParam);
@@ -46,6 +51,7 @@ export default {
     },
     handleChange(e) {
       this.bannerNum = e;
+      console.log(this.bannerNum);
     },
     handleChange1(e) {
       console.log(e.target.value);
@@ -58,6 +64,19 @@ export default {
     handleChange2(e) {
       console.log(e.target.value);
     },
+    async getMold() {
+      try {
+        const res = await getqueryMold();
+        const { code, data, msg } = res.data;
+        if (code === 200) {
+          this.bannerList = data;
+        } else {
+          this.$message.error(msg);
+        }
+      } catch (error) {
+        this.$message.error(error);
+      }
+    },
   },
 };
 </script>
diff --git a/src/views/Challenge/Children/Notice.vue b/src/views/Challenge/Children/Notice.vue
index 5fe1ae5..e69272c 100644
--- a/src/views/Challenge/Children/Notice.vue
+++ b/src/views/Challenge/Children/Notice.vue
@@ -227,7 +227,7 @@ export default {
   right: 20px;
   bottom: 0;
   cursor: pointer;
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 0.75);
 }
 
 .pro-title {
@@ -258,7 +258,7 @@ export default {
   font-family: Microsoft YaHei;
   font-weight: 400;
   line-height: 22px;
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 0.75);
   opacity: 1;
   bottom: 0;
 }
diff --git a/src/views/Challenge/Children/Release.vue b/src/views/Challenge/Children/Release.vue
index a8ef949..7593c57 100644
--- a/src/views/Challenge/Children/Release.vue
+++ b/src/views/Challenge/Children/Release.vue
@@ -221,7 +221,7 @@ export default {
   font-family: Microsoft YaHei;
   font-weight: 400;
   line-height: 22px;
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 0.75);
   opacity: 1;
   bottom: 60px;
 }
diff --git a/src/views/Challenge/Children/Solicitation.vue b/src/views/Challenge/Children/Solicitation.vue
index d758075..185f498 100644
--- a/src/views/Challenge/Children/Solicitation.vue
+++ b/src/views/Challenge/Children/Solicitation.vue
@@ -7,6 +7,7 @@
       <p class="con-con" style="text-align: center">
         公司为更好为创客和企业提供服务，提供需求平台，支持发布企业的各类需求，让孵化器和外部资源为您排忧解难。
       </p>
+      <publish class="btn" type="primary" />
       <div style="text-align: center; padding-bottom: 40px">
         <img src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/48ad5b19f79244eb8b3a94d0c5d90a8e.png" alt="" />
       </div>
@@ -16,7 +17,6 @@
         alt=""
       />
     </div>
-    <publish class="btn" type="primary" />
   </div>
 </template>
 
@@ -53,6 +53,8 @@ export default {
 }
 
 .con-con {
+  font-size: 16px;
+  letter-spacing: 1px;
   margin-bottom: 40px;
 }
 
diff --git a/src/views/Challenge/Children/components/Unveiling.vue b/src/views/Challenge/Children/components/Unveiling.vue
index 2cb6d49..8725d4f 100644
--- a/src/views/Challenge/Children/components/Unveiling.vue
+++ b/src/views/Challenge/Children/components/Unveiling.vue
@@ -157,3 +157,11 @@ export default {
   },
 };
 </script>
+
+
+<style lang="stylus" scoped>
+.code_img {
+  height: 32px;
+  width: 120px;
+}
+</style>
diff --git a/src/views/ContactUs/ContactUs.vue b/src/views/ContactUs/ContactUs.vue
index 857111b..732a641 100644
--- a/src/views/ContactUs/ContactUs.vue
+++ b/src/views/ContactUs/ContactUs.vue
@@ -5,21 +5,21 @@
       <contact />
     </div>
     <!-- 加入我们 -->
-    <div class="white pa-5 mt-4 mb-7" style="padding-bottom: 100px">
+    <!-- <div class="white pa-5 mt-4 mb-7" style="padding-bottom: 100px">
       <rich-text :title="title" />
       <model class="mt-8" style="float: right" />
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script>
 import Contact from 'components/Introduce/ContactUs.vue';
-import RichText from 'components/Introduce/RichText.vue';
-import Model from 'components/Introduce/Model.vue';
+// import RichText from 'components/Introduce/RichText.vue';
+// import Model from 'components/Introduce/Model.vue';
 
 export default {
   name: 'ContactUs',
-  components: { Contact, RichText, Model },
+  components: { Contact },
   data() {
     return {
       title: '联系我们',
diff --git a/src/views/Develop/Develop.vue b/src/views/Develop/Develop.vue
index 7a47974..e871651 100644
--- a/src/views/Develop/Develop.vue
+++ b/src/views/Develop/Develop.vue
@@ -10,21 +10,21 @@
 <template>
   <div>
     <!-- <banner :show-page="41" /> -->
-    <div style="padding: 0 25px; padding-bottom: 50px; width: 68%; margin: auto">
+    <div style="padding: 0 25px; width: 68%; margin: auto">
       <div style="width: 100%; margin: 0 auto; text-align: center; padding-top: 40px">
         <img src="~assets/fwcs01.png" />
       </div>
       <div class="dev-content line-height-30 mt-8">
-        <div>
+        <div style="text-indent: 2em">
           传控科技成立于2015年8月，由资深电子产品工程师携自动化和计算机专业相关同仁创立，
           围绕时物链条构建软硬件开放平台，致力于成为智能传感器控制系统解决方案和关键设备供应商。
         </div>
-        <div>
+        <div style="text-indent: 2em">
           传控科技以传感器控制技术为核心进行开源模块及电子产品的研发生产、电子信息技术及网络应用的开发、
           咨询、服务、培训等，业务覆盖数字工厂、数字医疗、数字管理三大方向，自主研发产品先后应用于国家电力、
           北京科学技术委员会、山大一院、北京深孵咨询服务有限公司等企事业单位，清华大学、北京大学、山西大学、中北大学等高校。
         </div>
-        <div>
+        <div style="text-indent: 2em">
           传控科技拥有发明专利和知识产权二十余项，并且拥有国内及美国注册商标任意环、ANYRING、CCSENS、
           老吾老、幼吾幼、传控可及、时物链条等，已通过ISO9001认证。
         </div>
@@ -38,8 +38,14 @@
       </div>
     </div>
     <div class="dev-img-box d-flex flex-wrap" style="width: 68%; margin: 40px auto !important">
-      <div :key="index" class="d-flex pic-box" style="width: 50%" v-for="(item, index) in lists">
-        <img :src="item.url" @click="showProfile = true" style="width: 100%; cursor: pointer" />
+      <div
+        :key="index"
+        @click="showProfile = true"
+        class="d-flex pic-box"
+        style="width: 45%; margin: 20px auto"
+        v-for="(item, index) in lists"
+      >
+        <img :src="item.url" style="width: 100%; cursor: pointer" />
         <div class="txt pa-5">
           <h2 class="white--text">{{ item.title }}</h2>
           <div class="pt-2">{{ item.txt }}</div>
diff --git a/src/views/FirstPage/FirstPage.vue b/src/views/FirstPage/FirstPage.vue
index f611649..dccd989 100644
--- a/src/views/FirstPage/FirstPage.vue
+++ b/src/views/FirstPage/FirstPage.vue
@@ -19,7 +19,7 @@
 
     <div style="width: 68%; margin: 16px auto">
       <!-- floor2 -->
-      <div class="d-flex flex-nowrap justify-space-between" style="height: auto !important">
+      <!-- <div class="d-flex flex-nowrap justify-space-between" style="height: auto !important">
         <div
           :key="item.id"
           @click="$router.push(item.path)"
@@ -29,7 +29,7 @@
           <img class="adapt-img" style="width: 100%" :src="item.url" />
           <div class="font-24 textColor title grey">{{ item.name }}</div>
         </div>
-      </div>
+      </div> -->
       <!-- 行业资讯 -->
       <div class="d-flex flex-column" style="margin-top: 20px">
         <div style="background: #13acc4" class="new-title font-bold-30 white--text pointer">行业资讯</div>
@@ -86,18 +86,10 @@ export default {
           url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/index03.png',
           path: '/ServiceMarket/Institute',
         },
-      ],
-      arr2: [
         {
           id: 4,
-          name: '数智开发',
-          url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/index04.png',
-          path: '/Develop',
-        },
-        {
-          id: 5,
           name: '创新挑战',
-          url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/index05.png',
+          url: 'https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210325/a61705ba1c404c16b5d7c1454943bd6a.png',
           path: '/Challenge/Solicitation',
         },
       ],
diff --git a/src/views/Hatch/Children/Epoch.vue b/src/views/Hatch/Children/Epoch.vue
index a33334e..48d91df 100644
--- a/src/views/Hatch/Children/Epoch.vue
+++ b/src/views/Hatch/Children/Epoch.vue
@@ -62,7 +62,7 @@ export default {
           imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/zckj02.png',
         },
         {
-          title: '数智创世代企业孵化器',
+          title: '数智创世代专业孵化器',
           content:
             '研究院的介绍包含研究院，公司架构，和各中心的介绍。' +
             '各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、' +
@@ -110,6 +110,7 @@ export default {
 
 .con-con {
   font-size: 16px;
+  letter-spacing: 1px;
   margin-bottom: 40px;
 }
 
diff --git a/src/views/Hatch/Children/Space.vue b/src/views/Hatch/Children/Space.vue
index 132dca2..8e0bfed 100644
--- a/src/views/Hatch/Children/Space.vue
+++ b/src/views/Hatch/Children/Space.vue
@@ -14,7 +14,7 @@
 -->
 <template>
   <div style="padding: 0 25px">
-    <div style="padding-bottom: 80px; position: relative">
+    <div style="padding-bottom: 0px; position: relative">
       <div class="words-content">
         <div style="text-align: center; padding-bottom: 40px">
           <img src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/fba99c12bb4c4aef8b7b2a9a584a7145.png" alt="" />
@@ -69,7 +69,6 @@
           </p>
         </div>
         <!-- <a-button class="btn" style="bottom: 20px" type="primary">入驻企业注册</a-button> -->
-        <settled-model class="btn" style="bottom: 20px" :type-num="placeType" />
       </div>
     </div>
   </div>
@@ -143,10 +142,6 @@ export default {
   margin-bottom: 40px;
 }
 
-.con-con {
-  margin-bottom: 40px;
-}
-
 .btn {
   position: absolute;
   right: 25px;
@@ -166,6 +161,9 @@ export default {
 }
 
 .con-con {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.75);
+  letter-spacing: 1px;
   margin-bottom: 40px;
 }
 
@@ -213,7 +211,7 @@ export default {
 
 .ent-man {
   overflow: hidden;
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 0.75);
   font-size: 12px;
   padding: 0 8px;
 }
diff --git a/src/views/Hatch/Children/components/AddModel.vue b/src/views/Hatch/Children/components/AddModel.vue
index 8e4a6f6..e23c884 100644
--- a/src/views/Hatch/Children/components/AddModel.vue
+++ b/src/views/Hatch/Children/components/AddModel.vue
@@ -2,12 +2,12 @@
   <div>
     <a-button @click="showModal" style="height: 100%; width: 100%" type="primary">{{ str }}</a-button>
     <a-modal :confirm-loading="confirmLoading" :title="title" :visible="visible" @cancel="handleCancel" @ok="handleOk" width="50%">
-      <p style="text-align: center" v-show="value === 1">
+      <!-- <p style="text-align: center" v-show="value === 1">
         <a-radio-group style="margin-bottom: 20px !important" v-model="platform.val">
           <a-radio :value="2" style="margin-right: 100px">实体空间</a-radio>
           <a-radio :value="3">虚拟空间</a-radio>
         </a-radio-group>
-      </p>
+      </p> -->
       <a-form :form="form">
         <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称">
           <a-input placeholder="请输入公司名称..." v-model.trim="platform.companyName" />
diff --git a/src/views/ItInformation/ItInformation.vue b/src/views/ItInformation/ItInformation.vue
index 80397ca..63746e1 100644
--- a/src/views/ItInformation/ItInformation.vue
+++ b/src/views/ItInformation/ItInformation.vue
@@ -137,7 +137,7 @@ export default {
 .source {
   cursor: pointer;
   font-size: 16px;
-  color: rgba(0, 0, 0, 0.45) !important;
+  color: rgba(0, 0, 0, 0.75) !important;
   font-family: Microsoft YaHei;
   opacity: 1;
   margin-right: 24px;
diff --git a/src/views/Policy/components/PolicyList.vue b/src/views/Policy/components/PolicyList.vue
index 5e3507a..4d1cb1f 100644
--- a/src/views/Policy/components/PolicyList.vue
+++ b/src/views/Policy/components/PolicyList.vue
@@ -34,7 +34,7 @@
     <div class="policy-box d-flex flex-wrap flex-row">
       <div :class="(index + 1) % 2 === 0 ? 'ml' : 'mr'" :key="index" v-for="(item, index) in lists">
         <p @click="LookSource(item.id)" class="item-title pointer">{{ item.title }}</p>
-        <p @click="LookSource(item.id)" class="item-content pointer">{{ item.intro }}</p>
+        <!-- <p @click="LookSource(item.id)" class="item-content pointer">{{ item.intro }}</p> -->
         <!-- <p class="item-content" v-html="item.content"></p> -->
         <p class="original1">
           <span @click="openWin(item.titleUrl)" class="baseColor source">来源：{{ item.publishDepartName }}</span>
@@ -140,6 +140,7 @@ export default {
       } else {
         this.pStatus[str] = 1;
       }
+      console.log(this.pStatus);
       this.setPolicyStatus(this.pStatus);
     },
     // 政策界面课程类目搜索提示
@@ -190,7 +191,7 @@ export default {
   div {
     position: relative;
     width: 49%;
-    height: 238px;
+    height: 188px;
     overflow: hidden;
     background: #fff;
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
@@ -202,7 +203,7 @@ export default {
 .item-title {
   overflow: hidden;
   display: -webkit-box;
-  font-size: 18px;
+  font-size: 24px;
   color: rgba(0, 0, 0, 0.65);
   font-family: Microsoft YaHei;
   font-weight: bold;
@@ -234,7 +235,7 @@ export default {
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 0.75);
   opacity: 1;
 }
 
diff --git a/src/views/ServiceMarket/Children/InnovativeService.vue b/src/views/ServiceMarket/Children/InnovativeService.vue
index ab969ec..886f6ee 100644
--- a/src/views/ServiceMarket/Children/InnovativeService.vue
+++ b/src/views/ServiceMarket/Children/InnovativeService.vue
@@ -10,7 +10,7 @@
     <left-nav />
     <div class="flex-1">
       <div class="content-box fill-width pa-3">
-        <div :key="index" v-for="(item, index) in list">
+        <div :key="index" v-for="(item, index) in list" style="position: relative">
           <div class="d-flex flex-nowrap justify-space-between">
             <div class="d-flex flex-column justify-center py-3">
               <img :src="item.picUrl" style="width: 330px; height: 173px" />
@@ -20,11 +20,11 @@
               <p class="font-16 line-height-30" v-dompurify-html="item.intro">{{ item.intro }}</p>
             </div>
           </div>
-          <div class="d-flex flex-row-reverse">
+          <div class="d-flex flex-row-reverse intention-btn">
             <!-- <add-shopping :service-id="item.id" :type-data="typeData" /> -->
             <intention-model :service-id="item.id" :type-data="typeData" class="mr-3" />
           </div>
-          <a-divider v-if="index !== list.length - 1" />
+          <a-divider v-if="index !== list.length - 1" style="margin: 4px 0 !important" />
         </div>
       </div>
     </div>
@@ -75,4 +75,10 @@ export default {
 };
 </script>
 
-<style lang="stylus" scoped></style>
+<style lang="stylus" scoped>
+.intention-btn {
+  position: absolute;
+  left: 500px;
+  top: 12px;
+}
+</style>
diff --git a/src/views/ServiceMarket/Children/Institute.vue b/src/views/ServiceMarket/Children/Institute.vue
index 21933ff..8303997 100644
--- a/src/views/ServiceMarket/Children/Institute.vue
+++ b/src/views/ServiceMarket/Children/Institute.vue
@@ -9,7 +9,7 @@
             <img src="~assets/fwcs01.png" />
           </div>
           <div>
-            <div class="font-16 textColor line-height-36">
+            <div class="font-16 textColor line-height-36" style="text-indent: 2em">
               山西智汇协同创新研究院有限公司是维基智汇科技有限公司旗下，集创新创业咨询服务和协同创新为一体的新型研发机构。
               研究院秉承“创新、开放、协作、共赢”的发展理念，坚持专业化、高端化、市场化、国际化发展路线，立足新科技革命和产业发展前沿，
               聚焦创新创业发展需求，以为不同创新主体提供定制化科创整体解决方案为核心，以数智网络平台、战略合作平台和知识培训平台为支撑，
@@ -43,7 +43,7 @@
     </div>
     <!-- 中心介绍 -->
     <div class="d-flex flex-nowrap inner">
-      <div style="width: 17%"></div>
+      <!-- <div style="width: 17%"></div> -->
       <div class="flex-1 flex-row fill-width justify-center pt-10">
         <div class="px-3 py-10">
           <img src="~assets/fwcs03.png" />
@@ -147,23 +147,24 @@ export default {
           {
             type: 'tree',
             data: this.treedata,
-            left: '30%',
-            right: '2%',
+            left: '10%',
+            right: '30%',
             top: '8%',
             bottom: '2%',
             symbol: 'emptyCircle',
             symbolSize: 7,
-            lineStyle: { width: 4 },
+            lineStyle: { width: 1 },
             itemStyle: { borderWidth: 3, borderColor: '#E77816' },
-            label: { position: 'left', verticalAlign: 'middle', align: 'right', fontSize: 16 },
+            label: { position: 'top', verticalAlign: 'middle', align: 'center', fontSize: 16, color: 'rgba(0, 0, 0, 85)' },
             leaves: {
               label: {
-                position: 'top',
+                position: 'right',
                 verticalAlign: 'middle',
-                align: 'right',
+                align: 'left',
               },
             },
             expandAndCollapse: true,
+            animationDuration: 550,
             animationDurationUpdate: 750,
           },
         ],
diff --git a/src/views/Study/Study.vue b/src/views/Study/Study.vue
index 0d6d3fb..92a880c 100644
--- a/src/views/Study/Study.vue
+++ b/src/views/Study/Study.vue
@@ -7,13 +7,7 @@
 <template>
   <div class="inner">
     <div class="d-flex flex-row-reverse mb-8">
-      <a-input-search
-        @search="searchData"
-        enter-button="搜索"
-        placeholder="请输入..."
-        style="width: 381px"
-        v-model="iptCon"
-      />
+      <a-input-search @search="searchData" enter-button="搜索" placeholder="请输入..." style="width: 381px" v-model="iptCon" />
     </div>
     <div :key="index" class="post" v-for="(item, index) in lists">
       <div class="d-flex flex-nowrap fill-height">
@@ -174,6 +168,7 @@ export default {
   line-height: 30px;
   height: 120px;
   overflow: hidden;
+  letter-spacing: 1px;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;