diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index a651996..d59c2f8 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -146,6 +146,23 @@
         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;
     }
@@ -155,15 +172,6 @@
     }
     .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 799761c..eb8363e 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -336,21 +336,10 @@
           border: none;
           background-color: var(--d-bgc-1);
         }
-        .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
+        .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
           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);
-            }
-          }
         }
     }
     .listpage-body{
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index 143da14..10bcd29 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -335,23 +335,11 @@
           border: none;
           background-color: var(--g-bgc-1);
         }
-        .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
+        .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
           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);
-            }
-          }
-        }
     }
     .listpage-body{
       color: var(--g-fc-1);
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 81a0879..de80cd5 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -334,23 +334,11 @@
         border: none;
         background-color: var(--l-bgc-1);
       }
-      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
+      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
         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);
-          }
-        }
-      }
     }
     .listpage-body{
       color: var(--l-fc-1);
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 86c8faf..a144375 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -333,23 +333,11 @@
         border: none;
         background-color: var(--p-bgc-1);
       }
-      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected{
+      .el-select-dropdown__item.hover, .el-select-dropdown__item.selected, .el-select-dropdown__item.selected.hover{
         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);
-          }
-        }
-      }
     }
     .listpage-body{
       color: var(--p-fc-1);
diff --git a/src/components/Film.vue b/src/components/Film.vue
index b926f7e..690d349 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -17,12 +17,17 @@
           :value="item.name">
         </el-option>
       </el-select>
-      <b-button-group>
-        <el-select v-model="searchGroup" size="small"
-          style="width:100px;padding-right: 25px;"
-         :popper-append-to-body="false"
-          default-first-option placeholder="请选择"
-          @change="searchEvent">
+      <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">
           <el-option
             v-for="item in searchGroups"
             :key="item"
@@ -30,22 +35,9 @@
             :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 icon="el-icon-search" @click.stop="searchEvent" />
-      </b-button-group>
+        <el-button slot="append" icon="el-icon-search" @click.stop="searchEvent" />
+      </el-autocomplete>
     </div>
     <div class="listpage-body" id="film-body" infinite-wrapper>
       <div class="show-picture" v-if="setting.view === 'picture' && !show.find">
@@ -286,7 +278,7 @@ export default {
       searchTxt: '',
       searchContents: [],
       currentColumn: '',
-      searchGroup: '全部',
+      searchGroup: '',
       searchGroups: [],
       // 福利片关键词
       r18KeyWords: ['伦理', '论理', '倫理', '福利', '激情', '理论', '写真', '情色', '美女', '街拍', '赤足', '性感', '里番']
@@ -719,8 +711,8 @@ export default {
         }
         this.searchGroups = [...new Set(this.sites.map(site => site.group))]
         if (this.searchGroups.length === 1) this.searchGroups = []
+        this.searchGroups.unshift('站内')
         this.searchGroups.push('全部')
-        this.searchGroups.push('站内')
         this.searchGroup = this.setting.searchGroup
         if (this.searchGroup === undefined) setting.find().then(res => { this.searchGroup = res.searchGroup })
       })