diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index d59c2f8..a651996 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -146,23 +146,6 @@
         cursor: pointer;
       }
     }
-    .el-autocomplete{
-      .el-input-group__prepend{
-        border: none;
-        .el-select{
-          width: 100px;
-          .el-input, .el-input__inner{
-            width: 100%;
-          }
-        }
-      }
-      .el-input .el-input__inner{
-        width: 200px;
-      }
-      .el-input-group__append{
-        border: none;
-      }
-    }
     .is-loading:before {
       background-color: none !important;
     }
@@ -172,6 +155,15 @@
     }
     .el-select-dropdown__item{
       font-size: 1rem;
+      border: none;
+    }
+    .zy-autocomplete {
+      font-size: 1rem;;
+      border: none;
+      li {
+        font-size: 1rem;
+        border: none;
+      }
     }
   }
   .listpage-body{
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index 7c1f4b9..b003f85 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -336,10 +336,21 @@
         border: none;
         background-color: var(--d-bgc-1);
       }
-      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
+      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
         color: var(--d-fc-1);
         background-color: var(--d-bgc-2);
+      }
+      .zy-autocomplete {
+        color: var(--d-fc-1);
+        background-color: var(--d-bgc-1);
         box-shadow: var(--d-bsc);
+        li {
+          color: var(--d-fc-1);
+          background-color: var(--d-bgc-1);
+          &:hover{
+            background-color: var(--d-bgc-2);
+          }
+        }
       }
       .popper__arrow, .popper__arrow::after{
         border-bottom-color: var(--d-bgc-1);
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index b971b2c..e97966c 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -335,11 +335,23 @@
         border: none;
         background-color: var(--g-bgc-1);
       }
-      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
+      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
         color: var(--g-fc-1);
         background-color: var(--g-bgc-2);
         box-shadow: var(--g-bsc);
       }
+      .zy-autocomplete {
+        color: var(--g-fc-1);
+        background-color: var(--g-bgc-1);
+        box-shadow: var(--g-bsc);
+        li {
+          color: var(--g-fc-1);
+          background-color: var(--g-bgc-1);
+          &:hover{
+            background-color: var(--g-bgc-2);
+          }
+        }
+      }
       .popper__arrow, .popper__arrow::after{
         border-bottom-color: var(--g-bgc-1);
       }
@@ -358,7 +370,7 @@
         }
       }
       .show-table{
-       /* 设置el-table的样式*/
+        /* 设置el-table的样式*/
         .el-table{
           color: var(--g-fc-1);
           background-color: var(--g-bgc-1);
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index bb0823e..75fd121 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -334,11 +334,23 @@
         border: none;
         background-color: var(--l-bgc-1);
       }
-      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
+      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
         color: var(--l-fc-1);
         background-color: var(--l-bgc-2);
         box-shadow: var(--l-bsc);
       }
+      .zy-autocomplete {
+        color: var(--l-fc-1);
+        background-color: var(--l-bgc-1);
+        box-shadow: var(--l-bsc);
+        li {
+          color: var(--l-fc-1);
+          background-color: var(--l-bgc-1);
+          &:hover{
+            background-color: var(--l-bgc-2);
+          }
+        }
+      }
       .popper__arrow, .popper__arrow::after{
         border-bottom-color: var(--l-bgc-1);
       }
@@ -357,7 +369,7 @@
         }
       }
       .show-table{
-       /* 设置el-table的样式*/
+        /* 设置el-table的样式*/
         .el-table{
           color: var(--l-fc-1);
           background-color: var(--l-bgc-1);
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index e03a013..2cb13da 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -333,11 +333,23 @@
         border: none;
         background-color: var(--p-bgc-1);
       }
-      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
+      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
         color: var(--p-fc-1);
         background-color: var(--p-bgc-2);
         box-shadow: var(--p-bsc);
       }
+      .zy-autocomplete {
+        color: var(--g-fc-1);
+        background-color: var(--g-bgc-1);
+        box-shadow: var(--g-bsc);
+        li {
+          color: var(--g-fc-1);
+          background-color: var(--g-bgc-1);
+          &:hover{
+            background-color: var(--g-bgc-2);
+          }
+        }
+      }
       .popper__arrow, .popper__arrow::after{
         border-bottom-color: var(--p-bgc-1);
       }
@@ -356,7 +368,7 @@
         }
       }
       .show-table{
-       /* 设置el-table的样式*/
+        /* 设置el-table的样式*/
         .el-table{
           color: var(--p-fc-1);
           background-color: var(--p-bgc-1);
diff --git a/src/components/Film.vue b/src/components/Film.vue
index 690d349..7386c9e 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -17,17 +17,12 @@
           :value="item.name">
         </el-option>
       </el-select>
-      <el-autocomplete
-        clearable
-        size="small"
-        v-model.trim="searchTxt"
-        value-key="keywords"
-        :fetch-suggestions="querySearch"
-        placeholder="搜索"
-        @keyup.enter.native="searchAndRecord"
-        @select="searchEvent"
-        @change="searchChangeEvent">
-        <el-select v-model="searchGroup" slot="prepend" default-first-option placeholder="请选择" @change="searchEvent">
+      <div style="display:flex;align-items: center">
+        <el-select v-model="searchGroup" size="small"
+          style="width:50px;"
+         :popper-append-to-body="false"
+          default-first-option placeholder="请选择"
+          @change="searchEvent">
           <el-option
             v-for="item in searchGroups"
             :key="item"
@@ -35,9 +30,22 @@
             :value="item">
           </el-option>
         </el-select>
+        <el-autocomplete
+          clearable
+          size="small"
+          v-model.trim="searchTxt"
+          value-key="keywords"
+          :fetch-suggestions="querySearch"
+          :popper-append-to-body="false"
+          popper-class="zy-autocomplete"
+          placeholder="搜索"
+          @keyup.enter.native="searchAndRecord"
+          @select="searchEvent"
+          @change="searchChangeEvent">
+        </el-autocomplete>
         <!--方便触屏-->
-        <el-button slot="append" icon="el-icon-search" @click.stop="searchEvent" />
-      </el-autocomplete>
+        <el-button icon="el-icon-search" @click.stop="searchEvent" />
+      </div>
     </div>
     <div class="listpage-body" id="film-body" infinite-wrapper>
       <div class="show-picture" v-if="setting.view === 'picture' && !show.find">