|
...
|
...
|
@@ -14,7 +14,7 @@ |
|
|
|
@include transition(all .3s);
|
|
|
|
|
|
|
|
> ul {
|
|
|
|
margin-bottom: 16rem / $pxConvertRem;
|
|
|
|
margin-bottom: 20rem / $pxConvertRem;
|
|
|
|
background: #fff;
|
|
|
|
border-top: 1px solid #e0e0e0;
|
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
...
|
...
|
@@ -22,8 +22,8 @@ |
|
|
|
|
|
|
|
li {
|
|
|
|
position: relative;
|
|
|
|
height: 64rem / $pxConvertRem;
|
|
|
|
line-height: 64rem / $pxConvertRem;
|
|
|
|
height: 80rem / $pxConvertRem;
|
|
|
|
line-height: 80rem / $pxConvertRem;
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
&:after {
|
|
...
|
...
|
@@ -45,27 +45,21 @@ |
|
|
|
a {
|
|
|
|
display: block;
|
|
|
|
height: 100%;
|
|
|
|
padding-left: 92rem / $pxConvertRem;
|
|
|
|
padding-left: 110rem / $pxConvertRem;
|
|
|
|
color: #444;
|
|
|
|
}
|
|
|
|
|
|
|
|
em {
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 24rem / $pxConvertRem;
|
|
|
|
font-size: 26rem / $pxConvertRem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
display: inline-block;
|
|
|
|
font-size: 36rem / $pxConvertRem;
|
|
|
|
vertical-align: bottom;
|
|
|
|
padding-left: 20rem / $pxConvertRem;
|
|
|
|
// 此处字体小于 12px， 先扩大，再scale缩小
|
|
|
|
@include transform(scale(0.5));
|
|
|
|
|
|
|
|
-webkit-transform-origin: 0 50% 0;
|
|
|
|
-moz-transform-origin: 0 50% 0;
|
|
|
|
-ms-transform-origin: 0 50% 0;
|
|
|
|
transform-origin: 0 50% 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-icon, .nav-img {
|
|
...
|
...
|
@@ -98,8 +92,8 @@ |
|
|
|
.first {
|
|
|
|
|
|
|
|
li {
|
|
|
|
height: 80rem / $pxConvertRem;
|
|
|
|
line-height: 80rem / $pxConvertRem;
|
|
|
|
height: 100rem / $pxConvertRem;
|
|
|
|
line-height: 100rem / $pxConvertRem;
|
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
|
|
|
|
|
&:last-child {
|
|
...
|
...
|
@@ -111,7 +105,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
em {
|
|
|
|
font-size: 32rem / $pxConvertRem;
|
|
|
|
font-size: 36rem / $pxConvertRem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-img, .nav-icon {
|
...
|
...
|
|
