diff --git a/src/components/DetailPopup/styles/index.scss b/src/components/DetailPopup/styles/index.scss
deleted file mode 100644
index 57425d5..0000000
--- a/src/components/DetailPopup/styles/index.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.refund-popup {
-  border-radius: 15px 15px 0 0;
-  padding-bottom: 40px;
-}
-
-.close {
-  top: 14px;
-  right: 12px;
-}
diff --git a/src/components/DetailPopup/index.vue b/src/pages/booking/components/DetailPopup/index.vue
similarity index 100%
rename from src/components/DetailPopup/index.vue
rename to src/pages/booking/components/DetailPopup/index.vue
diff --git a/src/pages/booking/index.vue b/src/pages/booking/index.vue
index 3d3d65b..d3ee749 100644
--- a/src/pages/booking/index.vue
+++ b/src/pages/booking/index.vue
@@ -69,7 +69,7 @@ import DateRangeSection from "@/components/DateRangeSection/index.vue";
 import ContactSection from "./components/ConactSection/index.vue";
 import UserSection from "./components/UserSection/index.vue";
 import RefundPopup from "@/components/RefundPopup/index.vue";
-import DetailPopup from "@/components/DetailPopup/index.vue";
+import DetailPopup from "./components/DetailPopup/index.vue";
 import FooterSection from "./components/FooterSection/index.vue";
 import { goodsDetail, orderPay } from "@/api/goods";
 import { useSelectedDateStore } from "@/store";