diff --git a/src/assets/style/style.css b/src/assets/style/style.css
index fd19779d..ee71f8df 100644
--- a/src/assets/style/style.css
+++ b/src/assets/style/style.css
@@ -772,7 +772,7 @@ i {
 .collection_modal_body .upload_item .upload_file_item,
 .design_detail_modal_component .upload_item .upload_file_item,
 .library_page .upload_item .upload_file_item {
-  margin: 0 1rem 2rem 0;
+  margin: 0 2rem 2rem 0;
   display: inline-block;
   width: 10rem;
   height: 10rem;
diff --git a/src/assets/style/style.less b/src/assets/style/style.less
index cfee8873..f7d81ae0 100644
--- a/src/assets/style/style.less
+++ b/src/assets/style/style.less
@@ -866,7 +866,7 @@ i{
 		display: flex;
 		flex-wrap: wrap;
 		.upload_file_item {
-			margin: 0 1rem 2rem 0;
+			margin: 0 2rem 2rem 0;
 			display: inline-block;
 			// width: 16.5rem;
 			// height: 16.5rem;
diff --git a/src/component/Detail/DesignDetail.vue b/src/component/Detail/DesignDetail.vue
index b7311733..adb6577c 100644
--- a/src/component/Detail/DesignDetail.vue
+++ b/src/component/Detail/DesignDetail.vue
@@ -5,7 +5,7 @@
 		:class="[driver__.driver?'hideEvents':'']"
             v-model:visible="designDetailShow" 
             :footer="null" 
-            width="110rem"
+            width="65%"
             :maskClosable="false"
             :centered="true"
 			:keyboard="false"
diff --git a/src/component/Detail/DesignDetailAlter.vue b/src/component/Detail/DesignDetailAlter.vue
index ade8e950..7d4072eb 100644
--- a/src/component/Detail/DesignDetailAlter.vue
+++ b/src/component/Detail/DesignDetailAlter.vue
@@ -1052,7 +1052,7 @@ export default defineComponent({
                     // background: #FFFFFF;
                     border: 0.1rem solid #F1F1F1;
                     // font-size: 1.6rem;
-					font-size: 1.4rem;
+					font-size: 1.2rem;
                     font-weight: 400;
 					height: 3rem;
 
@@ -1125,8 +1125,6 @@ export default defineComponent({
                 vertical-align: top;
                 // padding: 0 1.4rem;
                 // margin-bottom: 2.8rem;
-				max-width: 48%;
-
 				margin-bottom: 2rem;
 				padding: 0;
 				// height: 9rem;
@@ -1141,7 +1139,6 @@ export default defineComponent({
 				}
                 .content_img_item_block{
                     // border: 0.1rem solid transparent;
-					max-width: 100%;
 					width: 10rem;
 					height: 10rem;
                     display: flex;
@@ -1310,7 +1307,7 @@ export default defineComponent({
 			}
 
 			.upload_file_item{
-				// margin: 0 1rem 2rem 0;
+				// margin: 0 2rem 2rem 0;
 				margin: 0;
 				display: inline-block;
 				// width: 16.5rem;
@@ -1679,7 +1676,7 @@ export default defineComponent({
 					display: flex;
 					justify-content: center;
 					.ant-upload-select-picture-card{
-						// margin: 0 1rem 2rem 0;
+						// margin: 0 2rem 2rem 0;
 						margin: 0;
 						display: inline-block;
 						width: 6rem;
diff --git a/src/component/Detail/DesignPrintOperation.vue b/src/component/Detail/DesignPrintOperation.vue
index 4df7b8b0..6fdebd8b 100644
--- a/src/component/Detail/DesignPrintOperation.vue
+++ b/src/component/Detail/DesignPrintOperation.vue
@@ -5,7 +5,7 @@
 			:class="[driver__.driver?'hideEvents':'']"
             v-model:visible="designOpenrtion"
             :footer="null"
-            width="110rem"
+            width="65%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
diff --git a/src/component/Detail/DesignPrintOperationMobile.vue b/src/component/Detail/DesignPrintOperationMobile.vue
index 423e20c8..18520a06 100644
--- a/src/component/Detail/DesignPrintOperationMobile.vue
+++ b/src/component/Detail/DesignPrintOperationMobile.vue
@@ -5,7 +5,7 @@
             v-model:visible="designOpenrtion"
 			:class="[driver__.driver?'hideEvents':'']"
             :footer="null"
-            width="110rem"
+            width="65%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
diff --git a/src/component/Detail/HistoryDetail.vue b/src/component/Detail/HistoryDetail.vue
index 557583d2..d317b635 100644
--- a/src/component/Detail/HistoryDetail.vue
+++ b/src/component/Detail/HistoryDetail.vue
@@ -65,8 +65,8 @@ export default defineComponent({
 
     .ant-modal-body{
         background: #F2F3FB;
-        height: 70vh;
-        min-height: 62rem;
+        height: 80vh;
+        min-height: 72rem;
         overflow-y: hidden;
         padding: 0;
     }
diff --git a/src/component/HomePage/ColorboardUpload.vue b/src/component/HomePage/ColorboardUpload.vue
index 5bd3d42a..7c3717c6 100644
--- a/src/component/HomePage/ColorboardUpload.vue
+++ b/src/component/HomePage/ColorboardUpload.vue
@@ -608,7 +608,7 @@ export default defineComponent({
 					display: none;
 				}
                 .upload_file_item{
-                    // margin: 0 1rem 2rem 0;
+                    // margin: 0 2rem 2rem 0;
 					margin: 0;
                     display: inline-block;
                     // width: 16.5rem;
@@ -979,7 +979,7 @@ export default defineComponent({
 				.ant-upload-picture-card-wrapper{
 					.ant-upload-list{
 						.ant-upload-select-picture-card{
-							// margin: 0 1rem 2rem 0;
+							// margin: 0 2rem 2rem 0;
 							margin: 0;
 							display: inline-block;
 							width: 12rem;
diff --git a/src/component/HomePage/Cropper.vue b/src/component/HomePage/Cropper.vue
index e18a7472..c0860279 100644
--- a/src/component/HomePage/Cropper.vue
+++ b/src/component/HomePage/Cropper.vue
@@ -2,7 +2,7 @@
       <a-modal class="modal_component cut_pricture_modal"
         v-model:visible="cutPicuterModal" 
         :footer="null" 
-        width="110rem"
+        width="65%"
         :maskClosable="false"
         :centered="true"
 		:closable="false"
diff --git a/src/component/HomePage/Generate.vue b/src/component/HomePage/Generate.vue
index fa935738..1e55c06c 100644
--- a/src/component/HomePage/Generate.vue
+++ b/src/component/HomePage/Generate.vue
@@ -763,7 +763,7 @@ export default defineComponent({
     }
     .generate_checkbox {
         div {
-            margin-right: 2rem;
+            margin-right: 4rem;
             label {
                 display: flex;
                 cursor: pointer;
@@ -824,7 +824,7 @@ export default defineComponent({
 		flex: 1;
         .generage_img_item {
             cursor: pointer;
-            margin: 0 1rem 2rem 0;
+            margin: 0 2rem 2rem 0;
 			position: relative;
             &.active {
 					opacity: 0.5;
diff --git a/src/component/HomePage/Header.vue b/src/component/HomePage/Header.vue
index d5c7ea6a..17980f1e 100644
--- a/src/component/HomePage/Header.vue
+++ b/src/component/HomePage/Header.vue
@@ -555,7 +555,7 @@ export default defineComponent({
         // right: 3.2rem;
 		left: 0;
         display: flex;
-		width: 35%;
+		width: 33%;
 		height: 100%;
 		align-items: center;
 		overflow: hidden;
diff --git a/src/component/HomePage/MarketingSketchUpload.vue b/src/component/HomePage/MarketingSketchUpload.vue
index 43a97e29..f7964023 100644
--- a/src/component/HomePage/MarketingSketchUpload.vue
+++ b/src/component/HomePage/MarketingSketchUpload.vue
@@ -209,7 +209,7 @@ export default defineComponent({
         }
 
         .upload_file_item{
-            margin: 0 1rem 2rem 0;
+            margin: 0 2rem 2rem 0;
             display: inline-block;
             width: 16.5rem;
             height: 16.5rem;
diff --git a/src/component/HomePage/Material.vue b/src/component/HomePage/Material.vue
index cbb02df6..58776d1c 100644
--- a/src/component/HomePage/Material.vue
+++ b/src/component/HomePage/Material.vue
@@ -428,7 +428,7 @@ export default defineComponent({
                     // background: #FFFFFF;
                     border: 0.1rem solid #F1F1F1;
                     // font-size: 1.6rem;
-					font-size: 1.4rem;
+					font-size: 1.2rem;
                     font-weight: 400;
 					height: 3rem;
 
@@ -536,7 +536,7 @@ export default defineComponent({
 			&.material_content_body::-webkit-scrollbar{display: none;}
 
             .content_img_item{
-				margin: 0 1rem 5rem 0;
+				margin: 0 2rem 5rem 0;
 				display: inline-block;
 				width: 10rem;
 				height: 10rem;
@@ -550,7 +550,7 @@ export default defineComponent({
 					height: 100%;
 				}
 				&.moodb{
-					margin: 0 1rem 2rem 0;
+					margin: 0 2rem 2rem 0;
 				}
 				.pin_block{
 					.ant-checkbox-wrapper{
diff --git a/src/component/HomePage/MoodboardUpload.vue b/src/component/HomePage/MoodboardUpload.vue
index 7b26961f..c55f918c 100644
--- a/src/component/HomePage/MoodboardUpload.vue
+++ b/src/component/HomePage/MoodboardUpload.vue
@@ -569,7 +569,6 @@ export default defineComponent({
             border-right: 1px solid #e5e5e5;
 			display: flex;
 			flex-direction: column;
-			flex-shrink: 0;
             &.moodboard_body::-webkit-scrollbar {
                 display: none;
             }
@@ -663,8 +662,8 @@ export default defineComponent({
 			}
 			.modal_img_max{
 				// flex: 1;
-				width: 49rem;
-				height: calc(49rem*0.614);
+				width: 57rem;
+				height: 35rem;
 				position: relative;
 				.mark_loading{
 					position: absolute;
diff --git a/src/component/HomePage/PrintboardUpload.vue b/src/component/HomePage/PrintboardUpload.vue
index bd7b28c6..21287f43 100644
--- a/src/component/HomePage/PrintboardUpload.vue
+++ b/src/component/HomePage/PrintboardUpload.vue
@@ -869,7 +869,7 @@ export default defineComponent({
 		
             .upload_file_item{
                 margin: 0 2rem 5rem 0;
-				// margin: 0 1rem 2rem 0;
+				// margin: 0 2rem 2rem 0;
 				display: inline-block;
 				width: 10rem;
 				height: 10rem;
diff --git a/src/component/HomePage/SketchboardUpload.vue b/src/component/HomePage/SketchboardUpload.vue
index c3a7afe7..0bd15907 100644
--- a/src/component/HomePage/SketchboardUpload.vue
+++ b/src/component/HomePage/SketchboardUpload.vue
@@ -877,7 +877,7 @@ export default defineComponent({
        
 		.upload_file_item{
 			margin: 0 2rem 4rem 0;
-			// margin: 0 1rem 2rem 0;
+			// margin: 0 2rem 2rem 0;
 			display: inline-block;
 			width: 10rem;
 			height: 10rem;
diff --git a/src/component/HomePage/collectionModal.vue b/src/component/HomePage/collectionModal.vue
index 4f769e3f..96bfe1f7 100644
--- a/src/component/HomePage/collectionModal.vue
+++ b/src/component/HomePage/collectionModal.vue
@@ -3,7 +3,7 @@
          <a-modal class="modal_component collection_modal Guide_1_2" 
             v-model:visible="showCollectionModal" 
             :footer="null" 
-            width="110rem"
+            width="65%"
             :maskClosable="false"
             :centered="true"
 			:closable="false"
diff --git a/src/component/HomePage/layout.vue b/src/component/HomePage/layout.vue
index 1e2c5b94..97a7dd1f 100644
--- a/src/component/HomePage/layout.vue
+++ b/src/component/HomePage/layout.vue
@@ -4,7 +4,7 @@
             class="layout_modal"
             v-model:visible="layout"
             :footer="null"
-            width="110rem"
+            width="65%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
@@ -732,8 +732,8 @@ export default defineComponent({
 		.layout_centent{
 			display: flex;
 			// height: 55%;
-			width: 49rem;
-			height: calc(49rem*0.614);
+			height: 35rem;
+			width: 57rem;
 			// height: 60%;
 			flex-direction: column;
 			flex-wrap: wrap;
diff --git a/src/component/HomePage/layoutMobile.vue b/src/component/HomePage/layoutMobile.vue
index 5d227aea..c8520cf9 100644
--- a/src/component/HomePage/layoutMobile.vue
+++ b/src/component/HomePage/layoutMobile.vue
@@ -4,7 +4,7 @@
             class="layout_modal"
             v-model:visible="layout"
             :footer="null"
-            width="110rem"
+            width="65%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
@@ -28,7 +28,7 @@
 				</div>
 				<div class="layout_centent" :class="{active:flex_direction}" id="layoutCentent">
 					<div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem" v-layout="index" @touchstart="setpitch(item,index)" ref="content" >
-						<img crossOrigin="anonymous" :src="item.imgUrl" :style="{'transform':'translate(-50%, -50%) scale('+item.zoom+')'}" draggable="false" v-modelImg> 
+						<img crossOrigin="anonymous" :src="item.imgUrl" :style="{'zoom':item.zoom}" draggable="false" v-modelImg> 
 						<ul v-show="item.setPitch" class="layout_btn" >
 							<li class="layout_btn_top" v-compile.stop="'top'"></li>
 							<li class="layout_btn_bottom" v-compile.stop="'bottom'"></li>
@@ -502,7 +502,7 @@ export default defineComponent({
 		//移动图片
 		translate:{
 			mounted (el,layout:any,binding) {
-				el.ontouchstart = (e:any)=>{
+				el.addEventListener('touchstart',(e:any)=>{
 					e.stopPropagation()
 					let elParent = el.parentNode.parentNode
 					el.style.left = (el.offsetLeft+2)/(elParent.offsetWidth)*100+'%'
@@ -525,7 +525,6 @@ export default defineComponent({
 							el.previousSibling.style.left = left
 							elParent.firstChild.style.top = top
 							elParent.firstChild.style.left = left
-							
 							if(el.offsetLeft <=0){
 								el.style.left = 0+'%'
 								el.previousSibling.style.left = 0+'%'
@@ -564,7 +563,7 @@ export default defineComponent({
 
 						})
 					});
-				}
+				})
 			},
 		},
 		modelImg:{
@@ -786,8 +785,8 @@ export default defineComponent({
 		.layout_centent{
 			display: flex;
 			// height: 55%;
-			width: 49rem;
-			height: calc(49rem*0.614);
+			height: 35rem;
+			width: 57rem;
 			// height: 60%;
 			flex-direction: column;
 			flex-wrap: wrap;
diff --git a/src/component/HomePage/scaleImage.vue b/src/component/HomePage/scaleImage.vue
index 14bfd282..3495d40d 100644
--- a/src/component/HomePage/scaleImage.vue
+++ b/src/component/HomePage/scaleImage.vue
@@ -3,7 +3,7 @@
             class="scaleImage_modal"
             v-model:visible="scaleImage"
             :footer="null"
-            width="110rem"
+            width="65%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
diff --git a/src/component/LibraryPage/setLabel.vue b/src/component/LibraryPage/setLabel.vue
index d9549452..24aaf366 100644
--- a/src/component/LibraryPage/setLabel.vue
+++ b/src/component/LibraryPage/setLabel.vue
@@ -3,7 +3,7 @@
 		v-model:visible="setLabelShow" 
 		:footer="null" 
 		:title="$t('setLabel.EditTag')"
-		width="110rem"
+		width="65%"
 		:maskClosable="false"
 			:keyboard="false"
 		:centered="true"
diff --git a/src/tool/flexible.js b/src/tool/flexible.js
index 3b4fd3a4..39d359c1 100644
--- a/src/tool/flexible.js
+++ b/src/tool/flexible.js
@@ -1,7 +1,6 @@
 let flexible = (designWidth, maxWidth,minWidth) =>{
     var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid;
-	
-    designWidth = designWidth || 1600;
+    designWidth = designWidth || 1920;
     maxWidth = maxWidth || 2560;
     minWidth = minWidth || 1024;
     function refreshRem() {
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 1c394795..009adc3f 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1220,8 +1220,7 @@ export default defineComponent({
 
 				.home_page_left {
 					// width: 44.4rem;
-					// width: 55rem;
-					width: 30%;
+					width: 55rem;
 					height: 100%;
 					padding: 2rem 0 0 0;
 					background: rgba(255, 255, 255, 0.2);
diff --git a/src/views/LibraryPage.vue b/src/views/LibraryPage.vue
index 9bcdc3ff..8adf6e75 100644
--- a/src/views/LibraryPage.vue
+++ b/src/views/LibraryPage.vue
@@ -73,7 +73,7 @@
                             <div class="right_content_body" v-show="uploadGenerate =='Upload'">
                                 <div class="content_body_header">
 									<div class="content_body_header_left">
-										<div class="content_body_header_right content_body_header_right_updata">
+										<div class="content_body_header_right">
 											<div :class="['header_operate_item' , 'fontSize','active']">
 												<a-upload
 													v-show="uploadGenerate == 'Upload'"
@@ -118,7 +118,7 @@
 													:show-all-levels="false" 
 													:clearable="true"
 													:placeholder="$t('LibraryPage.Select')"
-													:max-collapse-tags=1
+													:max-collapse-tags=3
 													:props="props" 
 													:collapse-tags-tooltip="true"
 													ref="cascader"
@@ -263,7 +263,7 @@
 										
 										<div
 											class="upload_component upload_file_item"
-											v-show="selectGenerateList.length < 1"
+											v-show="selectGenerateList.length <= 2"
 										>
 											<a-upload
 												:action="uploadUrl + '/api/element/upload'"
@@ -276,7 +276,7 @@
 												:headers="{Authorization:token}"
 												v-model:file-list="selectGenerateList"
 												multiple
-												:maxCount="1"
+												:maxCount="3"
 												accept=".jpg,.png,.jpeg,.bmp"
 												@change="generateFileUploadChange"
 												>
@@ -329,7 +329,7 @@
             v-model:visible="renameVisivle" 
             :footer="null" 
             :title="$t('LibraryPage.Rename')"
-            width="110rem"
+            width="65%"
 			:keyboard="false"
             :maskClosable="false"
             :centered="true"
@@ -1454,10 +1454,10 @@ export default defineComponent({
                 display: flex;
 				padding-top: 2rem;
                 .library_body_left{
-                    width: 22.5rem;
-					margin-right: auto;
+                    width: 26.5rem;
                     height: 100%;
                     background: rgba(255,255,255,0.4);
+					margin-right: 5rem;
 					>div{
 						background: #f7f8fa;
 						border-radius: 2rem;
@@ -1517,7 +1517,7 @@ export default defineComponent({
                     }
                 }
                 .library_body_right{
-                    width: calc(100% - 27.5rem);
+                    width: calc(100% - 23.5rem);
                     height: 100%;
 
 					.header_operate_item{
@@ -1555,8 +1555,7 @@ export default defineComponent({
 					.content_search_block{
 						display: flex;
 						align-items: center;
-						width: 58rem; 
-						// width: 75rem; 
+						width: 75rem; 
 						.search_input{
 							// width: 20.8rem;
 							// padding-left: 1.5rem;
@@ -1580,8 +1579,8 @@ export default defineComponent({
 							}
 						}
 						.search_cascader{
-							// width: 38rem;
-							width: 25rem;
+							// width: 53%;
+							width: 38rem;
 							display: flex;
 							position: relative;
 							
@@ -1672,7 +1671,7 @@ export default defineComponent({
                                 justify-content: flex-end;
                                 align-items: center;
 								// padding: 2rem 0 2rem 3rem;
-								padding-left: 1rem;
+								padding-left: 3rem;
 								box-sizing: content-box;
 								justify-content: space-between;
 								.content_body_header_left{
@@ -1681,11 +1680,7 @@ export default defineComponent({
 								}
 								.content_body_header_right{
 									display: flex;
-									// width: 43rem;
-									width: 32rem;
-									&.content_body_header_right_updata{
-										width: 27rem;
-									}
+									width: 43rem;
 								}
                                 .check_all_block{
                                     display: flex;
@@ -1716,7 +1711,7 @@ export default defineComponent({
 								&.content_body_header_generate{
 									justify-content: flex-start;
 									.checkboxItem {
-										margin-right: 2rem;
+										margin-right: 4rem;
 										label {
 											display: flex;
 											cursor: pointer;
@@ -1725,7 +1720,7 @@ export default defineComponent({
 												padding-left: 1.5rem;
 											}
 											span {
-												font-size: 1.2rem;
+												font-size: 1.4rem;
 												font-weight: 500;
 											}
 										}
@@ -1734,7 +1729,7 @@ export default defineComponent({
 										background:initial;
 										padding: 1.5rem 0;
 										input{
-											width: 20rem;
+											width: 30rem;
 											height: 3rem;
 											&.active{
 												cursor: no-drop;
@@ -1742,14 +1737,14 @@ export default defineComponent({
 										}
 										
 										.generage_btn{
-											margin: 0 2rem;
+											margin: 0 3rem;
 										}
 									}
 									.printModel{
-											font-size: 1.2rem;
+											font-size: 1.4rem;
 											font-weight: 500;
 											>div{
-												width: 12rem;
+												width: 13rem;
 												// display: flex;
 												display: block;
 												border-radius: 1rem;
@@ -1785,12 +1780,12 @@ export default defineComponent({
 											}
 										}
 									.upload_item{
-										margin-left: 2rem;
+										margin-left: 4rem;
 										.upload_file_item{
 											width: 8rem;
 											height: 8rem;
 											margin: 0;
-											// margin-right: 2rem;
+											margin-right: 2rem;
 										}
 										.upload_component{
 											margin: 0;
@@ -1827,8 +1822,8 @@ export default defineComponent({
                                         border: 0.1rem solid transparent;
                                         // width: 16.5rem;
                                         // height: 16.5rem;
-										width: 15rem;
-										height: 15rem;
+										width: 17rem;
+										height: 17rem;
                                         display: flex;
                                         align-items: center;
                                         justify-content: center;
diff --git a/src/views/LoginPage.vue b/src/views/LoginPage.vue
index 59027e0d..3610ef49 100644
--- a/src/views/LoginPage.vue
+++ b/src/views/LoginPage.vue
@@ -561,7 +561,7 @@ export default defineComponent({
             left: 50%;
             transform: translate(-50%,-50%);
             // width: 60rem;
-			width: 127rem;
+			width: 150rem;
             background: #FFFFFF;
             // box-shadow: -0.3rem 2rem 5.9rem 0px rgba(200,200,200,0.3);
             border-radius: 1rem;
@@ -873,10 +873,10 @@ export default defineComponent({
     }
 
     .marign_top30 {
-        margin-top: 2rem;
+        margin-top: 3rem;
     }
     .marign_top40 {
-        margin-top: 3rem;
+        margin-top: 4rem;
     }
 
     .tip_content {