diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 162719d..e9cebba 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -43,7 +43,7 @@
       </div>
 
       <div v-else class=" card-content flex items-center p-[12px]">
-        <div class=" left flex-1 pr-20">
+        <div class=" left flex-1 pr-[20px]">
           <div class="text-[12px] text-ink-600 leading-[20px] mb-[4px]">
             所在位置：{{ roomId }}
           </div>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index b4926ec..b98b77b 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -33,7 +33,7 @@
         </div>
       </div>
 
-      <div class="footer-help flex items-center pl-12 mb-[12px]">
+      <div class="footer-help flex items-center pl-[12px] mb-[12px]">
         <img class="w-[16px] h-[16px] mr-[4px]" src="./images/icon_volume.png" />
         <span class="text-[12px] font-medium color-FA7319">
           {{ appName }}收到您的意见将第一时间为您处理!
diff --git a/src/components/GoodDetail/index.vue b/src/components/GoodDetail/index.vue
index 5a2cfb8..40b07dd 100644
--- a/src/components/GoodDetail/index.vue
+++ b/src/components/GoodDetail/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class=" border-top-8">
-    <div v-if="goodsData.commodityPurchaseInstruction" class=" pl-12 pr-12">
+    <div v-if="goodsData.commodityPurchaseInstruction" class=" pl-[12px] pr-[12px]">
       <ModuleTitle v-if="showTitle" :title="goodsData.commodityPurchaseInstruction.templateTitle" />
       <div v-for="(moduleItem, index) in goodsData.commodityPurchaseInstruction
         .commodityPurchaseInstructionModuleEntityList" :key="index">
diff --git a/src/pages/booking/components/UserSection/index.vue b/src/pages/booking/components/UserSection/index.vue
index 6f28e3e..ccc6bb3 100644
--- a/src/pages/booking/components/UserSection/index.vue
+++ b/src/pages/booking/components/UserSection/index.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
 
-    <div class=" pl-12 pr-12">
+    <div class=" pl-[12px] pr-[12px]">
       <div class=" border-b border-ink-200 pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
         :key="index">
         <div class="text-[14px] font-medium text-ink-600 mr-[12px]">住客姓名</div>
diff --git a/src/pages/home/components/ChatTopWelcome/index.vue b/src/pages/home/components/ChatTopWelcome/index.vue
index 10472b9..6f4dfc2 100644
--- a/src/pages/home/components/ChatTopWelcome/index.vue
+++ b/src/pages/home/components/ChatTopWelcome/index.vue
@@ -2,7 +2,7 @@ v
 <template>
   <div class="welcome-content  p-[12px]">
     <div class="wrap rounded-[20px]">
-      <div class="flex items-center justify-between  pl-12 pr-12">
+      <div class="flex items-center justify-between  pl-[12px] pr-[12px]">
         <SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
           :frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
           :displayWidth="spriteStyle.displayWidth" :fps="16" />
diff --git a/src/pages/home/components/MoreService/index.vue b/src/pages/home/components/MoreService/index.vue
index aa42713..c59d2b6 100644
--- a/src/pages/home/components/MoreService/index.vue
+++ b/src/pages/home/components/MoreService/index.vue
@@ -1,15 +1,16 @@
 <template>
   <van-popup ref="popup" position="bottom" v-model:show="show">
-    <div class="popup-content  pt-[12px] pl-12 pr-12">
-      <div class="header flex items-center pb-[12px]">
+    <div class="popup-content bg-[#f5f7fa] rounded-t-[15px] pt-[12px] pl-[12px] pr-[12px] pb-[30px]">
+      <div class="flex items-center pb-[12px]">
         <div class="title flex-1 text-center text-[17px] text-black font-medium ml-24">更多服务</div>
         <van-icon name="cross" size="24" color="#CACFD8" @click="close" />
       </div>
 
-      <div class="list bg-white  pl-20 pr-20">
-        <div class="item  border-b border-ink-200 pt-20 pb-20" v-for="(item, index) in list" :key="index">
+      <div class="rounded-[15px] bg-white pl-[20px] pr-[20px]">
+        <div class="gap-[20px] border-b border-ink-200 pt-[20px] pb-[20px] last:border-b-0"
+          v-for="(item, index) in list" :key="index">
           <div class="flex items-center justify-center">
-            <img v-if="item.icon" class="left" :src="item.icon" />
+            <img v-if="item.icon" class="w-[24px] h-[24px] mr-[12px]" :src="item.icon" />
             <div class="center flex-1">
               <div class="text-[16px] text-black leading-[24px] font-medium">
                 {{ item.title }}
@@ -18,7 +19,8 @@
                 {{ item.content }}
               </div>
             </div>
-            <div class="right  text-[12px] text-white leading-[16px]" @click="handleClick(item)">
+            <div class="bg-[#0ccd58] rounded-[5px] p-[6px] text-[12px] text-white leading-[16px]"
+              @click="handleClick(item)">
               {{ item.btnText }}
             </div>
           </div>
@@ -109,7 +111,3 @@ emitter.on("SHOW_MORE_POPUP", () => {
   open();
 });
 </script>
-
-<style lang="scss" scoped>
-@import "./styles/index.scss";
-</style>
diff --git a/src/pages/home/components/MoreService/styles/index.scss b/src/pages/home/components/MoreService/styles/index.scss
deleted file mode 100644
index 9cd8993..0000000
--- a/src/pages/home/components/MoreService/styles/index.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-.popup-content {
-  background-color: #f5f7fa;
-  border-radius: 15px 15px 0 0;
-  padding-bottom: Max(env(safe-area-inset-bottom), 12px) !important;
-}
-
-.list {
-  border-radius: 15px;
-}
-
-.item {
-  gap: 20px;
-
-  &:last-child {
-    border-bottom: none;
-  }
-}
-
-.left {
-  width: 24px;
-  height: 24px;
-  margin-right: 12px;
-}
-
-.right {
-  background-color: #0ccd58;
-  border-radius: 5px;
-  padding: 6px;
-}
diff --git a/src/pages/home/components/RoutePlanCard/index.vue b/src/pages/home/components/RoutePlanCard/index.vue
index 15b677a..086bc47 100644
--- a/src/pages/home/components/RoutePlanCard/index.vue
+++ b/src/pages/home/components/RoutePlanCard/index.vue
@@ -136,7 +136,3 @@ const handleSelect = (node) => {
   emit("select", node);
 };
 </script>
-
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>