Merge branch 'feature/installment' of git.yoho.cn:fe/yohobuywap-node into feature/installment

@@ -23,6 +23,7 @@
             <label for="name">卡号：</label>
 
             <input id="cardNo" name="cardNo" type="tel" placeholder="银行卡号" size="26" maxlength="23"/>
+            <span class="iconfont notice">&#xe639;</span>
             <div class="clearfix"></div>
         </div>
 
@@ -72,4 +73,16 @@
             </div>
         </div>
     </form>
+    <div class="installment-overdue-notice">
+        <div class="mask-bg"></div>
+        <div class="notice-area">
+            <div class="notice-cont">
+                <h2>支持银行</h2>
+                <p>农业银行、中国银行、工商银行、建设银行、</p>
+                <p>光大银行、兴业银行、邮储银行、民生银行、</p>
+                <p>平安银行、中信银行、广发银行</p>
+            </div>
+            <div class="think-ok">我知道了</div>
+        </div>
+    </div>
 </div>

@@ -183,10 +183,12 @@ $('#send-sms').click(function() {
  */
 $('#cardNo').keyup(function() {
     var value = $(this).val();
-    var cardNo = $(this).val().replace(/\s/g, '');
 
     $(this).val(value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1 ')).trigger('change');
 
+}).change(function() {
+    var cardNo = $(this).val().replace(/\s/g, '');
+
     if (cardNo && cardNo.length >= 16) {
         debounceFn(cardNo);
     } else {
@@ -321,3 +323,5 @@ $('#agreements').click(function() {
 
     $(this).attr('href', location.pathname + '?openby:yohobuy=' + encodeURIComponent(JSON.stringify(params)));
 });
+
+require('./overdue-notice');

@@ -9,3 +9,10 @@ $('.repay-list .notice').on('click', function() {
 $('.think-ok, .mask-bg').on('click', function() {
     $notice.hide();
 });
+
+
+$('.installment-starting-service-page .notice').on('click', function() {
+    $notice.show();
+
+    return false;
+});

@@ -121,6 +121,22 @@
         text-align: center;
         margin-top: 30px;
     }
+
+    .notice {
+        position: relative;
+        left: 30px;
+        top: 4px;
+        font-size: 28px;
+        color: #444;
+        padding: 10px;
+    }
+
+    .installment-overdue-notice {
+        .notice-area {
+            width: 560px;
+            margin: -165px 0 0 -280px;
+        }
+    }
 }
 
 .installment-check-btn {