增加字体

@@ -17,7 +17,7 @@ html,
 body {
     width: 100%;
     font-size: 24px;
-    font-family: Helvetica, Roboto, "Heiti SC", "黑体", Arial;
+    font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial;
     line-height: 1.4;
 }
 

+/* BrownStd standard */
+@font-face {
+    font-family: "BrownStd";
+    src: resolve("brownstd/BrownStd-Regular.eot"); /* IE9 */
+    src: resolve("brownstd/BrownStd-Regular.eot?#iefix") format("embedded-opentype"), resolve("brownstd/BrownStd-Regular.woff") format("woff"), resolve("brownstd/BrownStd-Regular.ttf") format("truetype"), resolve("brownstd/BrownStd-Regular.svg#iconfont") format("svg"); /* iOS 4.1- */
+}
+
+/* BrownStd-Bold */
+@font-face {
+    font-family: "BrownStd-Bold";
+    src: resolve("brownstd/BrownStd-Bold.eot"); /* IE9 */
+    src: resolve("brownstd/BrownStd-Bold.eot?#iefix") format("embedded-opentype"), resolve("brownstd/BrownStd-Bold.woff") format("woff"), resolve("brownstd/BrownStd-Bold.ttf") format("truetype"), resolve("brownstd/BrownStd-Bold.svg#iconfont") format("svg"); /* iOS 4.1- */
+}
+
+.brown-bold {
+    font-family: "BrownStd-Bold" !important;
+}
+
+/* BrownStd-Italic */
+@font-face {
+    font-family: "BrownStd-Italic";
+    src: resolve("brownstd/BrownStd-Italic.eot"); /* IE9 */
+    src: resolve("brownstd/BrownStd-Italic.eot?#iefix") format("embedded-opentype"), resolve("brownstd/BrownStd-Italic.woff") format("woff"), resolve("brownstd/BrownStd-Italic.ttf") format("truetype"), resolve("brownstd/BrownStd-Italic.svg#iconfont") format("svg"); /* iOS 4.1- */
+}
+
+.brown-italic {
+    font-family: "BrownStd-Italic" !important;
+}
+
+/* BrownStd-Light */
+@font-face {
+    font-family: "BrownStd-Light";
+    src: resolve("brownstd/BrownStd-Light.eot"); /* IE9 */
+    src: resolve("brownstd/BrownStd-Light.eot?#iefix") format("embedded-opentype"), resolve("brownstd/BrownStd-Light.woff") format("woff"), resolve("brownstd/BrownStd-Light.ttf") format("truetype"), resolve("brownstd/BrownStd-Light.svg#iconfont") format("svg"); /* iOS 4.1- */
+}
+
+.brown-light {
+    font-family: "BrownStd-Light" !important;
+}

 @import "reset";
 @import "common";
 @import "color";
+@import "font";
 @import "list";
 @import "icon";
 @import "tip";

@@ -7,7 +7,7 @@
                 </div>
             </template>
             <a class="item ellipsis" href="{{item.sortUrl}}">
-                {{item.sortNameEn}}{{item.sortName}}
+                {{(item.sortNameEn || '').trim()}}{{item.sortName}}
             </a>
         </template>
     </div>
@@ -63,10 +63,17 @@
             position: relative;
             display: block;
             padding: 0 30px;
-            height: 126px;
-            line-height: 126px;
-            font-size: 30px;
+            height: 124px;
+            line-height: 124px;
+            font-size: 36px;
             font-weight: bold;
+            font-family: "BrownStd-Bold", "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial;
+
+            &:first-child {
+                height: 142px;
+                line-height: 142px;
+                font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial;
+            }
 
             &:after {
                 content: "";
@@ -84,11 +91,17 @@
         }
 
         .sep {
+            margin-top: -1px;
             width: 100%;
-            height: 22px;
+            height: 20px;
             background: #f6f6f6;
-            border-top: 2PX solid #eee;
-            border-bottom: 2PX solid #eee;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+
+            & + .item {
+                height: 142px;
+                line-height: 142px;
+            }
         }
     }