vip privilege

@@ -125,6 +125,30 @@ $vip: sprite-map("me/vip/*.png");
             font-size: 30rem / $pxConvertRem;
             border-bottom: 1px solid #e0e0e0;
         }
+    }
+
+    .all-privilege {
+        display: block;
+        height: 90rem / $pxConvertRem;
+        line-height: 90rem / $pxConvertRem;
+        font-size: 30rem / $pxConvertRem;
+        margin-bottom: 0;
+
+        .iconfont {
+            float: right;
+            color: #e0e0e0;
+        }
+
+    }
+
+}
+
+.vip-privilege-page {
+    padding: 0 20rem / $pxConvertRem;
+}
+
+.privilege-list {
+    background: #fff;
 
     .icon {
         float: left;
@@ -148,19 +172,4 @@ $vip: sprite-map("me/vip/*.png");
         color: #b0b0b0;
         font-size: 22rem / $pxConvertRem;
     }
-    }
-
-    .all-privilege {
-        display: block;
-        height: 90rem / $pxConvertRem;
-        line-height: 90rem / $pxConvertRem;
-        font-size: 30rem / $pxConvertRem;
-        margin-bottom: 0;
-
-        .iconfont {
-            float: right;
-            color: #e0e0e0;
-        }
-
-    }
 }
\ No newline at end of file

 {{> layout/header}}
-<div class="vip-grade-page yoho-page">
+<div class="vip-privilege-page yoho-page">
     {{# vipGrade}}
         {{> me/vip-grade/privilege}}
     {{/ vipGrade}}

-<ul>
+<ul class="privilege-list">
     {{#each privilege}}
         <li>
             <img class="icon" src="{{pic}}">