del-redundant-code

 <div class="yoho-page select-coupon-page my-coupon-page">
     <div class="coupon-page-title">
-        <form id="new-coupon" method="POST" action="">
+        <form id="new-coupon" class="new-coupon" method="POST" action="">
             <input type="text" name="couponCode" value="" placeholder="输入优惠券码">
             <button type="submit" class="submit">兑换</button>
         </form>

@@ -15,9 +15,3 @@
     </section>
     {{/ notAvailable}}
 {{/coupons}}
-{{!-- 
-<a class="employ-main" data-coupon-code="{{ couponCode}}" data-coupon-name="{{ couponDetailInfomation}}" href="javascript:void(0);">
-        <span>{{ couponValue}}</span>
-        <p class="coupon-name">{{ couponDetailInfomation}}</p>
-        <p>有效期：{{ couponValidity}}</p>
-    </a> --}}
\ No newline at end of file

@@ -27,6 +27,32 @@ $fontSizeSmall: 16px;
         background-color: #fff;
     }
 
+    .new-coupon {
+        @extend page-padding;
+
+        font-size: 24px;
+
+        input {
+            padding: 0 12px;
+            width: 400px;
+            height: 80px;
+            border: 1px solid #b0b0b0;
+            border-radius: 0.1rem;
+            outline: 0;
+        }
+
+        .submit {
+            margin-left: 30px;
+            width: 130px;
+            height: 80px;
+            color: #fff;
+            background: #b0b0b0;
+            border-radius: 0.1rem;
+            border: none;
+            outline: 0;
+        }
+    }
+
     .coupon-use-manual {
         @extend page-padding;
 
@@ -115,67 +141,4 @@ $fontSizeSmall: 16px;
             }
         }
     }
-
-    #new-coupon {
-        padding-left: 30px;
-        padding-right: 30px;
-        font-size: 24px;
-
-        input {
-            padding: 0 12px;
-            width: 400px;
-            height: 80px;
-            border: 1px solid #b0b0b0;
-            border-radius: 0.1rem;
-            outline: 0;
-        }
-
-        .submit {
-            margin-left: 30px;
-            width: 130px;
-            height: 80px;
-            color: #fff;
-            background: #b0b0b0;
-            border-radius: 0.1rem;
-            border: none;
-            outline: 0;
-        }
-    }
-
-    .not-use {
-        display: block;
-        width: 560px;
-        margin: 30px auto 0;
-        text-align: center;
-        font-size: 32px;
-        line-height: 2.5;
-        border: 1px solid #444;
-        border-radius: 4PX;
-    }
-
-    .not-avaliable-coupon-line {
-        position: relative;
-        margin-top: 30px;
-        margin-bottom: 30px;
-        font-size: 28px;
-        line-height: 2;
-        color: #b0b0b0;
-        text-align: center;
-
-        &:before {
-            @extend line;
-
-            left: 60px;
-        }
-
-        &:after {
-            @extend line;
-
-            right: 60px;
-        }
-    }
-
-    .not-avaliable {
-        background-image: resolve("home/employ/employ-grey.jpg") !important;
-    }
 }