diff --git a/src/assets/privateOrder/common/topic2.png b/src/assets/privateOrder/common/topic2.png
new file mode 100644
index 0000000..feaa0a3
Binary files /dev/null and b/src/assets/privateOrder/common/topic2.png differ
diff --git a/src/assets/privateOrder/general/APT.png b/src/assets/privateOrder/general/APT.png
new file mode 100644
index 0000000..8cf30c5
Binary files /dev/null and b/src/assets/privateOrder/general/APT.png differ
diff --git a/src/assets/privateOrder/general/云监测.png b/src/assets/privateOrder/general/云监测.png
new file mode 100644
index 0000000..63cd7cd
Binary files /dev/null and b/src/assets/privateOrder/general/云监测.png differ
diff --git a/src/assets/privateOrder/general/数据来源BG2.png b/src/assets/privateOrder/general/数据来源BG2.png
new file mode 100644
index 0000000..69f03f1
Binary files /dev/null and b/src/assets/privateOrder/general/数据来源BG2.png differ
diff --git a/src/assets/privateOrder/general/数据来源BG3.png b/src/assets/privateOrder/general/数据来源BG3.png
new file mode 100644
index 0000000..a44861c
Binary files /dev/null and b/src/assets/privateOrder/general/数据来源BG3.png differ
diff --git a/src/assets/privateOrder/general/数据来源bg.png b/src/assets/privateOrder/general/数据来源bg.png
new file mode 100644
index 0000000..18c4803
Binary files /dev/null and b/src/assets/privateOrder/general/数据来源bg.png differ
diff --git a/src/assets/privateOrder/general/硬探针.png b/src/assets/privateOrder/general/硬探针.png
index e34ff18..aea1d4c 100644
Binary files a/src/assets/privateOrder/general/硬探针.png and b/src/assets/privateOrder/general/硬探针.png differ
diff --git a/src/assets/privateOrder/general/系统监测.png b/src/assets/privateOrder/general/系统监测.png
index b06dde9..8917e5a 100644
Binary files a/src/assets/privateOrder/general/系统监测.png and b/src/assets/privateOrder/general/系统监测.png differ
diff --git a/src/assets/privateOrder/general/软探针.png b/src/assets/privateOrder/general/软探针.png
index 687095d..1f9cc28 100644
Binary files a/src/assets/privateOrder/general/软探针.png and b/src/assets/privateOrder/general/软探针.png differ
diff --git a/src/styles/font/Alibaba-PuHuiTi-Bold.otf b/src/styles/font/Alibaba-PuHuiTi-Bold.otf
new file mode 100644
index 0000000..ceabfc8
Binary files /dev/null and b/src/styles/font/Alibaba-PuHuiTi-Bold.otf differ
diff --git a/src/styles/font/Alibaba-PuHuiTi-Heavy.otf b/src/styles/font/Alibaba-PuHuiTi-Heavy.otf
new file mode 100644
index 0000000..ceabfc8
Binary files /dev/null and b/src/styles/font/Alibaba-PuHuiTi-Heavy.otf differ
diff --git a/src/styles/font/Alibaba-PuHuiTi-Light.otf b/src/styles/font/Alibaba-PuHuiTi-Light.otf
new file mode 100644
index 0000000..ceabfc8
Binary files /dev/null and b/src/styles/font/Alibaba-PuHuiTi-Light.otf differ
diff --git a/src/styles/font/Alibaba-PuHuiTi-Medium.otf b/src/styles/font/Alibaba-PuHuiTi-Medium.otf
new file mode 100644
index 0000000..ceabfc8
Binary files /dev/null and b/src/styles/font/Alibaba-PuHuiTi-Medium.otf differ
diff --git a/src/styles/font/Alibaba-PuHuiTi-Regular.otf b/src/styles/font/Alibaba-PuHuiTi-Regular.otf
new file mode 100644
index 0000000..ceabfc8
Binary files /dev/null and b/src/styles/font/Alibaba-PuHuiTi-Regular.otf differ
diff --git a/src/styles/font/DIN.ttf b/src/styles/font/DIN.ttf
new file mode 100644
index 0000000..7a54ed1
Binary files /dev/null and b/src/styles/font/DIN.ttf differ
diff --git a/src/styles/font/font.css b/src/styles/font/font.css
index 8108d4d..180f859 100644
--- a/src/styles/font/font.css
+++ b/src/styles/font/font.css
@@ -180,3 +180,47 @@
   font-weight: normal;
   font-style: normal;
 }
+
+@font-face {
+  font-family: AlibabaPuHuiTiB;
+  src: url("Alibaba-PuHuiTi-Bold.otf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: AlibabaPuHuiTiH;
+  src: url("Alibaba-PuHuiTi-Heavy.otf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: AlibabaPuHuiTiR;
+  src: url("Alibaba-PuHuiTi-Regular.otf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: AlibabaPuHuiTiL;
+  src: url("Alibaba-PuHuiTi-Light.otf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: AlibabaPuHuiTiM;
+  src: url("Alibaba-PuHuiTi-Medium.otf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: DIN;
+  src: url("DIN.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+
diff --git a/src/views/privateOrder/common/ModuleTitle.vue b/src/views/privateOrder/common/ModuleTitle.vue
index e1d9852..9520b59 100644
--- a/src/views/privateOrder/common/ModuleTitle.vue
+++ b/src/views/privateOrder/common/ModuleTitle.vue
@@ -28,20 +28,23 @@ export default {
 <style lang="scss" scoped>
 .title-wrap {
   width: 100%;
-  height: 60px;
+  height: 54px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background: url("~@/assets/privateOrder/common/topic.png") no-repeat;
+  background: url("~@/assets/privateOrder/common/topic2.png") no-repeat;
   background-size: 100%;
 
   .title-name {
-    font-family: PangMenZhengDao;
-    font-size: 50px;
-    line-height: 32px;
+    font-family: AlibabaPuHuiTiB;
+    font-weight: bold;
+    font-style: italic;
+    font-size: 30.4px;
+    line-height: 34px;
     letter-spacing: 3px;
     color: #ffffff;
-    padding-left: 19px;
+    padding-left: 50px;
+    padding-bottom: 7px;
   }
 
   .operate-wrap {
diff --git a/src/views/privateOrder/security/components/componentLeft.vue b/src/views/privateOrder/security/components/componentLeft.vue
index 31664c5..00904a5 100644
--- a/src/views/privateOrder/security/components/componentLeft.vue
+++ b/src/views/privateOrder/security/components/componentLeft.vue
@@ -9,42 +9,32 @@
 <template>
   <div class="container">
     <div class="module-container">
-      <div class="section-dataSource"> 
+      <div class="section-dataSource">
         <module-title>数据来源</module-title>
         <div class="section-source">
           <div class="section-top">
-            <div
-              v-for="(item, idx) in dataSource.top"
-              :key="idx"
-              class="section-top-item"
-            >
+            <div v-for="(item, idx) in dataSource.top" :key="idx" class="section-top-item">
               <img :src="item.url" alt="" />
               <div class="top-item-content">
-                <div style="margin-bottom: 15px">{{ item.title }}</div>
+                <div>{{ item.title }}</div>
                 <div>
                   <span class="content-currentNum">{{ item.currentNum }}</span>
-                  <span
-                    style="
+                  <span style="
                       display: inline-block;
-                      transform: translate(5px, -7px);
-                    "
-                  >
-                    /</span
-                  >
+                      color: #11D1E9;
+                      transform: translate(2px, -3px);
+                    ">
+                    /</span>
                   <span class="content-total">{{ item.total }}</span>
                 </div>
               </div>
             </div>
           </div>
           <div class="section-bottom">
-            <div
-              v-for="(item, idx) in dataSource.bottom"
-              :key="idx"
-              class="section-bottom-item"
-              @click="showAttack(item.title, item.type)"
-            >
-              <img :src="item.url" alt="" />
+            <div v-for="(item, idx) in dataSource.bottom" :key="idx" class="section-bottom-item"
+              @click="showAttack(item.title, item.type)">
               <span class="bottom-title">{{ item.title }}</span>
+              <img :src="item.url" alt="" />
               <span class="bottom-num">{{ item.num | commaFilter }}</span>
             </div>
           </div>
@@ -54,16 +44,11 @@
         <module-title>监管对象</module-title>
         <div class="section-object">
           <div class="section-bg">
-            <div
-              v-for="(item, idx) in superviseObject"
-              :key="idx"
-              :class="['section-object-item', item.className]"
-              @click="showAttack(item.title, item.type)"
-            >
+            <div v-for="(item, idx) in superviseObject" :key="idx" :class="['section-object-item', item.className]"
+              @click="showAttack(item.title, item.type)">
               <img :src="item.url" alt="" />
               <div class="item-content">
-                <span class="item-content-title">{{ item.title }}</span
-                ><br />
+                <span class="item-content-title">{{ item.title }}</span><br />
                 <span class="item-content-num">{{
                   item.num | commaFilter
                 }}</span>
@@ -86,21 +71,17 @@
             </div>
             <span class="monitor-line">|</span>
             <div class="monitor-detail">
-              <div
-                v-for="(item, index) in securityMonitor.detail"
-                v-show="index < 3"
-                :key="index"
-                class="monitor-detail-item"
-              >
+              <div v-for="(item, index) in securityMonitor.detail" v-show="index < 3" :key="index"
+                class="monitor-detail-item">
                 <span class="detail-item-title">{{ item.title }}</span>
                 <span class="detail-item-num">{{
                   item.title == "挖矿软件"
                     ? monitorForm.rqAttack
                     : item.title == "Web攻击"
-                    ? monitorForm.smAttack
-                    : item.title == "可疑通信"
-                    ? monitorForm.bdAttack
-                    : 0
+                      ? monitorForm.smAttack
+                      : item.title == "可疑通信"
+                        ? monitorForm.bdAttack
+                        : 0
                 }}</span>
               </div>
             </div>
@@ -113,17 +94,8 @@
                 <span>攻击类型</span>
               </div>
               <div>
-                <vue-seamless-scroll
-                  :data="tableData"
-                  :class-option="classOption"
-                  class="monitorScroll"
-                >
-                  <div
-                    v-for="(item, idx) in tableData"
-                    :key="idx"
-                    class="monitor-list"
-                    @click="getAttackSource(item)"
-                  >
+                <vue-seamless-scroll :data="tableData" :class-option="classOption" class="monitorScroll">
+                  <div v-for="(item, idx) in tableData" :key="idx" class="monitor-list" @click="getAttackSource(item)">
                     <span :data-id="item.id">{{
                       $moment(item.startTime).format("YYYY-MM-DD")
                     }}</span>
@@ -136,21 +108,12 @@
           </div>
         </div>
       </div>
-      <div
-        class="section-attackRanking"
-        @mouseover="mouseOver"
-        @mouseleave="mouseLeave"
-      >
+      <div class="section-attackRanking" @mouseover="mouseOver" @mouseleave="mouseLeave">
         <module-title>
           受攻击情况
           <div slot="operate" class="btn-wrap">
-            <div
-              v-for="(item, idx) in attackList.options"
-              :key="idx"
-              class="btn"
-              :class="{ active: currentIndex === idx }"
-              @click="currentIndex = idx"
-            >
+            <div v-for="(item, idx) in attackList.options" :key="idx" class="btn"
+              :class="{ active: currentIndex === idx }" @click="currentIndex = idx">
               {{ item }}
               <div :class="[idx === 0 ? 'topIP' : 'distributed']" />
             </div>
@@ -161,15 +124,8 @@
       </div>
     </div>
     <!-- 安全监测详细弹框 -->
-    <el-dialog
-      v-if="dialogStatus"
-      class="screen-dialog"
-      :visible.sync="dialogStatus"
-      :width="dialogWidth"
-      :modal-append-to-body="false"
-      center
-      :modal="false"
-    >
+    <el-dialog v-if="dialogStatus" class="screen-dialog" :visible.sync="dialogStatus" :width="dialogWidth"
+      :modal-append-to-body="false" center :modal="false">
       <template v-if="dialogType === '安全监测'">
         <div class="dialog_title">攻击详情</div>
         <el-row>
@@ -268,35 +224,26 @@
         </el-row>
       </template>
 
-      <template
-        v-if="
-          dialogType === '硬探针' ||
-          dialogType === '系统监测' ||
-          dialogType === '网站监测' ||
-          dialogType === 'IDC单位' ||
-          dialogType === '等保单位' ||
-          dialogType === '政府网站' ||
-          dialogType === '等保系统' ||
-          dialogType === '监管单位' ||
-          dialogType === '软探针'
-        "
-      >
+      <template v-if="
+        dialogType === '硬探针' ||
+        dialogType === '系统监测' ||
+        dialogType === '网站监测' ||
+        dialogType === 'IDC单位' ||
+        dialogType === '等保单位' ||
+        dialogType === '政府网站' ||
+        dialogType === '等保系统' ||
+        dialogType === '监管单位' ||
+        dialogType === '软探针'
+      ">
         <MyTable :table-list="excelData" :table-key="excelDataHeader" />
         <div style="text-align: right; margin-top: 10px">
-          <paginations
-            v-show="total > 0"
-            :total="total"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="showAttack1"
-          />
+          <paginations v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="showAttack1" />
         </div>
       </template>
       <span slot="footer" class="dialog-footer">
         <span>
-          <el-button class="dialog-btn" @click="dialogStatus = false"
-            >关 闭</el-button
-          >
+          <el-button class="dialog-btn" @click="dialogStatus = false">关 闭</el-button>
         </span>
       </span>
     </el-dialog>
@@ -392,17 +339,17 @@ export default {
       dataSource: {
         top: [
           {
-            title: "云端监测(G)",
+            title: "云监测",
             currentNum: 0,
             total: 0,
-            url: require("@/assets/privateOrder/general/icon-云端监测.png"),
+            url: require("@/assets/privateOrder/general/云监测.png"),
             type: 1,
           },
           {
-            title: "APT(M)",
+            title: "APT",
             currentNum: 0,
             total: 0,
-            url: require("@/assets/privateOrder/general/icon-APT.png"),
+            url: require("@/assets/privateOrder/general/APT.png"),
             type: 2,
           },
         ],
@@ -546,7 +493,7 @@ export default {
       };
     },
   },
-  created() {},
+  created() { },
   destroyed() {
     clearInterval(this.attackTime); // 清除定时器
     clearInterval(this.tableTime);
@@ -786,6 +733,7 @@ export default {
   ::v-deep .el-dialog__header {
     background: rgba(255, 255, 255, 0);
   }
+
   ::v-deep .el-dialog {
     background: url("~@/assets/dialog/弹窗背景-一般.png") no-repeat;
     width: 1820px;
@@ -793,14 +741,17 @@ export default {
     //padding-top:20px;
     background-size: 100% 100%;
   }
+
   ::v-deep .el-dialog__headerbtn {
     top: 0;
     font-size: 30px;
     font-weight: bolder;
   }
+
   ::v-deep .el-dialog__footer {
     background: rgba(255, 255, 255, 0);
   }
+
   .dialog-btn {
     background: url("~@/assets/dialog/btn-bg.png") no-repeat;
     background-size: 100% 100%;
@@ -814,15 +765,18 @@ export default {
     letter-spacing: 2px;
     color: #ffffff;
   }
+
   ::v-deep .el-button {
     border: none;
   }
+
   .dialog-footer :hover {
     .dialog-btn {
       background: url("~@/assets/dialog/btn-bg-act.png") no-repeat;
       background-size: 100% 100%;
     }
   }
+
   .dialog-btn {
     background: url("~@/assets/dialog/btn-bg.png") no-repeat;
     background-size: 100% 100%;
@@ -836,19 +790,23 @@ export default {
     letter-spacing: 2px;
     color: #ffffff;
   }
+
   ::v-deep .el-button {
     border: none;
   }
+
   .dialog-footer :hover {
     .dialog-btn {
       background: url("~@/assets/dialog/btn-bg-act.png") no-repeat;
       background-size: 100% 100%;
     }
   }
+
   ::v-deep .el-dialog__header {
     background: rgba(255, 255, 255, 0);
     text-align: left;
     padding-left: 40px;
+
     .el-dialog__title {
       font-family: SourceHanSansCN-Bold, san-serif;
       font-size: 24px;
@@ -859,43 +817,53 @@ export default {
       color: #ffffff;
     }
   }
+
   ::v-deep .el-dialog {
     background: url("../../../../assets/dialog/弹窗背景-一般.png") no-repeat;
     width: 1820px;
     height: 1066px;
     background-size: 100% 100%;
   }
+
   ::v-deep .el-dialog__headerbtn {
     top: 0;
     font-size: 30px;
     font-weight: bolder;
   }
+
   ::v-deep .el-dialog__footer {
     background: rgba(255, 255, 255, 0);
   }
+
   ::v-deep .el-table th.el-table__cell {
     background-color: rgba(0, 0, 0, 0);
   }
+
   ::v-deep .el-table {
     background-color: rgba(0, 0, 0, 0);
     color: #fff;
     border: none;
   }
+
   ::v-deep.el-table::before {
     display: none;
   }
+
   ::v-deep .el-table tr {
     background-color: rgba(0, 0, 0, 0);
   }
+
   ::v-deep .el-table .cell {
     font-size: 26px;
     height: 40px;
     line-height: 40px;
   }
+
   ::v-deep .el-table__header {
     background-color: rgba(76, 162, 248, 0.2);
     color: #fff;
   }
+
   ::v-deep .el-table__row {
     font-family: SourceHanSansCN-Regular, sans-serif;
     font-size: 26px;
@@ -906,6 +874,7 @@ export default {
     background-color: rgba(106, 184, 255, 0.2);
     border: solid 1px #6ab8ff;
   }
+
   ::v-deep .el-table {
     tbody tr {
       &:hover {
@@ -915,19 +884,23 @@ export default {
       }
     }
   }
+
   ::v-deep .el-table td.el-table__cell {
     border: none;
   }
+
   ::v-deep .el-table th.el-table__cell {
     border: none;
   }
 }
+
 .dialog_title {
   font-family: SourceHanSansCN-Regular;
   font-size: 35px;
   color: #68cff9;
   padding-left: 20px;
 }
+
 .dialog_little_title {
   font-family: SourceHanSansCN-Regular;
   font-size: 28px;
@@ -935,6 +908,7 @@ export default {
   text-align: right;
   margin: 20px 0;
 }
+
 .dialog_little_ctn {
   font-family: SourceHanSansCN-Regular;
   font-size: 28px;
@@ -945,6 +919,7 @@ export default {
 .container {
   width: 100%;
   height: 100%;
+
   .module-container {
     width: 1512px;
     height: 950px;
@@ -953,27 +928,33 @@ export default {
     flex-wrap: wrap;
     justify-content: space-between;
     align-content: space-between;
+
     .section-securityMonitor,
     .section-dataSource {
       width: 720px;
-      height: 447px;
+      height: 480px;
     }
+
     .section-securityMonitor {
       padding-top: 35px;
     }
+
     .section-attackRanking {
       width: 742px;
       height: 447px;
       padding-top: 35px;
+
       :hover {
         cursor: pointer;
       }
     }
+
     .section-superviseObject {
       width: 751px;
       height: 447px;
     }
   }
+
   //球
   .country-attack {
     position: absolute;
@@ -982,11 +963,13 @@ export default {
     width: 540px;
     height: 1409px;
     margin: 180px 0 0 20px;
+
     .attack-left {
       width: 100%;
       height: 100%;
       display: flex;
       flex-direction: column;
+
       .attack-wrap {
         padding: 0;
         margin: 0;
@@ -996,12 +979,14 @@ export default {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
+
         .attack-item {
           width: 365px;
           height: 89px;
           background: url("~@/assets/privateOrder/general/left.png") no-repeat;
           background-size: 100%;
           position: relative;
+
           img {
             width: 52px;
             height: 34px;
@@ -1009,10 +994,12 @@ export default {
             top: 50%;
             transform: translateY(-50%);
             left: 18px;
+
             &:hover {
               cursor: pointer;
             }
           }
+
           .attack-info {
             width: 344px;
             height: 119px;
@@ -1022,16 +1009,19 @@ export default {
             display: flex;
             justify-content: center;
             flex-direction: column;
+
             .attack-num {
               display: inline-block;
               align-self: center;
               font-family: DIN-Medium;
               font-size: 35px;
               color: #ffffff;
+
               span {
                 font-size: 18px;
               }
             }
+
             .attack-country {
               display: inline-block;
               align-self: center;
@@ -1043,6 +1033,7 @@ export default {
           }
         }
       }
+
       .earth {
         width: 100%;
         height: 291px;
@@ -1051,6 +1042,7 @@ export default {
         margin-left: 9px;
         background: url("~@/assets/privateOrder/general/地球.png") no-repeat;
         position: relative;
+
         img {
           width: auto;
           height: 183px;
@@ -1060,16 +1052,19 @@ export default {
           animation: rotate 6s linear infinite;
           // background-size: 100%;
         }
+
         @keyframes rotate {
           from {
             transform: rotateZ(0deg);
             transform-origin: center;
           }
+
           to {
             transform: rotateZ(360deg);
             transform-origin: center;
           }
         }
+
         &:hover {
           cursor: pointer;
         }
@@ -1077,10 +1072,12 @@ export default {
     }
   }
 }
+
 //btn  title 切换
 .btn-wrap {
   display: flex;
   cursor: pointer;
+
   .btn {
     height: 43px;
     text-align: center;
@@ -1089,9 +1086,11 @@ export default {
     font-size: 30px;
     color: #b7dfff;
     margin-left: 20px;
+
     &.active {
       color: #fff;
       font-weight: bold;
+
       .topIP {
         width: 154px;
         height: 10px;
@@ -1105,6 +1104,7 @@ export default {
         color: #ffffff;
         z-index: -1;
       }
+
       .distributed {
         width: 107px;
         height: 10px;
@@ -1121,57 +1121,71 @@ export default {
     }
   }
 }
+
 //数据来源
 .section-source {
-  height: 447px;
+  height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
-  justify-content: space-evenly;
+  // justify-content: space-around;
+
   .section-top {
     width: 100%;
     height: 140px;
     display: flex;
-    // margin-top: 24px;
+    margin-top: 24px;
     // margin-left: 12px;
     // margin-bottom: 20px;
-    justify-content: space-around;
+    justify-content: flex-end;
+    gap: 54px;
+
     .section-top-item {
-      width: 338px;
-      height: 140px;
+      width: 320px;
+      height: 100%;
       display: flex;
       justify-content: space-around;
-      background: url("~@/assets/privateOrder/general/数据来源-框1.png");
+      background: url("~@/assets/privateOrder/general/数据来源bg.png");
       background-size: 100% 100%;
+
       img {
+        width: 75px;
+        height: 104px;
         align-self: center;
+
       }
+
       .top-item-content {
         align-self: center;
         display: flex;
         flex-direction: column;
-        justify-content: space-between;
-        height: 70%;
+        justify-content: center;
+        height: 60%;
+        margin-top: 8%;
+
         div {
-          text-align: center;
-          font-family: SourceHanSansCN-Regular;
+          text-align: left;
+          font-family: AlibabaPuHuiTiR;
           font-size: 28px;
           font-weight: normal;
           font-stretch: normal;
           letter-spacing: 1px;
           color: #ffffff;
+
           .content-currentNum,
           .content-total {
-            text-align: center;
-            font-family: LESLIE-Regular;
-            font-size: 44px;
-            font-weight: normal;
+            text-align: left;
+            font-family: DIN;
+            font-size: 28px;
+            font-weight: bold;
             font-stretch: normal;
             letter-spacing: 0px;
           }
+
           .content-currentNum {
-            color: #fff36f;
+            color: #11D1E9;
           }
+
           .content-total {
             color: #ffffff;
             opacity: 0.5;
@@ -1180,41 +1194,56 @@ export default {
       }
     }
   }
+
   .section-bottom {
     width: 100%;
     height: 192px;
     display: flex;
-    justify-content: space-around;
+    margin-top: 24px;
+    justify-content: flex-end;
+    gap: 28px;
+
     .section-bottom-item {
-      width: 230px;
-      height: 200px;
+      width: 213px;
+      height: 224px;
       position: relative;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      background: url("~@/assets/privateOrder/general/数据来源BG2.png");
+      background-size: 100% 100%;
+
       img {
-        width: 100%;
-        height: 100%;
+        width: 103px;
+        height: 132px;
       }
+
       .bottom-title {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translateX(-50%);
         font-size: 28px;
         color: #fff;
         font-family: SourceHanSansCN-Regular;
         text-shadow: 0 0 10px #77adeb;
       }
+
       .bottom-num {
-        position: absolute;
-        bottom: 10%;
-        left: 50%;
-        transform: translateX(-50%);
-        font-size: 40px;
-        color: #fff;
-        font-family: ConthraxSb-Regular;
+        font-size: 30px;
+        width: 100%;
+        height: 40px;
+        text-align: center;
+        color: #11D1E9;
+        margin-top: 10px;
+        margin-bottom: 5px;
+        padding: 5px 0px;
+        background-color: #fff;
+        background: url("~@/assets/privateOrder/general/数据来源BG3.png");
+        background-size: 100% 100%;
+        // font-family: ConthraxSb-Regular;
       }
     }
   }
 }
+
 //监管对象
 .section-object {
   height: 364px;
@@ -1222,6 +1251,7 @@ export default {
   display: flex;
   flex-direction: column;
   justify-content: center;
+
   .section-bg {
     position: relative;
     top: 54px;
@@ -1229,21 +1259,25 @@ export default {
     height: 351px;
     background: url("~@/assets/privateOrder/general/circle.png") no-repeat;
     background-size: 100% 100%;
+
     .section-object-item {
       position: absolute;
       width: 250px;
       height: 100px;
       display: flex;
+
       &:hover {
         cursor: pointer;
         transform: scale(1.1);
         transition: 0.2s;
       }
+
       .item-content-title {
         font-family: SourceHanSansCN-Regular;
         font-size: 28px;
         color: #b7dfff;
       }
+
       .item-content-num {
         font-family: DIN-Bold;
         font-size: 44px;
@@ -1251,6 +1285,7 @@ export default {
         color: #ffffff;
       }
     }
+
     .section-center {
       position: absolute;
       top: 72px;
@@ -1262,50 +1297,63 @@ export default {
     }
   }
 }
+
 .section-bg:hover {
   .item1 {
     animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -26.75s infinite alternate,
       animY 15s cubic-bezier(0.36, 0, 0.64, 1) -19.5s infinite alternate,
       scale 30s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
     animation-play-state: paused;
-    -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+    -webkit-animation-play-state: paused;
+    /* Safari 和 Chrome */
   }
+
   .item2 {
     animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -32.25s infinite alternate,
       animY 15s cubic-bezier(0.36, 0, 0.64, 1) -24.5s infinite alternate,
       scale 30s cubic-bezier(0.36, 0, 0.64, 1) -2.5s infinite alternate;
     animation-play-state: paused;
-    -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+    -webkit-animation-play-state: paused;
+    /* Safari 和 Chrome */
   }
+
   .item3 {
     animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -7.25s infinite alternate,
       animY 15s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate,
       scale 30s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
     animation-play-state: paused;
-    -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+    -webkit-animation-play-state: paused;
+    /* Safari 和 Chrome */
   }
+
   .item4 {
     animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -11.75s infinite alternate,
       animY 15s cubic-bezier(0.36, 0, 0.64, 1) -4.5s infinite alternate,
       scale 30s cubic-bezier(0.36, 0, 0.64, 1) -7.5s infinite alternate;
     animation-play-state: paused;
-    -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+    -webkit-animation-play-state: paused;
+    /* Safari 和 Chrome */
   }
+
   .item5 {
     animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -17s infinite alternate,
       animY 15s cubic-bezier(0.36, 0, 0.64, 1) -9.5s infinite alternate,
       scale 30s cubic-bezier(0.36, 0, 0.64, 1) -10s infinite alternate;
     animation-play-state: paused;
-    -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+    -webkit-animation-play-state: paused;
+    /* Safari 和 Chrome */
   }
+
   .item6 {
     animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -21.75s infinite alternate,
       animY 15s cubic-bezier(0.36, 0, 0.64, 1) -14.5s infinite alternate,
       scale 30s cubic-bezier(0.36, 0, 0.64, 1) -12.5s infinite alternate;
     animation-play-state: paused;
-    -webkit-animation-play-state: paused; /* Safari 和 Chrome */
+    -webkit-animation-play-state: paused;
+    /* Safari 和 Chrome */
   }
 }
+
 //安全检测
 .section-monitor {
   height: 387px;
@@ -1313,14 +1361,15 @@ export default {
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
+
   .section-monitor-top {
     width: 100%;
     height: 120px;
     display: flex;
     margin-top: 5px;
     justify-content: space-between;
-    background: url("~@/assets/privateOrder/general/bg-安全监测.png") 100%
-      no-repeat;
+    background: url("~@/assets/privateOrder/general/bg-安全监测.png") 100% no-repeat;
+
     .monitor-line {
       display: inline-block;
       height: 47px;
@@ -1329,24 +1378,29 @@ export default {
       opacity: 0.3;
       align-self: center;
     }
+
     .monitor-info {
       display: flex;
       width: 254px;
       justify-content: space-around;
+
       img {
         align-self: center;
       }
+
       .monitor-info-des {
         align-self: center;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         height: 70%;
+
         .info-des-title {
           font-family: SourceHanSansCN-Regular;
           font-size: 24px;
           color: #ffffff;
         }
+
         .info-des-total {
           font-family: PangMenZhengDao-3;
           font-size: 40px;
@@ -1356,20 +1410,24 @@ export default {
         }
       }
     }
+
     .monitor-detail {
       width: 394px;
       display: flex;
+
       .monitor-detail-item {
         display: flex;
         align-self: center;
         justify-content: center;
         flex: 1;
         flex-direction: column;
+
         .detail-item-title {
           font-family: SourceHanSansCN-Regular;
           font-size: 26px;
           color: #68cff9;
         }
+
         .detail-item-num {
           font-family: DIN-Medium;
           font-size: 34px;
@@ -1378,17 +1436,20 @@ export default {
       }
     }
   }
+
   .section-monitor-bottom {
     width: 100%;
     height: 229px;
     display: flex;
     margin-top: -33px;
     justify-content: space-around;
+
     .monitor-box {
       width: 720px;
       height: 229px;
       margin-top: 28px;
       overflow: hidden;
+
       .monitor-title {
         width: 720px;
         height: 50px;
@@ -1396,21 +1457,25 @@ export default {
         background-color: #133458;
         display: grid;
         grid-template-columns: 253px 306px 180px;
+
         span {
           font-family: SourceHanSansCN-Regular;
           font-size: 28px;
           color: #b7dfff;
         }
+
         span:nth-child(1) {
           margin-left: 39px;
         }
       }
+
       .monitorScroll {
         width: 720px;
         height: 180px;
         overflow: hidden;
         margin-top: 5px;
       }
+
       .monitor-list {
         margin-top: 12px;
         width: 720px;
@@ -1418,6 +1483,7 @@ export default {
         line-height: 80px;
         background-color: rgb(19, 52, 88, 0.3);
         display: flex;
+
         span {
           display: inline-block;
           font-family: DIN-Medium;
@@ -1425,14 +1491,17 @@ export default {
           letter-spacing: 0px;
           color: #ffffff;
         }
+
         span:nth-child(1) {
           width: 185px;
           margin-left: 39px;
         }
+
         span:nth-child(2) {
           width: 355px;
           margin-left: 55px;
         }
+
         span:nth-child(3) {
           width: 180px;
           overflow: hidden;
@@ -1443,90 +1512,111 @@ export default {
     }
   }
 }
+
 //-------------------旋转动画---------------
 .item1 {
   animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -26.75s infinite alternate,
     animY 15s cubic-bezier(0.36, 0, 0.64, 1) -19.5s infinite alternate,
     scale 30s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
 }
+
 .item2 {
   animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -32.25s infinite alternate,
     animY 15s cubic-bezier(0.36, 0, 0.64, 1) -24.5s infinite alternate,
     scale 30s cubic-bezier(0.36, 0, 0.64, 1) -2.5s infinite alternate;
 }
+
 .item3 {
   animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -7.25s infinite alternate,
     animY 15s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate,
     scale 30s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
 }
+
 .item4 {
   animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -11.75s infinite alternate,
     animY 15s cubic-bezier(0.36, 0, 0.64, 1) -4.5s infinite alternate,
     scale 30s cubic-bezier(0.36, 0, 0.64, 1) -7.5s infinite alternate;
 }
+
 .item5 {
   animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -17s infinite alternate,
     animY 15s cubic-bezier(0.36, 0, 0.64, 1) -9.5s infinite alternate,
     scale 30s cubic-bezier(0.36, 0, 0.64, 1) -10s infinite alternate;
 }
+
 .item6 {
   animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -21.75s infinite alternate,
     animY 15s cubic-bezier(0.36, 0, 0.64, 1) -14.5s infinite alternate,
     scale 30s cubic-bezier(0.36, 0, 0.64, 1) -12.5s infinite alternate;
 }
+
 @keyframes animX {
   0% {
     left: 10px;
   }
+
   100% {
     left: 640px;
   }
 }
+
 @keyframes animY {
   0% {
     top: -35px;
   }
+
   100% {
     top: 260px;
   }
 }
-@keyframes scale {
-}
+
+@keyframes scale {}
+
 ::v-deep .el-pagination__total {
   color: #fff;
 }
+
 ::v-deep .el-input .el-input--mini .el-input--suffix {
   background: transparent;
 }
+
 ::v-deep .el-pagination .el-select .el-input .el-input__inner {
   background: transparent;
   border: none;
   color: #fff;
 }
+
 ::v-deep .el-select-dropdown__list {
   background: #000;
 }
+
 ::v-deep .el-pagination button:disabled {
   background-color: transparent;
 }
+
 ::v-deep .el-pagination .btn-next {
   background-color: transparent;
   color: #fff;
 }
+
 ::v-deep .el-pager {
   color: #fff !important;
 }
+
 ::v-deep .el-pager li {
   background-color: transparent;
 }
+
 ::v-deep .el-pagination__editor.el-input .el-input__inner {
   background-color: transparent;
   border: none;
   color: #fff;
 }
+
 ::v-deep .el-pagination__jump {
   color: #fff;
 }
+
 ::v-deep .el-select-dropdown .el-popper {
   background-color: #132d56 !important;
 }