diff --git a/src/assets/style/style.css b/src/assets/style/style.css
index bd544bdd..bf605acb 100644
--- a/src/assets/style/style.css
+++ b/src/assets/style/style.css
@@ -1152,6 +1152,7 @@ li {
   vertical-align: top;
 }
 .designOpenrtion_modal .design_closeIcon,
+.designOpenrtionMobile_modal .design_closeIcon,
 .design_detail_modal_component .design_closeIcon {
   top: 2rem;
   right: 2rem;
@@ -1164,6 +1165,7 @@ li {
   position: absolute;
 }
 .designOpenrtion_modal .design_closeIcon .fi-rr-cross-small::before,
+.designOpenrtionMobile_modal .design_closeIcon .fi-rr-cross-small::before,
 .design_detail_modal_component .design_closeIcon .fi-rr-cross-small::before {
   padding: 0.2rem;
   border-radius: 5px;
@@ -1172,6 +1174,7 @@ li {
   color: rgba(0, 0, 0, 0.55);
 }
 .designOpenrtion_modal .design_closeIcon.collection_closeIcon:hover .fi-rr-cross-small::before,
+.designOpenrtionMobile_modal .design_closeIcon.collection_closeIcon:hover .fi-rr-cross-small::before,
 .design_detail_modal_component .design_closeIcon.collection_closeIcon:hover .fi-rr-cross-small::before {
   border: solid 2px rgba(0, 0, 0, 0.55);
   color: #000000;
diff --git a/src/assets/style/style.less b/src/assets/style/style.less
index c1e100b5..e282294d 100644
--- a/src/assets/style/style.less
+++ b/src/assets/style/style.less
@@ -1262,7 +1262,7 @@ input:focus{
     }
 }
 //desing 关闭按钮
-.designOpenrtion_modal,.design_detail_modal_component{
+.designOpenrtion_modal,.designOpenrtionMobile_modal,.design_detail_modal_component{
 	.design_closeIcon{
 		top: 2rem;
 		right: 2rem;
diff --git a/src/component/HomePage/collectionModal.vue b/src/component/HomePage/collectionModal.vue
index 54245da7..7d1b8460 100644
--- a/src/component/HomePage/collectionModal.vue
+++ b/src/component/HomePage/collectionModal.vue
@@ -433,7 +433,7 @@ export default defineComponent({
 }
 </style>
 <style lang="less">
-.collection_modal,.layout_modal{
+.collection_modal,.layout_modal,.layoutMobile_modal{
 	// max-width: 1200px ;
 	// max-width: 1150px ;
 	.ant-modal-content{