有货币使用背景弹框

@@ -287,114 +287,114 @@
     }
 
 
-.order-good {
-    position: relative;
-    padding: 20px 0;
-    margin-left: 34px;
-    height: 160px;
-    border-bottom: 1px solid #e0e0e0;
-    font-size: 26px;
-
-    &:last-child {
-        border-bottom: none;
-    }
-
-    .thumb-wrap {
+    .order-good {
         position: relative;
-        float: left;
-        width: 120px;
+        padding: 20px 0;
+        margin-left: 34px;
         height: 160px;
-    }
+        border-bottom: 1px solid #e0e0e0;
+        font-size: 26px;
 
-    .thumb {
-        width: 100%;
-        height: 100%;
-    }
+        &:last-child {
+            border-bottom: none;
+        }
 
-    .tag {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        color: #fff;
-        text-align: center;
-        font-size: 12px;
+        .thumb-wrap {
+            position: relative;
+            float: left;
+            width: 120px;
+            height: 160px;
+        }
 
-        &:before {
-            display: block;
-            line-height: 1;
-            transform:scale(0.833);
+        .thumb {
+            width: 100%;
+            height: 100%;
         }
-    }
 
-    .gift-tag {
-        height: 25px;
-        background: #a1ce4e;
+        .tag {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            color: #fff;
+            text-align: center;
+            font-size: 12px;
 
-        &:before {
-            content: '赠品';
+            &:before {
+                display: block;
+                line-height: 1;
+                transform:scale(0.833);
+            }
         }
-    }
 
-    .advance-buy-tag {
-        height: 25px;
-        background: #eb76aa;
+        .gift-tag {
+            height: 25px;
+            background: #a1ce4e;
 
-        &:before {
-            content: '加价购';
+            &:before {
+                content: '赠品';
+            }
         }
-    }
 
-    .deps {
-        margin-left: 135px;
-    }
+        .advance-buy-tag {
+            height: 25px;
+            background: #eb76aa;
 
-    .name {
-        font-size: 28px;
-        max-width: 70%;
-        text-overflow: -o-ellipsis-lastline;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-    }
+            &:before {
+                content: '加价购';
+            }
+        }
 
-    .row:nth-child(2) {
-        height: 45px;
-        line-height: 45px;
+        .deps {
+            margin-left: 135px;
+        }
 
-        > span {
-            margin-right: 15px;
+        .name {
+            font-size: 28px;
+            max-width: 70%;
+            text-overflow: -o-ellipsis-lastline;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
         }
-    }
 
-    .color, .size {
-        color: #b6b6b6;
-    }
+        .row:nth-child(2) {
+            height: 45px;
+            line-height: 45px;
 
-    .price-wrap {
-        position: absolute;
-        top: 20px;
-        right: 30px;
-        text-align: right;
-    }
+            > span {
+                margin-right: 15px;
+            }
+        }
 
-    .price {
-        color: #e01;
-    }
+        .color, .size {
+            color: #b6b6b6;
+        }
 
-    .count {
-        display: block;
-        color: #999;
-        text-align: right;
-        line-height: 45px;
-    }
+        .price-wrap {
+            position: absolute;
+            top: 20px;
+            right: 30px;
+            text-align: right;
+        }
 
-    .appear-date {
-        color: #f00;
+        .price {
+            color: #e01;
+        }
+
+        .count {
+            display: block;
+            color: #999;
+            text-align: right;
+            line-height: 45px;
+        }
+
+        .appear-date {
+            color: #f00;
+        }
     }
-}
     .sale-invoice {
         margin-top: -20px;
         font-size: 24px;
@@ -574,7 +574,6 @@
         input {
             margin: 0;
         }
-
     }
 
     .total {
@@ -622,6 +621,17 @@
             font-size: 32px;
         }
     }
+
+    .yoho-coin-help-dialog-bg {
+        background-color: #000;
+        width: 100%;
+        height: 100%;
+        position: fixed;
+        z-index: 1;
+        left: 0;
+        top: 0;
+        opacity: 0.3;
+    }
 }
 
 .tickets-confirm-page {

@@ -143,17 +143,6 @@
                     <span class="title">发票信息</span>
                     <span class="invoice-type"><i class="iconfont">&#xe614;</i></span>
                 </a>
-                <!-- <form id="invoice">
-                    <input type="text" name="invoice-title" value="{{invoiceText}}" maxlength="30" placeholder="发票抬头">
-                    <label>
-                        发票类型
-                        <select class="invoice-type" name="invoice-type">
-                            {{# invoice}}
-                            <option value="{{id}}" {{#if isSelected}}selected{{/if}}>{{name}}</option>
-                            {{/ invoice}}
-                        </select>
-                    </label>
-                </form> -->
             </li>
             {{/if}}
         </ul>
@@ -194,7 +183,17 @@
         <a href="javascript:;">提交订单</a>
     </div>
 
-    
+    <div class="yoho-coin-help-dialog-bg"></div>
+    <div class="yoho-coin-help-dialog">
+        <div class="yoho-coin-title">有货币使用条件：</div>
+        <div class="yoho-coin-content">
+            <p>1.订单金额大于20元（含）</p>
+            <p>2.有货币数量大于100个（含）</p>
+            <p>3.有货币支付不得超过每笔订单应付金额的50%</p>
+            <p>备注：使用有货币数量为100的整数倍，100有货币抵1元。</p>
+        </div>
+        <div class="yoho-coin-footer">知道了</div>
+    </div>
     {{/ orderEnsure}}
 </div>
 {{> layout/footer}}