no order

@@ -37,7 +37,7 @@ function getOrders() {
     }
 
     inAjax = true;
-    loading.show();
+    loading.showLoadingMask();
 
     $.ajax({
         type: 'GET',
@@ -62,7 +62,7 @@ function getOrders() {
             }
 
             inAjax = false;
-            loading.hide();
+            loading.hideLoadingMask();
         }
     });
 }

@@ -2,6 +2,7 @@
     background: #f0f0f0;
 
     .order {
+        position: relative;
         display: block;
         background: #fff;
         margin: 30rem / $pxConvertRem 0;
@@ -64,17 +65,38 @@
     }
 
     .no-order {
+        position: absolute;
+        background: #fff;
         text-align: center;
-        color: #f0f0f0;
+        top: 50%;
+        margin-top: -220rem / $pxConvertRem;
+        width: 100%;
 
-        .iconfont {
-            font-size: 50px;
+        .icon {
+            width: 153rem / $pxConvertRem;
+            height: 196rem / $pxConvertRem;
+            background: image-url('me/no-order.png') no-repeat;
+            background-size: 100%;
+            margin: 0 auto;
+        }
+
+        span {
+            display: block;
+            color: #b0b0b0;
+            font-size: 24rem / $pxConvertRem;
+            margin: 30rem / $pxConvertRem 0 110rem / $pxConvertRem;
         }
 
         .walk-way {
             display: block;
+            height: 80rem / pxConvertRem;
+            line-height: 80rem / $pxConvertRem;
+            width: 70%;
+            margin: 0 auto;
+            text-align: center;
+            font-size: 30rem / $pxConvertRem;
             color: #fff;
-            background: #fff;
+            background: #444;
             @include border-radius(5px);
         }
     }

 {{#if walkwayUrl}}
     <div class="no-order">
-        <span class="iconfont">&#xe632;</span>
+        <div class="icon"></div>
         <span>你还没有订单</span>
         <a class="walk-way" href="{{walkwayUrl}}">随便逛逛</a>
     </div>