vip privilege

@@ -125,29 +125,6 @@ $vip: sprite-map("me/vip/*.png");
             font-size: 30rem / $pxConvertRem;
             font-size: 30rem / $pxConvertRem;
             border-bottom: 1px solid #e0e0e0;
             border-bottom: 1px solid #e0e0e0;
         }
         }
-
-        .icon {
-            float: left;
-            display: block;
-            width: pxToRem(70px);
-            height: pxToRem(70px);
-        }
-
-        li {
-            height: 70rem / $pxConvertRem;
-            padding: 25rem / $pxConvertRem 0;
-        }
-
-        P {
-            font-size: 28rem / $pxConvertRem;
-            margin-left: 100rem / $pxConvertRem;
-        }
-
-        span {
-            display: block;
-            color: #b0b0b0;
-            font-size: 22rem / $pxConvertRem;
-        }
     }
     }
 
 
     .all-privilege {
     .all-privilege {
@@ -163,4 +140,36 @@ $vip: sprite-map("me/vip/*.png");
         }
         }
 
 
     }
     }
+
+}
+
+.vip-privilege-page {
+    padding: 0 20rem / $pxConvertRem;
+}
+
+.privilege-list {
+    background: #fff;
+
+    .icon {
+        float: left;
+        display: block;
+        width: pxToRem(70px);
+        height: pxToRem(70px);
+    }
+
+    li {
+        height: 70rem / $pxConvertRem;
+        padding: 25rem / $pxConvertRem 0;
+    }
+
+    P {
+        font-size: 28rem / $pxConvertRem;
+        margin-left: 100rem / $pxConvertRem;
+    }
+
+    span {
+        display: block;
+        color: #b0b0b0;
+        font-size: 22rem / $pxConvertRem;
+    }
 }
 }

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

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