diff --git a/src/apps/AppVillagersCircle/commentList.vue b/src/apps/AppVillagersCircle/commentList.vue
index 92d22eef..1b41aa98 100644
--- a/src/apps/AppVillagersCircle/commentList.vue
+++ b/src/apps/AppVillagersCircle/commentList.vue
@@ -2,7 +2,7 @@
   <div class="commentList">
     <!-- tab栏 -->
     <div style="position: fixed; top: 0; left: 0;width: 100%;">
-      <div style="display:flex;justify-content:space-between; padding: 0 18px;height: 40px; line-height: 40px;background: #FFFF;">
+      <div class="area">
         <div>区域选择</div>
         <div>
           <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="changeArea" :name.sync="areaName">
@@ -132,7 +132,14 @@ export default {
 
 <style lang="scss" scoped>
 .commentList {
-
+  .area {
+    display:flex;
+    justify-content:space-between; 
+    padding: 0 30px;
+    height: 80px; 
+    line-height: 80px;
+    background: #FFFF;
+  }
   .tab-select {
     width: 100%;
     height: 96px;
diff --git a/src/apps/AppVillagersCircle/infoList.vue b/src/apps/AppVillagersCircle/infoList.vue
index 38075d9d..9fe3c0d9 100644
--- a/src/apps/AppVillagersCircle/infoList.vue
+++ b/src/apps/AppVillagersCircle/infoList.vue
@@ -2,7 +2,7 @@
   <div class="infoList">
     <!-- tab栏 -->
     <div style="position: fixed; top: 0; left: 0;width: 100%;">
-      <div style="display:flex;justify-content:space-between; padding: 0 18px;height: 40px; line-height: 40px;background: #FFFF;">
+      <div class="area">
         <div>区域选择</div>
         <div>
           <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="changeArea" :name.sync="areaName">
@@ -131,7 +131,14 @@ export default {
 
 <style lang="scss" scoped>
 .infoList {
-
+  .area {
+    display:flex;
+    justify-content:space-between; 
+    padding: 0 30px;
+    height: 80px; 
+    line-height: 80px;
+    background: #FFFF;
+  }
   .tab-select {
     width: 100%;
     height: 96px;