diff --git a/src/assets/less/amap-item.less b/src/assets/less/amap-item.less
index 949fbb8..9a41844 100644
--- a/src/assets/less/amap-item.less
+++ b/src/assets/less/amap-item.less
@@ -1,79 +1,79 @@
 //高德信息弹窗
 .amap-info-contentContainer {
-    .amap-content-body {
-        background: #00152B;
-        border: 1px solid #129BFF;
+  .amap-content-body {
+    background: #00152B;
+    border: 1px solid #129BFF;
 
-        .amap-lib-infowindow {
-            background: #00152B;
+    .amap-lib-infowindow {
+      background: #00152B;
 
-            .amap-lib-infowindow-title {
-                color: #fff;
-                border-bottom: 1px solid #129BFF;
-                padding: 4px 0;
-            }
+      .amap-lib-infowindow-title {
+        color: #fff;
+        border-bottom: 1px solid #129BFF;
+        padding: 4px 0;
+      }
 
-            .amap-lib-infowindow-content {
-                color: #fff;
-                padding: 4px 0;
-            }
-        }
+      .amap-lib-infowindow-content {
+        color: #fff;
+        padding: 4px 0;
+      }
     }
+  }
 
-    .amap-combo-close {
-        top: 5px;
-        right: 7px;
-    }
+  .amap-combo-close {
+    top: 5px;
+    right: 7px;
+  }
 }
 
 
 /*地图元素样式---start*/
 //marker
 .amap-marker-label {
-    padding: 0;
-    border: none;
+  padding: 0;
+  border: none;
 }
 
 .alarm-content {
-    background-color: #263d5e;
+  background-color: #263d5e;
+  color: #fff;
+  border: 1px solid #1b7ef2;
+  font-size: 14px;
+  padding: 7px 10px;
+  position: relative;
+
+  .close-btn {
     color: #fff;
-    font-size: 14px;
-    padding: 7px 10px;
-    border: 1px solid #1b7ef2;
-    position: relative;
+    background: #ccc;
+    box-shadow: -1px 1px 1px rgba(10, 10, 10, 0.2);
+    position: absolute;
+    top: -6px;
+    right: -8px;
+    width: 15px;
+    height: 15px;
+    font-size: 12px;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 15px;
+  }
 
-    .close-btn {
-        position: absolute;
-        top: -6px;
-        right: -8px;
-        width: 15px;
-        height: 15px;
-        font-size: 12px;
-        background: #ccc;
-        border-radius: 50%;
-        color: #fff;
-        text-align: center;
-        line-height: 15px;
-        box-shadow: -1px 1px 1px rgba(10, 10, 10, 0.2);
-    }
-
-    .close-btn:hover {
-        background: #666;
-    }
+  .close-btn:hover {
+    background: #666;
+  }
 }
 
 /*地图元素样式---end*/
 /*infoWindow*/
 .amap-info-content {
-    width: 100%;
-    height: 100%;
-    background: url("../images/info-modal.png") no-repeat center;
-    background-size: 100% 100%;
-    //padding: 16px 18px 22px 10px;
+  width: 100%;
+  height: 100%;
+  background: url("../images/info-modal.png") no-repeat center;
+  background-size: 100% 100%;
+  //padding: 16px 18px 22px 10px;
 }
 
 .amap-info-contentContainer {
-    .amap-info-sharp {
-        border-top: none;
-    }
+  .amap-info-sharp {
+    border-top: none;
+  }
 }
diff --git a/src/assets/less/themeType.less b/src/assets/less/themeType.less
index 606877b..979a8c3 100644
--- a/src/assets/less/themeType.less
+++ b/src/assets/less/themeType.less
@@ -37,3 +37,61 @@
 .center-map .route-navigation.dark {
   background: #002e64;
 }
+
+.hospital-list.light {
+  .hospital-item {
+    color: #5876DB;
+    background-color: #f3f5ff;
+    border: 1px solid #5876DB;
+    box-shadow: 0 1px 11px 0 rgba(194, 189, 189, 0.5);
+
+  }
+
+  .hospital-item:hover {
+    background-color: #c6cff9;
+    box-shadow: inset 0px 0px 16px 3px #f3f5ff;
+  }
+}
+
+.hospital-list.dark {
+  .hospital-item {
+    color: #fff;
+    background-color: #00152b;
+    border: 1px solid #1b7ef2;
+    box-shadow: 0 1px 11px 0 rgba(194, 189, 189, 0.5);
+
+  }
+
+  .hospital-item:hover {
+    background-color: #192a46;
+    box-shadow: inset 0px 0px 16px 3px #2562a9;
+  }
+}
+
+//点击地图医院触发的导航弹窗
+.driving-route-panel.light {
+  background: #E4E8F9;
+  --cardFontColor: #607ddb;
+  --cardFontFFF: #fff;
+  --cardBgColor: #e4e8f9;
+  --circelBg: #1478f5;
+}
+
+.driving-route-panel.dark {
+  background: #2a4164;
+  border: 1px solid #1b7ef2;
+  --cardFontColor: rgba(255, 255, 255, 0.8);
+  --cardFontFFF: #fff;
+  --cardBgColor: #e4e8f9;
+  --circelBg: #1478f5;
+}
+
+.reset-map.dark {
+  color: #05d5ff;
+  background: #243b5d;
+}
+
+.reset-map.light {
+  color: #607ddb;
+  background: #e4e8f9;
+}
\ No newline at end of file
diff --git a/src/components/xianMap/components/routePanel.vue b/src/components/xianMap/components/routePanel.vue
index f65d420..9a7816e 100644
--- a/src/components/xianMap/components/routePanel.vue
+++ b/src/components/xianMap/components/routePanel.vue
@@ -47,7 +47,7 @@
             margin-bottom: 9px;
             font-size: 14px;
             font-weight: 700;
-            color: rgba(255, 255, 255, 0.8);
+            color: var(--cardFontColor);
 
             .close-icon {
                 position: absolute;
@@ -58,6 +58,7 @@
 
         .line-content {
             font-size: 12px;
+            color: var(--cardFontColor);
 
             .start {
                 display: flex;
@@ -65,7 +66,8 @@
 
                 &::before {
                     content: '起';
-                    color: #fff;
+                    color: var(--cardFontFFF);
+                    background: var(--circelBg);
                     width: 20px;
                     height: 20px;
                     margin-right: 7px;
@@ -73,7 +75,6 @@
                     align-items: center;
                     justify-content: center;
                     border-radius: 50%;
-                    background: #1478f5;
                 }
             }
 
@@ -83,7 +84,8 @@
 
                 &::before {
                     content: '终';
-                    color: #fff;
+                    color: var(--cardFontFFF);
+                    background: var(--circelBg);
                     width: 20px;
                     height: 20px;
                     margin-right: 7px;
@@ -102,8 +104,7 @@
 
             .line {
                 width: 1px;
-                //max-height: 370px;
-                background-color: #1478f5;
+                color: var(--cardFontColor);
                 margin: 5px 19px 5px 8px;
             }
 
diff --git a/src/components/xianMap/xianMap.vue b/src/components/xianMap/xianMap.vue
index 90d8ca7..f50005e 100644
--- a/src/components/xianMap/xianMap.vue
+++ b/src/components/xianMap/xianMap.vue
@@ -36,11 +36,12 @@
                     <div v-show="!routeList.length" class="empty-data"> 暂无数据</div>
                 </div>
             </div>
-            <div v-show="showHospitalList" class="reset-map" @click="resetMap">
+            <div v-show="showHospitalList" class="reset-map" :class="[themeType]" @click="resetMap">
                 <RedoOutlined title="重置地图" />
             </div>
             <RoutePanel
                 class="driving-route-panel"
+                :class="[themeType]"
                 v-show="showDrivingPanel"
                 :drivingRoute="drivingRoute"
                 :drivingTitle="drivingTitle"
@@ -69,7 +70,7 @@
             </div>
         </div>
         <!-- 附近医院、医疗点  -->
-        <div class="hospital-list" v-if="showHospitalList">
+        <div class="hospital-list" :class="[themeType]" v-if="showHospitalList">
             <div class="hospital-item" v-for="(item, index) in hospitalList" :key="index" @click="showDrivingLine(item)">
                 <div>{{ item.name }}</div>
                 <div>相距{{ item.distance }}</div>
@@ -480,7 +481,6 @@
 
                     .line {
                         width: 1px;
-                        //max-height: 370px;
                         background-color: var(--circelBg);
                         margin: 5px 19px 5px 8px;
                     }
@@ -503,9 +503,7 @@
             top: 50px;
             z-index: 99;
             font-size: 20px;
-            color: #05d5ff;
             cursor: pointer;
-            background: #243b5d;
             padding: 0px 6px;
         }
 
@@ -519,9 +517,7 @@
             min-height: 200px;
             max-height: 473px;
             overflow: auto;
-            background: #2a4164;
             border-radius: 2px;
-            border: 1px solid #1b7ef2;
             z-index: 99;
         }
 
@@ -604,8 +600,7 @@
 
         .hospital-list {
             position: absolute;
-            bottom: 200px;
-            width: 800px;
+            bottom: 160px;
             left: 50%;
             transform: translateX(-50%);
             display: flex;
@@ -614,25 +609,15 @@
                 position: relative;
                 flex: 1;
                 gap: 20px;
-                min-width: 230px;
-                max-width: 230px;
-                height: 110px;
+                min-width: 200px;
+                max-width: 200px;
                 text-align: center;
                 padding: 10px;
                 margin: 0 10px;
-                color: #fff;
                 font-size: 16px;
-                background-color: #00152b;
-                border: 1px solid #1b7ef2;
                 border-radius: 12px;
-                box-shadow: 0 1px 11px 0 rgba(194, 189, 189, 0.5);
                 cursor: pointer;
             }
-
-            .hospital-item:hover {
-                background-color: #192a46;
-                box-shadow: inset 0px 0px 16px 3px #2562a9;
-            }
         }
     }
 </style>
diff --git a/src/views/components/phoneDialog/phoneDialog.vue b/src/views/components/phoneDialog/phoneDialog.vue
index 58fd1af..b28164c 100644
--- a/src/views/components/phoneDialog/phoneDialog.vue
+++ b/src/views/components/phoneDialog/phoneDialog.vue
@@ -106,8 +106,4 @@
     .table-container {
         margin: 0 10px;
     }
-
-    :deep(.ant-form-item-label) > label {
-        color: #fff;
-    }
 </style>