|
@@ -24,7 +24,7 @@ |
|
@@ -24,7 +24,7 @@ |
24
|
width: pxToRem(126px);
|
24
|
width: pxToRem(126px);
|
25
|
height: pxToRem(126px);
|
25
|
height: pxToRem(126px);
|
26
|
border-radius: 50%;
|
26
|
border-radius: 50%;
|
27
|
- border: pxToRem(6px) solid #a7a8a9;
|
27
|
+ border: pxToRem(6px) solid #a7a8a9;
|
28
|
background-image: image-url("me/index/user-avatar.png");
|
28
|
background-image: image-url("me/index/user-avatar.png");
|
29
|
background-size: 100%;
|
29
|
background-size: 100%;
|
30
|
}
|
30
|
}
|
|
@@ -46,7 +46,7 @@ |
|
@@ -46,7 +46,7 @@ |
46
|
}
|
46
|
}
|
47
|
|
47
|
|
48
|
.vip-3 {
|
48
|
.vip-3 {
|
49
|
- @include rem-sprite($vip, vip-3);
|
49
|
+ @include rem-sprite($vip, vip-3);
|
50
|
}
|
50
|
}
|
51
|
|
51
|
|
52
|
.vip-2 {
|
52
|
.vip-2 {
|
|
@@ -91,7 +91,7 @@ |
|
@@ -91,7 +91,7 @@ |
91
|
font-size: pxToRem(22px);
|
91
|
font-size: pxToRem(22px);
|
92
|
line-height: pxToRem(38px);
|
92
|
line-height: pxToRem(38px);
|
93
|
width: pxToRem(213px);
|
93
|
width: pxToRem(213px);
|
94
|
-
|
94
|
+
|
95
|
&:after {
|
95
|
&:after {
|
96
|
content: '';
|
96
|
content: '';
|
97
|
position: absolute;
|
97
|
position: absolute;
|
|
@@ -153,16 +153,17 @@ |
|
@@ -153,16 +153,17 @@ |
153
|
|
153
|
|
154
|
.num {
|
154
|
.num {
|
155
|
position: absolute;
|
155
|
position: absolute;
|
156
|
- padding: 0 pxToRem(8px);
|
|
|
157
|
- top: 0;
|
|
|
158
|
- right: pxToRem(40px);
|
|
|
159
|
- min-width: pxToRem(16px);
|
|
|
160
|
- font-size: pxToRem(24px);
|
|
|
161
|
- line-height: pxToRem(32px);
|
156
|
+ top: pxToRem(-24px);
|
|
|
157
|
+ right: pxToRem(36px);
|
|
|
158
|
+ width: pxToRem(72px);
|
|
|
159
|
+ height: pxToRem(72px);
|
|
|
160
|
+ font-size: pxToRem(40px);
|
|
|
161
|
+ line-height: pxToRem(72px);
|
162
|
color: #fff;
|
162
|
color: #fff;
|
163
|
- background: #F03D35;
|
163
|
+ background: #f03d35;
|
164
|
text-align: center;
|
164
|
text-align: center;
|
165
|
- border-radius: pxToRem(20px);
|
165
|
+ border-radius: 50%;
|
|
|
166
|
+ @include transform(scale(0.5));
|
166
|
}
|
167
|
}
|
167
|
}
|
168
|
}
|
168
|
|
169
|
|
|
@@ -184,7 +185,7 @@ |
|
@@ -184,7 +185,7 @@ |
184
|
padding: 0 pxToRem(30px);
|
185
|
padding: 0 pxToRem(30px);
|
185
|
font-size: pxToRem(32px);
|
186
|
font-size: pxToRem(32px);
|
186
|
line-height: pxToRem(88px);
|
187
|
line-height: pxToRem(88px);
|
187
|
-
|
188
|
+
|
188
|
&.highlight {
|
189
|
&.highlight {
|
189
|
background: #eee;
|
190
|
background: #eee;
|
190
|
}
|
191
|
}
|
|
@@ -214,4 +215,4 @@ |
|
@@ -214,4 +215,4 @@ |
214
|
float: right;
|
215
|
float: right;
|
215
|
}
|
216
|
}
|
216
|
}
|
217
|
}
|
217
|
-} |
|
|
|
|
218
|
+} |