diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/accept/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/accept/index.html
index f250422..d94240f 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/accept/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/accept/index.html
@@ -2,8 +2,49 @@
 layout("/layouts/platform.html"){
 #-->
 
+<style>
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
+
 <div id="app" v-cloak>
-    <guava ref="guava">
+    <guava ref="guava" class="appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/execute/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/execute/index.html
index 5cb765a..30b632e 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/execute/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/execute/index.html
@@ -2,8 +2,49 @@
 layout("/layouts/platform.html"){
 #-->
 
+<style>
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
+
 <div id="app" v-cloak>
-    <guava ref="guava">
+    <guava ref="guava" class="appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/mine/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/mine/index.html
index 1cf3020..3bc00ca 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/mine/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/mine/index.html
@@ -2,8 +2,49 @@
 layout("/layouts/platform.html"){
 #-->
 
+<style>
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
+
 <div id="app" v-cloak>
-    <guava ref="guava">
+    <guava ref="guava" class="appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/query/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/query/index.html
index 42684b5..5bbe362 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/query/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/query/index.html
@@ -91,10 +91,49 @@ layout("/layouts/platform.html"){
     .appeal-query-page .table-card {
         border-radius: 6px;
     }
+
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
 </style>
 
 <div id="app" v-cloak>
-    <guava ref="guava" class="appeal-query-page">
+    <guava ref="guava" class="appeal-query-page appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
diff --git a/src/main/resources/views/platform/zhgh/democratic/appeal/type/index.html b/src/main/resources/views/platform/zhgh/democratic/appeal/type/index.html
index 671d1af..7d84a98 100644
--- a/src/main/resources/views/platform/zhgh/democratic/appeal/type/index.html
+++ b/src/main/resources/views/platform/zhgh/democratic/appeal/type/index.html
@@ -2,8 +2,49 @@
 layout("/layouts/platform.html"){
 #-->
 
+<style>
+    .appeal-search-page .search {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        column-gap: 20px;
+        row-gap: 10px;
+    }
+
+    .appeal-search-page .search .search-item {
+        width: 100%;
+    }
+
+    .appeal-search-page .search .search-item-label {
+        width: 76px;
+        min-width: 76px;
+        margin-right: 8px;
+    }
+
+    .appeal-search-page .search .search-item-option {
+        min-width: calc(100% - 76px - 8px);
+    }
+
+    @media screen and (max-width: 1350px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(3, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 1200px) {
+        .appeal-search-page .search {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+    }
+
+    @media screen and (max-width: 992px) {
+        .appeal-search-page .search {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
+
 <div id="app" v-cloak>
-    <guava>
+    <guava class="appeal-search-page">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="类型名称">