diff --git a/src/assets/style/index.less b/src/assets/style/index.less
index c038388..b69bee9 100644
--- a/src/assets/style/index.less
+++ b/src/assets/style/index.less
@@ -25,8 +25,11 @@ html,body,#app{
     height: 50px;
 }
 
-.footer_body {
-    height: 2rem;
+.footer_body{
+    height: 50px;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+    box-sizing: content-box;
 }
 
 .no_data{
diff --git a/src/components/footer-enforcement-nav/index.vue b/src/components/footer-enforcement-nav/index.vue
index 10b89f0..e536b08 100644
--- a/src/components/footer-enforcement-nav/index.vue
+++ b/src/components/footer-enforcement-nav/index.vue
@@ -45,12 +45,16 @@ let data = reactive({
 </script>
 <style lang="less" scoped>
 .footer_nav{
-  height: 2.0rem;
+  height: 50px;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  box-sizing: content-box;
   background-color: #fff;
   /*box-shadow: 0 0 0.27rem #e5e5e5;*/
   .footer-bar{
     position: absolute;
-    bottom: 0.6rem;
+    bottom: constant(safe-area-inset-bottom);
+    bottom: env(safe-area-inset-bottom);
   }
 }
 
diff --git a/src/components/footer-nav/index.vue b/src/components/footer-nav/index.vue
index 8c774cf..e3ad4fc 100644
--- a/src/components/footer-nav/index.vue
+++ b/src/components/footer-nav/index.vue
@@ -28,16 +28,17 @@ let data = reactive({
 
 </script>
 <style lang="less" scoped>
-.footer_body{
-  height: 2rem;
-}
 	.footer_nav{
-		height: 2.0rem;
+		heighheight: 50px;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+    box-sizing: content-box;
     background-color: #fff;
     /*box-shadow: 0 0 0.27rem #e5e5e5;*/
 		.footer-bar{
 			position: absolute;
-			bottom: 0.6rem;
+      bottom: constant(safe-area-inset-bottom);
+      bottom: env(safe-area-inset-bottom);
 		}
 	}
 
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 15bcadf..3833f3f 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -299,8 +299,7 @@
         .boutique_box {
             position: absolute;
             width: 100%;
-            bottom: calc(0.5rem + constant(safe-area-inset-bottom));
-            bottom: calc(0.5rem + env(safe-area-inset-bottom));
+            bottom: 0.5rem;
 
             .boutique_body {
                 padding: 0 0 0.27rem 0;
diff --git a/src/views/HomeWx.vue b/src/views/HomeWx.vue
index 977c4f7..622ad44 100644
--- a/src/views/HomeWx.vue
+++ b/src/views/HomeWx.vue
@@ -250,8 +250,7 @@
         .boutique_box {
             position: absolute;
             width: 100%;
-            bottom: calc(0.5rem + constant(safe-area-inset-bottom));
-            bottom: calc(0.5rem + env(safe-area-inset-bottom));
+            bottom: 0.5rem;
 
             .boutique_body {
                 padding: 0 0 0.27rem 0;
diff --git a/src/views/enforceHome.vue b/src/views/enforceHome.vue
index a2281ca..ddaa2fe 100644
--- a/src/views/enforceHome.vue
+++ b/src/views/enforceHome.vue
@@ -354,8 +354,7 @@
         .boutique_box {
             position: absolute;
             width: 100%;
-            bottom: calc(0.5rem + constant(safe-area-inset-bottom));
-            bottom: calc(0.5rem + env(safe-area-inset-bottom));
+            bottom: 0.5rem;
 
             .boutique_body {
                 padding: 0 0 0.27rem 0;