ui fix review by lea.guo

@@ -3,7 +3,7 @@
     <div class="pay-type-wrapper">
     <div class="pay-type-wrapper">
       <div class="header">
       <div class="header">
         <div class="title">选择支付方式</div>
         <div class="title">选择支付方式</div>
-        <span><i class="iconfont iconweibiao45133 close" @click="close"></i></span>
+        <div class="x-close" @click="close"></div>
       </div>
       </div>
       <slot name="price">
       <slot name="price">
         <div class="price-info">
         <div class="price-info">
@@ -187,6 +187,13 @@ export default {
   color: #222;
   color: #222;
 }
 }
 
 
+.x-close {
+  width: 40px;
+  height: 40px;
+  background: url(~statics/image/order/x@3x.png) no-repeat;
+  background-size: cover;
+}
+
 .close {
 .close {
   font-size: 32px;
   font-size: 32px;
 }
 }

@@ -101,9 +101,9 @@ export default {
 }
 }
 
 
 .pay-list-item {
 .pay-list-item {
-  height: 180px;
+  height: 160px;
   font-size: 28px;
   font-size: 28px;
-  margin: 20px 20px;
+  margin: 0 20px;
   display: flex;
   display: flex;
   justify-content: space-between;
   justify-content: space-between;
   align-items: center;
   align-items: center;
@@ -114,7 +114,7 @@ export default {
 .check {
 .check {
   font-size: 48px;
   font-size: 48px;
   margin-left: 40px;
   margin-left: 40px;
-  margin-right: 40px;
+  margin-right: 20px;
 }
 }
 
 
 .pay-info {
 .pay-info {
@@ -159,19 +159,18 @@ export default {
 
 
 .coupon-info {
 .coupon-info {
   flex: 1;
   flex: 1;
-  height: 60px;
   padding-left: 20px;
   padding-left: 20px;
 }
 }
 
 
 .coupon-name {
 .coupon-name {
-  font-size: 24px;
+  font-size: 28px;
   font-weight: bold;
   font-weight: bold;
   color: #002b47;
   color: #002b47;
   margin-bottom: 10px;
   margin-bottom: 10px;
 }
 }
 
 
 .coupon-time {
 .coupon-time {
-  font-size: 22px;
+  font-size: 24px;
   color: #999;
   color: #999;
 }
 }
 </style>
 </style>

@@ -6,7 +6,7 @@
         <cube-scroll ref="activityListScroll" :data="list">
         <cube-scroll ref="activityListScroll" :data="list">
           <ul>
           <ul>
             <li v-for="(item, idx) in list" :key="idx">
             <li v-for="(item, idx) in list" :key="idx">
-              <div><span>{{item.promotionTypeStr}}</span> {{item.activityName}}</div>
+              <div class="activityName"><span>{{item.promotionTypeStr}}</span> {{item.activityName}}</div>
               <div class="sub">{{item.startTimeStr}}-{{item.endTimeStr}}</div>
               <div class="sub">{{item.startTimeStr}}-{{item.endTimeStr}}</div>
             </li>
             </li>
           </ul>
           </ul>
@@ -66,10 +66,10 @@ export default {
     }
     }
 
 
     span {
     span {
-      font-size: 0.7em;
+      font-size: 22px;
       line-height: 1.8;
       line-height: 1.8;
       border: 1px solid #feabac;
       border: 1px solid #feabac;
-      color: #feabac;
+      color: #D0021B;
       text-align: center;
       text-align: center;
       padding: 0 1.2em;
       padding: 0 1.2em;
       margin-right: 0.8em;
       margin-right: 0.8em;
@@ -89,9 +89,14 @@ export default {
       border-bottom: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
     }
     }
 
 
+    .activityName {
+      font-size: 28px;
+      font-weight: bold;
+    }
+
     .sub {
     .sub {
       color: #999;
       color: #999;
-      font-size: 22px;
+      font-size: 24px;
     }
     }
   }
   }
 </style>
 </style>

@@ -466,7 +466,7 @@ export default {
     span {
     span {
       display: inline-block;
       display: inline-block;
       border: 1px solid #feabac;
       border: 1px solid #feabac;
-      color: #feabac;
+      color: #D0021B;
       line-height: 1.8;
       line-height: 1.8;
       margin-right: 15px;
       margin-right: 15px;
       font-size: 0.8em;
       font-size: 0.8em;