diff --git a/src/assets/style/style.css b/src/assets/style/style.css
index e0296515..6da9114c 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 2rem 2rem 0;
+  margin: 0 1rem 2rem 0;
   display: inline-block;
   width: 10rem;
   height: 10rem;
diff --git a/src/assets/style/style.less b/src/assets/style/style.less
index 186929b8..cd494c9a 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 2rem 2rem 0;
+			margin: 0 1rem 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 77374851..e7f13187 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="65%"
+            width="75%"
             :maskClosable="false"
             :centered="true"
 			:keyboard="false"
diff --git a/src/component/Detail/DesignDetailAlter.vue b/src/component/Detail/DesignDetailAlter.vue
index 7d4072eb..ade8e950 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.2rem;
+					font-size: 1.4rem;
                     font-weight: 400;
 					height: 3rem;
 
@@ -1125,6 +1125,8 @@ export default defineComponent({
                 vertical-align: top;
                 // padding: 0 1.4rem;
                 // margin-bottom: 2.8rem;
+				max-width: 48%;
+
 				margin-bottom: 2rem;
 				padding: 0;
 				// height: 9rem;
@@ -1139,6 +1141,7 @@ export default defineComponent({
 				}
                 .content_img_item_block{
                     // border: 0.1rem solid transparent;
+					max-width: 100%;
 					width: 10rem;
 					height: 10rem;
                     display: flex;
@@ -1307,7 +1310,7 @@ export default defineComponent({
 			}
 
 			.upload_file_item{
-				// margin: 0 2rem 2rem 0;
+				// margin: 0 1rem 2rem 0;
 				margin: 0;
 				display: inline-block;
 				// width: 16.5rem;
@@ -1676,7 +1679,7 @@ export default defineComponent({
 					display: flex;
 					justify-content: center;
 					.ant-upload-select-picture-card{
-						// margin: 0 2rem 2rem 0;
+						// margin: 0 1rem 2rem 0;
 						margin: 0;
 						display: inline-block;
 						width: 6rem;
diff --git a/src/component/Detail/DesignPrintOperation.vue b/src/component/Detail/DesignPrintOperation.vue
index 1311ec5c..14c7be4f 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="65%"
+            width="75%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
diff --git a/src/component/Detail/DesignPrintOperationMobile.vue b/src/component/Detail/DesignPrintOperationMobile.vue
index f8e88d9c..41915a88 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="65%"
+            width="75%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
diff --git a/src/component/Detail/HistoryDetail.vue b/src/component/Detail/HistoryDetail.vue
index d317b635..557583d2 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: 80vh;
-        min-height: 72rem;
+        height: 70vh;
+        min-height: 62rem;
         overflow-y: hidden;
         padding: 0;
     }
diff --git a/src/component/HomePage/ColorboardUpload.vue b/src/component/HomePage/ColorboardUpload.vue
index 7c3717c6..5bd3d42a 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 2rem 2rem 0;
+                    // margin: 0 1rem 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 2rem 2rem 0;
+							// margin: 0 1rem 2rem 0;
 							margin: 0;
 							display: inline-block;
 							width: 12rem;
diff --git a/src/component/HomePage/Cropper.vue b/src/component/HomePage/Cropper.vue
index c0860279..70760bb0 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="65%"
+        width="75%"
         :maskClosable="false"
         :centered="true"
 		:closable="false"
diff --git a/src/component/HomePage/Generate.vue b/src/component/HomePage/Generate.vue
index 1e55c06c..fa935738 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: 4rem;
+            margin-right: 2rem;
             label {
                 display: flex;
                 cursor: pointer;
@@ -824,7 +824,7 @@ export default defineComponent({
 		flex: 1;
         .generage_img_item {
             cursor: pointer;
-            margin: 0 2rem 2rem 0;
+            margin: 0 1rem 2rem 0;
 			position: relative;
             &.active {
 					opacity: 0.5;
diff --git a/src/component/HomePage/Header.vue b/src/component/HomePage/Header.vue
index 17980f1e..d5c7ea6a 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: 33%;
+		width: 35%;
 		height: 100%;
 		align-items: center;
 		overflow: hidden;
diff --git a/src/component/HomePage/MarketingSketchUpload.vue b/src/component/HomePage/MarketingSketchUpload.vue
index f7964023..43a97e29 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 2rem 2rem 0;
+            margin: 0 1rem 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 58776d1c..cbb02df6 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.2rem;
+					font-size: 1.4rem;
                     font-weight: 400;
 					height: 3rem;
 
@@ -536,7 +536,7 @@ export default defineComponent({
 			&.material_content_body::-webkit-scrollbar{display: none;}
 
             .content_img_item{
-				margin: 0 2rem 5rem 0;
+				margin: 0 1rem 5rem 0;
 				display: inline-block;
 				width: 10rem;
 				height: 10rem;
@@ -550,7 +550,7 @@ export default defineComponent({
 					height: 100%;
 				}
 				&.moodb{
-					margin: 0 2rem 2rem 0;
+					margin: 0 1rem 2rem 0;
 				}
 				.pin_block{
 					.ant-checkbox-wrapper{
diff --git a/src/component/HomePage/MoodboardUpload.vue b/src/component/HomePage/MoodboardUpload.vue
index c55f918c..7b26961f 100644
--- a/src/component/HomePage/MoodboardUpload.vue
+++ b/src/component/HomePage/MoodboardUpload.vue
@@ -569,6 +569,7 @@ export default defineComponent({
             border-right: 1px solid #e5e5e5;
 			display: flex;
 			flex-direction: column;
+			flex-shrink: 0;
             &.moodboard_body::-webkit-scrollbar {
                 display: none;
             }
@@ -662,8 +663,8 @@ export default defineComponent({
 			}
 			.modal_img_max{
 				// flex: 1;
-				width: 57rem;
-				height: 35rem;
+				width: 49rem;
+				height: calc(49rem*0.614);
 				position: relative;
 				.mark_loading{
 					position: absolute;
diff --git a/src/component/HomePage/PrintboardUpload.vue b/src/component/HomePage/PrintboardUpload.vue
index 21287f43..bd7b28c6 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 2rem 2rem 0;
+				// margin: 0 1rem 2rem 0;
 				display: inline-block;
 				width: 10rem;
 				height: 10rem;
diff --git a/src/component/HomePage/SketchboardUpload.vue b/src/component/HomePage/SketchboardUpload.vue
index 0bd15907..c3a7afe7 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 2rem 2rem 0;
+			// margin: 0 1rem 2rem 0;
 			display: inline-block;
 			width: 10rem;
 			height: 10rem;
diff --git a/src/component/HomePage/collectionModal.vue b/src/component/HomePage/collectionModal.vue
index c637a3b1..f2974fca 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="65%"
+            width="75%"
             :maskClosable="false"
             :centered="true"
 			:closable="false"
diff --git a/src/component/HomePage/layout.vue b/src/component/HomePage/layout.vue
index 842a3896..7ebabe74 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="65%"
+            width="75%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
@@ -380,7 +380,7 @@ export default defineComponent({
 		angle:{
 			mounted(el,angle){
 				let mouse = false;
-				el.addEventListener('mousedown', (e:MouseEvent) => {
+				el.onmousedown = (e:MouseEvent) => {
 					e.stopPropagation()
 					
 					el.parentNode.children.forEach((v:any) =>{
@@ -469,13 +469,13 @@ export default defineComponent({
 					}
 					el.parentNode.addEventListener('mousemove', mouseMove);
 					
-				})
+				}
 			}
 		},
 		//移动图片
 		translate:{
 			mounted (el,layout:any,binding) {
-				el.addEventListener('mousedown',(e: MouseEvent)=>{
+				el.onmouseup = (e: MouseEvent)=>{
 					e.stopPropagation()
 					let elParent = el.parentNode.parentNode
 					el.style.left = (el.offsetLeft+2)/(elParent.offsetWidth)*100+'%'
@@ -530,7 +530,7 @@ export default defineComponent({
 						mouse = false
 						document.onmousemove = ()=>{}
 					}
-				})
+				}
 			},
 		},
 		modelImg:{
@@ -732,8 +732,8 @@ export default defineComponent({
 		.layout_centent{
 			display: flex;
 			// height: 55%;
-			height: 35rem;
-			width: 57rem;
+			width: 49rem;
+			height: calc(49rem*0.614);
 			// height: 60%;
 			flex-direction: column;
 			flex-wrap: wrap;
diff --git a/src/component/HomePage/layoutMobile.vue b/src/component/HomePage/layoutMobile.vue
index 496ccec1..de35c3c1 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="65%"
+            width="75%"
             :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="{'zoom':item.zoom}" draggable="false" v-modelImg> 
+						<img crossOrigin="anonymous" :src="item.imgUrl" :style="{'transform':'translate(-50%, -50%) scale('+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.addEventListener('touchstart',(e:any)=>{
+				el.ontouchstart = (e:any)=>{
 					e.stopPropagation()
 					let elParent = el.parentNode.parentNode
 					el.style.left = (el.offsetLeft+2)/(elParent.offsetWidth)*100+'%'
@@ -525,6 +525,7 @@ 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+'%'
@@ -563,7 +564,7 @@ export default defineComponent({
 
 						})
 					});
-				})
+				}
 			},
 		},
 		modelImg:{
@@ -785,8 +786,8 @@ export default defineComponent({
 		.layout_centent{
 			display: flex;
 			// height: 55%;
-			height: 35rem;
-			width: 57rem;
+			width: 49rem;
+			height: calc(49rem*0.614);
 			// height: 60%;
 			flex-direction: column;
 			flex-wrap: wrap;
diff --git a/src/component/HomePage/scaleImage.vue b/src/component/HomePage/scaleImage.vue
index df5eca3c..cd224ca3 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="65%"
+            width="75%"
             :maskClosable="false"
             :centered="true"
             :closable="false"
diff --git a/src/component/LibraryPage/setLabel.vue b/src/component/LibraryPage/setLabel.vue
index 59dd4999..32e0480c 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="65%"
+		width="75%"
 		:maskClosable="false"
 			:keyboard="false"
 		:centered="true"
diff --git a/src/tool/flexible.js b/src/tool/flexible.js
index 39d359c1..c2087626 100644
--- a/src/tool/flexible.js
+++ b/src/tool/flexible.js
@@ -1,6 +1,6 @@
 let flexible = (designWidth, maxWidth,minWidth) =>{
     var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid;
-    designWidth = designWidth || 1920;
+    designWidth = designWidth || 1440;
     maxWidth = maxWidth || 2560;
     minWidth = minWidth || 1024;
     function refreshRem() {
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 4f8e5688..2b8be768 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1220,7 +1220,8 @@ export default defineComponent({
 
 				.home_page_left {
 					// width: 44.4rem;
-					width: 55rem;
+					// width: 55rem;
+					width: 35%;
 					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 8adf6e75..9601b6a9 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">
+										<div class="content_body_header_right content_body_header_right_updata">
 											<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=3
+													:max-collapse-tags=1
 													:props="props" 
 													:collapse-tags-tooltip="true"
 													ref="cascader"
@@ -263,7 +263,7 @@
 										
 										<div
 											class="upload_component upload_file_item"
-											v-show="selectGenerateList.length <= 2"
+											v-show="selectGenerateList.length < 1"
 										>
 											<a-upload
 												:action="uploadUrl + '/api/element/upload'"
@@ -276,7 +276,7 @@
 												:headers="{Authorization:token}"
 												v-model:file-list="selectGenerateList"
 												multiple
-												:maxCount="3"
+												:maxCount="1"
 												accept=".jpg,.png,.jpeg,.bmp"
 												@change="generateFileUploadChange"
 												>
@@ -329,7 +329,7 @@
             v-model:visible="renameVisivle" 
             :footer="null" 
             :title="$t('LibraryPage.Rename')"
-            width="65%"
+            width="75%"
 			:keyboard="false"
             :maskClosable="false"
             :centered="true"
@@ -1454,10 +1454,10 @@ export default defineComponent({
                 display: flex;
 				padding-top: 2rem;
                 .library_body_left{
-                    width: 26.5rem;
+                    width: 22.5rem;
+					margin-right: auto;
                     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% - 23.5rem);
+                    width: calc(100% - 27.5rem);
                     height: 100%;
 
 					.header_operate_item{
@@ -1555,7 +1555,8 @@ export default defineComponent({
 					.content_search_block{
 						display: flex;
 						align-items: center;
-						width: 75rem; 
+						width: 58rem; 
+						// width: 75rem; 
 						.search_input{
 							// width: 20.8rem;
 							// padding-left: 1.5rem;
@@ -1579,8 +1580,8 @@ export default defineComponent({
 							}
 						}
 						.search_cascader{
-							// width: 53%;
-							width: 38rem;
+							// width: 38rem;
+							width: 25rem;
 							display: flex;
 							position: relative;
 							
@@ -1671,7 +1672,7 @@ export default defineComponent({
                                 justify-content: flex-end;
                                 align-items: center;
 								// padding: 2rem 0 2rem 3rem;
-								padding-left: 3rem;
+								padding-left: 1rem;
 								box-sizing: content-box;
 								justify-content: space-between;
 								.content_body_header_left{
@@ -1680,7 +1681,11 @@ export default defineComponent({
 								}
 								.content_body_header_right{
 									display: flex;
-									width: 43rem;
+									// width: 43rem;
+									width: 32rem;
+									&.content_body_header_right_updata{
+										width: 27rem;
+									}
 								}
                                 .check_all_block{
                                     display: flex;
@@ -1711,7 +1716,7 @@ export default defineComponent({
 								&.content_body_header_generate{
 									justify-content: flex-start;
 									.checkboxItem {
-										margin-right: 4rem;
+										margin-right: 2rem;
 										label {
 											display: flex;
 											cursor: pointer;
@@ -1720,7 +1725,7 @@ export default defineComponent({
 												padding-left: 1.5rem;
 											}
 											span {
-												font-size: 1.4rem;
+												font-size: 1.2rem;
 												font-weight: 500;
 											}
 										}
@@ -1729,7 +1734,7 @@ export default defineComponent({
 										background:initial;
 										padding: 1.5rem 0;
 										input{
-											width: 30rem;
+											width: 20rem;
 											height: 3rem;
 											&.active{
 												cursor: no-drop;
@@ -1737,14 +1742,14 @@ export default defineComponent({
 										}
 										
 										.generage_btn{
-											margin: 0 3rem;
+											margin: 0 2rem;
 										}
 									}
 									.printModel{
-											font-size: 1.4rem;
+											font-size: 1.2rem;
 											font-weight: 500;
 											>div{
-												width: 13rem;
+												width: 12rem;
 												// display: flex;
 												display: block;
 												border-radius: 1rem;
@@ -1780,12 +1785,12 @@ export default defineComponent({
 											}
 										}
 									.upload_item{
-										margin-left: 4rem;
+										margin-left: 2rem;
 										.upload_file_item{
 											width: 8rem;
 											height: 8rem;
 											margin: 0;
-											margin-right: 2rem;
+											// margin-right: 2rem;
 										}
 										.upload_component{
 											margin: 0;
@@ -1822,8 +1827,8 @@ export default defineComponent({
                                         border: 0.1rem solid transparent;
                                         // width: 16.5rem;
                                         // height: 16.5rem;
-										width: 17rem;
-										height: 17rem;
+										width: 15rem;
+										height: 15rem;
                                         display: flex;
                                         align-items: center;
                                         justify-content: center;
diff --git a/src/views/LoginPage.vue b/src/views/LoginPage.vue
index d4fc976e..a08c42b2 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: 150rem;
+			width: 130rem;
             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: 3rem;
+        margin-top: 2rem;
     }
     .marign_top40 {
-        margin-top: 4rem;
+        margin-top: 3rem;
     }
 
     .tip_content {