diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index 9af831e..d155e6c 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -51,6 +51,11 @@
       content: markRaw(res_components['xxinformation']),
       name: 'xxinformation',
     },
+    {
+      title: '超控制常水位',
+      content: markRaw(res_components['PS_ckzcsw']),
+      name: 'PS_ckzcsw',
+    },
   ],
 };
 

diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index 9af831e..d155e6c 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -51,6 +51,11 @@
       content: markRaw(res_components['xxinformation']),
       name: 'xxinformation',
     },
+    {
+      title: '超控制常水位',
+      content: markRaw(res_components['PS_ckzcsw']),
+      name: 'PS_ckzcsw',
+    },
   ],
 };
 
diff --git a/src/views/DialogTabs/component/PS_ckzcsw.vue b/src/views/DialogTabs/component/PS_ckzcsw.vue
new file mode 100644
index 0000000..f992a69
--- /dev/null
+++ b/src/views/DialogTabs/component/PS_ckzcsw.vue
@@ -0,0 +1,61 @@
+<template>
+  <div id="PS_ckzcsw">
+    <div id="chartHistoryZM"></div>
+  </div>
+</template>
+
+<script setup name="PS_ckzcsw">
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import chartOption from '@/views/oneMap/Echarts/pieChart_1.js';
+import * as echarts from 'echarts';
+
+// 河道echarts
+let chartRiver = null;
+function getRiverData() {
+  chartRiver && chartRiver.dispose();
+  chartRiver = echarts.init(document.getElementById('chartHistoryZM'));
+  // echarts赋值
+  let arrs = [
+    {
+      riverX: [10, 10, 17, 25, 34, 55],
+      riverY: [1390, 1391, 1392, 1393, 1394, 1395],
+      sfZ: 23.5,
+      z: 1393.5,
+    },
+  ];
+  chartOption.floodOneMapFXYP.xAxis[0].data = arrs[0].riverX;
+  chartOption.floodOneMapFXYP.series[1].data = arrs[0].riverY;
+  chartOption.floodOneMapFXYP.series[1].markLine.data[0].yAxis = arrs[0].sfZ;
+  chartOption.floodOneMapFXYP.series[1].markLine.data[0].label.formatter = '设防水位 ' + arrs[0].sfZ + 'm';
+  let arrs2 = [];
+  arrs[0].riverX.map(item => {
+    arrs2.push(arrs[0].z);
+  });
+  chartOption.floodOneMapFXYP.series[0].data = arrs2;
+  if (arrs[0].riverX.length == 0) {
+    chartOption.floodOneMapFXYP.graphic.invisible = false; //暂无数据
+  } else {
+    chartOption.floodOneMapFXYP.graphic.invisible = true; //暂无数据
+  }
+  chartRiver.clear();
+  chartRiver.setOption(chartOption.floodOneMapFXYP);
+}
+
+onMounted(() => {
+  setTimeout(() => {
+    getRiverData();
+  }, 1000);
+});
+</script>
+
+<style lang="scss" scoped>
+#PS_ckzcsw {
+  width: 100%;
+  height: 100%;
+  #chartHistoryZM {
+    width: 100%;
+    height: 100%;
+    margin-top: 10px;
+  }
+}
+</style>

diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index 9af831e..d155e6c 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -51,6 +51,11 @@
       content: markRaw(res_components['xxinformation']),
       name: 'xxinformation',
     },
+    {
+      title: '超控制常水位',
+      content: markRaw(res_components['PS_ckzcsw']),
+      name: 'PS_ckzcsw',
+    },
   ],
 };
 
diff --git a/src/views/DialogTabs/component/PS_ckzcsw.vue b/src/views/DialogTabs/component/PS_ckzcsw.vue
new file mode 100644
index 0000000..f992a69
--- /dev/null
+++ b/src/views/DialogTabs/component/PS_ckzcsw.vue
@@ -0,0 +1,61 @@
+<template>
+  <div id="PS_ckzcsw">
+    <div id="chartHistoryZM"></div>
+  </div>
+</template>
+
+<script setup name="PS_ckzcsw">
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import chartOption from '@/views/oneMap/Echarts/pieChart_1.js';
+import * as echarts from 'echarts';
+
+// 河道echarts
+let chartRiver = null;
+function getRiverData() {
+  chartRiver && chartRiver.dispose();
+  chartRiver = echarts.init(document.getElementById('chartHistoryZM'));
+  // echarts赋值
+  let arrs = [
+    {
+      riverX: [10, 10, 17, 25, 34, 55],
+      riverY: [1390, 1391, 1392, 1393, 1394, 1395],
+      sfZ: 23.5,
+      z: 1393.5,
+    },
+  ];
+  chartOption.floodOneMapFXYP.xAxis[0].data = arrs[0].riverX;
+  chartOption.floodOneMapFXYP.series[1].data = arrs[0].riverY;
+  chartOption.floodOneMapFXYP.series[1].markLine.data[0].yAxis = arrs[0].sfZ;
+  chartOption.floodOneMapFXYP.series[1].markLine.data[0].label.formatter = '设防水位 ' + arrs[0].sfZ + 'm';
+  let arrs2 = [];
+  arrs[0].riverX.map(item => {
+    arrs2.push(arrs[0].z);
+  });
+  chartOption.floodOneMapFXYP.series[0].data = arrs2;
+  if (arrs[0].riverX.length == 0) {
+    chartOption.floodOneMapFXYP.graphic.invisible = false; //暂无数据
+  } else {
+    chartOption.floodOneMapFXYP.graphic.invisible = true; //暂无数据
+  }
+  chartRiver.clear();
+  chartRiver.setOption(chartOption.floodOneMapFXYP);
+}
+
+onMounted(() => {
+  setTimeout(() => {
+    getRiverData();
+  }, 1000);
+});
+</script>
+
+<style lang="scss" scoped>
+#PS_ckzcsw {
+  width: 100%;
+  height: 100%;
+  #chartHistoryZM {
+    width: 100%;
+    height: 100%;
+    margin-top: 10px;
+  }
+}
+</style>
diff --git a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
index 16103d6..44528b3 100644
--- a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
+++ b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
@@ -204,10 +204,10 @@
   let runTime = 500;
   if (hoursList.value.rainTrend[Number(stepNum.value)] == '无雨') {
     runTime = 2000;
-    showRainFlow.value = false;
+    // showRainFlow.value = false;
   } else {
     runTime = 3000;
-    showRainFlow.value = true;
+    // showRainFlow.value = true;
   }
   runDayInterval.value = setTimeout(() => {
     stepNum.value++;

diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index 9af831e..d155e6c 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -51,6 +51,11 @@
       content: markRaw(res_components['xxinformation']),
       name: 'xxinformation',
     },
+    {
+      title: '超控制常水位',
+      content: markRaw(res_components['PS_ckzcsw']),
+      name: 'PS_ckzcsw',
+    },
   ],
 };
 
diff --git a/src/views/DialogTabs/component/PS_ckzcsw.vue b/src/views/DialogTabs/component/PS_ckzcsw.vue
new file mode 100644
index 0000000..f992a69
--- /dev/null
+++ b/src/views/DialogTabs/component/PS_ckzcsw.vue
@@ -0,0 +1,61 @@
+<template>
+  <div id="PS_ckzcsw">
+    <div id="chartHistoryZM"></div>
+  </div>
+</template>
+
+<script setup name="PS_ckzcsw">
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import chartOption from '@/views/oneMap/Echarts/pieChart_1.js';
+import * as echarts from 'echarts';
+
+// 河道echarts
+let chartRiver = null;
+function getRiverData() {
+  chartRiver && chartRiver.dispose();
+  chartRiver = echarts.init(document.getElementById('chartHistoryZM'));
+  // echarts赋值
+  let arrs = [
+    {
+      riverX: [10, 10, 17, 25, 34, 55],
+      riverY: [1390, 1391, 1392, 1393, 1394, 1395],
+      sfZ: 23.5,
+      z: 1393.5,
+    },
+  ];
+  chartOption.floodOneMapFXYP.xAxis[0].data = arrs[0].riverX;
+  chartOption.floodOneMapFXYP.series[1].data = arrs[0].riverY;
+  chartOption.floodOneMapFXYP.series[1].markLine.data[0].yAxis = arrs[0].sfZ;
+  chartOption.floodOneMapFXYP.series[1].markLine.data[0].label.formatter = '设防水位 ' + arrs[0].sfZ + 'm';
+  let arrs2 = [];
+  arrs[0].riverX.map(item => {
+    arrs2.push(arrs[0].z);
+  });
+  chartOption.floodOneMapFXYP.series[0].data = arrs2;
+  if (arrs[0].riverX.length == 0) {
+    chartOption.floodOneMapFXYP.graphic.invisible = false; //暂无数据
+  } else {
+    chartOption.floodOneMapFXYP.graphic.invisible = true; //暂无数据
+  }
+  chartRiver.clear();
+  chartRiver.setOption(chartOption.floodOneMapFXYP);
+}
+
+onMounted(() => {
+  setTimeout(() => {
+    getRiverData();
+  }, 1000);
+});
+</script>
+
+<style lang="scss" scoped>
+#PS_ckzcsw {
+  width: 100%;
+  height: 100%;
+  #chartHistoryZM {
+    width: 100%;
+    height: 100%;
+    margin-top: 10px;
+  }
+}
+</style>
diff --git a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
index 16103d6..44528b3 100644
--- a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
+++ b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
@@ -204,10 +204,10 @@
   let runTime = 500;
   if (hoursList.value.rainTrend[Number(stepNum.value)] == '无雨') {
     runTime = 2000;
-    showRainFlow.value = false;
+    // showRainFlow.value = false;
   } else {
     runTime = 3000;
-    showRainFlow.value = true;
+    // showRainFlow.value = true;
   }
   runDayInterval.value = setTimeout(() => {
     stepNum.value++;
diff --git a/src/views/oneMap/SmartDrainage/PsRightBox.vue b/src/views/oneMap/SmartDrainage/PsRightBox.vue
index e79ff1f..e333175 100644
--- a/src/views/oneMap/SmartDrainage/PsRightBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsRightBox.vue
@@ -33,7 +33,10 @@
               <span class="tableBodyList_span3">{{ item.dqsw }}</span>
               <span class="tableBodyList_span4">{{ item.kzsw }} </span>
               <span class="tableBodyList_span5">
-                <el-tag type="success" v-if="item.zk == '1'">正 常</el-tag>
+                <el-tag type="success" v-if="item.zt == '正常'">正常</el-tag>
+                <el-tag @click="showcswDalog(item)" style="cursor: pointer" type="warning" v-if="item.zt == '超控制常水位'"
+                  >超控制常水位</el-tag
+                >
               </span>
             </div>
           </div>
@@ -146,40 +149,32 @@
 import bus from '@/bus';
 const FXJCData = ref([
   {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:12',
-    szzt: 5,
-    zt: 6.5,
+    xh: '1',
+    hd: '沿河',
+    dqsw: 961.26,
+    kzsw: 960.26,
+    zt: '超控制常水位',
   },
   {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:13',
-    szzt: 5,
-    zt: 6.5,
+    xh: '2',
+    hd: '杜甫川河',
+    dqsw: 961.26,
+    kzsw: 960.26,
+    zt: '正常',
   },
   {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:14',
-    szzt: 5,
-    zt: 6.5,
+    xh: '3',
+    hd: '西川河',
+    dqsw: 961.26,
+    kzsw: 960.26,
+    zt: '正常',
   },
   {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:15',
-    szzt: 5,
-    zt: 6.5,
-  },
-  {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:16',
-    szzt: 5,
-    zt: 6.5,
-  },
-  {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:17',
-    szzt: 5,
-    zt: 6.5,
+    xh: '4',
+    hd: '南川河',
+    dqsw: 961.26,
+    kzsw: 960.26,
+    zt: '正常',
   },
 ]);
 const listData = ref([
@@ -275,6 +270,17 @@
   };
   bus.emit('publicDialog', data);
 };
+// 超控制常水位
+function showcswDalog(val) {
+  console.log(val, 'val');
+  let data = {
+    title: val.hd + '监测点',
+    comIDs: ['PS_ckzcsw'],
+  };
+
+  bus.emit('publicDialog', data);
+  // showPipe.value = true;
+}
 </script>
 
 <style lang="scss" scoped>
@@ -423,11 +429,11 @@
             text-align: center;
           }
           .tableList2 {
-            width: 10%;
+            width: 15%;
             text-align: center;
           }
           .tableList3 {
-            width: 25%;
+            width: 20%;
             text-align: center;
           }
           .tableList4 {
@@ -475,7 +481,7 @@
               height: 34px;
               line-height: 34px;
               text-align: center;
-              width: 10%;
+              width: 15%;
             }
             .tableBodyList_span3 {
               font-family: Source Han Sans CN;
@@ -485,7 +491,7 @@
               height: 34px;
               line-height: 34px;
               text-align: center;
-              width: 25%;
+              width: 20%;
             }
 
             .tableBodyList_span4 {
@@ -496,7 +502,7 @@
               height: 34px;
               line-height: 43px;
               text-align: center;
-              width: 35%;
+              width: 33%;
             }
             .tableBodyList_span5 {
               font-family: Source Han Sans CN;
@@ -504,10 +510,9 @@
               font-size: 14px;
               color: #ffffff;
               height: 34px;
-              line-height: 43px;
+              line-height: 35px;
               text-align: center;
-              width: 20%;
-              cursor: pointer;
+              width: 22%;
             }
           }
         }

diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index 9af831e..d155e6c 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -51,6 +51,11 @@
       content: markRaw(res_components['xxinformation']),
       name: 'xxinformation',
     },
+    {
+      title: '超控制常水位',
+      content: markRaw(res_components['PS_ckzcsw']),
+      name: 'PS_ckzcsw',
+    },
   ],
 };
 
diff --git a/src/views/DialogTabs/component/PS_ckzcsw.vue b/src/views/DialogTabs/component/PS_ckzcsw.vue
new file mode 100644
index 0000000..f992a69
--- /dev/null
+++ b/src/views/DialogTabs/component/PS_ckzcsw.vue
@@ -0,0 +1,61 @@
+<template>
+  <div id="PS_ckzcsw">
+    <div id="chartHistoryZM"></div>
+  </div>
+</template>
+
+<script setup name="PS_ckzcsw">
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import chartOption from '@/views/oneMap/Echarts/pieChart_1.js';
+import * as echarts from 'echarts';
+
+// 河道echarts
+let chartRiver = null;
+function getRiverData() {
+  chartRiver && chartRiver.dispose();
+  chartRiver = echarts.init(document.getElementById('chartHistoryZM'));
+  // echarts赋值
+  let arrs = [
+    {
+      riverX: [10, 10, 17, 25, 34, 55],
+      riverY: [1390, 1391, 1392, 1393, 1394, 1395],
+      sfZ: 23.5,
+      z: 1393.5,
+    },
+  ];
+  chartOption.floodOneMapFXYP.xAxis[0].data = arrs[0].riverX;
+  chartOption.floodOneMapFXYP.series[1].data = arrs[0].riverY;
+  chartOption.floodOneMapFXYP.series[1].markLine.data[0].yAxis = arrs[0].sfZ;
+  chartOption.floodOneMapFXYP.series[1].markLine.data[0].label.formatter = '设防水位 ' + arrs[0].sfZ + 'm';
+  let arrs2 = [];
+  arrs[0].riverX.map(item => {
+    arrs2.push(arrs[0].z);
+  });
+  chartOption.floodOneMapFXYP.series[0].data = arrs2;
+  if (arrs[0].riverX.length == 0) {
+    chartOption.floodOneMapFXYP.graphic.invisible = false; //暂无数据
+  } else {
+    chartOption.floodOneMapFXYP.graphic.invisible = true; //暂无数据
+  }
+  chartRiver.clear();
+  chartRiver.setOption(chartOption.floodOneMapFXYP);
+}
+
+onMounted(() => {
+  setTimeout(() => {
+    getRiverData();
+  }, 1000);
+});
+</script>
+
+<style lang="scss" scoped>
+#PS_ckzcsw {
+  width: 100%;
+  height: 100%;
+  #chartHistoryZM {
+    width: 100%;
+    height: 100%;
+    margin-top: 10px;
+  }
+}
+</style>
diff --git a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
index 16103d6..44528b3 100644
--- a/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
+++ b/src/views/oneMap/FloodStuationReview/sqhgBottomBox.vue
@@ -204,10 +204,10 @@
   let runTime = 500;
   if (hoursList.value.rainTrend[Number(stepNum.value)] == '无雨') {
     runTime = 2000;
-    showRainFlow.value = false;
+    // showRainFlow.value = false;
   } else {
     runTime = 3000;
-    showRainFlow.value = true;
+    // showRainFlow.value = true;
   }
   runDayInterval.value = setTimeout(() => {
     stepNum.value++;
diff --git a/src/views/oneMap/SmartDrainage/PsRightBox.vue b/src/views/oneMap/SmartDrainage/PsRightBox.vue
index e79ff1f..e333175 100644
--- a/src/views/oneMap/SmartDrainage/PsRightBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsRightBox.vue
@@ -33,7 +33,10 @@
               <span class="tableBodyList_span3">{{ item.dqsw }}</span>
               <span class="tableBodyList_span4">{{ item.kzsw }} </span>
               <span class="tableBodyList_span5">
-                <el-tag type="success" v-if="item.zk == '1'">正 常</el-tag>
+                <el-tag type="success" v-if="item.zt == '正常'">正常</el-tag>
+                <el-tag @click="showcswDalog(item)" style="cursor: pointer" type="warning" v-if="item.zt == '超控制常水位'"
+                  >超控制常水位</el-tag
+                >
               </span>
             </div>
           </div>
@@ -146,40 +149,32 @@
 import bus from '@/bus';
 const FXJCData = ref([
   {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:12',
-    szzt: 5,
-    zt: 6.5,
+    xh: '1',
+    hd: '沿河',
+    dqsw: 961.26,
+    kzsw: 960.26,
+    zt: '超控制常水位',
   },
   {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:13',
-    szzt: 5,
-    zt: 6.5,
+    xh: '2',
+    hd: '杜甫川河',
+    dqsw: 961.26,
+    kzsw: 960.26,
+    zt: '正常',
   },
   {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:14',
-    szzt: 5,
-    zt: 6.5,
+    xh: '3',
+    hd: '西川河',
+    dqsw: 961.26,
+    kzsw: 960.26,
+    zt: '正常',
   },
   {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:15',
-    szzt: 5,
-    zt: 6.5,
-  },
-  {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:16',
-    szzt: 5,
-    zt: 6.5,
-  },
-  {
-    zb: '乐天大街管网',
-    sz: '04-15 14:23:17',
-    szzt: 5,
-    zt: 6.5,
+    xh: '4',
+    hd: '南川河',
+    dqsw: 961.26,
+    kzsw: 960.26,
+    zt: '正常',
   },
 ]);
 const listData = ref([
@@ -275,6 +270,17 @@
   };
   bus.emit('publicDialog', data);
 };
+// 超控制常水位
+function showcswDalog(val) {
+  console.log(val, 'val');
+  let data = {
+    title: val.hd + '监测点',
+    comIDs: ['PS_ckzcsw'],
+  };
+
+  bus.emit('publicDialog', data);
+  // showPipe.value = true;
+}
 </script>
 
 <style lang="scss" scoped>
@@ -423,11 +429,11 @@
             text-align: center;
           }
           .tableList2 {
-            width: 10%;
+            width: 15%;
             text-align: center;
           }
           .tableList3 {
-            width: 25%;
+            width: 20%;
             text-align: center;
           }
           .tableList4 {
@@ -475,7 +481,7 @@
               height: 34px;
               line-height: 34px;
               text-align: center;
-              width: 10%;
+              width: 15%;
             }
             .tableBodyList_span3 {
               font-family: Source Han Sans CN;
@@ -485,7 +491,7 @@
               height: 34px;
               line-height: 34px;
               text-align: center;
-              width: 25%;
+              width: 20%;
             }
 
             .tableBodyList_span4 {
@@ -496,7 +502,7 @@
               height: 34px;
               line-height: 43px;
               text-align: center;
-              width: 35%;
+              width: 33%;
             }
             .tableBodyList_span5 {
               font-family: Source Han Sans CN;
@@ -504,10 +510,9 @@
               font-size: 14px;
               color: #ffffff;
               height: 34px;
-              line-height: 43px;
+              line-height: 35px;
               text-align: center;
-              width: 20%;
-              cursor: pointer;
+              width: 22%;
             }
           }
         }
diff --git a/src/views/oneMap/floodPrevention/FhplLeftBox.vue b/src/views/oneMap/floodPrevention/FhplLeftBox.vue
index 29d7f9a..df08091 100644
--- a/src/views/oneMap/floodPrevention/FhplLeftBox.vue
+++ b/src/views/oneMap/floodPrevention/FhplLeftBox.vue
@@ -43,7 +43,9 @@
         <Vue3SeamlessScroll :list="FXJCData" :singleHeight="33" :singleWaitTime="1500" :hover="true" class="tableBody">
           <div class="tableBodyList" v-for="item in FXJCData">
             <span class="tableBodyList_span1">{{ item.zb }}</span>
-            <span class="tableBodyList_span2" :class="item.sz == '正常' ? 'red' : 'blue'">{{ item.sz }} </span>
+            <span class="tableBodyList_span2" :class="item.sz == '正常' ? 'green' : item.sz == '中' ? 'zhon' : 'lan'"
+              >{{ item.sz }}
+            </span>
             <span class="tableBodyList_span3">{{ item.zt }}</span>
             <span class="tableBodyList_span4">
               <img :src="monitor_icon" alt="" />
@@ -442,9 +444,16 @@
             text-align: center;
             width: 24%;
           }
-          .YJClass {
-            color: #ffe243;
+          .green {
+            color: #00ff66ff;
           }
+          .zhon {
+            color: #e8b65fff;
+          }
+          .lan {
+            color: #00f2ffff;
+          }
+
           .tableBodyList_span4 {
             font-family: Source Han Sans CN;
             font-weight: 400;