diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 1e53912..9b25645 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -1971,25 +1971,25 @@
           //开始展示属性字段
           let textContent = "";
           let closeDOM =
-            "<a style='color:#fff;position: absolute;top: 2px;right: 8px;cursor: pointer;' class='ol-popup-closer' onclick='closepopup()' >X</a>";
+            "<div style='background-color: rgb(206,224,255);border-bottom: 1px solid;border-bottom-color: gray;'><a style='color:cornflowerblue ;position: absolute;top: 2px;right: 8px;cursor: pointer;' class='ol-popup-closer' onclick='closepopup()' >X</a>";
 
           textContent =
-            "<div style='color: #fff !important;font-size: 17px;font-weight: bold;margin-left: 9px;'>" +
+            "<div style='color: cornflowerblue !important;font-size: 17px;font-weight: bold;margin-left: 9px;'>" +
             "详细信息" +
-            "</div> <a style='color:#fff;position: absolute;top: 2px;right: 8px;cursor: pointer;' class='ol-popup-closer' onclick='closepopup()' >X</a></br> ";
+            "</div></br> ";
           textContent +=
-            "<div style='border-top: 1px solid #3F586F !important;border: none;margin-top: 6px;margin-bottom: 6px;'></div>";
+            "<div style='margin-bottom: 6px;'></div>";
 
           //添加html拼接---缩放至
           textContent +=
-            `<div style='color: #fff;position:absolute;font-size:15px;line-height:33px;margin-left: 22px;margin-top: -44px;width:69px;cursor: pointer;text-decoration:underline' onclick='historyData("` +
+            `<div style='color: cornflowerblue;position:absolute;font-size:15px;line-height:33px;margin-left: 22px;margin-top: -44px;width:69px;cursor: pointer;text-decoration:underline' onclick='historyData("` +
             feature.stCode +
             `")'>` +
             "历史数据" +
-            "</div>";
+            "</div></div>";
 
           textContent +=
-            '<div style="width:260px;height:33px;color: #fff;line-height:33px;">' +
+            '<div style="background-color: rgb(192,213,248);"><div style="width:260px;height:33px;color: darkslategray;line-height:33px;">' +
             '<div style="font-size:14px;line-height:33px; margin-left: 22px;margin-top: 5px;position: absolute;">' +
             "名称" +
             "</div>" +
@@ -1999,7 +1999,7 @@
             "</div>";
 
              textContent +=
-            '<div style="width:260px;height:33px;color: #fff;line-height:33px;">' +
+            '<div style="width:260px;height:33px;color: darkslategray;line-height:33px;">' +
             '<div style="font-size:14px;line-height:33px; margin-left: 22px;margin-top: 5px;position: absolute;">' +
             "观测时间" +
             "</div>" +
@@ -2018,7 +2018,7 @@
           textContent += '<div style="width:300px;">';
           for (let key in data) {
             textContent +=
-              '<div style="width:260px;height:33px;color: #fff;">' +
+              '<div style="width:260px;height:33px;color: darkslategray;">' +
               '<div style="font-size:14px;line-height:33px; margin-left: 11px;margin-top: 5px;position: absolute;">' +
               key +
               "</div>" +
@@ -2027,7 +2027,7 @@
               "</div>" +
               "</div>";
           }
-          textContent += "</div>";
+          textContent += "</div></div>";
 
           textContent = closeDOM + textContent;
 
@@ -2831,11 +2831,19 @@
   position: relative;
 }
 #popup {
-  background: url(./../../../static/img/tc_bg_img.png);
+  background: url(./../../../static/img/tc_bg_img.png); 
   background-size: cover;
   width: 460px;
   z-index: 99999;
   position: relative;
+      border-bottom: 2px solid;
+    border-bottom-color: cornflowerblue;
+    border-top: 2px solid;
+    border-top-color: cornflowerblue;
+    border-left: 2px solid;
+    border-left-color: cornflowerblue;
+    border-right: 2px solid;
+    border-right-color: cornflowerblue;
 }
 .earthmap {
   width: 100%;

diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 1e53912..9b25645 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -1971,25 +1971,25 @@
           //开始展示属性字段
           let textContent = "";
           let closeDOM =
-            "<a style='color:#fff;position: absolute;top: 2px;right: 8px;cursor: pointer;' class='ol-popup-closer' onclick='closepopup()' >X</a>";
+            "<div style='background-color: rgb(206,224,255);border-bottom: 1px solid;border-bottom-color: gray;'><a style='color:cornflowerblue ;position: absolute;top: 2px;right: 8px;cursor: pointer;' class='ol-popup-closer' onclick='closepopup()' >X</a>";
 
           textContent =
-            "<div style='color: #fff !important;font-size: 17px;font-weight: bold;margin-left: 9px;'>" +
+            "<div style='color: cornflowerblue !important;font-size: 17px;font-weight: bold;margin-left: 9px;'>" +
             "详细信息" +
-            "</div> <a style='color:#fff;position: absolute;top: 2px;right: 8px;cursor: pointer;' class='ol-popup-closer' onclick='closepopup()' >X</a></br> ";
+            "</div></br> ";
           textContent +=
-            "<div style='border-top: 1px solid #3F586F !important;border: none;margin-top: 6px;margin-bottom: 6px;'></div>";
+            "<div style='margin-bottom: 6px;'></div>";
 
           //添加html拼接---缩放至
           textContent +=
-            `<div style='color: #fff;position:absolute;font-size:15px;line-height:33px;margin-left: 22px;margin-top: -44px;width:69px;cursor: pointer;text-decoration:underline' onclick='historyData("` +
+            `<div style='color: cornflowerblue;position:absolute;font-size:15px;line-height:33px;margin-left: 22px;margin-top: -44px;width:69px;cursor: pointer;text-decoration:underline' onclick='historyData("` +
             feature.stCode +
             `")'>` +
             "历史数据" +
-            "</div>";
+            "</div></div>";
 
           textContent +=
-            '<div style="width:260px;height:33px;color: #fff;line-height:33px;">' +
+            '<div style="background-color: rgb(192,213,248);"><div style="width:260px;height:33px;color: darkslategray;line-height:33px;">' +
             '<div style="font-size:14px;line-height:33px; margin-left: 22px;margin-top: 5px;position: absolute;">' +
             "名称" +
             "</div>" +
@@ -1999,7 +1999,7 @@
             "</div>";
 
              textContent +=
-            '<div style="width:260px;height:33px;color: #fff;line-height:33px;">' +
+            '<div style="width:260px;height:33px;color: darkslategray;line-height:33px;">' +
             '<div style="font-size:14px;line-height:33px; margin-left: 22px;margin-top: 5px;position: absolute;">' +
             "观测时间" +
             "</div>" +
@@ -2018,7 +2018,7 @@
           textContent += '<div style="width:300px;">';
           for (let key in data) {
             textContent +=
-              '<div style="width:260px;height:33px;color: #fff;">' +
+              '<div style="width:260px;height:33px;color: darkslategray;">' +
               '<div style="font-size:14px;line-height:33px; margin-left: 11px;margin-top: 5px;position: absolute;">' +
               key +
               "</div>" +
@@ -2027,7 +2027,7 @@
               "</div>" +
               "</div>";
           }
-          textContent += "</div>";
+          textContent += "</div></div>";
 
           textContent = closeDOM + textContent;
 
@@ -2831,11 +2831,19 @@
   position: relative;
 }
 #popup {
-  background: url(./../../../static/img/tc_bg_img.png);
+  background: url(./../../../static/img/tc_bg_img.png); 
   background-size: cover;
   width: 460px;
   z-index: 99999;
   position: relative;
+      border-bottom: 2px solid;
+    border-bottom-color: cornflowerblue;
+    border-top: 2px solid;
+    border-top-color: cornflowerblue;
+    border-left: 2px solid;
+    border-left-color: cornflowerblue;
+    border-right: 2px solid;
+    border-right-color: cornflowerblue;
 }
 .earthmap {
   width: 100%;
diff --git a/static/img/fw_btn.png b/static/img/fw_btn.png
index 1e34e10..5718d12 100644
--- a/static/img/fw_btn.png
+++ b/static/img/fw_btn.png
Binary files differ