diff --git a/src/App.vue b/src/App.vue
index 3634efe..afa88e3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -159,10 +159,10 @@ export default {
     right: 0;
     bottom: 0;
     max-width: 750px;
-    width: 100%;
+    // width: 100%;
     height: 100rpx;
     margin: 0 auto;
-    box-sizing: border-box;
+    // box-sizing: border-box;
     padding: 0 40rpx;
     display: flex;
     align-items: center;
diff --git a/src/pages/address/address.vue b/src/pages/address/address.vue
index faeebe7..9d72319 100644
--- a/src/pages/address/address.vue
+++ b/src/pages/address/address.vue
@@ -25,7 +25,7 @@
                 </view>
             </view>
         </view>
-        <view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
+        <view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
             <view class="btn get-wechat-address" @click="getWechatAddress">
                 <text class="text">获取微信收货地址</text>
             </view>
diff --git a/src/pages/demand/demand.vue b/src/pages/demand/demand.vue
index cdba47c..d286e33 100644
--- a/src/pages/demand/demand.vue
+++ b/src/pages/demand/demand.vue
@@ -169,7 +169,7 @@
                         />
                     </view>
                 </view>
-                <view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
+                <view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
                     <text class="price">¥ {{ utils.formatNumber(total, 2) }}</text>
                     <view class="btn" @click="submit">
                         <div class="text">立即发布</div>
diff --git a/src/pages/order/create.vue b/src/pages/order/create.vue
index 6682e25..64a8b34 100644
--- a/src/pages/order/create.vue
+++ b/src/pages/order/create.vue
@@ -56,7 +56,7 @@
                 />
             </view>
         </view>
-        <view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
+        <view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
             <text class="price">¥ {{ utils.formatNumber(total) }}</text>
             <view class="pay" @click="pay">
                 <div class="text">去支付</div>
diff --git a/src/pages/order/detail.vue b/src/pages/order/detail.vue
index 52188ee..5ea859c 100644
--- a/src/pages/order/detail.vue
+++ b/src/pages/order/detail.vue
@@ -158,7 +158,7 @@
                 </view>
             </view>
         </view>
-        <view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
+        <view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
             <view class="service" @click="showService = true">
                 <text class="iconfont icon-kefu"></text>
                 <text class="text">客服</text>
diff --git a/src/pages/service/detail.vue b/src/pages/service/detail.vue
index 7abe2c0..5b8e1f5 100644
--- a/src/pages/service/detail.vue
+++ b/src/pages/service/detail.vue
@@ -45,7 +45,7 @@
                         </view>
                     </div>
                 </view>
-                <view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
+                <view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
                     <view class="price">
                         <text class="text">¥{{ detail.price }}</text>
                     </view>
diff --git a/src/pages/service/list.vue b/src/pages/service/list.vue
index 0410b36..32b193d 100644
--- a/src/pages/service/list.vue
+++ b/src/pages/service/list.vue
@@ -10,7 +10,7 @@
                 :activeId="currentId"
             />
         </view>
-        <view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
+        <view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
             <view class="cart" @click="utils.toPage('/pages/service/cart')">
                 <view class="cart-icon">
                     <text class="iconfont icon-gouwuche"></text>
diff --git a/src/pages/service/other/distribution.vue b/src/pages/service/other/distribution.vue
index 05d40f3..f3d69ca 100644
--- a/src/pages/service/other/distribution.vue
+++ b/src/pages/service/other/distribution.vue
@@ -88,7 +88,7 @@
                 </view>
             </view>
         </view>
-        <view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
+        <view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
             <text class="price">¥ {{ utils.formatNumber(total) }}</text>
             <view class="btn" @click="submit">
                 <div class="text">立即支付</div>