diff --git a/src/pages/order/create.vue b/src/pages/order/create.vue
index caef227..98e202e 100644
--- a/src/pages/order/create.vue
+++ b/src/pages/order/create.vue
@@ -74,7 +74,7 @@
             </view>
         </view>
         <view
-            class="pay-component"
+            class="bottom-components"
             :style="{ bottom: config.safeAreaInsets.bottom + 'px' }"
         >
             <text class="price">¥306.00</text>
@@ -314,7 +314,7 @@ export default {
     box-sizing: border-box;
     padding: 0 40rpx 40rpx 40rpx;
 }
-.pay-component {
+.bottom-components {
     position: fixed;
     left: 0;
     right: 0;
diff --git a/src/pages/service/detail.vue b/src/pages/service/detail.vue
index 72fd44e..23aaf06 100644
--- a/src/pages/service/detail.vue
+++ b/src/pages/service/detail.vue
@@ -89,7 +89,7 @@
                 </swiper-item>
             </swiper>
             <view
-                class="service-buy-box"
+                class="bottom-components"
                 v-if="tabIndex == 0"
                 :style="{ bottom: config.safeAreaInsets.bottom + 'px' }"
             >
@@ -295,7 +295,7 @@ export default {
         padding: 45rpx 0;
     }
 }
-.service-buy-box {
+.bottom-components {
     position: fixed;
     max-width: 750px;
     width: 100%;
diff --git a/src/pages/service/list.vue b/src/pages/service/list.vue
index 7865a8b..f68bc74 100644
--- a/src/pages/service/list.vue
+++ b/src/pages/service/list.vue
@@ -15,7 +15,7 @@
             />
         </view>
         <view
-            class="buy-components"
+            class="bottom-components"
             :style="{ bottom: config.safeAreaInsets.bottom + 'px' }"
         >
             <view class="cart">
@@ -132,7 +132,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.buy-components {
+.bottom-components {
     position: fixed;
     right: 0;
     bottom: 0;