diff --git a/locale/en.json b/locale/en.json
index 30d1266..6e03459 100644
--- a/locale/en.json
+++ b/locale/en.json
@@ -498,7 +498,8 @@
 		"readAgreeServices": "Please read and agree to the value-added services first",
     "orderDetails": "Order Details",
 		"pointsRecord": "Points consumption record",
-		"unusable": "The billing service cannot be used on the device"
+		"unusable": "The billing service cannot be used on the device",
+		"give": "give"
   },
   "vip": {
     "courseVip": "Course VIP",
diff --git a/locale/zh-Hans.json b/locale/zh-Hans.json
index b05fa49..2aeb931 100644
--- a/locale/zh-Hans.json
+++ b/locale/zh-Hans.json
@@ -498,7 +498,8 @@
 		"readAgreeServices": "请先阅读并同意增值服务",
     "orderDetails": "订单详情",
 		"pointsRecord": "积分消费记录",
-		"unusable": "设备上无法使用计费服务"
+		"unusable": "设备上无法使用计费服务",
+		"give": "赠"
   },
   "vip": {
     "courseVip": "课程VIP",
diff --git a/pages/user/recharge/index.vue b/pages/user/recharge/index.vue
index 672cd06..d5e3ff0 100644
--- a/pages/user/recharge/index.vue
+++ b/pages/user/recharge/index.vue
@@ -9,11 +9,11 @@
 					:class="aloneItem.priceTypeId === item.priceTypeId ? 'selected' : ''"
 					v-for="item in rechargeList.bookBuyConfigList" :key="item.priceTypeId">
 					<view class="recharge_money">￥{{item.realMoney}}</view>
-					<view>{{item.money}}{{ $t('global.coin') }}</view>
+					<view style="font-size: 26rpx;">{{item.money}}{{ $t('global.coin') }}</view>
 					<!-- 红框位置的618活动标签 -->
 					<!-- <view class="activity-tag">618活动</view> -->
 					<span class="activity-label" v-if="item.givejf >0">{{item.description}}</span>
-					<text class="recharge_give" v-if="item.givejf >0">（赠{{item.givejf}}币）</text>
+					<text class="recharge_give" v-if="item.givejf >0">（{{$t('order.give')}}{{item.givejf}}{{$t('order.points')}}）</text>
 				</view>
 			</view>
 		</view>
@@ -21,10 +21,10 @@
 			<view v-html="remark.remark"></view>
 		</view>
 		<view class="cha_fangsh">
-			<view class="cf_title PM_font">{{$t('user.paymentMethod')}}</view>
+			<view class="cf_title">{{$t('user.paymentMethod')}}</view>
 			<view class="cf_radio">
 				<radio-group v-for="item in iosPaylist">
-					<view style="width: 100%">
+					<view>
 						<view :class="payType == item.id ? 'Tab_xf cf_xuanx' : 'cf_xuanx'">
 							<!-- <image class="pay_item_img" :src="item.imgUrl" mode="aspectFil">
 							</image> -->
@@ -35,7 +35,7 @@
 				</radio-group>
 			</view>
 		</view>
-		<view class="agree_wo flexbox">
+		<view class="agree_wo">
 			<radio-group class="agree" v-for="(item, index) in argee" :key="index">
 				<view>
 					<radio class="agreeRadio" :value="item.id" :checked="state" color="#007bff" @click="radioCheck"></radio>
@@ -377,9 +377,10 @@
 	}
 
 	.text {
-		font-size: 30rpx;
+		font-size: 45rpx;
+		font-weight: bold;
 		color: #007bff;
-		padding: 30rpx 0 20rpx 20rpx;
+		padding: 30rpx 0 20rpx 30rpx;
 	}
 
 	.recharge {
@@ -399,9 +400,8 @@
 			height: 160rpx;
 
 			.recharge_money {
-				font-size: 30rpx;
-				margin-bottom: 10rpx;
-
+				font-size: 50rpx;
+				font-weight: bold;
 			}
 
 			.recharge_give {
@@ -421,7 +421,7 @@
 		bottom: 0;
 		left: 0;
 		right: 0;
-		padding: 30rpx;
+		padding: 20rpx;
 		background-color: #ffffff;
 		border-top: 1px solid #f0f0f0;
 		z-index: 999;
@@ -429,12 +429,12 @@
 
 	.recharge-button {
 		width: 60%;
-		height: 50rpx;
-		line-height: 50rpx;
+		height: 100rpx;
+		line-height: 100rpx;
 		background-color: #007bff;
 		color: #ffffff;
-		font-size: 30rpx;
-		border-radius: 30rpx;
+		font-size: 40rpx;
+		border-radius: 50rpx;
 		border: none;
 	}
 
@@ -443,7 +443,7 @@
 	}
 
 	.activity-container {
-		margin: 0 20rpx 20rpx 20rpx;
+		margin: 0 30rpx 20rpx 30rpx;
 		padding: 15rpx;
 		background-color: #e6f4ff;
 		border-radius: 8rpx;
@@ -464,10 +464,11 @@
 	}
 
 	.cha_fangsh {
-		padding: 20rpx;
+		padding: 30rpx;
 
 		.cf_title {
-			font-size: 30rpx;
+			font-size: 45rpx;
+			font-weight: bold;
 			color: #007bff;
 		}
 
@@ -475,7 +476,7 @@
 			margin-top: 20rpx;
 
 			.cf_xuanx {
-				font-size: 24rpx;
+				font-size: 36rpx;
 				padding: 10rpx 0;
 				margin-bottom: 20rpx;
 				border-bottom: 1px solid #ededed;
@@ -508,9 +509,9 @@
 
 	.agree_wo {
 		display: flex;
-		padding: 20rpx 20rpx 160rpx 20rpx;
+		padding: 20rpx 20rpx 180rpx 20rpx;
 		color: #aaa;
-		font-size: 26rpx;
+		font-size: 30rpx;
 		align-items: center;
 
 		.highlight {