diff --git a/src/assets/icons/CCharge.svg b/src/assets/icons/CCharge.svg
new file mode 100644
index 00000000..82893442
--- /dev/null
+++ b/src/assets/icons/CCharge.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="40" height="40" fill="url(#pattern0_2131_6346)"/>
+<defs>
+<pattern id="pattern0_2131_6346" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2131_6346" transform="scale(0.0078125)"/>
+</pattern>
+<image id="image0_2131_6346" width="128" height="128" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index 07a3b821..e9a2c135 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -38,7 +38,8 @@
 <script>
 	import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs } from "vue";
 	import registerModel from './registerModel.vue'
-	import { message } from "ant-design-vue";
+import { message } from "ant-design-vue";
+	import CChargeIcon from '@/assets/icons/CCharge.svg'
 
     export default defineComponent({
 		components: {
@@ -62,7 +63,7 @@
 					monthly: [
 						{
 							title: "试用版",
-							img: '/image/homeIntroduct/personal.png',
+							img: CChargeIcon,
 							type:'personal',
 							info: "您的AI时尚设计助手",
 							price: '100积分',
@@ -103,7 +104,7 @@
 							info: "您的AI时尚设计助手",
 							price: 'HK$500',
 							detail: "每月·3500积分",
-							highlight: "",
+							highlight: "推荐",
 							discounts: '9折优惠',
 							detailList: [
 								'轻松充值积分',
@@ -185,7 +186,7 @@
 					monthly:[
 						{
 							title:"Personal",
-							img:'/image/homeIntroduct/personal.png',
+							img:CChargeIcon,
 							type:'personal',
 							info:"Your AI Fashion Design Assistant",
 							price:'100 credits',
@@ -226,7 +227,7 @@
 							info:"Your AI Fashion Design Assistant",
 							price:'HK$500',
 							detail:"per month · 3500 credits",
-							highlight:"",
+							highlight:"Recommended",
 							discounts:'10% off',
 							detailList:[
 								'Easy to Top up Credits',
@@ -420,8 +421,9 @@
 	@media (max-width: 767px) {
 		margin-top: 1.5rem;
 		padding: 0rem 3.7rem;
-		flex: 1;
-		overflow-y: auto;
+		// flex: 1;
+		// height: 100%;
+		// overflow-y: auto;
 	}
 	.back{
 		font-size: 1.6rem;
@@ -639,11 +641,15 @@
 				top: 0;
 				right: 0;
 				background: linear-gradient(88.13deg, #FBD2FF 0.91%, #E6D3FF 52.5%, #B694FF 101.09%);
-				border-radius: .5rem 1.5rem 0px 1.5rem;
+				// border-radius: .5rem 1.5rem 0px 1.5rem;
+				border-top-right-radius: 1.5rem;
+        border-bottom-left-radius: 0.5rem;
 				padding: .75rem .5rem;
 				@media (max-width: 767px) {
 					padding: .55rem .36rem;
-					border-radius: .46rem .36rem 0px .9rem;
+					// border-radius: .46rem .36rem 0px .9rem;
+					border-top-right-radius: 1.1rem;
+        border-bottom-left-radius: 0.4rem;
 					font-size: 1rem;
 				}
 			}
diff --git a/src/views/HomeRecommend.vue b/src/views/HomeRecommend.vue
index 023fddc6..3a52ecff 100644
--- a/src/views/HomeRecommend.vue
+++ b/src/views/HomeRecommend.vue
@@ -212,7 +212,7 @@ export default defineComponent({
     right: 0;
     @media (max-width: 768px) {
       position: relative;
-      justify-content: space-between;
+      justify-content: flex-end;
       width: 100%;
       padding: 0.7rem 1.4rem;
       margin-left: auto;
@@ -223,11 +223,15 @@ export default defineComponent({
       @media (max-width: 768px) {
         display: block;
         height: 2.5rem;
+        margin-right: auto;
       }
     }
     .language_btn {
       color: #fff;
       cursor: pointer;
+      @media (max-width: 768px) {
+        color: #000;
+      }
     }
     > .gallery_btn {
       // margin-right: 2rem;
diff --git a/src/views/Register.vue b/src/views/Register.vue
index eae751b1..972953df 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -49,10 +49,12 @@
 						{{ isSelectSuccessively? 'CN':'EN'}}
 					</div>
 				</div>
-				<div class="gallery_btn" @click="setLogin">Login</div>
+				<div class="gallery_btn" @click="setLogin">{{ isSelectSuccessively?'登录':'Login' }}</div>
 			</div>
         </header>
-		<signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
+				<div class="content">
+					<signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
+				</div>
     </div>
 	
 </template>
@@ -312,4 +314,8 @@ export default defineComponent({
     }
     
 }
+.content{
+	flex: 1;
+	overflow-y: auto;
+}
 </style>