diff --git a/src/views/api2gpt/pay/index.vue b/src/views/api2gpt/pay/index.vue
index 7d98a2f..eac0a3c 100644
--- a/src/views/api2gpt/pay/index.vue
+++ b/src/views/api2gpt/pay/index.vue
@@ -1,29 +1,52 @@
 <template>
     <div class="container">
       <a-spin style="width: 100%">
-        <a-card :style="{ width: '500px', marginBottom: '20px' }">
-          <div
-            :style="{
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'space-between',
-            }"
-          >
-          <span>充值 ：
-          <a-input-number  v-model="paymentPrice" :style="{width:'200px'}" :default-value="10" :step="1" :precision="1" mode="button" :min="0.1" :max="100" class="input-demo" /></span>
-          <a-button type="primary" @click="handlePayment" :loading="loading">
-            <template #icon>
-              <icon-alipay-circle />
-            </template>
-            <!-- Use the default slot to avoid extra spaces -->
-            <template #default>充值</template>
-          </a-button>
-          </div>
-        </a-card>
+         <a-row >
+            <a-col :span="6">
+              <a-card :style="{ marginBottom: '20px' }">
+                <div
+                  :style="{
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                  }"
+                >
+                <span>充值 ：
+                <a-input-number  v-model="paymentPrice" :default-value="10" :step="1" :precision="1" mode="button" :min="0.1" :max="100" class="input-demo" /></span>
+                <a-button type="primary" @click="handlePayment" :loading="loading">
+                  <template #icon>
+                    <icon-alipay-circle />
+                  </template>
+                  <!-- Use the default slot to avoid extra spaces -->
+                  <template #default>充值</template>
+                </a-button>
+                </div>
+              </a-card>
+              <a-alert type="success">
+                <template #title>
+                  友情提醒
+                </template>
+                第一次充值建议先小额进行试用，充值最高100元
+              </a-alert>
+          </a-col>
+          <a-col :span="12">
+            <a-alert type="warning">
+              <template #title>
+                充值说明
+              </template>
+              1. 充值后不支持退款，建议先小额充值进行测试，平台不限制最低充值金额，请按需充值。<br/>
+              2. 定价页面没写的模型和接口即不支持，不是所有的接口都支持，有特殊需求的朋友要注意。<br/>
+              3. 支付宝充值到账一般为几秒钟到几分钟，但是偶尔也会遇到延迟比较高的情况，如果遇到支付状态长时间没有变化，请点击手动刷新更新状态即可<br/>
+              4. 商务订制等大需求，请联系客服<br/>
+            </a-alert>
+          </a-col>
+        </a-row>
+        
         <a-card
         class="general-card"
         :header-style="{ paddingBottom: '0' }"
         :body-style="{ padding: '17px 20px 21px 20px' }"
+        :style="{ marginTop: '20px' }"
         >
         <template #title>
             充值历史