diff --git a/src/assets/images/homestead/address_more.png b/src/assets/images/homestead/address_more.png
new file mode 100644
index 00000000..efe46af1
Binary files /dev/null and b/src/assets/images/homestead/address_more.png differ
diff --git a/src/assets/images/homestead/drop-down.png b/src/assets/images/homestead/drop-down.png
new file mode 100644
index 00000000..d61a383b
Binary files /dev/null and b/src/assets/images/homestead/drop-down.png differ
diff --git a/src/assets/images/homestead/edit_icon.png b/src/assets/images/homestead/edit_icon.png
new file mode 100644
index 00000000..eb314784
Binary files /dev/null and b/src/assets/images/homestead/edit_icon.png differ
diff --git a/src/assets/images/homestead/landHomestead_home.png b/src/assets/images/homestead/landHomestead_home.png
new file mode 100644
index 00000000..9942743f
Binary files /dev/null and b/src/assets/images/homestead/landHomestead_home.png differ
diff --git a/src/assets/images/homestead/others_location.png b/src/assets/images/homestead/others_location.png
new file mode 100644
index 00000000..17e670bc
Binary files /dev/null and b/src/assets/images/homestead/others_location.png differ
diff --git a/src/assets/images/homestead/searchBar_add.png b/src/assets/images/homestead/searchBar_add.png
new file mode 100644
index 00000000..18289c72
Binary files /dev/null and b/src/assets/images/homestead/searchBar_add.png differ
diff --git a/src/assets/images/homestead/searchBar_bar.png b/src/assets/images/homestead/searchBar_bar.png
new file mode 100644
index 00000000..ffd9e6ef
Binary files /dev/null and b/src/assets/images/homestead/searchBar_bar.png differ
diff --git a/src/views/homestead/index.vue b/src/views/homestead/index.vue
index c8b362ec..804c3f7f 100644
--- a/src/views/homestead/index.vue
+++ b/src/views/homestead/index.vue
@@ -1,81 +1,312 @@
 <template>
-    <div class="app-container" @touchmove.prevent>
-        <div class="map_area"></div>
-        <!--选择地址-->
-        <div class="address_wrap">
-            <div class="address_item">
-                <div class="portrait"></div>
-                <div class="name">羊亭镇</div>
+  <div class="app-container" @touchmove.prevent>
+    <div class="map_area"></div>
+    <!--选择地址-->
+    <div class="address_wrap">
+      <div class="address_item">
+        <div class="portrait"></div>
+        <div class="name">羊亭镇</div>
 
-                <div class="address_suspension">
-                    <div class="address_suspension_scroll">
-                        <div class="items">全部</div>
-                        <div class="items">北上夼</div>
-                        <div class="items">大北山</div>
-                        <div class="items">南郊村</div>
-                        <div class="items">上路村</div>
-                        <div class="items">下路村</div>
-                        <div class="items">南郊村</div>
-                        <div class="items">上路村</div>
-                        <div class="items">下路村</div>
-                        <div class="items">南郊村</div>
-                        <div class="items">上路村</div>
-                        <div class="items">下路村</div>
-                        <div class="items">南郊村</div>
-                        <div class="items">上路村</div>
-                        <div class="items">下路村</div>
-                    </div>    
-                </div>
-            </div>
-            <div class="address_item">
-                <div class="portrait"></div>
-                <div class="name">南郊村南郊村</div>
+        <div class="address_suspension">
+          <div class="address_suspension_scroll">
+            <div class="items">全部</div>
+            <div class="items">北上夼</div>
+            <div class="items">大北山</div>
+            <div class="items">南郊村</div>
+            <div class="items">上路村</div>
+            <div class="items">下路村</div>
+            <div class="items">南郊村</div>
+            <div class="items">上路村</div>
+            <div class="items">下路村</div>
+            <div class="items">南郊村</div>
+            <div class="items">上路村</div>
+            <div class="items">下路村</div>
+            <div class="items">南郊村</div>
+            <div class="items">上路村</div>
+            <div class="items">下路村</div>
+          </div>
+        </div>
+      </div>
+      <div class="address_item">
+        <div class="portrait"></div>
+        <div class="name">南郊村南郊村</div>
+      </div>
+      <div class="address_item more">
+        <div class="portrait"></div>
+        <div class="name"></div>
+      </div>
+    </div>
+
+    <!--搜索栏目-->
+    <div class="searchBar_wrap">
+      <div class="searchBar_area">
+        <div class="bar_icon"></div>
+        <div class="bar_ipt">
+          <input type="text" placeholder="请输入宗地或权利人信息" />
+        </div>
+        <div class="bar_text">搜索</div>
+      </div>
+      <div class="searchBar_more"></div>
+    </div>
+
+    <!--点击房地-显示的搜索--->
+    <div class="landHomestead_wrap">
+      <div class="landHomestead_search">
+        <div class="bar_icon"></div>
+        <div class="bar_ipt">
+          <input type="text" placeholder="请输入宗地或权利人信息" />
+        </div>
+        <div class="bar_text">搜索</div>
+      </div>
+      <div class="landHomestead_body">
+        <!--1--->
+        <div class="body_flex">
+          <div class="attribute">
+            <div class="names">孙全礼</div>
+            <div class="address">南郊村东二街30号南郊村东二街30号</div>
+            <div class="nature">性质：农村宅基地</div>
+          </div>
+          <div class="distance">
+            <div class="size">103</div>
+            <div class="probably">大约120㎡</div>
+          </div>
+          <div class="others">
+            <div class="information">
+              <div class="location"></div>
+              <div class="status_text">已盘活</div>
             </div>
-            <div class="address_item more">
-                <div class="portrait"></div>
-                <div class="name"></div>
+            <div class="editor">
+              <div class="editor_icon"></div>
             </div>
+          </div>
         </div>
+      </div>
+    </div>
 
-        <!--搜索栏目-->
-        <div class="searchBar_wrap">
-            <div class="searchBar_area">
-                <div class="bar_ipt">
-                    <input type="text" placeholder="请输入宗地或权利人信息" />
-                </div>
-                <div class="bar_text">搜索</div>
+    <!--房地全部信息展示-->
+    <div class="landHomesteadDetails_wrap">
+      <div class="content_mian">
+        <!--内容-->
+        <div class="serial_flex">
+          <div class="number">农房编号<span>31</span></div>
+          <div class="localhref"></div>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">房屋所有人名称</span
+          ><span class="content">孙全礼</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">村名</span><span class="content">南郊村</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">地址</span
+          ><span class="content">东二街30号</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">是否有审批手续</span
+          ><span class="content">是</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">房屋所有权证号</span
+          ><span class="content">15-76-105</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">建筑面积</span
+          ><span class="content">大约80㎡</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">土地证号</span
+          ><span class="content">38718490184</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">土地性质</span
+          ><span class="content">农村宅基地</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">土地面积</span
+          ><span class="content">大约130㎡</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">现状情况</span
+          ><span class="content">已盘活</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">是否有流转意向</span
+          ><span class="content"></span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">租赁人</span
+          ><span class="content">李福任</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">租赁年限</span
+          ><span class="content">10年</span>
+        </div>
+        <!--1-->
+        <div class="flex_block">
+          <span class="describe">租赁合同截止日期</span
+          ><span class="content">2021.7.1-2031.6.30</span>
+        </div>
+        <!--上传图片-->
+        <div class="uploadPictures_block">
+          <div class="statusQuo">
+            <div class="picture"></div>
+            <div class="describe">现<br />状<br />图<br />片</div>
+          </div>
+          <div class="statusQuo">
+            <div class="picture"></div>
+            <div class="describe">历<br />史<br />图<br />片</div>
+          </div>
+        </div>
+        <!--编辑-->
+        <div class="editor_block">
+          <div class="editor_icon"></div>
+        </div>
+      </div>
+    </div>
+    <!--房地全部信息编辑-->
+    <div class="landHomesteadEdit_wrap">
+      <div class="content_mian">
+        <div class="info_title">录入宗地信息</div>
+        <!--1-->
+        <div class="flex_block">
+          <div class="number_s50 mr50">
+            <div class="title_m">农房编号</div>
+            <div class="input_m">
+              <van-field
+                v-model="message"
+                placeholder="请输入农房编号"
+                class="landHomesteadEdit_input"
+              />
             </div>
-            <div class="searchBar_more"></div>
+          </div>
+          <div class="number_s50">
+            <div class="title_m">房屋所有人名称</div>
+            <div class="input_m">
+              <van-field
+                v-model="message"
+                placeholder="请输入房屋所有人名称"
+                class="landHomesteadEdit_input"
+              />
+            </div>
+          </div>
         </div>
-
-        <!--点击房地-显示的搜索--->
-        <div class="landHomestead_wrap">
-            <div class="landHomestead_search">
-                <div class="bar_ipt">
-                    <input type="text" placeholder="请输入宗地或权利人信息" />
-                </div>
-                <div class="bar_text">搜索</div>
+        <!--1-->
+        <div class="flex_block">
+          <div class="number_s60 mr50">
+            <div class="title_m">地址</div>
+            <div class="input_m">
+              <van-field
+                v-model="message"
+                placeholder="请输入地址"
+                class="landHomesteadEdit_input"
+              />
             </div>
-            <div class="landHomestead_body">
-                <!--1--->
-                <div class="body_flex">
-                    <div class="attribute">
-                        <div class="names">孙全礼</div>
-                        <div class="address">南郊村东二街30号</div>
-                        <div class="nature">性质：农村宅基地</div>
-                    </div>
-                    <div class="distance">
-                        <div class="size">103</div>
-                        <div class="probably">大约120㎡ </div>
-                    </div>
-                    <div class="others">
-                        <div class="information"></div>
-                        <div class="editor"></div>
-                    </div>
-                </div>
+          </div>
+          <div class="number_s40">
+            <div class="title_m">农房权属</div>
+            <div class="input_m select">
+              <i class="dropDown_icon"></i>
+              <van-field
+                v-model="message"
+                readonly
+                clickable
+                name="picker"
+                placeholder="选择农房权属"
+                class="landHomesteadEdit_input"
+                @click="showPicker = true"
+              />
+              <van-popup v-model="showPicker" position="bottom">
+                <van-picker
+                  show-toolbar
+                  :columns="columns"
+                  @confirm="onConfirm"
+                  @cancel="showPicker = false"
+                />
+              </van-popup>
             </div>
+          </div>
         </div>
+        <!--1-->
+        <div class="flex_block">
+          <div class="number_s35 mr50">
+            <div class="title_m">是否有审批手续</div>
+            <div class="input_m select">
+              <i class="dropDown_icon"></i>
+              <van-field
+                v-model="message"
+                readonly
+                clickable
+                name="picker"
+                placeholder="审批手续"
+                class="landHomesteadEdit_input"
+                @click="showPicker = true"
+              />
+              <van-popup v-model="showPicker" position="bottom">
+                <van-picker
+                  show-toolbar
+                  :columns="columns"
+                  @confirm="onConfirm"
+                  @cancel="showPicker = false"
+                />
+              </van-popup>
+            </div>
+          </div>
+          <div class="number_s35 mr50">
+            <div class="title_m">建筑面积</div>
+            <div class="input_m about">
+              <span class="about_symbol">≈</span>
+              <van-field
+                v-model="message"
+                placeholder="建筑面积"
+                class="landHomesteadEdit_input"
+              />
+            </div>
+          </div>
+          <div class="number_s30">
+            <div class="title_m">现状情况</div>
+            <div class="input_m select">
+              <i class="dropDown_icon"></i>
+              <van-field
+                v-model="message"
+                readonly
+                clickable
+                name="picker"
+                placeholder="现状情况"
+                class="landHomesteadEdit_input"
+                @click="showPicker = true"
+              />
+              <van-popup v-model="showPicker" position="bottom">
+                <van-picker
+                  show-toolbar
+                  :columns="columns"
+                  @confirm="onConfirm"
+                  @cancel="showPicker = false"
+                />
+              </van-popup>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="footer_main">
+        <div class="cancel">取消</div>
+        <div class="save">保存</div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
@@ -84,10 +315,17 @@ export default {
   data() {
     return {
       message: "",
+      showPicker: false,
+      columns: ["杭州", "宁波", "温州", "嘉兴", "湖州"],
     };
   },
   mounted() {},
-  methods: {},
+  methods: {
+    onConfirm(time) {
+      this.message = time;
+      this.showPicker = false;
+    },
+  },
 };
 </script>
 <style scoped lang="scss">
@@ -95,224 +333,527 @@ export default {
   width: 100vw;
   height: 100vh;
   position: relative;
-  .map_area{
-      width: 100vw;
-      height: 100vh;
-      background: #ddd;
-      position: absolute;
-      left: 0;
-      top: 0;
+  .map_area {
+    width: 100vw;
+    height: 100vh;
+    background: #ddd;
+    position: absolute;
+    left: 0;
+    top: 0;
   }
-  .address_wrap{
-      position:fixed;
-      z-index: 9;
-      top: 24px;
-      left: 16px;
+  .address_wrap {
+    position: fixed;
+    z-index: 9;
+    top: 24px;
+    left: 16px;
+    display: flex;
+    .address_item {
       display: flex;
-      .address_item{
-          display: flex;
-          flex-direction: column;
-          margin-right: 8px;
-          justify-content: center; /* 相对父元素水平居中 */
-          align-items: center; /*  子元素相对父元素垂直居中 */
-          position: relative;
-          .portrait{
-              width: 76px;
-              height: 76px;
-              background:#000;
-              border-radius: 50%;
-              margin-bottom: 20px;
+      flex-direction: column;
+      margin-right: 8px;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中 */
+      position: relative;
+      .portrait {
+        width: 76px;
+        height: 76px;
+        background: #000;
+        border-radius: 50%;
+        margin-bottom: 20px;
+      }
+      .name {
+        font-size: 14px;
+        background: #fff;
+        padding: 2px 6px;
+        border-radius: 8px;
+      }
+      &.more {
+        .portrait {
+          width: 40px;
+          background: none;
+        }
+        .name {
+          background: url("../../assets/images/homestead/address_more.png")
+            no-repeat;
+          background-size: 100% 100%;
+          width: 40px;
+          height: 40px;
+          padding: 0;
+        }
+      }
+      .address_suspension {
+        display: none;
+        position: absolute;
+        left: calc(100% + 8px);
+        top: 100px;
+        z-index: 10;
+        padding: 10px 8px 10px 15px;
+        background: #fff;
+        border-radius: 10px;
+        width: auto;
+        .address_suspension_scroll {
+          height: 200px;
+          overflow-y: auto;
+          padding-right: 8px;
+        }
+        .items {
+          white-space: nowrap;
+        }
+      }
+    }
+  }
+  .searchBar_wrap {
+    display: none;
+    // display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    padding: 28px 16px 28px 13px;
+    background: #fff;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    .searchBar_area {
+      flex: 1;
+      height: 80px;
+      background: #f1f1f1;
+      border: 1px solid #dfdfdf;
+      border-radius: 10px;
+      padding: 0 28px;
+      display: flex;
+      .bar_icon {
+        width: 50px;
+        height: 50px;
+        background: url("../../assets/images/homestead/searchBar_bar.png")
+          center center no-repeat;
+        background-size: 100% 100%;
+        margin-top: 14px;
+        margin-right: 15px;
+      }
+      .bar_ipt {
+        flex: 1;
+        input {
+          width: 100%;
+          height: 100%;
+          background: none;
+          border: 0 none;
+          font-size: 32px;
+        }
+      }
+      .bar_text {
+        flex: 0 0 80px;
+        font-size: 32px;
+        color: #333333;
+        font-family: PingFang SC, PingFang SC-Regular;
+        font-weight: 400;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+      }
+    }
+    .searchBar_more {
+      flex: 0 0 80px;
+      background: url("../../assets/images/homestead/searchBar_add.png") center
+        center no-repeat;
+      background-size: 80% 80%;
+      margin-left: 15px;
+    }
+  }
+  .landHomestead_wrap {
+    display: none;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    padding: 0 16px;
+    .landHomestead_search {
+      height: 80px;
+      background: #f1f1f1;
+      border: 1px solid #dfdfdf;
+      border-radius: 10px;
+      padding: 0 28px;
+      display: flex;
+      margin-bottom: 10px;
+      .bar_icon {
+        width: 50px;
+        height: 50px;
+        background: url("../../assets/images/homestead/searchBar_bar.png")
+          center center no-repeat;
+        background-size: 95% 95%;
+        margin-top: 14px;
+        margin-right: 15px;
+      }
+      .bar_ipt {
+        flex: 1;
+        input {
+          width: 100%;
+          height: 100%;
+          background: none;
+          border: 0 none;
+          font-size: 32px;
+        }
+      }
+      .bar_text {
+        flex: 0 0 80px;
+        font-size: 32px;
+        color: #333333;
+        font-family: PingFang SC, PingFang SC-Regular;
+        font-weight: 400;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+      }
+    }
+    .landHomestead_body {
+      background: #fff;
+      padding: 30px 20px;
+      border-top-left-radius: 12px;
+      border-top-right-radius: 12px;
+      position: relative;
+      .body_flex {
+        display: block;
+        overflow: hidden;
+        .attribute {
+          width: 42%;
+          float: left;
+
+          .names {
+            height: 54px;
+            padding-left: 46px;
+            background: url("../../assets/images/homestead/landHomestead_home.png")
+              left center no-repeat;
+            background-size: 38px 36px;
+            font-size: 40px;
+            line-height: 54px;
+            color: #333333;
+            margin-bottom: 12px;
           }
-          .name{
-              font-size: 14px;
-              background: #fff;
-              padding:2px 6px;
-              border-radius: 8px;
+          .address {
+            height: 48px;
+            line-height: 48px;
+            font-size: 28px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            word-break: break-all;
+            margin-right: 8px;
           }
-          &.more{
-              .portrait{
-                  width: 40px;
-                  background: none;
-              }
-              .name{
-                background: #fff;
-                width: 40px;
-                height: 40px;
-                padding:0;
-              }
+          .nature {
+            height: 48px;
+            font-size: 28px;
           }
-          .address_suspension{
-              display: none;
-              position: absolute;
-              left: calc(100% + 8px);
-              top: 100px;
-              z-index: 10;
-              padding:10px 8px 10px 15px;
-              background: #fff;
-              border-radius: 10px;
-              width: auto;
-              .address_suspension_scroll{
-                height: 200px;
-                overflow-y:auto;
-                padding-right: 8px;
-              }
-              .items{
-                  white-space: nowrap
-              }
+        }
+        .distance {
+          width: 29%;
+          float: left;
+          .size {
+            height: 54px;
+            line-height: 54px;
+            font-size: 40px;
+            color: #333333;
+            margin-bottom: 12px;
+          }
+          .probably {
+            line-height: 48px;
+            font-size: 28px;
+            height: 48px;
+          }
+        }
+        .others {
+          width: 29%;
+          float: left;
+          .information {
+            height: 54px;
+            margin-bottom: 12px;
+            .status_text {
+              color: #fff;
+              font-size: 24px;
+              background: #3cbf5b;
+              border-radius: 20px;
+              padding: 8px 15px;
+              float: right;
+            }
+            .location {
+              width: 36px;
+              height: 36px;
+              background: url("../../assets/images/homestead/others_location.png")
+                no-repeat;
+              float: right;
+              margin: 8px 0 0 20px;
+            }
+          }
+          .editor {
+            height: 96px;
+            .editor_icon {
+              width: 72px;
+              height: 72px;
+              float: right;
+              background: #000;
+              margin-top: 14px;
+            }
           }
+        }
       }
+    }
   }
-  .searchBar_wrap{
-      display: none;
-    //   display: flex;
-      position:fixed;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      padding:28px 16px;
+  .landHomesteadDetails_wrap {
+    display: none;
+    // display: flex;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: calc(100% - 190px);
+
+    .content_mian {
+      flex: 1;
+      margin: 0 16px;
+      padding: 28px 40px 28px 40px;
       background: #fff;
       border-top-left-radius: 15px;
       border-top-right-radius: 15px;
-      .searchBar_area{
+      display: flex;
+      flex-direction: column;
+      .serial_flex {
+        flex: 0 0 60px;
+        margin-bottom: 15px;
+        font-size: 40px;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        color: #333;
+        display: flex;
+        .number {
+          flex: 1;
+          span {
+            padding-left: 30px;
+          }
+        }
+        .localhref {
+          height: 36px;
+          flex: 0 0 36px;
+          background: url("../../assets/images/homestead/others_location.png")
+            no-repeat;
+          background-size: 100% 100%;
+        }
+      }
+      .flex_block {
+        flex: 1;
+        font-size: 28px;
+        .describe {
+          color: #555;
+          padding-right: 30px;
+        }
+        .content {
+          font-size: #333;
+        }
+      }
+      .uploadPictures_block {
+        flex: 0 0 160px;
+        display: flex;
+        max-width: 90%;
+        .statusQuo {
           flex: 1;
-          height: 80px;
-          background: #f1f1f1;
-          border: 1px solid #dfdfdf;
-          border-radius: 10px;
-          padding: 0 28px;
           display: flex;
-          .bar_ipt{
-              flex: 1;
-              input{
-                  width: 100%;
-                  height: 100%;
-                  background:none;
-                  border:0 none;
-                  font-size: 32px;
-              }
+          &:first-child {
+            margin-right: 36px;
           }
-          .bar_text{
-              flex: 0 0 80px;
-              font-size: 32px;
-              color: #333333;
-              font-family: PingFang SC, PingFang SC-Regular;
-              font-weight: 400;
-              display: flex;
-              justify-content: center; /* 相对父元素水平居中 */
-              align-items: center; /*  子元素相对父元素垂直居中 */
+          .picture {
+            flex: 1;
+            background: #000;
           }
+          .describe {
+            flex: 0 0 32px;
+            display: flex;
+            justify-content: center; /* 相对父元素水平居中 */
+            align-items: center; /*  子元素相对父元素垂直居中 */
+            margin-left: 6px;
+          }
+        }
       }
-      .searchBar_more{
-          flex: 0 0 80px;
-          background: #333;
-          margin-left: 18px;
+      .editor_block {
+        flex: 0 0 72px;
+        margin-top: 20px;
+        display: flex;
+        justify-content: flex-end;
+        .editor_icon {
+          width: 70px;
+          height: 70px;
+          background: url("../../assets/images/homestead/edit_icon.png")
+            no-repeat;
+          background-size: 100% 100%;
+        }
       }
+
+      //  <div class="editor_block">
+      //   <div class="editor_icon"></div>
+      // </div>
+    }
   }
-  .landHomestead_wrap{
-      position:fixed;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      padding: 0 16px;
-      .landHomestead_search{
-          height: 80px;
-          background: #f1f1f1;
-          border: 1px solid #dfdfdf;
-          border-radius: 10px;
-          padding: 0 28px;
+  .landHomesteadEdit_wrap {
+    display: flex;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: calc(100% - 190px);
+    flex-direction: column;
+    .content_mian {
+      flex: 1;
+      margin: 0 16px;
+      padding: 28px 40px 28px 40px;
+      background: #fff;
+      border-top-left-radius: 15px;
+      border-top-right-radius: 15px;
+      display: flex;
+      flex-direction: column;
+      .info_title {
+        flex: 0 0 60px;
+        margin-bottom: 15px;
+        font-size: 40px;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        color: #333;
+      }
+      .flex_block {
+        height: 100px;
+        margin-bottom: 20px;
+        .number_s50 {
+          width: 50%;
           display: flex;
-          margin-bottom: 10px;
-          .bar_ipt{
-              flex: 1;
-              input{
-                  width: 100%;
-                  height: 100%;
-                  background:none;
-                  border:0 none;
-                  font-size: 32px;
-              }
-          }
-          .bar_text{
-              flex: 0 0 80px;
-              font-size: 32px;
-              color: #333333;
-              font-family: PingFang SC, PingFang SC-Regular;
-              font-weight: 400;
-              display: flex;
-              justify-content: center; /* 相对父元素水平居中 */
-              align-items: center; /*  子元素相对父元素垂直居中 */
+          float: left;
+          flex-direction: column;
+        }
+        .number_s60 {
+          // flex: 0.6;
+          width: 60%;
+          float: left;
+          display: flex;
+          flex-direction: column;
+        }
+        .number_s40 {
+          // flex: 0.4;
+          width: 40%;
+          display: flex;
+          flex-direction: column;
+        }
+        .number_s35 {
+          width: 35%;
+          float: left;
+          display: flex;
+          flex-direction: column;
+        }
+        .number_s30 {
+          width: 30%;
+          display: flex;
+          float: left;
+          flex-direction: column;
+        }
+        .title_m {
+          font-size: 28px;
+          flex: 0 0 50px;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          word-break: break-all;
+          align-items: center; /*  子元素相对父元素垂直居中 */
+        }
+        .input_m {
+          &.select {
+            position: relative;
+            .dropDown_icon {
+              width: 20px;
+              height: 16px;
+              background: url("../../assets/images/homestead/drop-down.png")
+                no-repeat;
+              background-size: 100% 100%;
+              display: block;
+              position: absolute;
+              right: 8px;
+              top: 12px;
+              z-index: 99;
+            }
           }
-      }
-      .landHomestead_body{
-          background: #fff;
-          padding:30px 20px;
-          border-top-left-radius: 12px;
-          border-top-right-radius: 12px;
-          position: relative;
-          .body_flex{
-              display: flex;
-              .attribute{
-                  flex: 0.42;
-                  display: flex;
-                  .names{
-                    flex: 0 0 60px;
-                    font-size: 40px;
-                    color: #333333;
-                  }
-              }
-              .distance{
-                  flex: 0.29;
-              }
-              .others{
-                  flex: 0.29;
+          &.about {
+            position: relative;
+            .about_symbol {
+              position: absolute;
+              left: 8px;
+              top: 5px;
+              z-index: 99;
+            }
+            /deep/ {
+              .van-field__control {
+                padding-left: 38px;
               }
+            }
+          }
 
-
-//    <div class="attribute">
-//                         <div class="names">孙全礼</div>
-//                         <div class="address">南郊村东二街30号</div>
-//                         <div class="nature">性质：农村宅基地</div>
-//                     </div>
-//                     <div class="distance">
-//                         <div class="size">103</div>
-//                         <div class="probably">大约120㎡ </div>
-//                     </div>
-//                     <div class="others">
-//                         <div class="information"></div>
-//                         <div class="editor"></div>
-//                     </div>
-
-
+          .van-cell {
+            padding: 0;
+            /deep/ {
+              .van-field__control {
+                border-bottom: 1px solid #707070;
+                &:focus {
+                  border-color: #3cbf5b;
+                  color: #3cbf5b;
+                }
+              }
+            }
           }
+        }
+        .mr50 {
+          padding-right: 50px;
+        }
+      }
+    }
+    .footer_main {
+      flex: 0 0 120px;
+      background: #fff;
+      display: flex;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中 */
+      .cancel,
+      .save {
+        width: 260px;
+        height: 75px;
+        border-radius: 75px;
+        background: #cccccc;
+        font-size: 32px;
+        color: #fff;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+      }
+      .save {
+        background: #3cbf5b;
+        margin-left: 50px;
       }
-      
+    }
   }
-
 }
 
-
 ::-webkit-scrollbar {
-    -webkit-appearance: none;
+  -webkit-appearance: none;
 }
- 
+
 ::-webkit-scrollbar:vertical {
-    width: 8px;
-    border-radius: 8px;
+  width: 8px;
+  border-radius: 8px;
 }
- 
+
 ::-webkit-scrollbar:horizontal {
-    height: 8px;
-    border-radius: 8px;
+  height: 8px;
+  border-radius: 8px;
 }
- 
+
 ::-webkit-scrollbar-thumb {
-    background-color: #9f9f9f;;
-    border-radius: 8px;
-    border: 1px solid #ffffff;
+  background-color: #9f9f9f;
+  border-radius: 8px;
+  border: 1px solid #ffffff;
 }
- 
+
 ::-webkit-scrollbar-track {
-    border-radius: 8px; 
-    background-color: #ffffff;
+  border-radius: 8px;
+  background-color: #ffffff;
 }
 </style>
\ No newline at end of file