diff --git a/src/views/pictureOnMap/iconSearch.vue b/src/views/pictureOnMap/iconSearch.vue
new file mode 100644
index 0000000..10e43b8
--- /dev/null
+++ b/src/views/pictureOnMap/iconSearch.vue
@@ -0,0 +1,7 @@
+<template>
+  <el-icon><Search /></el-icon>
+</template>
+<script setup>
+onMounted(() => {});
+</script>
+<style lang="scss" scoped></style>

diff --git a/src/views/pictureOnMap/iconSearch.vue b/src/views/pictureOnMap/iconSearch.vue
new file mode 100644
index 0000000..10e43b8
--- /dev/null
+++ b/src/views/pictureOnMap/iconSearch.vue
@@ -0,0 +1,7 @@
+<template>
+  <el-icon><Search /></el-icon>
+</template>
+<script setup>
+onMounted(() => {});
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue
index c923958..7dd2047 100644
--- a/src/views/pictureOnMap/inputSearch.vue
+++ b/src/views/pictureOnMap/inputSearch.vue
@@ -2,35 +2,28 @@
   <div class="inputSearch" v-show="Show && number == 4">
     <el-select
       v-model="selectmodel"
-      placeholder="输入关键字搜索"
-      style="width: 180px"
+      placeholder="请输入关键字"
+      style="width: 140px"
       filterable
+      popper-class="inputSearchselectclass"
       :filter-method="filterMethod"
+      placement="bottom"
       clearable
       @change="selectchange"
     >
-      <el-option
-        v-for="(item, index) in filterList"
-        :key="item.id + index + item.id"
-        :label="item.name"
-        :value="item.geometry"
-      >
-        <el-popover
-          v-if="item.name.length >= 15"
-          placement="top-start"
-          width="300"
-          trigger="hover"
-          popper-class="popperclass"
+      <el-option v-for="(item, index) in filterList" :key="item.id + index + item.id" :label="item.name" :value="item.geometry">
+        <el-tooltip
+          effect="dark"
+          :content="item.name"
+          :hide-after="0"
+          placement="top"
+          :show-arrow="false"
+          popper-class="inputSearchpopperclass"
         >
-          <span>{{ item.name }}</span>
-          <template #reference>
-            {{ item.name.slice(0, 15) + "..." }}
-          </template>
-        </el-popover>
-        <span v-else>{{ item.name }}</span>
-        <span
-          style="float: right; color: var(--el-text-color-secondary); font-size: 13px"
-        >
+          <span v-show="item.name.length >= 15">{{ item.name.slice(0, 15) + '...' }}</span>
+        </el-tooltip>
+        <span v-show="item.name.length < 15">{{ item.name }}</span>
+        <span style="float: right; color: #8fbffe; font-size: 12px; font-family: Source Han Sans CN">
           {{ item.pointTypeName }}
         </span>
       </el-option>
@@ -38,12 +31,12 @@
   </div>
 </template>
 <script setup>
-import bus from "@/bus/";
-import useUserStore from "@/store/modules/user";
+import bus from '@/bus/';
+import useUserStore from '@/store/modules/user';
 const appStore = useUserStore();
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
-
+import iconSearch from '@/views/pictureOnMap/iconSearch.vue';
 const props = defineProps({
   diabox: {
     type: Object,
@@ -53,7 +46,7 @@
 const number = ref(1);
 const SelectList = ref(1);
 const filterList = ref([]);
-const selectmodel = ref("");
+const selectmodel = ref('');
 const getItem = ref({});
 watch(
   () => appStore.MapData,
@@ -71,7 +64,7 @@
 
 function GetSearchList() {
   SelectList.value = [];
-  appStore.MapData.map((item) => {
+  appStore.MapData.map(item => {
     SelectList.value = SelectList.value.concat(item.data);
   });
   // console.log('MapData', appStore.MapData, SelectList.value);
@@ -81,7 +74,7 @@
 
 // 值改变后的操作
 function selectchange(value) {
-  if(value){
+  if (value) {
     let arr = SelectList.value.filter(item => {
       return item.geometry == value;
     });
@@ -89,11 +82,10 @@
       getItem.value = arr[0];
     }
     selectmodel.value = getItem.value.name;
-    let feature = turf.feature(Terraformer.WKT.parse(value),_.cloneDeep(getItem.value));
-    bus.emit('setHighlight',feature);
-    newfiberMap.map.easeTo({center:turf.getCoords(turf.center(feature)),zoom:15});
+    let feature = turf.feature(Terraformer.WKT.parse(value), _.cloneDeep(getItem.value));
+    bus.emit('setHighlight', feature);
+    newfiberMap.map.easeTo({ center: turf.getCoords(turf.center(feature)), zoom: 15 });
     bus.emit('setGeoJSON', { json: turf.featureCollection([feature]), key: 'temporary' });
-
   }
 
   /*  if (value) {
@@ -110,20 +102,18 @@
     console.log('清除change', getItem.value);
   }*/
 }
-const filterMethod = _.debounce((value) => {
+const filterMethod = _.debounce(value => {
   if (value) {
-    filterList.value = SelectList.value.filter((item) => item.name.includes(value));
+    filterList.value = SelectList.value.filter(item => item.name.includes(value));
     if (filterList.value.length == 0)
-      bus.emit("geoRegeo", {
+      bus.emit('geoRegeo', {
         name: value,
-        callback: (results) => {
+        callback: results => {
           filterList.value = results.geocodes.map((i, idx) => ({
             id: idx,
             name: i.formatted_address,
-            geometry: `POINT(${gcoord
-              .transform(i.location.split(","), gcoord.AMap, gcoord.WGS84)
-              .join(" ")})`,
-            pointTypeName: "地理位置",
+            geometry: `POINT(${gcoord.transform(i.location.split(','), gcoord.AMap, gcoord.WGS84).join(' ')})`,
+            pointTypeName: '地理位置',
           }));
         },
       });
@@ -131,12 +121,11 @@
     filterList.value = SelectList.value;
   }
   // bus.emit('removeMapDatas',['temporary']);
-},500)
-
+}, 500);
 
 onMounted(() => {
-  bus.on("YQ_head", (val) => {
-    console.log("appStore.MapData", appStore.MapData);
+  bus.on('YQ_head', val => {
+    console.log('appStore.MapData', appStore.MapData);
     if (val == false) {
       Show.value = false;
     } else {
@@ -146,26 +135,67 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off("YQ_head");
+  bus.off('YQ_head');
 });
 </script>
 <style lang="scss" scoped>
 .inputSearch {
   position: fixed;
-  right: 155px;
+  right: 175px;
   top: 19px;
   z-index: 999;
+  border-radius: 6px;
 }
 
 :deep(.el-input__wrapper) {
-  background: #032d79 !important;
+  background: #0d2359 !important;
+  border-radius: 6px;
+  box-shadow: 0 0 0 0.00521rem var(--el-select-input-focus-border-color) inset !important;
+}
+
+:deep(.el-input__wrapper:hover) {
+  background: #0d2359 !important;
+  border-radius: 6px;
 }
 
 :deep(.el-input__inner) {
-  color: #fff;
+  color: #8fbffe;
+}
+:deep(.el-input__inner::placeholder) {
+  color: #8fbffe;
 }
 
-.popperclass {
+:deep(.el-select .el-input .el-select__caret.el-icon) {
+  color: #8fbffe;
+}
+</style>
+<style lang="scss">
+.inputSearchselectclass {
+  background: #0d2359 !important;
+  border-radius: 6px !important;
+  border: 1px solid #0b9bff !important;
+
+  .el-select-dropdown__item {
+    font-family: Source Han Sans CN;
+    font-weight: bold;
+    font-size: 14px;
+    color: #ccdfff;
+  }
+
+  .el-select-dropdown__item.hover,
+  .el-select-dropdown__item:hover {
+    background: #243f7f !important;
+  }
+}
+
+.inputSearchpopperclass {
   z-index: 10000 !important;
+  background: #243f7f !important;
+  color: #ccdfff !important;
+  cursor: pointer;
+
+  .el-popper.is-dark .el-popper__arrow::before {
+    background: #243f7f !important;
+  }
 }
 </style>