分期订单

@@ -15,7 +15,7 @@
         <div class="field">
             <label for="identityCardNo">身份证号：</label>
 
-            <input id="identityCardNo" name="identityCardNo" type="number" pattern="\d*" inputmode="numeric" placeholder="请填写身份证号" maxlength="18"/>
+            <input id="identityCardNo" name="identityCardNo" type="text" placeholder="请填写身份证号" maxlength="18"/>
             <div class="clearfix"></div>
         </div>
 
@@ -35,13 +35,13 @@
 
         <div class="field">
             <label for="name">手机号：</label>
-            <input id="mobile" name="mobile" type="tel" placeholder="银行预留手机号码" maxlength="11"/>
+            <input id="mobile" name="mobile" type="tel" placeholder="银行预留手机号码" type="number" pattern="\d{11}"/>
             <div class="clearfix"></div>
         </div>
 
         <div class="field">
             <label for="name">验证码：</label>
-            <input id="sns-check-code" style="width: 120px;" name="snsCheckCode" type="number" pattern="\d*" placeholder="请输入验证码" size="6" maxlength="6"/>
+            <input id="sns-check-code" style="width: 120px;" name="snsCheckCode" type="number" pattern="\d{6}" placeholder="请输入验证码" size="6" />
             <button id="send-sms" class="count-down">获取验证码</button>
             <div class="clearfix"></div>
         </div>

 .installment-order-page {
     background: #f0f0f0;
+    font-weight: 300;
 
     .order-info {
         position: fixed;
@@ -15,6 +16,7 @@
     }
 
     .header-tab {
+        font-size: 27px;
         text-align: center;
         height: 90px;
         border-bottom: 1px solid #e1e1e1;
@@ -25,7 +27,7 @@
 
         li {
             display: inline-block;
-            min-width: 120px;
+            width: 150px;
             height: 90px;
             line-height: 90px;
 
@@ -75,7 +77,7 @@
     }
 
     .date-box {
-        margin-top: 20px;
+        margin-top: 8px;
         color: #b1b1b1;
         font-size: 24px;
     }
@@ -92,6 +94,7 @@
     }
 
     .status {
+        margin-top: 10px;
         &.faded {
             color: #b1b1b1;
         }
@@ -99,7 +102,7 @@
 
     .order-detail {
         padding: 30px;
-        height: 162px;
+        height: 160px;
         border-bottom: 1px solid #e0e0e0;
         background: #fff;
 
@@ -115,24 +118,26 @@
             text-overflow: ellipsis;
             overflow: hidden;
             white-space: nowrap;
-            font-size: 20px;
+            font-size: 24px;
             line-height: 30px;
             color: #444;
+            margin-top: -4px;
         }
 
         h4 {
             width: 100%;
             float: left;
-            font-size: 20px;
+            font-size: 24px;
             line-height: 30px;
             color: #444;
+            margin-top: 10px;
         }
     }
 
     .installment-box {
         text-align: center;
         float: left;
-        width: 33.3%;
+        width: 213.333px;
         font-size: 22px;
     }
 
@@ -144,7 +149,7 @@
     }
 
     .detail-list-container {
-        padding-top: 330px;
+        padding-top: 310px;
         overflow-y: scroll;
         padding-bottom: 120px;
     }
@@ -174,8 +179,8 @@
         }
 
         .amount {
-            font-size: 24px;
-            margin-left: 20px;
+            font-size: 30px;
+            margin-left: 50px;
         }
 
         .fee {
@@ -185,7 +190,7 @@
 
         .status {
             position: absolute;
-            top: 35px;
+            top: 15px;
             right: 30px;
 
             .iconfont {