diff --git a/pay.html b/pay.html
index b262279..3af6c5f 100644
--- a/pay.html
+++ b/pay.html
@@ -30,6 +30,42 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>订单支付</title>
+    <style>
+        .discountBox{
+            border: 0;
+            outline: 0;
+            width: calc(100% - 120px);
+            height:28px;
+            line-height: 28px;
+            padding-left: 10px;
+            background:rgba(240,244,245,1);
+            border-radius:4px;
+            display: inline-block;
+            float: left;
+            color: #8a8a8a;
+        }
+        .discountBox:focus{
+            border: 0;
+            outline: 0;
+        }
+        .discountBtn{
+            display: inline-block;
+            float: right;
+            border: none;
+            outline: none;
+            -webkit-appearance: none;
+            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+            border: 1px solid #75CBBE;
+            border-radius:25px ;
+            padding: 4px 20px;
+            font-size: 14px;
+            color: #75CBBE;
+            background: #fff;
+        }
+        .discount-tip{
+            color: #EB453B;
+        }
+    </style>
 </head>
 <body>
     <!--<noscript>-->
@@ -50,9 +86,16 @@
         <div><span>优惠金额:</span><span id="discountFee"></span><span id="discountDesc"></span></div>
         <div><span>订单编号: </span><span id="orderNum">1234567890</span> </div>
     </section>
+    <div class="row marginTop">
+        <div style="overflow: hidden">
+            <input class="discountBox" type="text" placeholder="请输入优惠券编号" maxlength="20">
+            <button class="discountBtn">兑换</button>
+        </div>
+        <div class="discount-tip">注意：</div>
+    </div>
     <section id="section" class="marginTop">
-        <div class="flexBoxRow">
-            <span class="payWayTitle">选择支付方式</span> <span class="orderTime colorGray">出场时间: <span id="outtime"></span></span>
+        <div class="flexBoxRow" >
+            <span class="payWayTitle" style="padding-left: 10px;">选择支付方式</span> <span class="orderTime colorGray">出场时间: <span id="outtime"></span></span>
         </div>
         <div class="row marginTop">
             <!--AliPay-->
@@ -82,7 +125,7 @@
         <div class="btnOK" id="btnPayOK">确定支付</div>
         <img src="img/loading.gif" id="loading" style="display: none;" />
     </footer>
-    <section id="payTip" style="padding: 5px;margin-top:5px; color: #3385ff; font-size: 14px; "></section>
+    <section id="payTip" style="padding: 10px;margin-top:5px; color: #3385ff; font-size: 14px; "></section>
 
     <!--
       This HTML file is a template.
