调整首页头条的样式 和pc同步

2017多玩新版wap站/src/_index.html

@@ -82,35 +82,20 @@
 
         <!--首屏热点新闻{-->
         <section class="index-hot-news">
-            <h2 class="hot-news">
-                <a href="">热游版：龙之谷涨幅过百 超守望逼炉石</a>
-            </h2>
-            <ul class="small-news-list">
-                <li>
-                    <a href="">《龙之谷手游》</a>
-                </li>
-                <li>
-                    <a href="">《守望先锋》</a>
-                </li>
-                <li>
-                    <a href="">《炉石传说》</a>
-                </li>
-            </ul>
-            <div class="news-gap"></div>
-            <h2 class="hot-news">
-                <a href="">一周新游推荐：TX游戏和育碧BUG选谁？</a>
-            </h2>
-            <ul class="small-news-list">
-                <li>
-                    <a href="">《龙之谷手游》</a>
-                </li>
-                <li>
-                    <a href="">《装甲战争》3.7首测</a>
-                </li>
-                <li>
-                    <a href="">《幽灵行动 荒野》</a>
-                </li>
-            </ul>
+                <h2>
+                        <a href="http://www.duowan.com/news/425295156721.html">热游TOP榜：逆水寒豪取连冠 CSGO热度大涨</a>
+               </h2>
+               <p>    
+                       <a href="http://www.duowan.com/news/422475109931.html" target="_blank">[ 《逆水寒》制作人：希望打造成一款精品 ]</a>
+                       <a href="http://www.duowan.com/news/418832795464.html" target="_blank">[ 逆水寒辟谣PDD氪金千万 ]</a>
+               </p>
+               <h2>
+                    <a href="http://www.duowan.com/news/425381735841.html">《英雄联盟》云顶之弈将于7月8日开启限号测试</a>
+           </h2>
+           <p>    
+                   <a href="http://www.duowan.com/news/425054325632.html" target="_blank">[ 《英雄联盟》新客户端登场 ]</a>
+                   <a href="http://www.duowan.com/news/424455140532.html" target="_blank">[ 《英雄联盟》云顶之弈或登录手机 ]</a>
+           </p>
         </section>
         <!--}首屏热点新闻-->
 

2017多玩新版wap站/src/sass/page/_index.scss

@@ -10,17 +10,17 @@
 .index-hot-news {
     padding: px2rem(14) 0;
     text-align: center;
-    .hot-news {
+    h2 {
         line-height: 1.6;
         a {
-            font-size: 18px;
+            font-size: 17px;
             color: $highLightColor;
         }
     }
-    .news-gap {
-        height: px2rem(22);
+    p + h2 {
+        margin-top: px2rem(22);
     }
-    .small-news-list {
+    p {
         @include webkitbox();
         -webkit-box-pack: center;
         a {