样式修改

 .coupon-page {
-  .coupon-title {
-    background-color: #fff;
-    text-align: center;
-    height: 96rem/$pxConvertRem;
-    line-height: 96rem/$pxConvertRem;
-    font-size: 30rem / $pxConvertRem;
-  }
-  .coupon-box {
-    background-color: #fff;
-    padding: 36rem/$pxConvertRem;
-    padding-top: 0;
-    height: 172rem/$pxConvertRem;
-    .coupon-box-main {
-      width: 100%;
-      float: left;
-      height: 170rem / $pxConvertRem;
-      .coupon-left {
-        float: left;
-        width: 80%;
-        height: 170rem/$pxConvertRem;
-        background-size: 100%;
-        background-repeat: no-repeat;
-      }
-      .coupon-right {
-        float: left;
-        width: 20%;
+
+    .coupon-title {
+        background-color: #fff;
         text-align: center;
-        height: 170rem/$pxConvertRem;
-        background-color: rgb(224,84,85);
-        .coupon-right-reBox {
-          height: 100%;
-          width: 100%;
-          color:#fff;
-          .coupon-right-re {
-            font-size: 25rem/$pxConvertRem;
-            margin-top: 60rem/$pxConvertRem;
-          }
-        }
-        .coupon-right-goBox {
-          height: 100%;
-          width: 100%;
-          color:#fff;
-          font-size: 15rem/$pxConvertRem;
-          .coupon-right-st {
-            margin-top: 40rem/$pxConvertRem;
-          }
-          .coupon-right-go {
-            border-radius: 15px;
-            border: 1px solid #fff;
-            margin: 0 auto;
-            margin-top: 20rem/$pxConvertRem;
-            width: 90rem/$pxConvertRem;
-            height: 30rem/$pxConvertRem;
-            line-height: 30rem/$pxConvertRem;
-          }
+        height: 96rem/$pxConvertRem;
+        line-height: 96rem/$pxConvertRem;
+        font-size: 30rem / $pxConvertRem;
+    }
+
+    .coupon-box {
+        background-color: #fff;
+        padding: 36rem/$pxConvertRem;
+        padding-top: 0;
+        height: 172rem/$pxConvertRem;
+
+        .coupon-box-main {
+            width: 100%;
+            float: left;
+            height: 170rem / $pxConvertRem;
+
+            .coupon-left {
+                float: left;
+                width: 80%;
+                height: 170rem/$pxConvertRem;
+                background-size: 100%;
+                background-repeat: no-repeat;
+            }
+
+            .coupon-right {
+                float: left;
+                width: 20%;
+                text-align: center;
+                height: 170rem/$pxConvertRem;
+                background-color: rgb(224,84,85);
+
+                .coupon-right-reBox {
+                    height: 100%;
+                    width: 100%;
+                    color:#fff;
+
+                    .coupon-right-re {
+                          font-size: 25rem/$pxConvertRem;
+                          margin-top: 60rem/$pxConvertRem;
+                    }
+                }
+
+                .coupon-right-goBox {
+                    height: 100%;
+                    width: 100%;
+                    color:#fff;
+                    font-size: 15rem/$pxConvertRem;
+
+                    .coupon-right-st {
+                        margin-top: 40rem/$pxConvertRem;
+                    }
+
+                    .coupon-right-go {
+                        border-radius: 15px;
+                        border: 1px solid #fff;
+                        margin: 0 auto;
+                        margin-top: 20rem/$pxConvertRem;
+                        width: 90rem/$pxConvertRem;
+                        height: 30rem/$pxConvertRem;
+                        line-height: 30rem/$pxConvertRem;
+                    }
+                }
+            }
         }
-      }
     }
-  }
 }
 
 .coupon-mask {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, .5);
-  display: none;
-  z-index: 9;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, .5);
+    display: none;
+    z-index: 9;
 }
 
 .coupon-message {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  width: 550rem/$pxConvertRem;
-  height: 250rem/$pxConvertRem;
-  margin-left: -275rem/$pxConvertRem;
-  margin-top: -125rem/$pxConvertRem;
-  z-index: 10;
-  background-color: rgba(250, 250, 250, .92);
-  display: none;
-  border-radius: 10px;
-  .coupon-message-content {
-    border-bottom: 1px solid rgb(197, 197, 197);
-    height: 160rem/$pxConvertRem;
-    text-align: center;
-    line-height: 160rem/$pxConvertRem;
-    font-size: 28rem/$pxConvertRem;
-  }
-  .coupon-message-op {
-    height: 90rem/$pxConvertRem;
-    text-align: center;
-    line-height: 90rem/$pxConvertRem;
-    font-size: 32rem/$pxConvertRem;
-
-    .coupon-message-op-det {
-      color: rgb(223, 98, 112);
-      display:none;
-    }
-    .coupon-message-op-go {
-      color:rgb(223,98,112);
-      display:none;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 550rem/$pxConvertRem;
+    height: 250rem/$pxConvertRem;
+    margin-left: -275rem/$pxConvertRem;
+    margin-top: -125rem/$pxConvertRem;
+    z-index: 10;
+    background-color: rgba(250, 250, 250, .92);
+    display: none;
+    border-radius: 10px;
+
+    .coupon-message-content {
+        border-bottom: 1px solid rgb(197, 197, 197);
+        height: 160rem/$pxConvertRem;
+        text-align: center;
+        line-height: 160rem/$pxConvertRem;
+        font-size: 28rem/$pxConvertRem;
     }
-    .coupon-message-op-rel {
-      color: rgb(223, 98, 112);
-      display:none;
+
+    .coupon-message-op {
+        height: 90rem/$pxConvertRem;
+        text-align: center;
+        line-height: 90rem/$pxConvertRem;
+        font-size: 32rem/$pxConvertRem;
+
+        .coupon-message-op-det {
+            color: rgb(223, 98, 112);
+            display:none;
+        }
+
+        .coupon-message-op-go {
+            color:rgb(223,98,112);
+            display:none;
+        }
+
+        .coupon-message-op-rel {
+            color: rgb(223, 98, 112);
+            display:none;
+        }
     }
-  }
 }
\ No newline at end of file