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