From f89cc9b2a9a3f18ae668da01f59ac4249c9f9693 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Tue, 30 May 2023 16:18:38 +0800
Subject: [PATCH] fix

---
 src/components/rightColumns/index.vue |  12 +-
 src/pages/column/index.vue            | 542 ++++----------------------
 src/pages/estate/event/index.vue      | 212 +---------
 src/pages/estate/location/index.vue   | 328 +---------------
 src/pages/estate/orgSetup/index.vue   | 308 +--------------
 src/pages/estate/survey/index.vue     |  28 --
 src/pages/lightSources/index.vue      |   1 +
 src/pages/mission/index.vue           | 273 ++++++-------
 src/pages/speech/index.vue            |  16 +-
 src/pages/talentCentre/index.vue      |  33 +-
 src/styles/common.scss                | 185 +++++----
 src/styles/page/page.scss             |  28 +-
 src/styles/var.scss                   |  28 +-
 13 files changed, 377 insertions(+), 1617 deletions(-)

diff --git a/src/components/rightColumns/index.vue b/src/components/rightColumns/index.vue
index d25eb7e..3fc352c 100644
--- a/src/components/rightColumns/index.vue
+++ b/src/components/rightColumns/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="right">
+  <div class="right party">
     <el-tree class="column"
              ref="column"
              :data="columns"
@@ -125,6 +125,16 @@ export default {
         color: #999;
     }
 }
+.party {
+    .el-tree-node:focus > .el-tree-node__content,
+    /deep/.el-tree-node__content {
+        background-color: $lightPartyTheme;
+    }
+
+    /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+        background-color: $partyTheme;
+    }
+}
 @media (max-width: 1200px) {
     .right {
         width: 100%;
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 505b741..cbd01a6 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -1,5 +1,6 @@
 <template>
-  <div v-show="loaded"
+  <div class="party"
+       v-show="loaded"
        :class="['wrap', { activity: info.listStyleId === 15 }]">
     <div class="banner">
       <img width="100%"
@@ -778,39 +779,17 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.wrap {
-    .banner {
-        height: 24rem;
-        position: relative;
-        img {
-            height: 24rem;
-        }
-        .texts {
-            position: absolute;
-            bottom: 87px;
-            top: auto;
-            left: 213px;
-        }
-    }
-}
-.el-tree-node__content {
-    padding-left: 10px !important;
-}
-.l-title {
-    font-weight: 600;
-    font-size: 1.024rem;
-}
-
 .banner {
     position: relative;
-    height: 14rem;
-
+    height: 24rem;
     color: #fff;
-
+    img {
+        height: 24rem;
+    }
     .texts {
         position: absolute;
-        top: 6.15rem;
-        left: 12.15rem;
+        bottom: 87px;
+        left: 213px;
     }
 
     .text {
@@ -824,6 +803,12 @@ export default {
         font-size: 1.6rem;
     }
 }
+.el-tree-node__content {
+    padding-left: 10px !important;
+}
+.l-title {
+    font-weight: 600;
+}
 
 .column-wrap {
     padding: 2rem 0;
@@ -962,15 +947,6 @@ export default {
             border-top: 1px solid #f8f9f9;
             cursor: pointer;
 
-            // &:before {
-            //   content: '';
-            //   width: 2px;
-            //   height: 2px;
-            //   margin: 0 10px 0 20px;
-            //   background-color: #666;
-            //   border-radius: 50%;
-            // }
-
             &:hover {
                 color: #0c84eb;
             }
@@ -1134,22 +1110,6 @@ export default {
         overflow: hidden;
     }
 
-    .column {
-        width: 100%;
-        margin-bottom: 1.25rem;
-
-        /deep/.el-tree-node__content {
-            height: 44px;
-            background-color: #e5edf8;
-            border-bottom: 2px solid #fff;
-        }
-
-        /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-            color: #fff;
-            background-color: #0f5698;
-        }
-    }
-
     .list {
         margin-bottom: 1rem;
 
@@ -1211,104 +1171,36 @@ export default {
         }
     }
 }
-
-@media (max-width: 1200px) {
-    .article {
-        flex-direction: column;
-
-        .left {
-            width: 100%;
-
-            .forms {
-                flex-direction: column;
-                justify-content: center;
-                align-items: center;
-
-                .item,
-                .search {
-                    margin: 20px 0 0 0;
-                }
-
-                .item:first-child {
-                    margin: 0;
-                }
-
-                div {
-                    width: 100%;
-                }
+.party {
+    /deep/.columns {
+        .el-tree-node__content {
+            &:hover {
+                color: $partyTheme;
             }
         }
-
-        .article-wrap {
-            width: 90%;
-            margin: 0 auto;
-
-            .articles {
-                li {
-                    .pic {
-                        margin-top: 20px;
-                    }
-                }
+        .is-current > .el-tree-node__content {
+            background-color: $lightPartyTheme;
+            &:after {
+                background-color: $partyTheme;
             }
-        }
 
-        .right {
-            width: 95%;
-            margin: 20px auto;
+            .el-tree-node__label,
+            .custom-tree-node {
+                color: $partyTheme;
+            }
         }
     }
-
-    .banner {
-        .texts {
-            left: 50px;
-            top: 110px;
+    .article {
+        .readDetailBtn {
+            background-color: $partyTheme;
+            border-color: $partyTheme;
         }
     }
-
-    .column-wrap {
-        .article {
-            flex-direction: column;
-
-            .left {
-                width: 100%;
-
-                .item {
-                    width: 80%;
-                    margin: 20px auto;
-                }
-
-                .search {
-                    width: 80%;
-                    margin: 20px auto;
-                    margin-top: 0;
-                }
-
-                .contents {
-                    .articles {
-                        li:not(.news-notice) {
-                            flex-direction: column;
-
-                            .texts {
-                                width: 100%;
-
-                                .meta {
-                                    font-size: 0.5rem;
-                                }
-                            }
-
-                            .pic {
-                                width: 95%;
-                                margin: 0 auto;
-                            }
-                        }
-                    }
-                }
-            }
-        }
+    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
+        background-color: $partyTheme !important;
     }
 }
-
-@media (min-width: 280px) and (max-width: 1200px) {
+@media (max-width: 1200px) {
     .banner {
         height: 15rem !important;
         img {
@@ -1320,226 +1212,65 @@ export default {
         }
     }
     .article {
+        flex-direction: column;
+
         .columns {
             width: 40%;
-            .el-tree-node__content {
-                padding: 0 !important;
-            }
-            span {
-                font-size: 0.8rem;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
         }
-    }
-
-    .column-wrap {
-        .article {
-            flex-direction: column;
+        .left {
+            width: 100%;
 
-            .left {
-                width: 100%;
+            .forms {
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
 
-                .contents {
-                    .articles {
-                        li:not(.news-notice) {
-                            flex-direction: column;
-
-                            .pic {
-                                width: 95%;
-                                margin: 0 auto;
-                                height: 15rem;
-                            }
-                        }
-                    }
+                .item,
+                .search {
+                    margin: 20px 0 0 0;
                 }
-            }
-        }
-    }
-}
 
-@media (max-width: 320px) {
-    .banner {
-        height: 12rem !important;
-        img {
-            height: 12rem !important;
-        }
-        .texts {
-            left: 2rem;
-            bottom: 2rem;
-            .text {
-                font-size: 1.5rem;
-            }
-        }
-    }
-    .contents {
-        .article-wrap {
-            .articles {
-                .pic {
-                    height: auto !important;
+                .item:first-child {
+                    margin: 0;
                 }
-                .otherData {
-                    margin-top: 1rem;
-                    .leftBox {
-                        padding-left: 0;
-                        .titleDes {
-                            line-height: 1.368rem;
-                        }
-                    }
+
+                div {
+                    width: 100%;
                 }
             }
         }
-    }
-    .forms {
-        .switch {
-            width: 100%;
-            flex-direction: column;
-            margin-right: 0;
-            li {
-                width: 90%;
-                margin: 0 auto;
-                margin-top: 10px;
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .banner {
-        height: 12rem !important;
-        img {
-            height: 12rem !important;
-        }
-        .texts {
-            left: 2rem;
-            bottom: 2rem;
-            .text {
-                font-size: 1.5rem;
-            }
-        }
-    }
-    .contents {
+
         .article-wrap {
-            .articles {
-                .pic {
-                    height: auto !important;
-                }
-                .otherData {
-                    margin-top: 1rem;
-                    .leftBox {
-                        padding-left: 0;
-                        .titleDes {
-                            line-height: 1.368rem;
-                        }
-                    }
-                }
-            }
+            width: 90%;
+            margin: 0 auto;
         }
-    }
-    .forms {
-        .switch {
-            width: 100%;
-            flex-direction: column;
-            margin-right: 0;
+
+        .articles {
             li {
-                width: 90%;
-                margin: 0 auto;
-                margin-top: 10px;
-            }
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .banner {
-        height: 12rem !important;
-        img {
-            height: 12rem !important;
-        }
-        .texts {
-            left: 2rem;
-            bottom: 2rem;
-            .text {
-                font-size: 1.5rem;
-            }
-        }
-    }
-    .contents {
-        .article-wrap {
-            .articles {
+                flex-direction: column;
+                align-items: flex-start;
+                padding: 1rem;
+                margin-top: 1rem;
                 .pic {
-                    height: auto !important;
-                }
-                .otherData {
-                    margin-top: 1rem;
-                    .leftBox {
-                        padding-left: 0;
-                        .titleDes {
-                            line-height: 1.368rem;
-                        }
-                    }
+                    width: 100%;
+                    margin: 10px 0;
                 }
             }
-        }
-    }
-    .forms {
-        .switch {
-            width: 100%;
-            flex-direction: column;
-            margin-right: 0;
-            li {
-                width: 90%;
-                margin: 0 auto;
-                margin-top: 10px;
-            }
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .banner {
-        height: 12rem !important;
-        img {
-            height: 12rem !important;
-        }
-        .texts {
-            left: 2rem;
-            bottom: 2rem;
-            .text {
-                font-size: 1.5rem;
-            }
-        }
-    }
-    .contents {
-        .article-wrap {
-            .articles {
-                .pic {
-                    height: auto !important;
-                }
-                .otherData {
-                    margin-top: 1rem;
-                    .leftBox {
-                        padding-left: 0;
-                        .titleDes {
-                            line-height: 1.368rem;
-                        }
-                    }
+            .readDetail {
+                .texts {
+                    padding-left: 0;
                 }
             }
         }
-    }
-    .forms {
-        .switch {
-            width: 100%;
-            flex-direction: column;
-            margin-right: 0;
-            li {
-                width: 90%;
-                margin: 0 auto;
-                margin-top: 10px;
-            }
+
+        .right {
+            width: 95%;
+            margin: 20px auto;
         }
     }
 }
-@media (min-width: 640px) and (max-width: 768px) {
+
+@media (max-width: 640px) {
     .banner {
         height: 12rem !important;
         img {
@@ -1553,117 +1284,22 @@ export default {
             }
         }
     }
-    .contents {
-        .article-wrap {
-            .articles {
-                .pic {
-                    height: auto !important;
-                }
-                .otherData {
-                    margin-top: 1rem;
-                    .leftBox {
-                        padding-left: 0;
-                        .titleDes {
-                            line-height: 1.368rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-    .forms {
-        .switch {
-            width: 100%;
+    .article {
+        .contents {
             flex-direction: column;
-            margin-right: 0;
-            li {
-                width: 90%;
-                margin: 0 auto;
-                margin-top: 10px;
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .banner {
-        height: 12rem !important;
-        img {
-            height: 12rem !important;
-        }
-        .texts {
-            left: 2rem;
-            bottom: 2rem;
-            .text {
-                font-size: 1.5rem;
-            }
+            padding: 0 15px;
         }
-    }
-    .contents {
+        .columns,
         .article-wrap {
-            .articles {
-                .pic {
-                    height: auto !important;
-                }
-                .otherData {
-                    margin-top: 1rem;
-                    .leftBox {
-                        padding-left: 0;
-                        .titleDes {
-                            line-height: 1.368rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-    .forms {
-        .switch {
             width: 100%;
-            flex-direction: column;
             margin-right: 0;
-            li {
-                width: 90%;
-                margin: 0 auto;
-                margin-top: 10px;
-            }
         }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .article {
         .articles {
-            .pic {
-                width: 40%;
-                height: auto;
-            }
-        }
-    }
-    .banner {
-        height: 14rem !important;
-        img {
-            height: 14rem !important;
-        }
-        .texts {
-            left: 2rem;
-            bottom: 2rem;
-            .text {
-                font-size: 1.5rem;
-            }
-        }
-    }
-    .contents {
-        .article-wrap {
-            .articles {
-                .pic {
-                    height: auto !important;
-                }
-                .otherData {
-                    margin-top: 1rem;
-                    .leftBox {
-                        padding-left: 0;
-                        .titleDes {
-                            line-height: 1.368rem;
-                        }
+            li {
+                .leftBox {
+                    padding-left: 0;
+                    .titleDes {
+                        line-height: 1.368rem;
                     }
                 }
             }
@@ -1682,24 +1318,4 @@ export default {
         }
     }
 }
-@media (min-width: 1200px) and (max-width: 1300px) {
-    .article {
-        .articles {
-            .pic {
-                width: 40%;
-                height: auto;
-            }
-        }
-    }
-}
-@media (min-width: 1300px) {
-    .article {
-        .articles {
-            .pic {
-                width: 40%;
-                height: auto;
-            }
-        }
-    }
-}
 </style>
diff --git a/src/pages/estate/event/index.vue b/src/pages/estate/event/index.vue
index 10ebc8c..704f8a8 100644
--- a/src/pages/estate/event/index.vue
+++ b/src/pages/estate/event/index.vue
@@ -89,24 +89,7 @@ export default {
     background: url(http://10.10.11.7/images/overviewDevHistory/1.png) (right 505px) / auto no-repeat,
         url(http://10.10.11.7/images/overviewDevHistory/2.png) (left bottom) / auto no-repeat;
 }
-.tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
-    }
-}
+
 .history {
     h2 {
         position: relative;
@@ -208,16 +191,6 @@ export default {
     }
 }
 @media (max-width: 1200px) {
-    .tabs {
-        overflow: hidden;
-        overflow-x: auto;
-        white-space: normal;
-        justify-content: normal;
-        display: -webkit-box;
-        li {
-            white-space: normal;
-        }
-    }
     .tab-content {
         padding: 20px 0;
         .org {
@@ -253,6 +226,7 @@ export default {
                             }
                             .pic {
                                 width: 100%;
+                                height: auto;
                                 margin-top: 1rem;
                             }
                         }
@@ -262,186 +236,4 @@ export default {
         }
     }
 }
-@media (max-width: 320px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 13rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 15rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 18rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 20rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 22rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 25rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 27rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/estate/location/index.vue b/src/pages/estate/location/index.vue
index 8466962..26bc658 100644
--- a/src/pages/estate/location/index.vue
+++ b/src/pages/estate/location/index.vue
@@ -88,25 +88,6 @@ export default {
 <style lang="scss" scoped>
 @import url(../../../plugins/wow/animate.css);
 @import '../../../styles/page/page.scss';
-.tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
-    }
-}
-
 .tab-content {
     width: 70%;
     max-width: 1504px;
@@ -159,49 +140,8 @@ export default {
     }
 }
 @media (max-width: 1200px) {
-    .tabs {
-        overflow: hidden;
-        overflow-x: auto;
-        white-space: normal;
-        justify-content: normal;
-        display: -webkit-box;
-        li {
-            white-space: normal;
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .event {
-                flex-direction: column;
-                .time {
-                    width: 100%;
-                    li {
-                        width: 100%;
-                        justify-content: flex-start;
-                    }
-                }
-                .right {
-                    width: 100%;
-                    .list {
-                        li {
-                            padding: 1.25rem;
-                            flex-direction: column;
-                            .texts {
-                                width: 100%;
-                            }
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
     .tab-content {
+        width: 80%;
         padding: 1.25rem 0;
         .item {
             padding: 0.85rem;
@@ -217,270 +157,4 @@ export default {
         }
     }
 }
-@media (max-width: 320px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 13rem;
-            }
-        }
-        .item {
-            .texts {
-                h6 {
-                    font-size: 1.5rem;
-                }
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 13rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 18rem;
-            }
-        }
-        .item {
-            .texts {
-                h6 {
-                    font-size: 1.5rem;
-                }
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 15rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 20rem;
-            }
-        }
-        .item {
-            .texts {
-                h6 {
-                    font-size: 1.5rem;
-                }
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 18rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 24rem;
-            }
-        }
-        .item {
-            .texts {
-                h6 {
-                    font-size: 1.5rem;
-                }
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 20rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 28rem;
-            }
-        }
-        .item {
-            .texts {
-                h6 {
-                    font-size: 1.5rem;
-                }
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 22rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 30rem;
-            }
-        }
-        .item {
-            .texts {
-                h6 {
-                    font-size: 1.5rem;
-                }
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 25rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 32rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 27rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/estate/orgSetup/index.vue b/src/pages/estate/orgSetup/index.vue
index 2f440c6..ca46f82 100644
--- a/src/pages/estate/orgSetup/index.vue
+++ b/src/pages/estate/orgSetup/index.vue
@@ -60,24 +60,6 @@ export default {
 <style lang="scss" scoped>
 @import url(../../../plugins/wow/animate.css);
 @import '../../../styles/page/page.scss';
-.tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
-    }
-}
 .tab-content {
     padding: 77px 0;
 }
@@ -116,16 +98,6 @@ export default {
     text-align: center;
 }
 @media (max-width: 1200px) {
-    .tabs {
-        overflow: hidden;
-        overflow-x: auto;
-        white-space: normal;
-        justify-content: normal;
-        display: -webkit-box;
-        li {
-            white-space: normal;
-        }
-    }
     .tab-content {
         padding: 20px 0;
         .org {
@@ -135,287 +107,9 @@ export default {
             .left {
                 width: 100%;
             }
-        }
-    }
-}
-@media (max-width: 1200px) {
-    .tabs {
-        overflow: hidden;
-        overflow-x: auto;
-        white-space: normal;
-        justify-content: normal;
-        display: -webkit-box;
-        li {
-            white-space: normal;
-        }
-    }
-    .tab-content {
-        padding: 20px 0;
-        .org {
-            width: 100%;
-            padding: 15px;
-            flex-direction: column;
-            .left {
-                width: 100%;
-            }
-            img {
-                width: 100%;
-            }
-        }
-    }
-    .block {
-        padding: 2rem 0;
-        .inner {
-            width: 90%;
-            .event {
-                flex-direction: column;
-                .time {
-                    width: 100%;
-                    li {
-                        width: 100%;
-                        justify-content: flex-start;
-                    }
-                }
-                .right {
-                    width: 100%;
-                    .list {
-                        li {
-                            padding: 1.25rem;
-                            flex-direction: column;
-                            .texts {
-                                width: 100%;
-                            }
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (max-width: 320px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 13rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 13rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 18rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 15rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 20rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 18rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 24rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 20rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 28rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 22rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
             img {
                 width: 100%;
-                height: 30rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 25rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .tab-content {
-        .survey {
-            padding: 1.25rem;
-            width: 100%;
-            margin-bottom: 2rem;
-        }
-        .org {
-            img {
-                width: 100%;
-                height: 32rem;
-            }
-        }
-    }
-    .block {
-        .inner {
-            .event {
-                .right {
-                    .list {
-                        li {
-                            .pic {
-                                width: 100%;
-                                margin-top: 1rem;
-                                height: 27rem;
-                            }
-                        }
-                    }
-                }
+                height: auto;
             }
         }
     }
diff --git a/src/pages/estate/survey/index.vue b/src/pages/estate/survey/index.vue
index 51d82c8..585b72d 100644
--- a/src/pages/estate/survey/index.vue
+++ b/src/pages/estate/survey/index.vue
@@ -61,24 +61,6 @@ export default {
 <style lang="scss" scoped>
 @import url(../../../plugins/wow/animate.css);
 @import '../../../styles/page/page.scss';
-.tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
-    }
-}
 .tab-content {
     padding-top: 70px;
 }
@@ -113,16 +95,6 @@ export default {
     width: 40%;
 }
 @media (max-width: 1300px) {
-    .tabs {
-        overflow: hidden;
-        overflow-x: auto;
-        white-space: normal;
-        justify-content: normal;
-        display: -webkit-box;
-        li {
-            white-space: normal;
-        }
-    }
     .tab-content {
         padding: 20px 0;
     }
diff --git a/src/pages/lightSources/index.vue b/src/pages/lightSources/index.vue
index 251ec9b..16434c9 100644
--- a/src/pages/lightSources/index.vue
+++ b/src/pages/lightSources/index.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 全球先进光源 -->
   <div class="wrap">
     <div class="single-banner">
       <img class="banner-img"
diff --git a/src/pages/mission/index.vue b/src/pages/mission/index.vue
index e3e862d..185e152 100644
--- a/src/pages/mission/index.vue
+++ b/src/pages/mission/index.vue
@@ -1,7 +1,10 @@
 <template>
   <div class="wrap">
+    <!-- 关于IASF-使命愿景价值观 -->
     <div class="single-banner">
-      <img class="banner-img" :src="modules[0].form.pic" alt="" />
+      <img class="banner-img"
+           :src="modules[0].form.pic"
+           alt="" />
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
@@ -9,28 +12,28 @@
 
     <div class="block">
       <div class="inner">
-        <div
-          class="item wow bounceInLeft"
-          data-wow-delay="0.5s"
-          :class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }"
-          @click="openLink(modules[1].form)"
-        >
-          <img src="http://10.10.11.7/images/mission/2.png" alt="" />
+        <div class="item wow bounceInLeft"
+             data-wow-delay="0.5s"
+             :class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }"
+             @click="openLink(modules[1].form)">
+          <img src="http://10.10.11.7/images/mission/2.png"
+               alt="" />
           <div class="texts">
             <h6>{{ modules[1].form.title }}</h6>
-            <div class="des" v-html="modules[1].form.des"></div>
+            <div class="des"
+                 v-html="modules[1].form.des"></div>
           </div>
         </div>
-        <div
-          class="item wow bounceInRight"
-          data-wow-delay="0.8s"
-          :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }"
-          @click="openLink(modules[2].form)"
-        >
-          <img src="http://10.10.11.7/images/mission/3.png" alt="" />
+        <div class="item wow bounceInRight"
+             data-wow-delay="0.8s"
+             :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }"
+             @click="openLink(modules[2].form)">
+          <img src="http://10.10.11.7/images/mission/3.png"
+               alt="" />
           <div class="texts rightText">
             <h6>{{ modules[2].form.title }}</h6>
-            <div class="des" v-html="modules[2].form.des"></div>
+            <div class="des"
+                 v-html="modules[2].form.des"></div>
           </div>
         </div>
       </div>
@@ -41,11 +44,17 @@
         <h6 class="m-title">{{ modules[3].form.title }}</h6>
         <ul class="list">
           <template v-for="(item, i) in modules[4].list">
-            <li v-if="item.isEnable" :key="i" :class="[{'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
-              <img :src="item.pic" alt="" class="pic">
+            <li v-if="item.isEnable"
+                :key="i"
+                :class="[{'cursor-pointer': isLink(item.link.linkName)}]"
+                @click="openLink(item)">
+              <img :src="item.pic"
+                   alt=""
+                   class="pic">
               <div class="texts">
                 <h6>{{ item.title }}</h6>
-                <div class="des" v-html="item.des"></div>
+                <div class="des"
+                     v-html="item.des"></div>
               </div>
             </li>
           </template>
@@ -62,17 +71,17 @@ import Util from "@/libs/util";
 import WOW from "wow.js";
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       routes: [],
     };
   },
-  mounted() {
+  mounted () {
     new WOW().init();
   },
   methods: {
     // 获取文章详情
-    getInfo() {
+    getInfo () {
       // 预览/详情
       this.$post(
         `${this.api[this.preview ? "getRedisCache" : "findPage"]}?columnId=${this.id}`
@@ -84,14 +93,14 @@ export default {
               this.preview
                 ? data
                 : data[data.length - 1][
-                    data[data.length - 1].state ? "theEditedJson" : "jsonBeforeEditing"
-                  ]
+                data[data.length - 1].state ? "theEditedJson" : "jsonBeforeEditing"
+                ]
             );
             this.modules = json;
             console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json);
           }
         })
-        .catch((err) => {});
+        .catch((err) => { });
     },
   },
 };
@@ -99,133 +108,133 @@ export default {
 
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
-@import "../../styles/page/page.scss";
+@import '../../styles/page/page.scss';
 .inner {
-  width: 1200px;
+    width: 1200px;
 }
 .item {
-  position: relative;
-  margin-bottom: 58px;
-  &:hover {
-    .texts {
-      color: #fff;
-      transform: scale(1.05);
-      background: #32b6e9 !important;
+    position: relative;
+    margin-bottom: 58px;
+    &:hover {
+        .texts {
+            color: #fff;
+            transform: scale(1.05);
+            background: #32b6e9 !important;
+        }
     }
-  }
-  img {
-    width: 90%;
-    height: 400px;
-  }
-  &:nth-child(2) .texts {
-    left: auto;
-    right: 0;
-    color: #fff;
-    background: rgba(40,179,255,0.34);
-  }
-  .texts {
-    position: absolute;
-    top: 79px;
-    left: -28px;
-    width: 532px;
-    padding: 70px 38px;
-    color: #333;
-    background: rgba(255, 241, 231, 0.84);
-    transition: 0.5s;
-  }
-  h6 {
-    margin-bottom: 14px;
-    font-size: 2rem;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-  }
-  .des {
-    font-size: 1rem;
-  }
-}
-.mind {
-  .m-title {
-    margin-bottom: 30px;
-    font-size: 2.2rem;
-    text-align: center;
-    color: #333;
-  }
-  .list {
-    display: flex;
-    flex-wrap: wrap;
-  }
-  li {
-    display: inline-flex;
-    align-items: center;
-    width: calc((100% - 22px) / 2);
-    margin: 0 22px 22px 0;
-    background-color: #fff;
-    &:nth-child(even) {
-      margin-right: 0;
+    img {
+        width: 90%;
+        height: 400px;
     }
-    .pic {
-      width: 250px;
-      height: 230px;
+    &:nth-child(2) .texts {
+        left: auto;
+        right: 0;
+        color: #fff;
+        background: rgba(40, 179, 255, 0.34);
     }
     .texts {
-      width: calc(100% - 250px);
-      padding: 0 20px;
+        position: absolute;
+        top: 79px;
+        left: -28px;
+        width: 532px;
+        padding: 70px 38px;
+        color: #333;
+        background: rgba(255, 241, 231, 0.84);
+        transition: 0.5s;
     }
     h6 {
-      margin-bottom: 1rem;
-      font-size: 1.3rem;
-      color: #272727;
-      @include ellipsis();
+        margin-bottom: 14px;
+        font-size: 2rem;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
     }
     .des {
-      font-size: 1rem;
-      color: #666;
-      line-height: 1.5;
+        font-size: 1rem;
     }
-  }
 }
-@media (max-width: 1200px) {
-  .inner {
-    width: 98%;
-  }
-  .item {
-    img {
-      margin-left: 30px;
+.mind {
+    .m-title {
+        margin-bottom: 30px;
+        font-size: 2.2rem;
+        text-align: center;
+        color: #333;
     }
-    .rightText {
-      right: 12px !important;
+    .list {
+        display: flex;
+        flex-wrap: wrap;
     }
-    .texts {
-      width: 85%;
-      box-sizing: border-box;
-      left: 12px;
-      .des{
-        -webkit-line-clamp: inherit
-      }
+    li {
+        display: inline-flex;
+        align-items: center;
+        width: calc((100% - 22px) / 2);
+        margin: 0 22px 22px 0;
+        background-color: #fff;
+        &:nth-child(even) {
+            margin-right: 0;
+        }
+        .pic {
+            width: 250px;
+            height: 230px;
+        }
+        .texts {
+            width: calc(100% - 250px);
+            padding: 0 20px;
+        }
+        h6 {
+            margin-bottom: 1rem;
+            font-size: 1.3rem;
+            color: #272727;
+            @include ellipsis();
+        }
+        .des {
+            font-size: 1rem;
+            color: #666;
+            line-height: 1.5;
+        }
     }
-  }
 }
-@media (max-width: 980px) {
-  .mind {
-    .list {
-      flex-direction: column;
+@media (max-width: 1200px) {
+    .inner {
+        width: 98%;
     }
-    li {
-      width: 100%;
+    .item {
+        img {
+            margin-left: 30px;
+        }
+        .rightText {
+            right: 12px !important;
+        }
+        .texts {
+            width: 85%;
+            box-sizing: border-box;
+            left: 12px;
+            .des {
+                -webkit-line-clamp: inherit;
+            }
+        }
+    }
+}
+@media (max-width: 980px) {
+    .mind {
+        .list {
+            flex-direction: column;
+        }
+        li {
+            width: 100%;
+        }
     }
-  }
 }
 @media (max-width: 480px) {
-  .mind {
-    li {
-      .pic {
-        width: 150px;
-        height: 130px;
-      }
-      .texts {
-        width: calc(100% - 150px);
-      }
+    .mind {
+        li {
+            .pic {
+                width: 150px;
+                height: 130px;
+            }
+            .texts {
+                width: calc(100% - 150px);
+            }
+        }
     }
-  }
 }
 </style>
diff --git a/src/pages/speech/index.vue b/src/pages/speech/index.vue
index bccc1f7..a496ff8 100644
--- a/src/pages/speech/index.vue
+++ b/src/pages/speech/index.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="wrap">
+    <!-- 院长致辞 -->
     <div class="single-banner">
       <img class="banner-img"
            :src="modules[0].form.pic"
@@ -11,20 +12,17 @@
 
     <div class="block">
       <div class="inner">
-        <img src="http://10.10.11.7/images/speech/3.png"
+        <img :src="modules[1].form.pic"
              alt=""
              class="pic">
         <div class="texts">
-          <h6>院长致辞</h6>
-          <p class="en">President Speech</p>
-          <div class="text">各位朋友：
-            加快实现高水平科技自立自强，是推动高质量发展的必由之路。当前，粤港澳大湾区正朝着建成具有全球影响力的科技和产业创新高地这一宏伟蓝图奋力前进。而在大科学时代，我们实现科学技术的前沿突破，在产业发展上取得颠覆式创新和持续性创新，从根本上解决气候变暖、重大疾病挑等人类可持续发展问题上，越来越离不开大科学装置的支持。
-            建设综合粒子设施，是深圳推进粤港澳大湾区、深圳先行示范区建设重大战略落地实施，以主阵地作为推进大湾区综合性国家科学中心建设的重要决策部署。项目的建成，不仅将成为支撑大湾区集成电路、生物医药、先进制造、新材料、新能源等众多产业领域创新发展的先进工具和强大平台，也将是面向国家重大需求和国际科学前沿，突破产业技术瓶颈、解决其相关根源性科学问题的大国重器。
-            综合粒子设施一期项目包括深圳产业光源和深圳自由电子激光，自2021年初深圳综合粒子设施研究院筹备建立以来，我们的首要任务便是全力推进两个项目的设计、立项、关键技术突破、核心设备研制等前期准备工作，为接下来工程建设及建成运行打下坚实基础。
-            面对重重挑战，我们坚信没有一座高山不可逾越。我们将牢记深圳市委市政府设立研究院的初心和期望，传承改革开放杀出一条血路的魄力，万众一心，迎难而上，不负众望建设好综合粒子设施，为全体深圳人民及合作伙伴交上一份优质答卷；我们将秉持开放合作的建设理念，面向国内外创新资源敞开共建、共享、共赢的合作大门，携手大湾区创新资源共同建设世界一流大科学装置；我们将坚持需求牵引的宗旨，探索在地方政府主导下，研究机构、高校、企业、金融机构共建重大科技基础设施的新途径，为粤港澳大湾区建设国际科技创新中心提供坚实支撑；我们还将进一步加强与港澳的创新融合，让科学进步之光，照亮大湾区高质量发展之路，点亮东方之珠璀璨的明天。</div>
+          <h6>{{ modules[1].form.title }}</h6>
+          <p class="en">{{ modules[1].form.subTitle }}</p>
+          <div class="text"
+               v-html="modules[1].form.des"></div>
           <div class="sign">
             签名：
-            <img src="http://10.10.11.7/images/speech/3.png"
+            <img :src="modules[2].form.pic"
                  alt="">
           </div>
         </div>
diff --git a/src/pages/talentCentre/index.vue b/src/pages/talentCentre/index.vue
index b58cf34..3b8282a 100644
--- a/src/pages/talentCentre/index.vue
+++ b/src/pages/talentCentre/index.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 人才中心 -->
   <div class="wrap">
     <div class="single-banner single-banner-overview">
       <img class="banner-img"
@@ -15,30 +16,34 @@
           <div class="talent-text"
                v-html="modules[1].form.des"></div>
           <ul class="people">
-            <li :class="{ 'cursor-pointer': isLink(modules[8].form.link.linkName) }"
-                @click="openLink(modules[8].form)">
+            <li>
               <img class="pic"
-                   :src="modules[8].form.pic"
+                   :src="modules[2].form.pic"
                    alt="">
               <div class="texts">
-                <h6>{{ modules[8].form.title }}</h6>
+                <h6>{{ modules[2].form.title }}</h6>
                 <div class="line"></div>
-                <div class="text">提供文字不超过两行，提供文字不超过两行提供文字不超过两行提供文字不超过两行提供文字不文字不超过两</div>
-                <img src="@/assets/images/arrow.png"
-                     alt="">
+                <div class="text"
+                     v-html="modules[2].form.des"></div>
+                <img v-if="isLink(modules[2].form.link.linkName)"
+                     src="@/assets/images/arrow.png"
+                     alt=""
+                     @click="openLink(modules[2].form)">
               </div>
             </li>
-            <li :class="{ 'cursor-pointer': isLink(modules[8].form.link.linkName) }"
-                @click="openLink(modules[8].form)">
+            <li>
               <img class="pic"
-                   :src="modules[8].form.pic"
+                   :src="modules[3].form.pic"
                    alt="">
               <div class="texts">
-                <h6>{{ modules[8].form.title }}</h6>
+                <h6>{{ modules[3].form.title }}</h6>
                 <div class="line"></div>
-                <div class="text">提供文字不超过两行，提供文字不超过两行提供文字不超过两行提供文字不超过两行提供文字不文字不超过两</div>
-                <img src="@/assets/images/arrow.png"
-                     alt="">
+                <div class="text"
+                     v-html="modules[3].form.des"></div>
+                <img v-if="isLink(modules[3].form.link.linkName)"
+                     src="@/assets/images/arrow.png"
+                     alt=""
+                     @click="openLink(modules[3].form)">
               </div>
             </li>
           </ul>
diff --git a/src/styles/common.scss b/src/styles/common.scss
index ac20982..9147d45 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -1,124 +1,137 @@
-@import "./default/index.scss";
-@import "./var.scss";
+@import './default/index.scss';
+@import './var.scss';
 
 @font-face {
-  font-family: PingFang;
-  src: url('font/PingFang-Regular.otf');
+    font-family: PingFang;
+    src: url('font/PingFang-Regular.otf');
 }
 @font-face {
-  font-family: PingFangSC-Medium;
-  src: url('font/PingFangSC-Medium.otf');
+    font-family: PingFangSC-Medium;
+    src: url('font/PingFangSC-Medium.otf');
 }
 @font-face {
-  font-family: PingFangSC-Semibold;
-  src: url('font/PingFangTC-Semibold.ttf');
+    font-family: PingFangSC-Semibold;
+    src: url('font/PingFangTC-Semibold.ttf');
 }
 @font-face {
-  font-family: SFProDisplay-Bold;
-  src: url('font/SF-Pro-Display-Bold.otf');
+    font-family: SFProDisplay-Bold;
+    src: url('font/SF-Pro-Display-Bold.otf');
 }
 @font-face {
-  font-family: SFProDisplay;
-  src: url('font/SF-Pro-Display-Regular.otf');
+    font-family: SFProDisplay;
+    src: url('font/SF-Pro-Display-Regular.otf');
 }
 @font-face {
-  font-family: toppan;
-  src: url('font/toppan.otf');
+    font-family: toppan;
+    src: url('font/toppan.otf');
 }
 @font-face {
-  font-family: ProximaNova;
-  src: url('font/ProximaNova-Regular.otf');
+    font-family: ProximaNova;
+    src: url('font/ProximaNova-Regular.otf');
 }
 
 [v-cloak] {
-  display: none;
+    display: none;
 }
 .site-en {
-  font-family: SFProDisplay;
+    font-family: SFProDisplay;
 }
 .flex-between {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
 }
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
+    width: 8px;
+    height: 8px;
 }
 ::-webkit-scrollbar-thumb {
-  width: 5px;
-  border-radius: 6px;
-  background: #d7d7d7;
+    width: 5px;
+    border-radius: 6px;
+    background: #d7d7d7;
 }
 .main {
-  .view {
-    // min-width: $min-width;
-    min-height: calc(100vh - 90px);
-    margin: 0 auto;
-    background-color: #fff;
-  }
-  .content {
-    width: 1512px;
-    padding: 40px 0;
-    margin: 0 auto;
-  }
+    .view {
+        // min-width: $min-width;
+        min-height: calc(100vh - 90px);
+        margin: 0 auto;
+        background-color: #fff;
+    }
+    .content {
+        width: 1512px;
+        padding: 40px 0;
+        margin: 0 auto;
+    }
 }
 .l-title {
-  position: relative;
-  padding-bottom: 20px;
-  font-size: 18px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  color: #000;
-  line-height: 25px;
-  border-bottom: 1px solid #ddd;
-  &:after {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 30px;
-    height: 2px;
-    background-color: #156CEB;
-  }
+    position: relative;
+    padding-bottom: 20px;
+    font-size: 1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #000;
+    line-height: 1.6;
+    border-bottom: 1px solid #ddd;
+    &:after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 30px;
+        height: 2px;
+        background-color: #156ceb;
+    }
 }
 .pagination {
-  margin: 20px 0;
-  text-align: center;
+    margin: 20px 0;
+    text-align: center;
 
-  button, .number {
-    color: rgba(0, 0, 0, .65) !important;
-    background-color: transparent !important;
-    border: 1px solid #DCDEE0 !important;
-    border-radius: 4px !important;
-  }
+    button,
+    .number {
+        color: rgba(0, 0, 0, 0.65) !important;
+        background-color: transparent !important;
+        border: 1px solid #dcdee0 !important;
+        border-radius: 4px !important;
+    }
 
-  button i {
-    color: #333;
-  }
+    button i {
+        color: #333;
+    }
 
-  .active {
-    color: #fff !important;
-    background-color: $--color-primary !important;
-  }
+    .active {
+        color: #fff !important;
+        background-color: $--color-primary !important;
+    }
 }
 .el-menu--popup {
-  min-width: 128px;
-  margin-top: 0;
-  text-align: center;
-  .el-submenu__title, .el-menu-item, .menu-child {
-    width: 220px !important;
-    min-width: 0;
-  }
-  span {
-    font-size: 13px;
-    color: #333;
-  }
-  .active > .el-submenu__title span, .active > span {
-    color: #1583FF;
-  }
+    min-width: 128px;
+    margin-top: 0;
+    text-align: center;
+    .el-submenu__title,
+    .el-menu-item,
+    .menu-child {
+        width: 220px !important;
+        min-width: 0;
+    }
+    span {
+        font-size: 0.8rem;
+        color: #333;
+    }
+    .active > .el-submenu__title span,
+    .active > span {
+        color: #1583ff;
+    }
 }
 .home-menu-popup {
-  .el-menu {
-    background-color: #fff !important;
-  }
-}
\ No newline at end of file
+    .el-menu {
+        background-color: #fff !important;
+    }
+}
+
+.party {
+    .l-title:after {
+        background-color: $partyTheme;
+    }
+    .list .text:hover {
+        color: $partyTheme !important;
+    }
+}
diff --git a/src/styles/page/page.scss b/src/styles/page/page.scss
index 6d299c2..e249668 100644
--- a/src/styles/page/page.scss
+++ b/src/styles/page/page.scss
@@ -212,7 +212,7 @@
         }
     }
 }
-@media (min-width: 375px) and (max-width: 480px) {
+@media (max-width: 480px) {
     .wrap {
         .single-banner {
             .banner-img {
@@ -225,29 +225,3 @@
         }
     }
 }
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 6rem;
-                left: 5rem;
-            }
-        }
-    }
-}
-@media (max-width: 320px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                top: 6rem;
-                left: 5rem;
-            }
-        }
-    }
-}
diff --git a/src/styles/var.scss b/src/styles/var.scss
index 7ef2f4e..f3767b5 100644
--- a/src/styles/var.scss
+++ b/src/styles/var.scss
@@ -1,29 +1,31 @@
-$main-color: #1583FF;
+$main-color: #1583ff;
 $max-width: 1440px;
 $min-width: 1280px;
+$partyTheme: #d12323;
+$lightPartyTheme: #fdf3f3;
 
 @mixin ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 @mixin mul-ellipsis($num) {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: $num;
-  text-overflow: ellipsis;
-  overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: $num;
+    text-overflow: ellipsis;
+    overflow: hidden;
 }
 
 .ellipsis {
-  @include ellipsis();
+    @include ellipsis();
 }
 
 .mul-ellipsis2 {
-  @include mul-ellipsis(2);
+    @include mul-ellipsis(2);
 }
 
 .mul-ellipsis3 {
-  @include mul-ellipsis(3);
-}
\ No newline at end of file
+    @include mul-ellipsis(3);
+}