2018专题/德玛西亚杯/src/_index.html

@@ -83,7 +83,7 @@
             <!-- end菜单 -->
         </div>
         <!-- banner结束 -->
-       
+
 
 
         <div class="page-inner">
@@ -95,7 +95,7 @@
             <!-- start主体内容 -->
             <div class="mod-main">
                 <div class="main-left fl">
-                   
+
                     <!-- start滚动图 -->
                     <div class="mod-slider" data-role="mod-slider">
                         <div class="slider-main">
@@ -147,7 +147,7 @@
                                 </li>
                             </ul>
                         </div>
-                    </div> 
+                    </div>
                     <!-- end滚动图 -->
                     <!-- start德玛西亚视频 -->
                     <div class="mod-video mt20">
@@ -242,7 +242,7 @@
                                         </div>
                                     </a>
                                 </li>
-                               
+
                             </ul>
                         </div>
                     </div>
@@ -296,7 +296,7 @@
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL</a>
                                             <span>08-20</span>
                                         </li>
-                                    
+
                                         <li>
                                             <i></i>
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL今日首发</a>
@@ -322,7 +322,7 @@
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL</a>
                                             <span>08-20</span>
                                         </li>
-                                    
+
                                         <li>
                                             <i></i>
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL今日首发</a>
@@ -372,7 +372,7 @@
                         </div>
                     </div>
                     <!-- end新闻 -->
-                   
+
                 </div>
             </div>
             <!-- end主体内容 -->
@@ -380,10 +380,486 @@
             <div class="tournament_schedule">
                 <div class="mod-title">
                     <h2><span>赛事进度</span></h2>
-                    
+
                 </div>
                 <div class="match-map">
-                    
+                    <ul class="win_game">
+                        <li class="column1">
+                            <h5>分组对抗 12月20日</h5>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+
+                        </li>
+                        <li class="column2">
+                            <div class="line"></div>
+                            <div class="line"></div>
+
+                        </li>
+                        <li class="column3">
+                            <h5>胜者组 第二轮 12月21日</h5>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="column4">
+                            <div class="line"></div>
+                        </li>
+                        <li class="column5">
+                            <h5>分组对抗 12月20日</h5>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="column6">
+                            <div class="line"></div>
+                            <div class="line"></div>
+                        </li>
+                        <li class="column7">
+                            <h5>分组对抗 12月20日</h5>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="column8">
+                            <div class="champion">
+                                <p class="champion_name">IG</p>
+                            </div>
+                        </li>
+                    </ul>
+                    <ul class="fail_game">
+                        <li class="column1">
+                            <h5>分组对抗 12月20日</h5>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+
+
+                        </li>
+                        <li class="column2"></li>
+                        <li class="column3">
+                            <h5>胜者组 第二轮 12月21日</h5>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="column4">
+                            <div class="line"></div>
+                        </li>
+                        <li class="column5">
+                            <h5>分组对抗 12月20日</h5>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="column6"></li>
+                        <li class="column7">
+                            <h5>分组对抗 12月20日</h5>
+                            <div class="team_vs">
+                                <div class="team_win">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_fail">
+                                    <div class="team_logo team_com">
+                                        <div class="team_logo_logo">
+                                            <img src="/src/img/edg.png" alt="">
+                                        </div>
+                                    </div>
+                                    <div class="team_name team_com">
+                                        IG
+                                    </div>
+                                    <div class="team_score team_com">3</div>
+                                </div>
+                                <div class="team_detail">
+                                    <span class="time">14:40</span>
+
+                                    <span class="report">战报</span>
+                                    <span class="video">视频</span>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="column8">
+                            <div class="line"></div>
+                        </li>
+
+                    </ul>
                 </div>
 
 
@@ -392,7 +868,7 @@
             <!-- 精彩图集开始 -->
             <div class="wonderful_atlas">
                 <div class="mod-title">
-                     <h2><span>精彩图集</span></h2>
+                    <h2><span>精彩图集</span></h2>
                 </div>
                 <div class="allstar-pic__bd">
                     <div class="allstar-pic__left">

2018专题/德玛西亚杯/src/_wap.html

@@ -1,722 +0,0 @@
-<!doctype html>
-<html>
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="format-detection" content="telephone=no" />
-    <meta name="mobile-web-app-capable" content="yes">
-    <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>
-
-    </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>
-    </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>
-    </nav>
-    <script>
-    $(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-banner.jpg" alt="" />
-    </div>
-    
-    <div class="mod-main">
-    <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>
-                            <div class="match-item">
-                                <div class="score">0:0</div>
-                            </div>
-                            <div class="match-item">
-                                <div class="title">RW</div>
-                                <img src="http://ya2.dwstatic.com/201804/d2/d22ef1ddbd911c1c76625d8fb11d0a68.png" alt="">
-                            </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>
-                            </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>
-                            
-                        </div>
-                        
-                        <div class="match-guess-btn">更多竞猜
-                            <i class="arrow-down-icon"></i>
-                        </div>
-                </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>
-                        <div class="match clearfix">
-                            <div class="match-item">
-                                <div class="title">BLG</div>
-                                <img src="http://ya2.dwstatic.com/201804/9c/9c51ee39820639395b775684eb30c13b.png" alt="">
-                            </div>
-                            <div class="match-item">
-                                <div class="score">0:0</div>
-                            </div>
-                            <div class="match-item">
-                                <div class="title">SNG</div>
-                                <img src="http://ya1.dwstatic.com/201806/f0/f0a0b3a6e7f22cb4f4f9fb7273c1f9ae.png" alt="">
-                            </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>
-                            </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>
-                            
-                        </div>
-                        
-                        <div class="match-guess-btn">更多竞猜
-                            <i class="arrow-down-icon"></i>
-                        </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="top-new">
-            <h2 class="top-new-tit"><a href="#">亚运会中国队定妆照公布 香锅：我很方</a></h2>
-            <p class="top-new-sub">
-                <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>
-                        </div>
-                    </a></li>
-                    <li class="swiper-slide"><a href="#">
-                        <img src="/src/img/slider-img1.jpg" alt="" />
-                        <div class="txtbox">
-                            <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                        </div>
-                    </a></li>
-                    <li class="swiper-slide"><a href="#">
-                        <img src="/src/img/slider-img1.jpg" alt="" />
-                        <div class="txtbox">
-                            <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                        </div>
-                    </a></li>
-                    <li class="swiper-slide"><a href="#">
-                        <img src="/src/img/slider-img1.jpg" alt="" />
-                        <div class="txtbox">
-                            <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                        </div>
-                    </a></li>
-                    <li class="swiper-slide"><a href="#">
-                        <img src="/src/img/slider-img1.jpg" alt="" />
-                        <div class="txtbox">
-                            <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                        </div>
-                    </a></li>
-                </ul>
-            </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>
-        <div class="more-news">
-            <a href="#">点击查看更多</a>
-        </div>
-        <div class="mod-video">
-            <div class="mod-inner">
-                <ul>
-                    <li>
-                        <a href="#">
-                            <div class="imgbox">
-                                <img src="../img/video-img1.jpg" alt="" />
-                                <div class="float-info">
-                                    <span></span>
-                                    <em>14:18</em>
-                                </div>
-                            </div>
-                            <div class="txtbox">阿布谈出征德玛西亚：尽自己最大的努力，阿布谈出征德玛西亚：尽自己最大的努力阿布谈出征德玛西亚：尽自己最大的努力，阿布谈出征德玛西亚：尽自己最大的努力</div>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#">
-                            <div class="imgbox">
-                                <img src="../img/video-img1.jpg" alt="" />
-                                <div class="float-info">
-                                    <span></span>
-                                    <em>14:18</em>
-                                </div>
-                            </div>
-                            <div class="txtbox">阿布谈出征德玛西亚：尽自己最大的努力，阿布谈出征德玛西亚：尽自己最大的努力阿布谈出征德玛西亚：尽自己最大的努力，阿布谈出征德玛西亚：尽自己最大的努力</div>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#">
-                            <div class="imgbox">
-                                <img src="../img/video-img1.jpg" alt="" />
-                                <div class="float-info">
-                                    <span></span>
-                                    <em>14:18</em>
-                                </div>
-                            </div>
-                            <div class="txtbox">阿布谈出征德玛西亚：尽自己最大的努力，阿布谈出征德玛西亚：尽自己最大的努力阿布谈出征德玛西亚：尽自己最大的努力，阿布谈出征德玛西亚：尽自己最大的努力</div>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="#">
-                            <div class="imgbox">
-                                <img src="../img/video-img1.jpg" alt="" />
-                                <div class="float-info">
-                                    <span></span>
-                                    <em>14:18</em>
-                                </div>
-                            </div>
-                            <div class="txtbox">阿布谈出征德玛西亚：尽自己最大的努力，阿布谈出征德玛西亚：尽自己最大的努力阿布谈出征德玛西亚：尽自己最大的努力，阿布谈出征德玛西亚：尽自己最大的努力</div>
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-   
-    </div>
-    <script src="lib/mod.js"></script>
-    <script>
-        require('modules/page/wap.js');
-    </script>
-</body>
-</html>

2018专题/德玛西亚杯/src/sass/global.scss

@@ -516,6 +516,427 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
             width: 1136px;
             margin: 0 auto;
             margin-top: 80px;
+            .match-map{
+                width: 100%;
+                height: 950px;
+                ul{
+                    display: flex;
+                    li{
+                        color: $showColor;
+                        h5{
+                            font-size: 12px;
+                            font-weight: normal;
+                            padding: 12px 0;
+                        }
+                    }
+                    .column1 {
+                        flex: 0 0 132px;
+                    }
+                    .column2 {
+                        flex: 0 0 70px;
+                        .line{
+                            position: relative;
+                            width: 36px;
+                            height: 150px;
+                            border: 1px solid #0b3c53;
+                            border-left: none;
+                            &::after {
+                                position: absolute;
+                                content: '';
+                                width: 33px;
+                                height: 1px;
+                                background: #0b3c53;
+                                top: 50%;
+                                left: 37px;
+                           
+                            }
+                            &:first-child{
+                                margin-top: 80px;
+                                &::after{
+                                    margin-top: -6px;
+                                }
+                            }
+                            &:last-child{
+                                margin-top: 150px;
+                                 &::after {
+                                     margin-top: -8px;
+                                 }
+                            }
+                        }
+                    }
+                    .column3 {
+                        flex: 0 0 132px;
+                        padding-top: 70px;
+                        .team_vs{
+                            &:last-child{
+                                margin-top: 187px;
+                            }
+                        }
+                    }
+                    .column4 {
+                        flex: 0 0 70px;
+                        .line {
+                            position: relative;
+                            width: 36px;
+                            height: 299px;
+                            border: 1px solid #0b3c53;
+                            border-left: none;
+
+                            &::after {
+                                position: absolute;
+                                content: '';
+                                width: 33px;
+                                height: 1px;
+                                background: #0b3c53;
+                                top: 50%;
+                                left: 37px;
+
+                            }
+
+                            &:first-child {
+                                margin-top: 150px;
+
+                                &::after {
+                                    margin-top: 13px;
+                                }
+                            }
+
+                            
+                        }
+                    }
+                    .column5 {
+                        flex: 0 0 132px;
+                        padding-top: 235px;
+                    }
+                    .column6 {
+                        flex: 0 0 270px;
+                        display: flex;
+                        padding-top: 315px;
+                        .line{
+                            &:first-child {
+                                height: 150px;
+                                flex: 0 0 135px;
+                                border-top: 1px solid #0b3c53;
+                                border-right: 1px solid #0b3c53;
+                            }
+
+                            &:last-child {
+                                height: 150px;
+                                flex: 1;
+                                border-bottom: 1px solid #0b3c53;
+                            }
+                        }
+                        
+                    }
+                    .column7 {
+                        flex: 0 0 132px;
+                        padding-top: 385px;
+                    }
+                    .column8{
+                        flex: 1;
+                        padding-top: 345px;
+                         position: relative;
+                        .champion{
+                            position: relative;
+                            float: right;
+                            width: 138px;
+                            height: 208px;
+                            background: url(/src/img/winner.png) no-repeat bottom center;
+                            .champion_name{
+                                position: absolute;
+                                line-height: 25px;
+                                bottom: 0;
+                                left: 0;
+                                width: 100%;
+                                text-align: center;
+                            }
+                        }
+                        
+
+                         &::after {
+                             position: absolute;
+                             content: '';
+                             width: 70px;
+                             height: 1px;
+                             background: #0b3c53;
+                             top: 50%;
+                             margin-top: 142px;
+
+                         }
+                    }
+                    .team_vs{
+                        margin-bottom: 38px;
+                        .team_com{
+                            line-height: 40px;
+                        }
+                        .team_win{
+                            width: 131px;
+                            height: 40px;
+                            display: flex;
+                             position: relative;
+                              .team_logo {
+                                  background: #0b3c53;
+                              }
+                              .team_name {
+                                  background: #0b3c53;
+                              }
+
+                              .team_score {
+                                  
+                                  background: #0b2540;
+                              }
+                               &::before {
+                                   position: absolute;
+                                   content: '';
+                                   width: 3px;
+                                   height: 40px;
+                                   left: 0;
+                                   background: $showColor;
+                               }
+                        }
+                        .team_fail{
+                             position: relative;
+                            width: 131px;
+                            height: 40px;
+                            display: flex;
+                            border-top: 1px solid #081929;
+                            .team_logo {
+                                background: #43181f;
+                            }
+
+                            .team_name {
+
+                                background: #43181f;
+                            }
+
+                            .team_score {
+                                color: #dc2947;
+                                background: #361016;
+                            }
+                              &::before {
+                                  position: absolute;
+                                  content: '';
+                                  width: 3px;
+                                  height: 40px;
+                                  left: 0;
+                                  background: #dc2947;
+                              }
+                        }
+                        .team_detail{
+                            font-size: 12px;
+                            margin-top: 12px;
+                            overflow: hidden;
+                            .time{
+                                float: left;
+                                line-height: 20px;
+                            }
+                            .video{
+                                float: right;
+                                width: 36px;
+                                height: 20px;
+                                text-align: center;
+                                line-height: 19px;
+                                display: inline-block;
+                                border: 1px solid $maincolor;
+                                color: $maincolor;
+                                // padding: 3px 5px;
+                                box-sizing: border-box;
+                            }
+                            .report{
+                                margin-left: 7px;
+                                float: right;
+                                width: 36px;
+                                height: 20px;
+                                text-align: center;
+                                line-height: 20px;
+                                display: inline-block;
+                                // padding: 3px 5px;
+                                background: $maincolor;
+                                color: #0b2540;
+                            }
+                        }
+                        .team_logo{
+                            flex: 0 0 56px;
+                           
+                           .team_logo_logo{
+                               width: 30px;
+                               height: 30px;
+                               border-radius: 50%;
+                               overflow: hidden;
+                               margin: 5px auto;
+                           }
+                          
+
+                        }
+                        .team_name{
+                            flex: 1;
+                            border-right: 1px solid #081929;
+                            @include ellipsis;
+                            text-align: left;
+                            
+                        }
+                        .team_score{
+                            flex: 0 0 30px;
+                            text-align: center;
+                           
+                        }
+
+                    }
+                }
+                .fail_game{
+                    li {
+                        
+
+                        h5 {
+                           color: #c92743;
+                        }
+                    }
+                    .column2{
+                         position: relative;
+
+                         &::after,&::before {
+                             position: absolute;
+                             content: '';
+                             width: 70px;
+                             height: 1px;
+                             background: #411d23;
+                             top: 50%;
+                             
+
+                         }
+                         &::after{
+                            margin-top: -91px;
+                         }
+                         &::before{
+                            margin-top: 60px;
+                         }
+                    }
+                    .column3{
+                        padding-top: 0;
+                        .team_vs{
+                            &:last-child{
+                                margin-top: 0;
+                            }
+                        }
+                    }
+                    .column6{
+                        flex: 0 0 70px;
+                        position: relative;
+                        &::after{
+                            position: absolute;
+                            content: '';
+                            width: 70px;
+                            height: 1px;
+                            background: #411d23;
+                            top: 50%;
+                            margin-top: -16px;
+                           
+                        }
+                    }
+                    .column4{
+                         .line {
+                             position: relative;
+                             width: 36px;
+                             height: 150px;
+                             border: 1px solid #411d23;
+                             border-left: none;
+
+                             &::after {
+                                 position: absolute;
+                                 content: '';
+                                 width: 33px;
+                                 height: 1px;
+                                 background: #411d23;
+                                 top: 50%;
+                                 left: 37px;
+
+                             }
+
+                             &:first-child {
+                                 margin-top: 80px;
+
+                                 &::after {
+                                     margin-top: 0px;
+                                 }
+                             }
+
+                            
+                         }
+                    }
+                    .column5,
+                    .column7 {
+                        padding-top: 75px;
+                    }
+                    .column8{
+                        flex: 0 0 70px;
+                        padding-top: 0;
+                        .line {
+                            position: relative;
+                            width: 36px;
+                            height: 333px;
+                            border: 1px solid #411d23;
+                            border-left: none;
+                            border-top: none;
+                            margin-top: -178px;
+
+                            
+
+
+                        }
+                        &::after {
+                            display: none;
+                        }
+                    }
+
+                    .team_vs {
+                        .team_win {
+                           
+
+                            .team_logo {
+                                background: #43181f;
+                            }
+
+                            .team_name {
+                                background: #43181f;
+                            }
+
+                            .team_score {
+                                color: #dc2947;
+                                background: #361016;
+                            }
+
+                            &::before {
+                                
+                                background: #dc2947;
+                            }
+                        }
+
+                        .team_fail {
+                          
+                            border-top: 1px solid #081929;
+
+                            .team_logo {
+                                background: #262a2f;
+                            }
+
+                            .team_name {
+
+                                background: #262a2f;
+                            }
+
+                            .team_score {
+                                color: #dc2947;
+                                background: #262a2f;
+                            }
+
+                            &::before {
+                               
+                                background: #5b1d27;
+                            }
+                        }
+                    }
+                }
+            }
         }
         .wonderful_atlas{
             width: 1136px;