Ver código fonte

Merge branch '2018zt' of http://svn.ouj.com:3000/FED/dwweb-pc into 2018zt

xiesj 5 anos atrás
pai
commit
bf8024aa4c
23 arquivos alterados com 3019 adições e 819 exclusões
  1. 5 4
      2018专题/1811英雄联盟冬季转会专题/src/_index.html
  2. 2256 606
      2018专题/1811英雄联盟冬季转会专题/src/_wap.html
  3. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/bg-info-bottom.png
  4. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/bg-info-top.png
  5. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-club-info.png
  6. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-club-list.png
  7. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-menu-item-active.png
  8. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-menu-item.png
  9. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-menu.png
  10. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-more-news.png
  11. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-table-head.png
  12. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg.jpg
  13. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob1.png
  14. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob2.png
  15. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob3.png
  16. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob4.png
  17. BIN
      2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob5.png
  18. 82 0
      2018专题/1811英雄联盟冬季转会专题/src/modules/page/global.js
  19. 3 78
      2018专题/1811英雄联盟冬季转会专题/src/modules/page/index.js
  20. 1 2
      2018专题/1811英雄联盟冬季转会专题/src/modules/page/wap.js
  21. 3 0
      2018专题/1811英雄联盟冬季转会专题/src/sass/global.scss
  22. 125 0
      2018专题/1811英雄联盟冬季转会专题/src/sass/module/swiper.min.css
  23. 544 129
      2018专题/1811英雄联盟冬季转会专题/src/sass/wap.scss

+ 5 - 4
2018专题/1811英雄联盟冬季转会专题/src/_index.html

@@ -1304,20 +1304,20 @@
                     </div>
                     <div class="mod-slider fr" data-role="mod-slider">
                         <div class="slider-main">
-                            <ul class="slider-list" data-switchable-role="content">
-                                <li>
+                            <ul class="slider-list swiper-wrapper" data-switchable-role="content">
+                                <li class="swiper-slide">
                                     <a href="#" target="_blank">
                                         <img src="http://img4.dwstatic.com/lol/1808/399570764097/1535615609884.jpg" alt="" />
                                         <h2>全明星赛即将打响,你准备好了吗?</h2>
                                     </a>
                                 </li>
-                                <li>
+                                <li class="swiper-slide">
                                     <a href="#" target="_blank">
                                         <img src="http://img4.dwstatic.com/lol/1808/399570764097/1535615825006.jpg" alt="" />
                                         <h2>全明星赛即将打响,你准备好了吗?</h2>
                                     </a>
                                 </li>
-                                <li>
+                                <li class="swiper-slide">
                                     <a href="#" target="_blank">
                                         <img src="http://img.dwstatic.com/lol/1808/399570764097/1535615894051.jpg" alt="" />
                                         <h2>全明星赛即将打响,你准备好了吗?</h2>
@@ -2137,6 +2137,7 @@
     <script src="lib/mod.js"></script>
     <script src="lib/jquery.nicescroll.js"></script>
     <script>
+        require('modules/page/global.js');
         require('modules/page/index.js');
     </script>
 

+ 2256 - 606
2018专题/1811英雄联盟冬季转会专题/src/_wap.html

@@ -10,659 +10,2309 @@
     <meta name="browsermode" content="application">
     <meta name="x5-page-mode" content="app">
     <title>多玩游戏网</title>
-    
     <meta name="applicable-device"content="mobile">
     <script>!function(d,a){var e=d.documentElement,c="orientationchange"in window?"orientationchange":"resize",v=function(){var f=e.clientWidth;f&&(e.style.fontSize=20*(f/320)+"px")};d.addEventListener&&(a.addEventListener(c,v,!1),d.addEventListener("DOMContentLoaded",v,!1))}(document,window);</script>
     <script src="http://pub.dwstatic.com/p/2017dwh5/1.1.0/lib/jquery-2.2.4_6deb58b.js"></script>
     <link href="http://pub.dwstatic.com/p/2017dwh5/1.1.0/css/global_de75ab9.css" rel="stylesheet" />
-    <link href="http://pub.dwstatic.com/zt2018/LPLmatchTop/css/lplsummer_2ae0650.css" rel="stylesheet" />
-    
     <link href="sass/wap.scss" rel="stylesheet" />
 </head>
 
 <body data-title="英雄联盟专区" data-index="5">
     <header class="dw-common-header">
-    <div class="tool-bar">
-    <h3 class="dw-info">
-    <a href="http://www.duowan.cn/" class="dw-link">
-    <i class="dw-icon"></i></a>
-    </h3>
-    <aside class="toolbar-menu-wrap">
-    <a href="" class="pc-icon"></a>
-    <div class="tool-bar-wrap">
-    <span class="tool-bar-menu close"></span>
-    </div>
-    </aside>
-    </div>
-
-    <div class="menu-detail" style="transform: translateY(-673px); display: block;">
-    <section class="channel-panel">
-    <h4>常用导航</h4>
-    <ul class="common-channel-list">
-    <li class="channel-list__item">
-    <a href="http://www.duowan.cn/">首页</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://www.duowan.cn/news/">新闻</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://video.duowan.cn/">视频</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://bbs.duowan.com/index.html">论坛</a>
-    </li>
-    </ul>
-    </section>
-    <section class="channel-panel">
-    <h4>找游戏</h4>
-    <ul class="common-channel-list">
-    <!--<li class="channel-list__item">
-    <a href="http://newgame.duowan.cn/ku/">新游库</a>
-    </li>-->
-    <li class="channel-list__item">
-    <a href="http://newgame.duowan.cn/1510/m_308401428075.html">测试表</a>
-    </li>
-
-    <li class="channel-list__item">
-    <a href="http://ka.duowan.com/">游戏礼包</a>
-    </li>
-    </ul>
-    </section>
-    <section class="channel-panel">
-    <h4>新闻中心</h4>
-    <ul class="common-channel-list">
-    <li class="channel-list__item">
-    <a href="http://www.duowan.cn/">头条</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://www.duowan.cn/news/">要闻</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://www.duowan.cn/news/yuanchuang/">独家专栏</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://tu.duowan.cn/">囧图</a>
-    </li>
+        <div class="tool-bar">
+            <h3 class="dw-info">
+                <a href="http://www.duowan.cn/" class="dw-link">
+                <i class="dw-icon"></i></a>
+            </h3>
+            <aside class="toolbar-menu-wrap">
+                <a href="" class="pc-icon"></a>
+                <div class="tool-bar-wrap">
+                    <span class="tool-bar-menu close"></span>
+                </div>
+            </aside>
+        </div>
 
-    </ul>
-    </section>
-    <section class="channel-panel">
-    <h4>多玩视频</h4>
-    <ul class="common-channel-list">
-    <li class="channel-list__item">
-    <a href="http://video.duowan.cn/ycvideo/">原创</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://video.duowan.cn/donghua.html">动画</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://video.duowan.cn/yule/shenghuo.html">娱乐</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://video.duowan.cn/yule/wudao.html">舞蹈</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://video.duowan.cn/yule/guichu.html">鬼畜</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://video.duowan.cn/yule/yingshi.html">影视</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://video.duowan.cn/yule/keji.html">科技</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://video.duowan.cn/mil/">军事</a>
-    </li>
-    </ul>
-    </section>
-    <section class="channel-panel">
-    <h4>热门专区</h4>
-    <ul class="common-channel-list">
-    <li class="channel-list__item">
-    <a href="http://lol.duowan.cn/">英雄联盟</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://dnf.duowan.cn/">DNF</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://wzry.duowan.cn/">王者荣耀</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://ls.duowan.cn/">炉石传说</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://wow.duowan.cn/">魔兽世界</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://wuxia.duowan.cn/">天涯明月刀</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://ow.duowan.cn/">守望先锋</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://dn.duowan.cn/">龙之谷</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://wot.duowan.cn/">坦克世界</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://csgo.duowan.cn/">CS:GO</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://wows.duowan.cn/">战舰世界</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://mnsj.duowan.com/">迷你世界</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://coc.m.5253.com/">部落冲突</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://cr.duowan.cn/">皇室战争</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://mc.duowan.com/">我的世界</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://qqdzz.duowan.com/">球球大作战</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://gjqt.duowan.com/">古剑OL</a>
-    </li>
-    </ul>
-    </section>
-    <section class="channel-panel">
-    <h4>多玩手游</h4>
-    <ul class="common-channel-list">
-    <li class="channel-list__item">
-    <a href="http://sy.duowan.cn/">手游首页</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://sy.duowan.cn/">资讯</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://sy.duowan.cn/zhuanlan.html">专栏</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://sy.duowan.cn/gameLib.html">手游库</a>
-    </li>
-    </ul>
-    </section>
-    <section class="channel-panel">
-    <h4>单机TV</h4>
-    <ul class="common-channel-list">
-    <li class="channel-list__item">
-    <a href="http://pc.duowan.cn/">单机</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://tv.duowan.cn/">TV</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://ps4.duowan.cn/">PS4</a>
-    </li>
-    <li class="channel-list__item">
-    <a href="http://3ds.duowan.cn">3DS</a>
-    </li>
-    </ul>
-    </section>
-    </div>
+        <div class="menu-detail" style="transform: translateY(-673px); display: block;">
+            <section class="channel-panel">
+                <h4>常用导航</h4>
+                <ul class="common-channel-list">
+                    <li class="channel-list__item"><a href="http://www.duowan.cn/">首页</a></li>
+                    <li class="channel-list__item"><a href="http://www.duowan.cn/news/">新闻</a></li>
+                    <li class="channel-list__item"><a href="http://video.duowan.cn/">视频</a></li>
+                    <li class="channel-list__item"><a href="http://bbs.duowan.com/index.html">论坛</a></li>
+                </ul>
+            </section>
+            <section class="channel-panel">
+                <h4>找游戏</h4>
+                <ul class="common-channel-list">
+                    <!--<li class="channel-list__item"><a href="http://newgame.duowan.cn/ku/">新游库</a></li>-->
+                    <li class="channel-list__item"><a href="http://newgame.duowan.cn/1510/m_308401428075.html">测试表</a></li>
+                    <li class="channel-list__item"><a href="http://ka.duowan.com/">游戏礼包</a></li>
+                </ul>
+            </section>
+            <section class="channel-panel">
+                <h4>新闻中心</h4>
+                <ul class="common-channel-list">
+                    <li class="channel-list__item"><a href="http://www.duowan.cn/">头条</a></li>
+                    <li class="channel-list__item"><a href="http://www.duowan.cn/news/">要闻</a></li>
+                    <li class="channel-list__item"><a href="http://www.duowan.cn/news/yuanchuang/">独家专栏</a></li>
+                    <li class="channel-list__item"><a href="http://tu.duowan.cn/">囧图</a></li>
+                </ul>
+            </section>
+            <section class="channel-panel">
+                <h4>多玩视频</h4>
+                <ul class="common-channel-list">
+                    <li class="channel-list__item">
+                        <a href="http://video.duowan.cn/ycvideo/">原创</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://video.duowan.cn/donghua.html">动画</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://video.duowan.cn/yule/shenghuo.html">娱乐</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://video.duowan.cn/yule/wudao.html">舞蹈</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://video.duowan.cn/yule/guichu.html">鬼畜</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://video.duowan.cn/yule/yingshi.html">影视</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://video.duowan.cn/yule/keji.html">科技</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://video.duowan.cn/mil/">军事</a>
+                    </li>
+                </ul>
+            </section>
+            <section class="channel-panel">
+                <h4>热门专区</h4>
+                <ul class="common-channel-list">
+                    <li class="channel-list__item">
+                        <a href="http://lol.duowan.cn/">英雄联盟</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://dnf.duowan.cn/">DNF</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://wzry.duowan.cn/">王者荣耀</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://ls.duowan.cn/">炉石传说</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://wow.duowan.cn/">魔兽世界</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://wuxia.duowan.cn/">天涯明月刀</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://ow.duowan.cn/">守望先锋</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://dn.duowan.cn/">龙之谷</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://wot.duowan.cn/">坦克世界</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://csgo.duowan.cn/">CS:GO</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://wows.duowan.cn/">战舰世界</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://mnsj.duowan.com/">迷你世界</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://coc.m.5253.com/">部落冲突</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://cr.duowan.cn/">皇室战争</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://mc.duowan.com/">我的世界</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://qqdzz.duowan.com/">球球大作战</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://gjqt.duowan.com/">古剑OL</a>
+                    </li>
+                </ul>
+            </section>
+            <section class="channel-panel">
+                <h4>多玩手游</h4>
+                <ul class="common-channel-list">
+                    <li class="channel-list__item">
+                        <a href="http://sy.duowan.cn/">手游首页</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://sy.duowan.cn/">资讯</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://sy.duowan.cn/zhuanlan.html">专栏</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://sy.duowan.cn/gameLib.html">手游库</a>
+                    </li>
+                </ul>
+            </section>
+            <section class="channel-panel">
+                <h4>单机TV</h4>
+                <ul class="common-channel-list">
+                    <li class="channel-list__item">
+                        <a href="http://pc.duowan.cn/">单机</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://tv.duowan.cn/">TV</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://ps4.duowan.cn/">PS4</a>
+                    </li>
+                    <li class="channel-list__item">
+                        <a href="http://3ds.duowan.cn">3DS</a>
+                    </li>
+                </ul>
+            </section>
+        </div>
 
-    <div class="header-shade"></div>
+        <div class="header-shade"></div>
     </header>
     <script src="//pub.dwstatic.com/p/2017dwh5/1.1.0/lib/mheader_e73ca5a.js"></script>
     <nav class="dw-common-nav">
-    <ul class="dw-nav-list">
-    <li class="nav-list__item">
-    <a href="http://lol.duowan.cn">首页</a>
-    </li>
-    <li class="nav-list__item">
-    <a href="http://lol.duowan.com/1705/m_358621505044.html">新闻</a>
-    </li>
-    <li class="nav-list__item">
-    <a href="http://video.duowan.com/lol">视频</a>
-    </li>
-    <li class="nav-list__item">
-    <a href="http://lol.duowan.com/LPL/wap/">LPL专题</a>
-    </li>
-    <li class="nav-list__item active">
-    <a href="http://lol.duowan.com/LCK/wap/">LCK专题</a>
-    </li>
-    <li class="nav-list__item">
-    <a href="http://lol.duowan.com/LCS/wap/">LCS专题</a>
-    </li>       
-    <li class="nav-list__item">
-    <a href="http://bbs.duowan.com/forum-1345-1.html">论坛</a>
-    </li>
-    </ul>
+        <ul class="dw-nav-list">
+            <li class="nav-list__item">
+                <a href="http://lol.duowan.cn">首页</a>
+            </li>
+            <li class="nav-list__item">
+                <a href="http://lol.duowan.com/1705/m_358621505044.html">新闻</a>
+            </li>
+            <li class="nav-list__item">
+                <a href="http://video.duowan.com/lol">视频</a>
+            </li>
+            <li class="nav-list__item">
+                <a href="http://lol.duowan.com/LPL/wap/">LPL专题</a>
+            </li>
+            <li class="nav-list__item active">
+                <a href="http://lol.duowan.com/LCK/wap/">LCK专题</a>
+            </li>
+            <li class="nav-list__item">
+                <a href="http://lol.duowan.com/LCS/wap/">LCS专题</a>
+            </li>       
+            <li class="nav-list__item">
+                <a href="http://bbs.duowan.com/forum-1345-1.html">论坛</a>
+            </li>
+        </ul>
     </nav>
     <script>
-    $(function(){
-    var body = $('body');
-    var index = body.attr('data-index');
-    if(index){
-    $('.nav-list__item').eq(parseInt(index) - 1).addClass("active");
-    }
-    })
+        $(function(){
+            var body = $('body');
+            var index = body.attr('data-index');
+            if(index){
+                $('.nav-list__item').eq(parseInt(index) - 1).addClass("active");
+            }
+        })
     </script>
-    
-    <!-- banner -->
-    <div class="mod-banner">
-        <img src="/src/img/wap/bg.jpg" alt="" />
-    </div>
-    
-    
-    <div class="page-stake-main">
-  <div class="page-stake" data-group="day" data-match="LPL">
-  <div class="week-select clearfix">
-    <div class="week-btn-wrap clearfix">
-        
-            
-            
-                <div class="btn time-change-btn active" data-week="1">第1天</div>
-            
-        
-            
-            
-                <div class="btn time-change-btn " data-week="2">第2天</div>
-            
-        
-            
-            
-                <div class="btn time-change-btn " data-week="3">第3天</div>
-            
-        
-            
-            
-                <div class="btn time-change-btn " data-week="4">第4天</div>
-            
-        
-            
-            
-                <div class="btn time-change-btn " data-week="5">第5天</div>
-            
-        
-    </div>
-    
-    
-    <div class="btn-more btn">展开更多</div>
-    
-</div><div class="match-slider-wrap">
-        <div class="top-swiper-container swiper-container-horizontal swiper-container-android">
-            <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
-                
-                
-                
-                <div class="top-swiper-slide swiper-slide-active" data-match="572" style="width: 196.5px; margin-right: 2px;">
-                    
-                    <div class="lpl-slide-icon lpl-icon"></div>
-                    
-                    <div class="match-container">
-                        <div class="title">SS vs RW</div>
-                        <div class="info">
-                            <div class="date">08-21</div>
-                            <div class="date">16:50</div>
-                            
-                            <div class="status unstart">未开始</div>
-                                   
-                        </div>
-                        <div class="match clearfix">
-                            <div class="match-item">
-                                <div class="title">SS</div>
-                                <img src="http://ya3.dwstatic.com/201804/79/7945410d83b66d92f8f156d80d395994.png" alt="">
+
+    <div class="page-wap" style="background-image: url(/src/img/wap/bg.jpg);">
+        <div class="mod-menu" data-subIndex="100" data-showAll="true">
+            <ul>
+                <li class="item1">
+                    <a href="javascript:;" class="active">
+                        <p>LPL</p>
+                        <span></span>
+                    </a>
+                </li>
+                <li class="item2">
+                    <a href="javascript:;">
+                        <p>LCK</p>
+                        <span></span>
+                    </a>
+                </li>
+                <li class="item3">
+                    <a href="javascript:;">
+                        <p>LEC</p>
+                        <span></span>
+                    </a>
+                </li>
+                <li class="item4">
+                    <a href="javascript:;">
+                        <p>NA LCS</p>
+                        <span></span>
+                    </a>
+                </li>
+                <li class="item5">
+                    <a href="javascript:;">
+                        <p>LMS</p>
+                        <span></span>
+                    </a>
+                </li>
+            </ul>
+            <p class="bg-hyaline"></p>
+        </div>
+        <div class="mod-club">
+            <div class="g-inner">
+                <div class="mod-title">
+                    <p>俱乐部<span>一览&人员信息</span></p>
+                </div>
+                <div class="mod-inner">
+                    <div class="club-wrap">
+                        <!-- LPL{ -->
+                        <div class="club-item active">
+                            <div class="club-group fl">
+                                <ul class="group-list">
+                                    <li class="active" data-order="we">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li  data-order="ig">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li  data-order="we2">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li  data-order="rng">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li data-order="rng1">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li data-order="we3">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li data-order="we4">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li data-order="we5">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li data-order="we6">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                </ul>
                             </div>
-                            <div class="match-item">
-                                <div class="score">0:0</div>
+                            <div class="club-info fr">
+                                <ul class="info-list active">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>Letme、ZztaiLetme、ZztaiLetme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>1Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>2Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>3Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>4Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>5Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>6Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>7Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>8Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
                             </div>
-                            <div class="match-item">
-                                <div class="title">RW</div>
-                                <img src="http://ya2.dwstatic.com/201804/d2/d22ef1ddbd911c1c76625d8fb11d0a68.png" alt="">
+                        </div>
+                        <!-- }LPL -->
+                        <!-- LCK{ -->
+                        <div class="club-item">
+                            <div class="club-group fl">
+                                <ul class="group-list">
+                                    <li class="active" data-order="rng">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="club-info fr">
+                                <ul class="info-list active">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>1Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>2Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>3Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>4Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>5Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>6Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>7Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>8Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
                             </div>
                         </div>
-                        <!-- 队伍支持率显示条件 status 投票记录 竞猜时间 -->
-                        
-                        
-                        
-                        <div class="match-precent clearfix pre-hidden">
-                        
-                            <div class="progress left">
-                                <div class="length red" style="width: 9.888px;"></div>
-                                <div class="num">20.6%</div>
-                            </div>
-                            <div class="progress right">
-                                <div class="num">79.4%</div>
-                                <div class="length blue" style="width: 38.112px;"></div>
+                        <!-- }LCK -->
+                        <!-- LEC{ -->
+                        <div class="club-item">
+                            <div class="club-group fl">
+                                <ul class="group-list">
+                                    <li class="active">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="club-info fr">
+                                <ul class="info-list active">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>1Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>2Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>3Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>4Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>5Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>6Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>7Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>8Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
                             </div>
                         </div>
-                        
-                        
-                        
-                            
-                            <div class="match-res-title">本场比赛的最终结果为?</div>
-                            <div class="team-btn-wrap">
-                                <a href="javascript:" data-guess="1688" data-option="4799" class="team-btn guess-submit red-team ">SS胜利</a>
-                                <a href="javascript:" data-guess="1688" data-option="4800" class="team-btn guess-submit blue-team ">RW胜利</a>
-                            </div>
-                        
-                        
-                    </div>
-                    
-                        <div class="match-guess-wrap">
-                            
-                            <div class="que-item">
-                                <div class="que-title">本轮BO3,谁将拿下首局?
-                                    <span class="tips">(截止竞猜08-21 16:50)</span>
-                                </div>
-                            </div>
-                            <div class="que-radio">
-                                
-                                <label>
-                                    <input type="radio" name="que1690" data-guess="1690" data-option="4803">A.SS
-                                </label>
-                                
-                                <label>
-                                    <input type="radio" name="que1690" data-guess="1690" data-option="4804">B.RW
-                                </label>
-                                
-                            </div>
-                            
-                            
-                            <div class="que-item">
-                                <div class="que-title">RW第二场比赛的上单选手是?
-                                    <span class="tips">(截止竞猜08-21 16:50)</span>
-                                </div>
-                            </div>
-                            <div class="que-radio">
-                                
-                                <label>
-                                    <input type="radio" name="que1689" data-guess="1689" data-option="4801">A.Mouse
-                                </label>
-                                
-                                <label>
-                                    <input type="radio" name="que1689" data-guess="1689" data-option="4802">B.Holder
-                                </label>
-                                
-                            </div>
-                            
-                            
-                            
-                            <button class="submit-btn live-que-submit">提交</button>
-                            
+                        <!-- }LEC -->
+                        <!-- LCS{ -->
+                        <div class="club-item">
+                            <div class="club-group fl">
+                                <ul class="group-list">
+                                    <li class="active">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="club-info fr">
+                                <ul class="info-list active">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>1Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>2Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>3Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>4Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>5Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>6Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>7Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>8Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
-                        
-                        <div class="match-guess-btn">更多竞猜
-                            <i class="arrow-down-icon"></i>
+                        <!-- }LCS -->
+                        <!-- LMS{ -->
+                        <div class="club-item">
+                            <div class="club-group fl">
+                                <ul class="group-list">
+                                    <li class="active">
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                    <li>
+                                        <img src="img/club-img1.png" alt="" />
+                                        <span></span>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="club-info fr">
+                                <ul class="info-list active">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>1Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>2Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>3Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>4Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>5Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>6Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>7Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                                <ul class="info-list">
+                                    <li class="item1">
+                                        <span>上路</span>
+                                        <p>8Letme、Zztai</p>
+                                    </li>
+                                    <li class="item2">
+                                        <span>打野</span>
+                                        <p>Mixg、Karsa</p>
+                                    </li>
+                                    <li class="item3">
+                                        <span>中路</span>
+                                        <p>Uzi、Able</p>
+                                    </li>
+                                    <li class="item4">
+                                        <span>下路</span>
+                                        <p>Xiaohu</p>
+                                    </li>
+                                    <li class="item5">
+                                        <span>辅助</span>
+                                        <p>Ming</p>
+                                    </li>
+                                </ul>
+                            </div>
                         </div>
+                        <!-- }LMS -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="mod-table">
+            <div class="g-inner">
+                <div class="mod-title">
+                    <p>官宣转会<span>一览</span></p>
+                    <a href="javascript:;" class="showAll">ALL<i></i></a>
                 </div>
-                
-                <div class="top-swiper-slide swiper-slide-next" data-match="570" style="width: 196.5px; margin-right: 2px;">
-                    
-                    <div class="lpl-slide-icon lpl-icon"></div>
-                    
-                    <div class="match-container">
-                        <div class="title">BLG vs SNG</div>
-                        <div class="info">
-                            <div class="date">08-21</div>
-                            <div class="date">18:50</div>
-                            
-                            <div class="status unstart">未开始</div>
-                                   
+                <div class="mod-inner">
+                    <div class="table-head">
+                        <ul>
+                            <li class="item1">选手</li>
+                            <li class="item2">位置</li>
+                            <li class="item3">转入</li>
+                            <li class="item4">转出</li>
+                            <li class="item5">转会时间</li>
+                            <li class="item6">相关文章</li>
+                        </ul>
+                    </div>
+                    <div class="table-body">
+                        <!-- LPL{ -->
+                        <div class="table-area active">
+                            <div class="area-item" data-order="we,ig">
+                                <ul>
+                                    <li class="item1">1Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item" data-order="we">
+                                <ul>
+                                    <li class="item1">2Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item" data-order="we3">
+                                <ul>
+                                    <li class="item1">3Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item" data-order="we2">
+                                <ul>
+                                    <li class="item1">4Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item" data-order="we1">
+                                <ul>
+                                    <li class="item1">5Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item" data-order="rng">
+                                <ul>
+                                    <li class="item1">6Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
                         </div>
-                        <div class="match clearfix">
-                            <div class="match-item">
-                                <div class="title">BLG</div>
-                                <img src="http://ya2.dwstatic.com/201804/9c/9c51ee39820639395b775684eb30c13b.png" alt="">
+                        <!-- }LPL -->
+                        <!-- LCK{ -->
+                        <div class="table-area">
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
                             </div>
-                            <div class="match-item">
-                                <div class="score">0:0</div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
                             </div>
-                            <div class="match-item">
-                                <div class="title">SNG</div>
-                                <img src="http://ya1.dwstatic.com/201806/f0/f0a0b3a6e7f22cb4f4f9fb7273c1f9ae.png" alt="">
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
                             </div>
                         </div>
-                        <!-- 队伍支持率显示条件 status 投票记录 竞猜时间 -->
-                        
-                        
-                        
-                        <div class="match-precent clearfix pre-hidden">
-                        
-                            <div class="progress left">
-                                <div class="length red" style="width: 14.784px;"></div>
-                                <div class="num">30.8%</div>
-                            </div>
-                            <div class="progress right">
-                                <div class="num">69.2%</div>
-                                <div class="length blue" style="width: 33.216px;"></div>
+                        <!-- }LCK -->
+                        <!-- LEC{ -->
+                        <div class="table-area">
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
                             </div>
                         </div>
-                        
-                        
-                        
-                            
-                            <div class="match-res-title">本场比赛的最终结果为?</div>
-                            <div class="team-btn-wrap">
-                                <a href="javascript:" data-guess="1682" data-option="4786" class="team-btn guess-submit red-team ">BLG胜利</a>
-                                <a href="javascript:" data-guess="1682" data-option="4787" class="team-btn guess-submit blue-team ">SNG胜利</a>
-                            </div>
-                        
-                        
-                    </div>
-                    
-                        <div class="match-guess-wrap">
-                            
-                            <div class="que-item">
-                                <div class="que-title">双方谁将拿下第一局比赛?
-                                    <span class="tips">(截止竞猜08-21 18:50)</span>
-                                </div>
-                            </div>
-                            <div class="que-radio">
-                                
-                                <label>
-                                    <input type="radio" name="que1683" data-guess="1683" data-option="4788">A.BLG
-                                </label>
-                                
-                                <label>
-                                    <input type="radio" name="que1683" data-guess="1683" data-option="4789">B.SNG
-                                </label>
-                                
-                            </div>
-                            
-                            
-                            <div class="que-item">
-                                <div class="que-title">本轮BO3第二局比赛,AJ跟狼行谁的击杀数多?
-                                    <span class="tips">(截止竞猜08-21 18:50)</span>
-                                </div>
-                            </div>
-                            <div class="que-radio">
-                                
-                                <label>
-                                    <input type="radio" name="que1684" data-guess="1684" data-option="4790">A.AJ
-                                </label>
-                                
-                                <label>
-                                    <input type="radio" name="que1684" data-guess="1684" data-option="4791">B.狼行
-                                </label>
-                                
-                                <label>
-                                    <input type="radio" name="que1684" data-guess="1684" data-option="4792">C.一样多
-                                </label>
-                                
-                            </div>
-                            
-                            
-                            
-                            <button class="submit-btn live-que-submit">提交</button>
-                            
+                        <!-- }LEC -->
+                        <!-- LCS{ -->
+                        <div class="table-area">
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
                         </div>
-                        
-                        <div class="match-guess-btn">更多竞猜
-                            <i class="arrow-down-icon"></i>
+                        <!-- }LCS -->
+                        <!-- LMS{ -->
+                        <div class="table-area">
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
+                            <div class="area-item">
+                                <ul>
+                                    <li class="item1">Kakao</li>
+                                    <li class="item2">打野</li>
+                                    <li class="item3">
+                                        <img src="img/icon-team.png" alt="" />
+                                        BLG
+                                    </li>
+                                    <li class="item4">
+                                        <img src="img/icon-team.png" alt="" />
+                                        SKT
+                                    </li>
+                                    <li class="item5">2018-11-12</li>
+                                    <li class="item6">SKT官宣三名选手离队</li>
+                                </ul>
+                            </div>
                         </div>
+                        <!-- }LMS -->
+                    </div>
                 </div>
-                
             </div>
-        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
-        <div class="swiper-button-next swiper-button-disabled" tabindex="0" role="button" aria-label="Next slide" aria-disabled="true"></div>
-        <div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>
-        </div></div>
-</div>
-   
-   
-    <div class="wap-page-main">
-        <!-- 置顶新闻 -->
-        <div class="mod-hot-new">
-            <h2><a href="#">亚运会中国队定妆照公布 香锅:我很方</a></h2>
-            <p>
-                <a href="#">[全球总决赛票务信息公布]</a>
-                <span>|</span>
-                <a href="#">[JDG全员真情告白]</a>
-            </p>
         </div>
-        <!-- 轮播图 -->
         <div class="mod-slider">
-            <div class="slider-main swiper-container">
-                <ul class="swiper-wrapper">
-                    <li class="swiper-slide"><a href="#">
-                        <img src="/src/img/slider-img1.jpg" alt="" />
-                        <div class="txtbox">
-                            <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
-                        </div>
-                    </a></li>
-                    <li class="swiper-slide"><a href="#">
-                        <img src="/src/img/slider-img1.jpg" alt="" />
-                        <div class="txtbox">
-                            <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
-                        </div>
-                    </a></li>
-                    <li class="swiper-slide"><a href="#">
-                        <img src="/src/img/slider-img1.jpg" alt="" />
-                        <div class="txtbox">
-                            <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
-                        </div>
-                    </a></li>
-                    <li class="swiper-slide"><a href="#">
-                        <img src="/src/img/slider-img1.jpg" alt="" />
-                        <div class="txtbox">
-                            <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
-                        </div>
-                    </a></li>
-                    <li class="swiper-slide"><a href="#">
-                        <img src="/src/img/slider-img1.jpg" alt="" />
-                        <div class="txtbox">
-                            <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
-                        </div>
-                    </a></li>
+            <div class="slider-main">
+                <ul class="slider-list swiper-wrapper">
+                    <li class="swiper-slide">
+                        <a href="#" target="_blank">
+                            <img src="http://img4.dwstatic.com/lol/1808/399570764097/1535615609884.jpg" alt="" />
+                            <h2>全明星赛即将打响,你准备好了吗?</h2>
+                        </a>
+                    </li>
+                    <li class="swiper-slide">
+                        <a href="#" target="_blank">
+                            <img src="http://img4.dwstatic.com/lol/1808/399570764097/1535615825006.jpg" alt="" />
+                            <h2>全明星赛即将打响,你准备好了吗?</h2>
+                        </a>
+                    </li>
+                    <li class="swiper-slide">
+                        <a href="#" target="_blank">
+                            <img src="http://img.dwstatic.com/lol/1808/399570764097/1535615894051.jpg" alt="" />
+                            <h2>全明星赛即将打响,你准备好了吗?</h2>
+                        </a>
+                    </li>
                 </ul>
+                <p class="slider-dot"></p>
             </div>
-            <p class="slider-dot"></p>
         </div>
         <div class="mod-news">
-            <ul>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-            </ul>
-            <ul>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-            </ul>
-            <ul>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-                <li>
-                    <a href="/1807/395094192994.html" target="_blank" title="决胜日!RW临危受命RNG助LPL卫冕">
-                        <h3>决胜日!RW临危受命RNG助LPL卫冕</h3>
-                        <span>07-09</span>
-                    </a>
-                </li>
-            </ul>
+            <div class="g-inner">
+                <div class="top-news">
+                    <p class="top-new-tit"><a href="#" target="_blank"><span class="left"></span>我们是冠军!中国队获亚运会LOL金牌</a><span class="right"></span></p>
+                    <p class="top-new-sub">
+                        <a href="#" target="_blank">亚运会决赛视频</a>
+                        <a href="#" target="_blank">亚运会决赛视频</a>
+                        <a href="#" target="_blank">升国旗奏国歌</a>
+                    </p>
+                </div>
+                <div class="main-news">
+                    <ul>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                    </ul>
+                    <ul>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                    </ul>
+                    <ul>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                        <li>
+                            <a href="#" target="_blank">全明星赛名单出炉,Uzi与Faker全部参赛,明凯让人心疼</a>
+                            <span>12-08</span>
+                        </li>
+                    </ul>
+                </div>
+                <p class="more-news">
+                    <a href="#" target="_blank">查看更多<i></i></a>
+                    <span></span>
+                </p>
+            </div>
         </div>
     </div>
-   
     <script src="lib/mod.js"></script>
+    <script src="lib/jquery.nicescroll.js"></script>
     <script>
+        require('modules/page/global.js');
         require('modules/page/wap.js');
     </script>
 </body>

BIN
2018专题/1811英雄联盟冬季转会专题/src/img/bg-info-bottom.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/bg-info-top.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-club-info.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-club-list.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-menu-item-active.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-menu-item.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-menu.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-more-news.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg-table-head.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/bg.jpg


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob1.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob2.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob3.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob4.png


BIN
2018专题/1811英雄联盟冬季转会专题/src/img/wap/icon-placejob5.png


+ 82 - 0
2018专题/1811英雄联盟冬季转会专题/src/modules/page/global.js

@@ -0,0 +1,82 @@
+var C = {
+    init: function(){
+        // 内容切换
+        var currentIndex = $('.mod-menu a.active').parents('li').index() >=0 ? $('.mod-menu a.active').parents('li').index() : 0,
+            subIndex = 0,
+            showAll = $('.mod-menu').attr('data-showAll') ? true : false,
+            orderAttr = $('.club-wrap .club-item').eq(currentIndex).find('li').eq(subIndex).attr('data-order');
+        function setShowNode() {
+            subIndex = $('.mod-menu').attr('data-subIndex') ? $('.mod-menu').attr('data-subIndex') : 0
+            // 俱乐部变量
+            var clubItem = $('.club-wrap .club-item').eq(currentIndex),
+                clubInfo = clubItem.find('.club-info .info-list');
+            // 转会变量
+            var tableArea = $('.table-body .table-area').eq(currentIndex)
+            subIndex >= clubItem.find('.club-group li').length ? subIndex = 0 : '';
+            orderAttr = clubItem.find('li').eq(subIndex).attr('data-order');
+            // 设置菜单选中状态
+            $('.mod-menu li').eq(currentIndex).find('a').addClass('active');
+            $('.mod-menu li').eq(currentIndex).siblings().find('a').removeClass('active');
+            // 设置俱乐部的选中状态
+            clubItem.addClass('active');
+            clubItem.siblings().removeClass('active');
+            clubItem.find('.club-group li').eq(subIndex).addClass('active');
+            clubItem.find('.club-group li').eq(subIndex).siblings().removeClass('active');
+            clubInfo.eq(subIndex).addClass('active');
+            clubInfo.eq(subIndex).siblings().removeClass('active');
+            // 设置转会的选中状态
+            tableArea.addClass('active');
+            tableArea.siblings().removeClass('active');
+            if (!showAll) {
+                var tableOrder = tableArea.find('.area-item').attr('data-order').split(',');
+                tableArea.find('.area-item').hide();
+                tableArea.find('.area-item').each(function(){
+                    var $this = $(this),
+                        orderArr = $this.attr('data-order').split(',');
+                    for (var i=0,l=orderArr.length; i<l; i++) {
+                        if (orderAttr.toUpperCase() == orderArr[i].toUpperCase()) {
+                            $this.show();
+                            break;
+                        }
+                    }
+                });
+            } else {
+                tableArea.find('.area-item').show();
+            }
+        }
+        setShowNode();
+        $('.mod-menu li a').click(function(){
+            var _index = $(this).parents('li').index();
+            currentIndex = _index;
+            $(this).addClass('active');
+            $(this).parents('li').siblings().find('a').removeClass('active');
+            setShowNode();
+        });
+        $('.club-group li').click(function(){
+            var _index = $(this).index(),
+                _order = $(this).attr('data-order');
+            subIndex = _index;
+            $(this).addClass('active').siblings().removeClass('active');
+            $('.club-item').eq(currentIndex).find('.club-info .info-list').eq(_index).addClass('active');
+            $('.club-item').eq(currentIndex).find('.club-info .info-list').eq(_index).siblings().removeClass('active');
+            $('.table-area').eq(currentIndex).find('.area-item').hide();
+            $('.table-area').eq(currentIndex).find('.area-item').each(function(){
+                var $this = $(this),
+                    orderArr = $this.attr('data-order').split(',');
+                for (var i=0,l=orderArr.length; i<l; i++) {
+                    if (_order.toUpperCase() == orderArr[i].toUpperCase()) {
+                        $this.show();
+                        break;
+                    }
+                }
+            });
+        });
+        $('.showAll').click(function(){
+            $('.table-area').eq(currentIndex).find('.area-item').show();
+        });
+    }
+}
+
+$(function(){
+    C.init();
+})

+ 3 - 78
2018专题/1811英雄联盟冬季转会专题/src/modules/page/index.js

@@ -1,7 +1,7 @@
 var seaLoader = require('sealoader');
 
 var C = {
-    init: function(){
+	init: function() {
         // 滚动条
         $("[data-role='scrollTeam']").niceScroll({
             cursorcolor: "#9DEDEE",
@@ -11,80 +11,6 @@ var C = {
             background: "#2F3640",
             cursorborderradius: 0
         });
-        // 内容切换
-        var currentIndex = $('.mod-menu a.active').parents('li').index() >=0 ? $('.mod-menu a.active').parents('li').index() : 0,
-            subIndex = 0,
-            showAll = $('.mod-menu').attr('data-showAll') ? true : false,
-            orderAttr = $('.club-wrap .club-item').eq(currentIndex).find('li').eq(subIndex).attr('data-order');
-        function setShowNode() {
-            subIndex = $('.mod-menu').attr('data-subIndex') ? $('.mod-menu').attr('data-subIndex') : 0
-            // 俱乐部变量
-            var clubItem = $('.club-wrap .club-item').eq(currentIndex),
-                clubInfo = clubItem.find('.club-info .info-list');
-            // 转会变量
-            var tableArea = $('.table-body .table-area').eq(currentIndex)
-            subIndex >= clubItem.find('.club-group li').length ? subIndex = 0 : '';
-            orderAttr = clubItem.find('li').eq(subIndex).attr('data-order');
-            // 设置菜单选中状态
-            $('.mod-menu li').eq(currentIndex).find('a').addClass('active');
-            $('.mod-menu li').eq(currentIndex).siblings().find('a').removeClass('active');
-            // 设置俱乐部的选中状态
-            clubItem.addClass('active');
-            clubItem.siblings().removeClass('active');
-            clubItem.find('.club-group li').eq(subIndex).addClass('active');
-            clubItem.find('.club-group li').eq(subIndex).siblings().removeClass('active');
-            clubInfo.eq(subIndex).addClass('active');
-            clubInfo.eq(subIndex).siblings().removeClass('active');
-            // 设置转会的选中状态
-            tableArea.addClass('active');
-            tableArea.siblings().removeClass('active');
-            if (!showAll) {
-                var tableOrder = tableArea.find('.area-item').attr('data-order').split(',');
-                tableArea.find('.area-item').hide();
-                tableArea.find('.area-item').each(function(){
-                    var $this = $(this),
-                        orderArr = $this.attr('data-order').split(',');
-                    for (var i=0,l=orderArr.length; i<l; i++) {
-                        if (orderAttr.toUpperCase() == orderArr[i].toUpperCase()) {
-                            $this.show();
-                            break;
-                        }
-                    }
-                });
-            } else {
-                tableArea.find('.area-item').show();
-            }
-        }
-        setShowNode();
-        $('.mod-menu li a').click(function(){
-            var _index = $(this).parents('li').index();
-            currentIndex = _index;
-            $(this).addClass('active');
-            $(this).parents('li').siblings().find('a').removeClass('active');
-            setShowNode();
-        });
-        $('.club-group li').click(function(){
-            var _index = $(this).index(),
-                _order = $(this).attr('data-order');
-            subIndex = _index;
-            $(this).addClass('active').siblings().removeClass('active');
-            $('.club-item').eq(currentIndex).find('.club-info .info-list').eq(_index).addClass('active');
-            $('.club-item').eq(currentIndex).find('.club-info .info-list').eq(_index).siblings().removeClass('active');
-            $('.table-area').eq(currentIndex).find('.area-item').hide();
-            $('.table-area').eq(currentIndex).find('.area-item').each(function(){
-                var $this = $(this),
-                    orderArr = $this.attr('data-order').split(',');
-                for (var i=0,l=orderArr.length; i<l; i++) {
-                    if (_order.toUpperCase() == orderArr[i].toUpperCase()) {
-                        $this.show();
-                        break;
-                    }
-                }
-            });
-        });
-        $('.mod-official .showAll').click(function(){
-            $('.table-area').eq(currentIndex).find('.area-item').show();
-        });
         seaLoader(function(seajs) {
             // 轮播图
             seajs.use(['arale/switchable/1.0.2/carousel'], function(Carousel) {
@@ -100,9 +26,8 @@ var C = {
                 $(sliderWrap).find('.slider-dots-nav li').css('width', (537 - sliderLen) / sliderLen + 'px');
             });
         });
-    }
+	}
 }
-
 $(function(){
     C.init();
-})
+})

+ 1 - 2
2018专题/1811英雄联盟冬季转会专题/src/modules/page/wap.js

@@ -1,4 +1,3 @@
-var seaLoader = require('sealoader');
 require('swiper/swiper-3.4.2.jquery.min.js')
 
 var C = {
@@ -8,7 +7,7 @@ var C = {
             loop : true,
             autoplayDisableOnInteraction : false,
             pagination : '.slider-dot',
-            bulletActiveClass : 'is-active',
+            bulletActiveClass : 'active',
             paginationClickable : true
         })
     }

+ 3 - 0
2018专题/1811英雄联盟冬季转会专题/src/sass/global.scss

@@ -296,6 +296,9 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
                     margin-left: 1px;
                     float: left;
                     cursor: pointer;
+                    overflow: hidden;
+                    font-size: 0;
+                    line-height: 500px;
                     &:first-child{
                         margin-left: 0;
                     }

+ 125 - 0
2018专题/1811英雄联盟冬季转会专题/src/sass/module/swiper.min.css

@@ -0,0 +1,125 @@
+/*
+ * Swiper 2.7.6
+ * Mobile touch slider and framework with hardware accelerated transitions
+ *
+ * http://www.idangero.us/sliders/swiper/
+ *
+ * Copyright 2010-2015, Vladimir Kharlampidi
+ * The iDangero.us
+ * http://www.idangero.us/
+ *
+ * Licensed under GPL & MIT
+ *
+ * Released on: February 11, 2015
+*/
+/* ===============================================================
+Basic Swiper Styles 
+================================================================*/
+.swiper-container {
+	margin:0 auto;
+	position:relative;
+	overflow:hidden;
+	direction:ltr;
+	-webkit-backface-visibility:hidden;
+	-moz-backface-visibility:hidden;
+	-ms-backface-visibility:hidden;
+	-o-backface-visibility:hidden;
+	backface-visibility:hidden;
+	/* Fix of Webkit flickering */
+	z-index:1;
+}
+.swiper-wrapper {
+	position:relative;
+	width:100%;
+	-webkit-transition-property:-webkit-transform, left, top;
+	-webkit-transition-duration:0s;
+	-webkit-transform:translate3d(0px,0,0);
+	-webkit-transition-timing-function:ease;
+	
+	-moz-transition-property:-moz-transform, left, top;
+	-moz-transition-duration:0s;
+	-moz-transform:translate3d(0px,0,0);
+	-moz-transition-timing-function:ease;
+	
+	-o-transition-property:-o-transform, left, top;
+	-o-transition-duration:0s;
+	-o-transform:translate3d(0px,0,0);
+	-o-transition-timing-function:ease;
+	-o-transform:translate(0px,0px);
+	
+	-ms-transition-property:-ms-transform, left, top;
+	-ms-transition-duration:0s;
+	-ms-transform:translate3d(0px,0,0);
+	-ms-transition-timing-function:ease;
+	
+	transition-property:transform, left, top;
+	transition-duration:0s;
+	transform:translate3d(0px,0,0);
+	transition-timing-function:ease;
+
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
+}
+.swiper-free-mode > .swiper-wrapper {
+	-webkit-transition-timing-function: ease-out;
+	-moz-transition-timing-function: ease-out;
+	-ms-transition-timing-function: ease-out;
+	-o-transition-timing-function: ease-out;
+	transition-timing-function: ease-out;
+	margin: 0 auto;
+}
+.swiper-slide {
+	float: left;
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
+}
+
+/* IE10 Windows Phone 8 Fixes */
+.swiper-wp8-horizontal {
+	-ms-touch-action: pan-y;
+}
+.swiper-wp8-vertical {
+	-ms-touch-action: pan-x;
+}
+
+/* ===============================================================
+Your custom styles, here you need to specify container's and slide's
+sizes, pagination, etc.
+================================================================*/
+.swiper-container {
+	/* Specify Swiper's Size: */
+
+	/*width:200px;
+	height: 100px;*/
+}
+.swiper-slide {
+	/* Specify Slides's Size: */
+	
+	/*width: 100%;
+	height: 100%;*/
+}
+.swiper-slide-active {
+	/* Specific active slide styling: */
+	
+}
+.swiper-slide-visible {
+	/* Specific visible slide styling: */	
+
+}
+/* ===============================================================
+Pagination Styles
+================================================================*/
+.swiper-pagination-switch {
+	/* Stylize pagination button: */	
+
+}
+.swiper-active-switch {
+	/* Specific active button style: */	
+	
+}
+.swiper-visible-switch {
+	/* Specific visible button style: */	
+	
+}

+ 544 - 129
2018专题/1811英雄联盟冬季转会专题/src/sass/wap.scss

@@ -1,178 +1,593 @@
-.dw-common-nav{
-    .nav-list__item a{
-        font-size: 0.6rem;
-    }
+@charset "UTF-8";
+@import "lego/base";
+@import "base/mMixins";
+.dw-common-nav .nav-list__item a{
+    font-size: 0.6rem;
 }
-.dw-common-footer{
-    .footer-panel{
-        font-size: 0.6rem;
+.page-wap{
+    background: #23212C top center no-repeat;
+    background-size: 100% auto;
+    padding-top: px2rem(475);
+    padding-bottom: px2rem(120);
+    overflow: hidden;
+    .g-inner{
+        width: 92%;
+        margin: 0 auto;
     }
-}
-.page-stake-main{
-    background: #270303 !important;
-    .page-stake{
-        .top-swiper-slide{
-            background: #fff;
-        }
-        .match-guess-btn{
-            background: #232323;
-            .arrow-down-icon{
-                display: none;
+    .mod-title{
+        height: px2rem(36);
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        p{
+            display: table;
+            font-size: px2rem(32);
+            color: #fff;
+            line-height: px2rem(32);
+            position: relative;
+            padding: 0 px2rem(21);
+            background: -webkit-linear-gradient(left, rgba(#9dedee, 0.25), rgba(#9dedee, 0));
+            background: -o-linear-gradient(left, rgba(#9dedee, 0.25), rgba(#9dedee, 0));
+            background: linear-gradient(to right, rgba(#9dedee, 0.25), rgba(#9dedee, 0));
+            &::before, &::after{
+                content: '';
+                display: block;
+                position: absolute;
+            }
+            &::before{
+                height: 100%;
+                width: px2rem(4);
+                background: #89E9EA;
+                top: 0;
+                left: 0;
+            }
+            &::after{
+                border-width: px2rem(3);
+                border-style: solid;
+                border-color: transparent transparent transparent #8CEAEB;
+                top: 50%;
+                left: px2rem(4);
+                transform: translate(0, -50%);
+            }
+            span{
+                color: #9dedee;
             }
         }
-        .team-btn-wrap{
-            overflow: hidden;
-            .team-btn{
-                border-radius: 2px;
-                &:first-child{
-                    float: left;
-                }
+        a{
+            height: 100%;
+            padding: 0 px2rem(14);
+            border: 1px #9DEDEE solid;
+            background: #2F3640;
+            font-size: px2rem(22);
+            color: #7ee7e8;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            i{
+                height: px2rem(6);
+                width: px2rem(8);
+                display: block;
+                margin-left: px2rem(10);
+                background: url(../img/bg-more-arrow.png) center no-repeat;
+                background-size: 100% 100%;
             }
         }
-        .week-select{
-            .btn{
-                background: #402828;
-                color: #836c6c;
-                &.active{
-                    background: #E54747;
-                    color: #fff;
+    }
+    .mod-menu{
+        height: px2rem(88);
+        background: url(../img/wap/bg-menu.png) top center no-repeat;
+        background-size: 100% 100%;
+        margin-bottom: px2rem(53);
+        ul{
+            height: 100%;
+            width: 88.66%;
+            margin: 0 auto;
+            display: flex;
+            li{
+                height: 100%;
+                flex: 1;
+                a{
+                    height: 100%;
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    font-size: px2rem(26);
+                    color: #7ee7e8;
+                    &:hover{
+                        text-decoration: none;
+                    }
+                    &.active{
+                        p{
+                            text-shadow: 0 0 px2rem(20) #7ee7e8;
+                        }
+                        span{
+                            background-image: url(../img/wap/bg-menu-item-active.png);
+                            &::after{
+                                height: 80%;
+                                width: 80%;
+                                background: #27b0eb;
+                                filter: blur(px2rem(15));
+                                content: '';
+                                display: block;
+                                position: absolute;
+                                top: 50%;
+                                left: 50%;
+                                transform: translate(-50%, -50%);
+                            }
+                        }
+                    }
+                    p{
+                        padding-top: px2rem(10);
+                        line-height: px2rem(43);
+                    }
+                    span{
+                        height: px2rem(13);
+                        width: px2rem(36);
+                        display: block;
+                        background: url(../img/wap/bg-menu-item.png) top center no-repeat;
+                        background-size: 100% 100%;
+                        position: relative;
+                    }
                 }
             }
         }
-        .match-precent{
-            .progress{
-                .num{
-                    vertical-align: middle;
+    }
+    .mod-club{
+        margin-bottom: px2rem(54);
+        .mod-inner{
+            margin-top: px2rem(32);
+            .club-wrap{
+                .club-item{
+                    display: none;
+                    &.active{
+                        display: block;
+                    }
+                    .club-group{
+                        margin-bottom: px2rem(6);
+                        .group-list{
+                            display: flex;
+                            flex-wrap: wrap;
+                            li{
+                                height: px2rem(100);
+                                width: px2rem(100);
+                                background: #1C1B23;
+                                display: flex;
+                                align-items: center;
+                                justify-content: center;
+                                box-shadow: 0 px2rem(2) px2rem(12) rgba(#05040c, 0.35) inset;
+                                margin: 0 px2rem(18) px2rem(18) 0;
+                                position: relative;
+                                &:nth-child(6n){
+                                    margin-right: 0;
+                                }
+                                &.active{
+                                    span{
+                                        border: 1px #9DEDEE solid;
+                                        // background: url(../img/wap/bg-club-list.png) center no-repeat;
+                                        // background-size: 99% 99%;
+                                        &::before, &::after{
+                                            height: 8px;
+                                            width: 8px;
+                                            box-sizing: border-box;
+                                            position: absolute;
+                                            content: '';
+                                            display: block;
+                                        }
+                                        &::before{
+                                            border-top: 1px #9DEDEE solid;
+                                            border-left: 1px #9DEDEE solid;
+                                            top: px2rem(4);
+                                            left: px2rem(4);
+                                        }
+                                        &::after{
+                                            border-bottom: 1px #9DEDEE solid;
+                                            border-right: 1px #9DEDEE solid;
+                                            bottom: px2rem(4);
+                                            right: px2rem(4);
+                                        }
+                                    }
+                                }
+                                img{
+                                    width: 70%;
+                                }
+                                span{
+                                    height: 100%;
+                                    width: 100%;
+                                    display: block;
+                                    position: absolute;
+                                    top: 0;
+                                    left: 0;
+                                    box-sizing: border-box;
+                                    border: 1px solid #2E3741;
+                                    border-image: linear-gradient(-45deg, #2E3741, #272530) 20 30;
+                                }
+                            }
+                        }
+                    }
+                    .club-info{
+                        box-shadow: 0 px2rem(4) px2rem(20) rgba(#05040c, 0.5) inset;
+                        padding: px2rem(11) px2rem(10) px2rem(4);
+                        position: relative;
+                        &::before{
+                            height: 100%;
+                            width: 100%;
+                            position: absolute;
+                            z-index: 1;
+                            top: 0;
+                            left: 0;
+                            bottom: 0;
+                            right: 0;
+                            background: url(../img/wap/bg-club-info.png) top center no-repeat;
+                            background-size: 100% 100%;
+                            content: '';
+                            display: block;
+                        }
+                        .info-list{
+                            display: none;
+                            position: relative;
+                            z-index: 2;
+                            &.active{
+                                display: block;
+                            }
+                            li{
+                                height: px2rem(60);
+                                font-size: px2rem(24);
+                                display: flex;
+                                margin-bottom: px2rem(8);
+                                @for $i from 1 through 5 {
+                                    &.item#{$i}{
+                                        span::before{
+                                            background-image: url(../img/wap/icon-placejob#{$i}.png);
+                                        }
+                                    }
+                                }
+                                &.item2{
+                                    span::before{
+                                        height: px2rem(30);
+                                        width: px2rem(30);
+                                    }
+                                }
+                                &.item5{
+                                    span::before{
+                                        height: px2rem(28);
+                                        width: px2rem(29);
+                                    }
+                                }
+                                span, p{
+                                    box-sizing: border-box;
+                                    display: flex;
+                                    align-items: center;
+                                }
+                                span{
+                                    width: 19.4%;
+                                    justify-content: center;
+                                    border: 1px #455A62 solid;
+                                    border-right: none;
+                                    background: #2F3640;
+                                    color: #c9c9c9;
+                                    &::before{
+                                        height: px2rem(26);
+                                        width: px2rem(26);
+                                        background: center no-repeat;
+                                        background-size: 100% 100%;
+                                        content: '';
+                                        display: block;
+                                        margin-right: px2rem(12);
+                                    }
+                                }
+                                p{
+                                    flex: 1;
+                                    padding: 0 px2rem(32);
+                                    border: 1px #3B4952 solid;
+                                    border-left: none;
+                                    color: #fff;
+                                    background: #23212C;
+                                    @include ellipsis;
+                                }
+                            }
+                        }
+                    }
                 }
             }
         }
     }
-}
-
-@mixin ellipsis{
-    max-width: 100%;
-    text-overflow: ellipsis;
-    -ms-text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    display: block;
-}
-.mod-banner{
-    img{
-        width: 100%;
-        display: block;
-    }
-}
-.wap-page-main{
-    overflow: hidden;
-    background: #400707;
-    padding: 0 4%;
-    color: #fff;
-    a{
-        color: #fff;
-    }
-    .top-new{
-        text-align: center;
-        padding: 20px 0;
-        line-height: 1.5;
-        .top-new-tit{
-            font-size: 18px;
-            font-weight: bold;
-            a{
-                color: #E54747;
+    .mod-table{
+        .mod-inner{
+            margin-top: px2rem(31);
+            background: rgba(#23212c, 0.8);
+            .table-head, .table-body{
+                color: #d2feff;
+                ul{
+                    display: flex;
+                    align-items: center;
+                    li{
+                        display: flex;
+                        text-align: center;
+                        align-items: center;
+                        justify-content: center;
+                        box-sizing: border-box;
+                        &.item1{
+                            width: 15%;
+                        }
+                        &.item2{
+                            width: 12.02%;
+                        }
+                        &.item3{
+                            width: 15%;
+                        }
+                        &.item4{
+                            width: 15%;
+                        }
+                        &.item5{
+                            width: 23%;
+                        }
+                        &.item6{
+                            flex: 1;
+                        }
+                    }
+                }
             }
-        }
-        .top-new-sub{
-            font-size: 12px;
-            display: flex;
-            justify-content: center;
-            margin-top: 0.2rem;
-            span{
-                margin: 0 0.21333rem;
+            .table-head{
+                height: px2rem(60);
+                font-size: px2rem(26);
+                background: rgba(#9dedee, 0.1);
+                ul{
+                    height: 100%;
+                    background: url(../img/wap/bg-table-head.png) top center no-repeat;
+                    background-size: 100% 100%;
+                }
+            }
+            .table-body{
+                max-height: px2rem(600);
+                border: 1px rgba(#9dedee, 0.4) solid;
+                border-top: 0;
+                font-size: px2rem(22);
+                overflow-x: hidden;
+                overflow-y: auto;
+                .table-area{
+                    display: none;
+                    &.active{
+                        display: block;
+                    }
+                    ul{
+                        height: px2rem(60);
+                        box-sizing: border-box;
+                        border-bottom: 1px rgba(#89e9ea, 0.2) solid;
+                        li{
+                            @include ellipsis;
+                            &.item6{
+                                display: block;
+                                padding: 0 px2rem(6);
+                                a{
+                                    color: #d2feff;
+                                }
+                            }
+                            img{
+                                max-width: px2rem(37);
+                                margin-right: px2rem(6);
+                            }
+                        }
+                    }
+                }
             }
         }
     }
     .mod-slider{
+        margin: px2rem(52) 0;
         .slider-main{
+            width: 100%;
+            overflow: hidden;
             ul{
+                height: 100%;
+                width: 100%;
+                display: flex;
+                position: relative;
+                z-index: 1;
+                box-sizing: content-box;
+                transition-property: transform;
+                transform: translate3d(0, 0, 0);
                 li{
+                    height: 100%;
                     position: relative;
+                    transform: translate3d(0, 0, 0);
+                    display: flex;
+                    flex-shrink: 0;
+                    background: none;
                     a{
                         width: 100%;
-                    }
-                    img{
-                        width: 100%;
                         display: block;
-                    }
-                    .txtbox{
-                        position: absolute;
-                        left: 0;
-                        bottom: 0;
-                        right: 0;
-                        text-align: left;
-                        padding: 10px 3.6% 5px;
-                        line-height: 1.5;
-                        background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
-                        h3{
-                            @include ellipsis;
-                            font-size: 16px;
+                        img{
+                            width: 100%;
+                            display: block;
                         }
-                        p{
+                        h2{
+                            height: px2rem(140);
+                            width: 100%;
+                            padding: px2rem(50) px2rem(30) 0;
+                            display: flex;
+                            align-items: center;
+                            box-sizing: border-box;
+                            font-size: px2rem(32);
+                            color: #eeeff1;
+                            font-weight: normal;
+                            position: absolute;
+                            bottom: 0;
+                            left: 0;
+                            background: linear-gradient(rgba(#000, 0), rgba(#000, 0.6));
                             @include ellipsis;
-                            font-size: 12px;
                         }
                     }
                 }
             }
-        }
-        .slider-dot{
-            display: flex;
-            position: relative;
-            z-index: 3;
-            span{
-                height: 0.15rem;
-                width: 100%;
-                border-radius: 0;
-                opacity: 1;
-                background: #fff;
-                display: block;
-                margin-left: 2px;
-                &:first-child{
-                    margin-left: 0;
-                }
-                &.is-active{
-                    background: #E54747;
+            .slider-dot{
+                display: flex;
+                span{
+                    flex: 1;
+                    display: block;
+                    height: px2rem(4);
+                    background: #333;
+                    border-left: 1px #5C5C5C solid;
+                    border-radius: 0;
+                    opacity: 1;
+                    margin: 0;
+                    &:first-child{
+                        border-left: none;
+                    }
+                    &.active{
+                        background: #89E9EA;
+                    }
                 }
             }
         }
+        .slider-dots-nav{
+            font-size: 0;
+            line-height: 500px;
+            overflow: hidden;
+        }
     }
     .mod-news{
-        font-size: 14px;
-        ul{
-            padding: 16px 0;
-            border-top: 1px #683C3C solid;
-            &:first-child{
-                border-top: none;
+        a{
+            &:hover{
+                text-decoration: none;
             }
-            li{
+        }
+        .top-news{
+            a{
+                color: #9dedee;
+            }
+            .top-new-tit{
+                height: px2rem(32);
+                font-size: px2rem(32);
+                padding: 0 px2rem(35);
+                line-height: px2rem(32);
+                text-align: center;
+                @include ellipsis;
+                position: relative;
+                z-index: 3;
+                span{
+                    height: 100%;
+                    width: 45%;
+                    display: block;
+                    position: absolute;
+                    z-index: -1;
+                    top: 0;
+                    &.left{
+                        left: 0;
+                        background: -webkit-linear-gradient(left, rgba(#9dedee, 0.25), rgba(#9dedee, 0));
+                        background: -o-linear-gradient(left, rgba(#9dedee, 0.25), rgba(#9dedee, 0));
+                        background: linear-gradient(to right, rgba(#9dedee, 0.25), rgba(#9dedee, 0));
+                        border-left: px2rem(4) #8CEAEB solid;
+                    }
+                    &.right{
+                        right: 0;
+                        background: -webkit-linear-gradient(right, rgba(#9dedee, 0.25), rgba(#9dedee, 0));
+                        background: -o-linear-gradient(right, rgba(#9dedee, 0.25), rgba(#9dedee, 0));
+                        background: linear-gradient(to left, rgba(#9dedee, 0.25), rgba(#9dedee, 0));
+                        border-right: px2rem(4) #8CEAEB solid;
+                    }
+                }
+                // &::after{
+                //     height: 100%;
+                //     width: 100%;
+                //     position: absolute;
+                //     top: 0;
+                //     left: 0;
+                //     right: 0;
+                //     content: '';
+                //     display: block;
+                //     background-image: -webkit-radial-gradient(center center, transparent, rgba(#9dedee, 0.5));
+                // }
+            }
+            .top-new-sub{
+                display: flex;
+                flex-wrap: wrap;
+                align-items: center;
+                justify-content: center;
+                margin-top: px2rem(25);
                 a{
+                    max-width: 30%;
+                    font-size: px2rem(24);
+                    line-height: 1;
+                    margin: 0 px2rem(10);
+                    @include ellipsis;
+                }
+            }
+        }
+        .main-news{
+            padding-bottom: px2rem(12);
+            ul{
+                border-top: 1px rgba(#8ceaeb, 0.2) solid;
+                padding: px2rem(20) 0;
+                &:first-child{
+                    border-top: none;
+                }
+                li{
+                    height: px2rem(50);
                     display: flex;
+                    font-size: px2rem(26);
+                    line-height: px2rem(50);
+                    color: #fff;
                     align-items: center;
-                    line-height: 1.75;
-                    h3{
+                    justify-content: space-between;
+                    &::before{
+                        height: px2rem(5);
+                        width: px2rem(5);
+                        background: #fff;
+                        opacity: 0.2;
+                        content: '';
+                        display: block;
+                        margin-left: 2px;
+                        transform: rotate(45deg);
+                    }
+                    a{
+                        // max-width: 70%;
                         flex: 1;
+                        margin: 0 px2rem(20) 0 px2rem(15);
+                        color: #fff;
                         @include ellipsis;
-                        margin-right: 0.5rem;
                     }
-                    &::before{
-                        content: '';
-                        height: 3px;
-                        width: 3px;
-                        background: #fff;
-                        margin-right: 0.4rem;
+                    span{
+                        opacity: 0.2;
                     }
                 }
             }
         }
+        .more-news{
+            height: px2rem(37);
+            position: relative;
+            z-index: 3;
+            a{
+                display: block;
+                font-size: px2rem(24);
+                color: #8ceaeb;
+                line-height: px2rem(37);
+                text-align: center;
+                position: relative;
+                z-index: 3;
+            }
+            span{
+                height: px2rem(17);
+                width: 100%;
+                display: block;
+                position: absolute;
+                z-index: 2;
+                left: 50%;
+                bottom: 0;
+                transform: translate(-50%, 0);
+                background: url(../img/wap/bg-more-news.png) bottom center no-repeat;
+                background-size: px2rem(178) 100%;
+                &::after{
+                    height: 1px;
+                    width: 100%;
+                    background: rgba(#8ceaeb, 0.2);
+                    content: '';
+                    display: block;
+                    position: absolute;
+                    z-index: -1;
+                    top: 0;
+                    left: 0;
+                }
+            }
+        }
     }
 }