个人中心 我的订单数字显示红色

@@ -24,7 +24,7 @@
             width: pxToRem(126px);
             width: pxToRem(126px);
             height: pxToRem(126px);
             height: pxToRem(126px);
             border-radius: 50%;
             border-radius: 50%;
-            border: pxToRem(6px) solid #a7a8a9; 
+            border: pxToRem(6px) solid #a7a8a9;
             background-image: image-url("me/index/user-avatar.png");
             background-image: image-url("me/index/user-avatar.png");
             background-size: 100%;
             background-size: 100%;
         }
         }
@@ -46,7 +46,7 @@
         }
         }
 
 
         .vip-3 {
         .vip-3 {
-            @include rem-sprite($vip, vip-3); 
+            @include rem-sprite($vip, vip-3);
         }
         }
 
 
         .vip-2 {
         .vip-2 {
@@ -91,7 +91,7 @@
             font-size: pxToRem(22px);
             font-size: pxToRem(22px);
             line-height: pxToRem(38px);
             line-height: pxToRem(38px);
             width: pxToRem(213px);
             width: pxToRem(213px);
-            
+
             &:after {
             &:after {
                 content: '';
                 content: '';
                 position: absolute;
                 position: absolute;
@@ -153,16 +153,17 @@
 
 
                 .num {
                 .num {
                     position: absolute;
                     position: absolute;
-                    padding: 0 pxToRem(8px);
-                    top: 0;
-                    right: pxToRem(40px);
-                    min-width: pxToRem(16px);
-                    font-size: pxToRem(24px);
-                    line-height: pxToRem(32px);
+                    top: pxToRem(-24px);
+                    right: pxToRem(36px);
+                    width: pxToRem(72px);
+                    height: pxToRem(72px);
+                    font-size: pxToRem(40px);
+                    line-height: pxToRem(72px);
                     color: #fff;
                     color: #fff;
-                    background: #F03D35;
+                    background: #f03d35;
                     text-align: center;
                     text-align: center;
-                    border-radius: pxToRem(20px);
+                    border-radius: 50%;
+                    @include transform(scale(0.5));
                 }
                 }
             }
             }
 
 
@@ -184,7 +185,7 @@
             padding: 0 pxToRem(30px);
             padding: 0 pxToRem(30px);
             font-size: pxToRem(32px);
             font-size: pxToRem(32px);
             line-height: pxToRem(88px);
             line-height: pxToRem(88px);
-            
+
             &.highlight {
             &.highlight {
                 background: #eee;
                 background: #eee;
             }
             }
@@ -214,4 +215,4 @@
             float: right;
             float: right;
         }
         }
     }
     }
-}
+}