diff --git a/src/i18n/en.json b/src/i18n/en.json
index 07230fd..e73b1dd 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -944,9 +944,9 @@
 		"c7": "Unsold",
 		"c8": "Partial Transaction",
 		"c9": "Full deal",
-		"d0": "Open long",
+		"d0": "Open Long",
 		"d1": "Close Short",
-		"d2": "Open short",
+		"d2": "Open Short",
 		"d3": "Close Long",
 		"d4": "Undo successfully",
 		"d5": "Open",
@@ -999,7 +999,7 @@
 		"i2": "Order History",
 		"i3": "Side",
 		"i4": "Open Long",
-		"i5": "Open short",
+		"i5": "Open Short",
 		"i6": "Only display current",
 		"i7": "TP",
 		"i8": "SL",
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 054b993..3f4fb73 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -422,9 +422,9 @@
 	  <div class="title1" style="margin-top: 200px;margin-bottom: 50px;">{{ $t("homeNewText.bb19") }}</div>
 	  <div class="learn_area">
 	  		<div>
-	  			<div style="color: #547AF7;font-size: 36px;text-align: center;">STEP 1</div>
-	  			<div style="font-size: 24px;text-align: center;margin-top: 20px;">{{ $t("homeNewText.bb20",{name:'Coinkos'}) }}</div>
-	  			<div style="font-size: 16px;text-align: center;margin-top: 20px;">{{ $t("homeNewText.bb21") }}</div>
+	  			<div class="STEP1">STEP 1</div>
+	  			<div class="STEP2">{{ $t("homeNewText.bb20",{name:'Coinkos'}) }}</div>
+	  			<div class="STEP3">{{ $t("homeNewText.bb21") }}</div>
 	  			<div style="text-align: center;">
 	  				<router-link v-if="!isLogin" class="jump_btn1" :to="{name:'signUp'}">{{ $t("homeNewText.bb6") }}</router-link>
 	  				<router-link v-else class="jump_btn1" :to="{name:'exchange-assets'}">{{ $t("homeNewText.bb6") }}</router-link>
@@ -436,9 +436,9 @@
 	  			<img src="@/assets/img/home/home5.png" >
 	  		</div>
 	  		<div>
-	  			<div style="color: #547AF7;font-size: 36px;text-align: center;">STEP 2</div>
-	  			<div style="font-size: 24px;text-align: center;margin-top: 20px;">{{ $t("homeNewText.bb22") }}</div>
-	  			<div style="font-size: 16px;text-align: center;margin-top: 20px;">{{ $t("homeNewText.bb23") }}</div>
+	  			<div class="STEP1">STEP 2</div>
+	  			<div class="STEP2" style="line-height: 72px;">{{ $t("homeNewText.bb22") }}</div>
+	  			<div class="STEP3">{{ $t("homeNewText.bb23") }}</div>
 	  			<div style="text-align: center;">
 	  				<router-link v-if="!isLogin" class="jump_btn1" :to="{name:'signUp'}">{{ $t("homeNewText.bb24") }}</router-link>
 	  				<router-link v-else class="jump_btn1" :to="{name:'exchange-assets'}">{{ $t("homeNewText.bb24") }}</router-link>
@@ -450,9 +450,9 @@
 	  			<img src="@/assets/img/home/home5.png" >
 	  		</div>
 	  		<div>
-	  			<div style="color: #547AF7;font-size: 36px;text-align: center;">STEP 3</div>
-	  			<div style="font-size: 24px;text-align: center;margin-top: 20px;">{{ $t("homeNewText.bb25") }}</div>
-	  			<div style="font-size: 16px;text-align: center;margin-top: 20px;">{{ $t("homeNewText.bb26") }}</div>
+	  			<div class="STEP1">STEP 3</div>
+	  			<div class="STEP2" style="line-height: 72px;">{{ $t("homeNewText.bb25") }}</div>
+	  			<div class="STEP3">{{ $t("homeNewText.bb26") }}</div>
 	  			<div style="text-align: center;">
 	  				<router-link v-if="!isLogin" class="jump_btn1" :to="{name:'signUp'}">{{ $t("homeNewText.bb27") }}</router-link>
 	  				<router-link v-else class="jump_btn1" :to="{name:'exchange'}">{{ $t("homeNewText.bb27") }}</router-link>
@@ -2039,6 +2039,23 @@
 	margin: 0px auto 0px;
 	display: flex;
 	justify-content: space-between;
+	
+	.STEP1{
+		color: #547AF7;
+		font-size: 36px;
+		text-align: center;
+	}
+	.STEP2{
+		height: 72px;
+		font-size: 24px;
+		text-align: center;
+		margin-top: 20px;
+	}
+	.STEP3{
+		font-size: 16px;
+		margin-top: 20px;
+		text-align: center;
+	}
   }
   .circle_bg{
 	width: 50px;