diff --git a/src/assets/homeIndex/select.png b/src/assets/homeIndex/select.png
new file mode 100644
index 0000000..7134dcc
Binary files /dev/null and b/src/assets/homeIndex/select.png differ
diff --git a/src/views/homeIndex/components/MapComponent.vue b/src/views/homeIndex/components/MapComponent.vue
index eaeb2fe..160240f 100644
--- a/src/views/homeIndex/components/MapComponent.vue
+++ b/src/views/homeIndex/components/MapComponent.vue
@@ -520,6 +520,10 @@ onMounted(() => {
   width: 100vw;
   height: 100vh;
 }
+.el-icon{
+  color: #007EFF;
+  font-size: 1vw;
+}
 
 .map {
   width: 100%;
@@ -545,19 +549,20 @@ onMounted(() => {
 
 .topTool .form-item {
   width: calc(calc(100% - 160px) / 3);
-  height: 45px;
+  height: 5vh;
   border: none;
 }
 :deep .el-select__wrapper,
 :deep .el-input__wrapper {
   border: none;
-  height: 45px;
+   height: 7vh;
 }
 
 :deep .el-select__wrapper,
 :deep .el-input__wrapper,
 .topTool .form-item {
-  background: linear-gradient(to bottom, #007eff59 0%, /* 顶部红色 */ #00efed59 50%, /* 中间蓝色 */ #1d5df459 100% /* 底部红色 */);
+  background: url(@/assets/homeIndex/select.png) no-repeat;
+
 }
 .topTool .form {
   width: 43%;
@@ -605,7 +610,7 @@ onMounted(() => {
   border: none;
   box-sizing: border-box;
   padding: 0px 10px;
-  line-height: 45px;
+  line-height: 4vh;
   outline: none;
   font-family: MicrosoftYaHei;
   font-size: 15px;
@@ -616,13 +621,14 @@ onMounted(() => {
   flex-direction: row;
   flex-wrap: nowrap;
   align-content: center;
-  align-items: center;
+
   justify-content: space-between;
 }
 .topTool .form-item input::placeholder {
   font-family: MicrosoftYaHei;
   font-size: 15px;
   color: #deefff;
+    line-height: 4vh;
 }
 .topTool .form-item input:focus {
   outline: none;
@@ -632,7 +638,7 @@ onMounted(() => {
 .topTool .form-item .vertiLine {
   width: 6px;
   height: 100%;
-  background: radial-gradient(0% 0% at 0% 0%, #00d6ef 0%, #007eff 100%);
+  // background: radial-gradient(0% 0% at 0% 0%, #00d6ef 0%, #007eff 100%);
 }
 
 .topTool .form-item .ul {
diff --git a/src/views/homeIndex/components/RealTimeAlarm.vue b/src/views/homeIndex/components/RealTimeAlarm.vue
index 0705556..bff5042 100644
--- a/src/views/homeIndex/components/RealTimeAlarm.vue
+++ b/src/views/homeIndex/components/RealTimeAlarm.vue
@@ -71,7 +71,7 @@ onUnmounted(() => {
     border-radius: 4px;
     overflow: hidden;
     margin-top: 4vh;
-    padding: 1.5vw;
+    padding: 1vw 0vw;
 }
 
 .alarm-table-header {
@@ -79,6 +79,7 @@ onUnmounted(() => {
     color: #00C0FF;
     border-bottom: 1px dashed rgba(100, 150, 200, 0.3);
     font-size: 0.8vw;
+    background-color: #0C2644;
 }
 
 .header-item {