diff --git a/src/pages/Container/Map/components/Content/branchOffice/WeiXian/index.js b/src/pages/Container/Map/components/Content/branchOffice/WeiXian/index.js
new file mode 100644
index 0000000..89b75f4
--- /dev/null
+++ b/src/pages/Container/Map/components/Content/branchOffice/WeiXian/index.js
@@ -0,0 +1,9 @@
+import "./index.less";
+
+function WeiXian() {
+  return (
+    <div className="branch_office_weixian">1</div>
+  );
+}
+
+export default WeiXian;
diff --git a/src/pages/Container/Map/components/Content/branchOffice/WeiXian/index.less b/src/pages/Container/Map/components/Content/branchOffice/WeiXian/index.less
new file mode 100644
index 0000000..9b8b496
--- /dev/null
+++ b/src/pages/Container/Map/components/Content/branchOffice/WeiXian/index.less
@@ -0,0 +1,3 @@
+.branch_office_weixian {
+
+}
diff --git a/src/pages/Container/Map/components/Content/index.js b/src/pages/Container/Map/components/Content/index.js
index 21a543a..bd076c0 100644
--- a/src/pages/Container/Map/components/Content/index.js
+++ b/src/pages/Container/Map/components/Content/index.js
@@ -7,6 +7,7 @@ import { branchOfficeUtilsList } from "~/pages/Container/Map/components/BottomUt
 import { portUtilsList } from "~/pages/Container/Map/components/BottomUtils/portUtilsList";
 import BranchOfficeIndexLeft from "~/pages/Container/Map/components/Content/branchOffice/IndexLeft";
 import BranchOfficeIndexRight from "~/pages/Container/Map/components/Content/branchOffice/IndexRight";
+import BranchWeiXian from "~/pages/Container/Map/components/Content/branchOffice/WeiXian";
 import IndexInfo from "~/pages/Container/Map/components/Content/IndexInfo";
 import PortFengBi from "~/pages/Container/Map/components/Content/port/FengBi";
 import PortIndex from "~/pages/Container/Map/components/Content/port/Index";
@@ -47,16 +48,16 @@ function Content() {
 
   const renderBranchOfficeContentLeft = () => {
     const bottomUtilsCurrentType = bottomUtilsCurrentIndex !== -1 ? branchOfficeUtilsList[bottomUtilsCurrentIndex].type : "";
-    if (bottomUtilsCurrentType === "") {
+    if (bottomUtilsCurrentType === "")
       return <BranchOfficeIndexLeft />;
-    }
+    if (bottomUtilsCurrentType === "danger")
+      return <BranchWeiXian />;
   };
 
   const renderBranchOfficeContentRight = () => {
     const bottomUtilsCurrentType = bottomUtilsCurrentIndex !== -1 ? branchOfficeUtilsList[bottomUtilsCurrentIndex].type : "";
-    if (bottomUtilsCurrentType === "") {
+    if (bottomUtilsCurrentType === "")
       return <BranchOfficeIndexRight />;
-    }
   };
 
   const renderContent = () => {
diff --git a/src/pages/Container/Map/components/Content/port/FengBi/index.js b/src/pages/Container/Map/components/Content/port/FengBi/index.js
index d289a1a..23e3b8b 100644
--- a/src/pages/Container/Map/components/Content/port/FengBi/index.js
+++ b/src/pages/Container/Map/components/Content/port/FengBi/index.js
@@ -72,7 +72,7 @@ function FengBi() {
   };
 
   return (
-    <div className="fengbi">
+    <div className="port_fengbi">
       <div className="block1">
         <Title title="口门统计" />
         <div className="options">
diff --git a/src/pages/Container/Map/components/Content/port/FengBi/index.less b/src/pages/Container/Map/components/Content/port/FengBi/index.less
index bf46e64..d8cd74e 100644
--- a/src/pages/Container/Map/components/Content/port/FengBi/index.less
+++ b/src/pages/Container/Map/components/Content/port/FengBi/index.less
@@ -1,4 +1,4 @@
-.fengbi {
+.port_fengbi {
   .tabs-style() {
     display: flex;
 
diff --git a/src/pages/Container/Map/components/Content/port/MenJin/index.js b/src/pages/Container/Map/components/Content/port/MenJin/index.js
index 0bc35b1..484a881 100644
--- a/src/pages/Container/Map/components/Content/port/MenJin/index.js
+++ b/src/pages/Container/Map/components/Content/port/MenJin/index.js
@@ -97,7 +97,7 @@ const MenJin = () => {
   });
 
   return (
-    <div className="menjin">
+    <div className="port_menjin">
       <div className="block1">
         <Title title="口门统计" />
         <div className="options">
diff --git a/src/pages/Container/Map/components/Content/port/MenJin/index.less b/src/pages/Container/Map/components/Content/port/MenJin/index.less
index 4638022..ca83f90 100644
--- a/src/pages/Container/Map/components/Content/port/MenJin/index.less
+++ b/src/pages/Container/Map/components/Content/port/MenJin/index.less
@@ -1,4 +1,4 @@
-.menjin {
+.port_menjin {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),
diff --git a/src/pages/Container/Map/components/Content/port/QiXiang/index.js b/src/pages/Container/Map/components/Content/port/QiXiang/index.js
index ae91500..28f7c5a 100644
--- a/src/pages/Container/Map/components/Content/port/QiXiang/index.js
+++ b/src/pages/Container/Map/components/Content/port/QiXiang/index.js
@@ -89,7 +89,7 @@ const QiXiang = () => {
   }, []);
 
   return (
-    <div className="qixiang">
+    <div className="port_qixiang">
       <div className="block1">
         <Title title="气象监测数据" />
         <div className="options">
diff --git a/src/pages/Container/Map/components/Content/port/QiXiang/index.less b/src/pages/Container/Map/components/Content/port/QiXiang/index.less
index 1a796af..c486934 100644
--- a/src/pages/Container/Map/components/Content/port/QiXiang/index.less
+++ b/src/pages/Container/Map/components/Content/port/QiXiang/index.less
@@ -1,4 +1,4 @@
-.qixiang {
+.port_qixiang {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),
diff --git a/src/pages/Container/Map/components/Content/port/RenYuan/index.js b/src/pages/Container/Map/components/Content/port/RenYuan/index.js
index 3c8445f..974cce5 100644
--- a/src/pages/Container/Map/components/Content/port/RenYuan/index.js
+++ b/src/pages/Container/Map/components/Content/port/RenYuan/index.js
@@ -43,7 +43,7 @@ const RenYuan = () => {
   ]);
 
   return (
-    <div className="renyuan">
+    <div className="port_renyuan">
       <div className="block1">
         <Title title="定位基础信息" />
         <div className="options">
diff --git a/src/pages/Container/Map/components/Content/port/RenYuan/index.less b/src/pages/Container/Map/components/Content/port/RenYuan/index.less
index 9789d10..bfdfc16 100644
--- a/src/pages/Container/Map/components/Content/port/RenYuan/index.less
+++ b/src/pages/Container/Map/components/Content/port/RenYuan/index.less
@@ -1,4 +1,4 @@
-.renyuan {
+.port_renyuan {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),
diff --git a/src/pages/Container/Map/components/Content/port/WeiXian/index.js b/src/pages/Container/Map/components/Content/port/WeiXian/index.js
index e40cd20..073f08e 100644
--- a/src/pages/Container/Map/components/Content/port/WeiXian/index.js
+++ b/src/pages/Container/Map/components/Content/port/WeiXian/index.js
@@ -63,7 +63,7 @@ const WeiXian = () => {
   });
 
   return (
-    <div className="weixian">
+    <div className="port_weixian">
       <div className="block1">
         <Title title="安全作业状态统计" />
         <div className="options">
diff --git a/src/pages/Container/Map/components/Content/port/WeiXian/index.less b/src/pages/Container/Map/components/Content/port/WeiXian/index.less
index b8424a0..5c2fdbb 100644
--- a/src/pages/Container/Map/components/Content/port/WeiXian/index.less
+++ b/src/pages/Container/Map/components/Content/port/WeiXian/index.less
@@ -1,4 +1,4 @@
-.weixian {
+.port_weixian {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),
diff --git a/src/pages/Container/Map/components/Content/port/XiaoFang/index.js b/src/pages/Container/Map/components/Content/port/XiaoFang/index.js
index 604f813..f10adc4 100644
--- a/src/pages/Container/Map/components/Content/port/XiaoFang/index.js
+++ b/src/pages/Container/Map/components/Content/port/XiaoFang/index.js
@@ -87,7 +87,7 @@ const XiaoFang = () => {
   };
 
   return (
-    <div className="xiaofang">
+    <div className="port_xiaofang">
       <div className="block1">
         <Title title="消防设备查询" />
         <div className="content">
diff --git a/src/pages/Container/Map/components/Content/port/XiaoFang/index.less b/src/pages/Container/Map/components/Content/port/XiaoFang/index.less
index 30fd306..d3515db 100644
--- a/src/pages/Container/Map/components/Content/port/XiaoFang/index.less
+++ b/src/pages/Container/Map/components/Content/port/XiaoFang/index.less
@@ -1,4 +1,4 @@
-.xiaofang {
+.port_xiaofang {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),
diff --git a/src/pages/Container/Map/components/Content/port/ZhongDian/index.js b/src/pages/Container/Map/components/Content/port/ZhongDian/index.js
index c962cca..9db1d19 100644
--- a/src/pages/Container/Map/components/Content/port/ZhongDian/index.js
+++ b/src/pages/Container/Map/components/Content/port/ZhongDian/index.js
@@ -24,7 +24,7 @@ const ZhongDian = () => {
   ]);
 
   return (
-    <div className="zhongdian">
+    <div className="port_zhongdian">
       <div className="block1">
         <Title title="视频定位" />
         <div className="options">
diff --git a/src/pages/Container/Map/components/Content/port/ZhongDian/index.less b/src/pages/Container/Map/components/Content/port/ZhongDian/index.less
index c864bbd..b82a411 100644
--- a/src/pages/Container/Map/components/Content/port/ZhongDian/index.less
+++ b/src/pages/Container/Map/components/Content/port/ZhongDian/index.less
@@ -1,4 +1,4 @@
-.zhongdian {
+.port_zhongdian {
   .block1 {
     background-image: linear-gradient(to bottom,
     rgba(0, 0, 0, 0),