2
0

2 Коміти e8c5a1546b ... 2075b9fedb

Автор SHA1 Опис Дата
  tangxijun 2075b9fedb 合并冲突 5 роки тому
  tangxijun c4403a7ffa 积分逻辑更改 5 роки тому

+ 662 - 1142
2019专题/1908DOTA2/src/_index.html

@@ -331,375 +331,360 @@
             </div>
         </div>
         <!-- 积分榜 -->
+        -->
+  
+        <!-- 积分排行 -->
         <div class="zt-mod-score pt-60" id="score">
             <div class="g-zt-inner">
                 <div class="zt-mod_hd zt-mod_hd_new ext-hd-new zt-score-title"></div>
 
-                <div class="zt-mod_bd  rankMainTag scroeThree">
+                <div class="zt-mod_bd  rankMainTag scroeTwo">
+                    <!-- rankMainTag -->
                     <div class="clearfix  score-nav-main">
                         <div class="fl nav_item nav  active" data-mt="1">小组赛</div>
                         <div class="fl nav_item nav" data-mt="2">淘汰赛</div>
                     </div>
 
-                    <div class="clearfix  score-nav-sub">
+                    <div class="clearfix  score-nav-sub" data-type="statuImg"> 
                         <div class="fl nav_item_sub nav active" data-st="1">
-                            <span>A组</span>
+                            <span >胜者组</span>
                         </div>
                         <div class="fl nav_item_sub nav" data-st="2">
-                            <span>B组</span>
-                        </div>
-                    </div>
-
-                    <div class="score-rank-content scroe-content-three">
-                        <ul class="scroe-content-box scroe-content-title">
-                            <li>排名</li>
-                            <li>战队</li>
-                            <li>第一局</li>
-                            <li>第二局</li>
-                            <li>第三局</li>
-                            <li>第四局</li>
-                            <li>第二局</li>
-                            <li>总积分</li>
-                            <li>晋级状态</li>
-                        </ul>
-                        <div class="score-content show group-winner" data-mt="1_1">
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>小A</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li class="success">晋级</li>
-                            </ul>
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>小A</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li class="success">晋级</li>
-                            </ul>
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>2</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>待定</li>
-                            </ul>
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>1</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li class="fail">淘汰</li>
-                            </ul>
-                        </div>
-                        <div class="score-content hide group-looser" data-mt="1_2">
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>小B</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>晋级</li>
-                            </ul>
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>2</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>晋级</li>
-                            </ul>
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>3</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>晋级</li>
-                            </ul>
-                        </div>
-                        <div class="score-content hide fall-looser" data-mt="2_2">
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>淘A</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>晋级</li>
-                            </ul>
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>2</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>晋级</li>
-                            </ul>
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>1</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>晋级</li>
-                            </ul>
-                        </div>
-                        <div class="score-content hide fall-winner" data-mt="2_1">
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>淘B</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>晋级</li>
-                            </ul>
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>1</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>晋级</li>
-                            </ul>
-                            <ul class="scroe-content-box scroe-content-info">
-                                <li>1</li>
-                                <li>
-                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>400</li>
-                                <li>2200</li>
-                                <li>晋级</li>
-                            </ul>
-
-                        </div>
-                    </div>
-
-                    <div class="scroe-content-h5-wrap">
-
-                        <ul class='scroe-content-h5-box scroe-content-h5-title'>
-                            <li>战队</li>
-                            <li>胜场</li>
-                            <li>平局</li>
-                            <li>负场</li>
-                            <li>积分</li>
-                            <li>晋级情况</li>
-                        </ul>
-                        <div class=" scroe-h5-content">
-                            <ul class='scroe-content-h5-box '>
-                                <li>
-                                    <img src="" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>5</li>
-                                <li>3</li>
-                                <li>0</li>
-                                <li>13</li>
-                                <li>胜者组</li>
-                            </ul>
-                            <ul class='scroe-content-h5-box'>
-                                <li>
-                                    <img src="" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>5</li>
-                                <li>3</li>
-                                <li>0</li>
-                                <li>13</li>
-                                <li>胜者组</li>
-                            </ul>
-                            <ul class='scroe-content-h5-box'>
-                                <li>
-                                    <img src="" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>5</li>
-                                <li>3</li>
-                                <li>0</li>
-                                <li>13</li>
-                                <li>胜者组</li>
-                            </ul>
-                            <ul class='scroe-content-h5-box'>
-                                <li>
-                                    <img src="" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>5</li>
-                                <li>3</li>
-                                <li>0</li>
-                                <li>13</li>
-                                <li>胜者组</li>
-                            </ul>
-                        </div>
-                        <div class=" scroe-h5-content">
-                            <ul class='scroe-content-h5-box '>
-                                <li>
-                                    <img src="" alt="">
-                                    <span>4A21M</span>
-                                </li>
-                                <li>5</li>
-                                <li>3</li>
-                                <li>0</li>
-                                <li>13</li>
-                                <li>胜者组</li>
-                            </ul>
-                        </div>
-                        <div class=" scroe-h5-content">
-                            <ul class='scroe-content-h5-box '>
-                                <li>
-                                    <img src="" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>5</li>
-                                <li>3</li>
-                                <li>0</li>
-                                <li>13</li>
-                                <li>胜者组</li>
-                            </ul>
-                        </div>
-                        <div class=" scroe-h5-content">
-                            <ul class='scroe-content-h5-box '>
-                                <li>
-                                    <img src="" alt="">
-                                    <span>4AM</span>
-                                </li>
-                                <li>5</li>
-                                <li>3</li>
-                                <li>0</li>
-                                <li>13</li>
-                                <li>胜者组</li>
-                            </ul>
+                            <span>败者组</span>
                         </div>
                     </div>
 
-                </div>
-            </div>
-        </div>
-
-        <!-- 积分排行 -->
-        <div class="zt-mod-score pt-60" id="score">
-            <div class="g-zt-inner">
-                <div class="zt-mod_hd zt-mod_hd_new ext-hd-new zt-score-title"></div>
-
-                <div class="zt-mod_bd  rankMainTag scroeTwo">
-                    <!-- rankMainTag -->
-                    <div class="clearfix  score-nav-main">
-                        <div class="fl nav_item nav  active" data-mt="1">小组赛</div>
-                        <div class="fl nav_item nav" data-mt="2">淘汰赛</div>
-                    </div>
-
-                    <div class="clearfix  score-nav-sub">
+                    
+                    <div class="clearfix  score-nav-sub" data-type="statuList">
                         <div class="fl nav_item_sub nav active" data-st="1">
-                            <span>胜者组</span>
+                            <span >A组</span>
                         </div>
                         <div class="fl nav_item_sub nav" data-st="2">
-                            <span>败者组</span>
+                            <span>B组</span>
                         </div>
                     </div>
+
                     <!-- MainContent -->
                     <div class="score-rank-content scroe-content-two">
-                        <!-- subTag -->
-                        <!-- subContent -->
-                        <!-- 小组赛胜者组 -->
-                        <div class="score-content show group-winner">
-                            <div class="score-rank clearfix">
-                                <div class="fl">
-                                    <span class="score-rank-title">小组赛A组</span>
-                                    <div class="rank-team rank-team-first">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-first">
-                                        <img src="img/winner_line.png">
+                        <!-- 小组赛A组 -->
+                        <div class="score-content group-box group-box-PC " >
+                                <ul class="scroe-content-box scroe-content-title">
+                                    <li>排名</li>
+                                    <li>战队</li>
+                                    <li>第一局</li>
+                                    <li>第二局</li>
+                                    <li>第三局</li>
+                                    <li>第四局</li>
+                                    <li>第二局</li>
+                                    <li>总积分</li>
+                                    <li>晋级状态</li>
+                                </ul>
+                                <div class="  group-winner">
+                                    <ul class="scroe-content-box scroe-content-info">
+                                        <li>小A</li>
+                                        <li>
+                                            <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>2200</li>
+                                        <li class="success">晋级</li>
+                                    </ul>
+                                    <ul class="scroe-content-box scroe-content-info">
+                                        <li>小A</li>
+                                        <li>
+                                            <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>2200</li>
+                                        <li class="success">晋级</li>
+                                    </ul>
+                                    <ul class="scroe-content-box scroe-content-info">
+                                        <li>2</li>
+                                        <li>
+                                            <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>2200</li>
+                                        <li >待定</li>
+                                    </ul>
+                                    <ul class="scroe-content-box scroe-content-info">
+                                        <li>1</li>
+                                        <li>
+                                            <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>2200</li>
+                                        <li class="fail">淘汰</li>
+                                    </ul>      <ul class="scroe-content-box scroe-content-info">
+                                            <li>1</li>
+                                            <li>
+                                                <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                                <span>4AM</span>
+                                            </li>
+                                            <li>400</li>
+                                            <li>400</li>
+                                            <li>400</li>
+                                            <li>400</li>
+                                            <li>400</li>
+                                            <li>2200</li>
+                                            <li class="fail">淘汰</li>
+                                        </ul>      <ul class="scroe-content-box scroe-content-info">
+                                                <li>1</li>
+                                                <li>
+                                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                                    <span>4AM</span>
+                                                </li>
+                                                <li>400</li>
+                                                <li>400</li>
+                                                <li>400</li>
+                                                <li>400</li>
+                                                <li>400</li>
+                                                <li>2200</li>
+                                                <li class="fail">淘汰</li>
+                                            </ul>      <ul class="scroe-content-box scroe-content-info">
+                                                    <li>1</li>
+                                                    <li>
+                                                        <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                                        <span>4AM</span>
+                                                    </li>
+                                                    <li>400</li>
+                                                    <li>400</li>
+                                                    <li>400</li>
+                                                    <li>400</li>
+                                                    <li>400</li>
+                                                    <li>2200</li>
+                                                    <li class="fail">淘汰</li>
+                                                </ul>      <ul class="scroe-content-box scroe-content-info">
+                                                        <li>1</li>
+                                                        <li>
+                                                            <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                                            <span>4AM</span>
+                                                        </li>
+                                                        <li>400</li>
+                                                        <li>400</li>
+                                                        <li>400</li>
+                                                        <li>400</li>
+                                                        <li>400</li>
+                                                        <li>2200</li>
+                                                        <li class="fail">淘汰</li>
+                                                    </ul>      <ul class="scroe-content-box scroe-content-info">
+                                                            <li>1</li>
+                                                            <li>
+                                                                <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                                                <span>4AM</span>
+                                                            </li>
+                                                            <li>400</li>
+                                                            <li>400</li>
+                                                            <li>400</li>
+                                                            <li>400</li>
+                                                            <li>400</li>
+                                                            <li>2200</li>
+                                                            <li class="fail">淘汰</li>
+                                                        </ul>      <ul class="scroe-content-box scroe-content-info">
+                                                                <li>1</li>
+                                                                <li>
+                                                                    <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                                                    <span>4AM</span>
+                                                                </li>
+                                                                <li>400</li>
+                                                                <li>400</li>
+                                                                <li>400</li>
+                                                                <li>400</li>
+                                                                <li>400</li>
+                                                                <li>2200</li>
+                                                                <li class="fail">淘汰</li>
+                                                            </ul>      <ul class="scroe-content-box scroe-content-info">
+                                                                    <li>1</li>
+                                                                    <li>
+                                                                        <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                                                        <span>4AM</span>
+                                                                    </li>
+                                                                    <li>400</li>
+                                                                    <li>400</li>
+                                                                    <li>400</li>
+                                                                    <li>400</li>
+                                                                    <li>400</li>
+                                                                    <li>2200</li>
+                                                                    <li class="fail">淘汰</li>
+                                                                </ul>
+                                </div>
+                        </div>
+                        <!-- 小组赛B组 -->
+                        <div class="score-content group-box group-box-PC" >
+                                <ul class="scroe-content-box scroe-content-title">
+                                    <li>排名</li>
+                                    <li>战队</li>
+                                    <li>第一局</li>
+                                    <li>第二局</li>
+                                    <li>第三局</li>
+                                    <li>第四局</li>
+                                    <li>第二局</li>
+                                    <li>总积分</li>
+                                    <li>晋级状态</li>
+                                </ul>
+                                <div class="  group-winner" data-mt="1_1">
+                                    <ul class="scroe-content-box scroe-content-info">
+                                        <li>小A</li>
+                                        <li>
+                                            <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>2200</li>
+                                        <li class="success">晋级</li>
+                                    </ul>
+                                    <ul class="scroe-content-box scroe-content-info">
+                                        <li>小A</li>
+                                        <li>
+                                            <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>2200</li>
+                                        <li class="success">晋级</li>
+                                    </ul>
+                                    <ul class="scroe-content-box scroe-content-info">
+                                        <li>2</li>
+                                        <li>
+                                            <img src="http://fed.webdev.ouj.com/30x30" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>400</li>
+                                        <li>2200</li>
+                                        <li >待定</li>
+                                    </ul>
+                                </div>
+                        </div>
+                        <!-- 淘汰赛胜利组 -->
+                        <div class="score-content  group-winner" >
+                                <div class="score-rank clearfix">
+                                    <div class="fl winner-rank">
+                                        <span class="score-rank-title">胜者组第一轮</span>
+                                        <div class="rank-team rank-team-first">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        
+                                        <div class="winner_pk_line">
+                                            <img src="/src/img/winner_pk_line_small.png"/>
+                                        </div>
+                        
+                        
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="winner_pk_line_two">
+                                            <img src="/src/img/winner_pk_line_small.png"/>
+                                        </div>
+                        
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                        
+                        
+                                        <div class="rank-team rank-team-last">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                        
+                                    </div>
+                                    <div class="fl winner-rank">
+                                        <span class="score-rank-title">胜者组第二轮</span>
+                                        <div class="rank-team rank-team-first score-winner winner-rank-team">
+                                            <p class="rank-top-team clearfix winner-top-team">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix winner-top-team">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        
+                                        <div class="winner_pk_line_three">
+                                            <img src="/src/img/winner_pk_line.png" />
+                                        </div>
+                        
+                                        <div class="rank-team rank-team-last score-winner winner-bottom-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
                                     </div>
 
                                     <div class="rank-team">
@@ -718,809 +703,344 @@
                                     <div class="rank-line-second">
                                         <img src="img/winner_line.png">
                                     </div>
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-third">
-                                        <img src="img/winner_line.png">
-                                    </div>
-
-                                    <div class="rank-team rank-team-last">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-four">
-                                        <img src="img/winner_line.png">
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第二轮</span>
-                                    <div class="rank-team rank-team-first">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="pk-line">
-                                        <img src="img/pk_line_small.png">
-                                    </div>
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="pk-line-second">
-                                        <img src="img/pk_line_small.png">
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-team rank-team-last">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
                                 </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第三轮</span>
-                                    <div class="rank-team rank-team-third">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-line-five">
-                                        <img src="img/winner_line.png">
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-line-six">
-                                        <img src="img/winner_line.png">
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第四轮</span>
-                                    <div class="rank-team rank-team-third">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="pk-line-third">
-                                        <img src="./img/pk_line.png" />
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第五轮</span>
-                                    <div class="rank-team rank-team-five">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-line-seven">
-                                        <img src="./img/winner_line.png" />
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">小组胜者决赛</span>
-                                    <div class="rank-team rank-team-five">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
+                            </div>
+                        <!-- 淘汰赛败者组 -->
+                        <div class="score-content  fall-winner" >
+                                <div class="score-rank clearfix">
+                                        <div class="fl">
+                                            <span class="score-rank-title">淘汰赛败者组</span>
+                                            <div class="rank-team rank-team-first">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                            
+                                            <div class="rank-line-first">
+                                                <img src="img/winner_line.png">
+                                            </div>
+        
+                                            <div class="rank-team">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+        
+                                            <div class="rank-line-second">
+                                                <img src="img/winner_line.png">
+                                            </div>
+        
+                                            <div class="rank-team">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+        
+                                            <div class="rank-line-third">
+                                                    <img src="img/winner_line.png">
+                                            </div>
+        
+                                            <div class="rank-team rank-team-last">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+        
+                                            <div class="rank-line-four">
+                                                    <img src="img/winner_line.png">
+                                            </div>
+                                        </div>
+                                        <div class="fl">
+                                            <span class="score-rank-title">胜者组第二轮</span>
+                                            <div class="rank-team rank-team-first">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+        
+                                            <div class="pk-line">
+                                                <img src="img/pk_line_small.png">
+                                            </div>
+        
+                                            <div class="rank-team">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                            <div class="pk-line-second">
+                                                    <img src="img/pk_line_small.png">
+                                            </div>
+                                            <div class="rank-team">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                            
+                                            <div class="rank-team rank-team-last">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <div class="fl">
+                                            <span class="score-rank-title">胜者组第三轮</span>
+                                            <div class="rank-team rank-team-third">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                            <div class="rank-line-five">
+                                                    <img src="img/winner_line.png">
+                                            </div>
+                                            <div class="rank-team">
+                                                    <p class="rank-top-team clearfix">
+                                                        <span><img src="./img/INFAMOUS.png"></span>
+                                                        <span class="team-name">Fnatic</span>
+                                                        <span class="team-score">2</span>
+                                                    </p>
+                                                    <p class="rank-top-team clearfix">
+                                                        <span><img src="./img/Serenity.png"></span>
+                                                        <span class="team-name">serenity</span>
+                                                        <span class="team-score">2</span>
+                                                    </p>
+                                                </div>
+                                            <div class="rank-line-six">
+                                                    <img src="img/winner_line.png">
+                                            </div>
+                                        </div>
+                                        <div class="fl">
+                                            <span class="score-rank-title">胜者组第四轮</span>
+                                            <div class="rank-team rank-team-third">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                            <div class="rank-team">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                            <div class="pk-line-third">
+                                                <img src="./img/pk_line.png"/>
+                                            </div>
+                                        </div>
+                                        <div class="fl">
+                                            <span class="score-rank-title">胜者组第五轮</span>
+                                            <div class="rank-team rank-team-five">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                            <div class="rank-line-seven">
+                                                <img src="./img/winner_line.png"/>
+                                            </div>
+                                        </div>
+                                        <div class="fl">
+                                            <span class="score-rank-title">淘汰败者决赛</span>
+                                            <div class="rank-team rank-team-five">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                        <!-- 小组赛败者组 -->
-                        <div class="score-content hide group-looser">
-                            <div class="score-rank clearfix">
-                                <div class="fl">
-                                    <span class="score-rank-title">小组赛B组</span>
-                                    <div class="rank-team rank-team-first">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-first">
-                                        <img src="img/winner_line.png">
-                                    </div>
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-second">
-                                        <img src="img/winner_line.png">
-                                    </div>
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-third">
-                                        <img src="img/winner_line.png">
-                                    </div>
-
-                                    <div class="rank-team rank-team-last">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-four">
-                                        <img src="img/winner_line.png">
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第二轮</span>
-                                    <div class="rank-team rank-team-first">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="pk-line">
-                                        <img src="img/pk_line_small.png">
-                                    </div>
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="pk-line-second">
-                                        <img src="img/pk_line_small.png">
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
 
-                                    <div class="rank-team rank-team-last">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第三轮</span>
-                                    <div class="rank-team rank-team-third">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-line-five">
-                                        <img src="img/winner_line.png">
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-line-six">
-                                        <img src="img/winner_line.png">
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第四轮</span>
-                                    <div class="rank-team rank-team-third">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="pk-line-third">
-                                        <img src="./img/pk_line.png" />
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第五轮</span>
-                                    <div class="rank-team rank-team-five">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-line-seven">
-                                        <img src="./img/winner_line.png" />
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">小组败者决赛</span>
-                                    <div class="rank-team rank-team-five">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                </div>
+                        <!-- 小组赛A组 移动端 -->
+                        <div class="score-content group-box-h5" >
+                            <ul class="scroe-content-box scroe-content-title">
+                                <li >战队</li>
+                                <li >胜场</li>
+                                <li >平局</li>
+                                <li >负场</li>
+                                <li >积分</li>
+                                <li >晋级情况</li>
+                            </ul>
+                            <div class=" group-winner">
+                                <ul class="scroe-content-box scroe-content-info">
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4AM</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
+                                <ul class="scroe-content-box scroe-content-info">
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4AM</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
+                                <ul class="scroe-content-box scroe-content-info">
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4AM</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
+                                <ul class="scroe-content-box scroe-content-info">
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4AM</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
                             </div>
                         </div>
-                        <!-- 淘汰赛胜利组 -->
-                        <div class="score-content hide group-winner">
-                            <div class="score-rank clearfix">
-                                <div class="fl winner-rank">
-                                    <span class="score-rank-title">胜者组第一轮</span>
-                                    <div class="rank-team rank-team-first">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="winner_pk_line">
-                                        <img src="/src/img/winner_pk_line_small.png" />
-                                    </div>
-
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="winner_pk_line_two">
-                                        <img src="/src/img/winner_pk_line_small.png" />
-                                    </div>
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-
-                                    <div class="rank-team rank-team-last">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                </div>
-                                <div class="fl winner-rank">
-                                    <span class="score-rank-title">胜者组第二轮</span>
-                                    <div class="rank-team rank-team-first score-winner winner-rank-team">
-                                        <p class="rank-top-team clearfix winner-top-team">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix winner-top-team">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="winner_pk_line_three">
-                                        <img src="/src/img/winner_pk_line.png" />
-                                    </div>
-
-                                    <div class="rank-team rank-team-last score-winner winner-bottom-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                </div>
-                                <div class="fl winner-rank">
-                                    <span class="score-rank-title">胜者组第三轮</span>
-                                    <div class="rank-team rank-team-third winner-rank-team-third">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="looser_last">
-                                        败者组决赛
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="winner_pk_line_four">
-                                        <img src="/src/img/winner_pk_last_line.png" />
-                                    </div>
-                                </div>
-                                <div class="fl winner-rank">
-                                    <span class="score-rank-title">胜者组第四轮</span>
-                                    <div class="rank-team winner-rank-team-last">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- 淘汰赛败者组 -->
-
-                        <div class="score-content hide fall-winner">
-                            <div class="score-rank clearfix">
-                                <div class="fl">
-                                    <span class="score-rank-title">淘汰赛败者组</span>
-                                    <div class="rank-team rank-team-first">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-first">
-                                        <img src="img/winner_line.png">
-                                    </div>
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-second">
-                                        <img src="img/winner_line.png">
-                                    </div>
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-third">
-                                        <img src="img/winner_line.png">
-                                    </div>
-
-                                    <div class="rank-team rank-team-last">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-line-four">
-                                        <img src="img/winner_line.png">
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第二轮</span>
-                                    <div class="rank-team rank-team-first">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="pk-line">
-                                        <img src="img/pk_line_small.png">
-                                    </div>
-
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="pk-line-second">
-                                        <img src="img/pk_line_small.png">
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-
-                                    <div class="rank-team rank-team-last">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第三轮</span>
-                                    <div class="rank-team rank-team-third">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-line-five">
-                                        <img src="img/winner_line.png">
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-line-six">
-                                        <img src="img/winner_line.png">
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第四轮</span>
-                                    <div class="rank-team rank-team-third">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-team">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="pk-line-third">
-                                        <img src="./img/pk_line.png" />
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">胜者组第五轮</span>
-                                    <div class="rank-team rank-team-five">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                    <div class="rank-line-seven">
-                                        <img src="./img/winner_line.png" />
-                                    </div>
-                                </div>
-                                <div class="fl">
-                                    <span class="score-rank-title">淘汰败者决赛</span>
-                                    <div class="rank-team rank-team-five">
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/INFAMOUS.png"></span>
-                                            <span class="team-name">Fnatic</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                        <p class="rank-top-team clearfix">
-                                            <span><img src="./img/Serenity.png"></span>
-                                            <span class="team-name">serenity</span>
-                                            <span class="team-score">2</span>
-                                        </p>
-                                    </div>
-                                </div>
+                            <!-- 小组赛B组 移动端 -->
+                        <div class="score-content group-box-h5" >
+                            <ul class="scroe-content-box scroe-content-title">
+                                <li >战队</li>
+                                <li >胜场</li>
+                                <li >平局</li>
+                                <li >负场</li>
+                                <li >积分</li>
+                                <li >晋级情况</li>
+                            </ul>
+                            <div class=" group-winner">
+                                <ul class="scroe-content-box scroe-content-info">
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4AM</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
+                                <ul class="scroe-content-box scroe-content-info">
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4AM</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
+                                <ul class="scroe-content-box scroe-content-info">
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4AM</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
+                           
                             </div>
                         </div>
                     </div>

+ 26 - 22
2019专题/1908DOTA2/src/modules/page/index.js

@@ -47,57 +47,61 @@ String.prototype.mytrim = function(){
 
 // 随时提issues
 function initTab(){
-
+    var isPc = !/Android|webOS|iPhone|Windows Phone|iPod|BlackBerry|SymbianOS/i.test(window.navigator.userAgent) && !/[\?&]pc(?:[=&].*|$)/.test(window.location.href)
+    console.log(isPc)
     var mtIdOne = 1
     var subIdOne = 1
     var $conTwo = $('.scroe-content-two .score-content')
 
-    var isPc = !/Android|webOS|iPhone|Windows Phone|iPod|BlackBerry|SymbianOS/i.test(window.navigator.userAgent) && !/[\?&]pc(?:[=&].*|$)/.test(window.location.href)
     if(isPc){
-        var $conThree = $('.scroe-content-three .score-content')
+        $conTwo.eq(0).show()
     }else{
-        var $conThree = $('.scroe-h5-content')
-        $conThree.eq(0).show()
+        $conTwo.eq(4).show()
     }
+    $('[data-type=statuList').show()
 
     $('.scroeTwo .nav_item').on('mouseenter',function(){
         $(this).addClass('active').siblings().removeClass('active')
         mtIdOne = $(this).attr('data-mt')
+        if(mtIdOne==1){
+            $('[data-type=statuImg').hide()
+            $('[data-type=statuList').show()
+        }else{
+            $('[data-type=statuImg').show()
+            $('[data-type=statuList').hide()
+        }
         show($conTwo)
     })
+
     $('.scroeTwo .nav_item_sub').hover(function(){
         $(this).addClass('active').siblings().removeClass('active')
         subIdOne = $(this).attr('data-st')
         show($conTwo)
     })
 
-    $('.scroeThree .nav_item').on('mouseenter',function(){
-        $(this).addClass('active').siblings().removeClass('active')
-        mtIdOne = $(this).attr('data-mt')
-        
-        show($conThree)
-    })
-    $('.scroeThree .nav_item_sub').hover(function(){
-        $(this).addClass('active').siblings().removeClass('active')
-        subIdOne = $(this).attr('data-st')
-        show($conThree)
-    })
-
-
-
     function show($con){
+        console.log(mtIdOne,subIdOne)
         if(parseInt(mtIdOne) ==1&& parseInt(subIdOne) ==1){
-            $con.eq(0).show().siblings().hide()
+            if(!isPc){
+                console.log('111')
+                $con.eq(4).show().siblings().hide()
+            }else{
+                $con.eq(0).show().siblings().hide()
+            }
         }
         if(parseInt(mtIdOne)==1&&parseInt(subIdOne) ==2){
-            $con.eq(1).show().siblings().hide()
+            if(!isPc){
+                console.log('2222')
+                $con.eq(5).show().siblings().hide()
+            }else{
+                $con.eq(1).show().siblings().hide()
+            }
         }
         if(parseInt(mtIdOne)==2&&parseInt(subIdOne) ==1){
             $con.eq(2).show().siblings().hide()
         }
         if(parseInt(mtIdOne)==2&&parseInt(subIdOne) ==2){
             $con.eq(3).show().siblings().hide()
-            
         }
     }
 }

+ 44 - 53
2019专题/1908DOTA2/src/sass/global.scss

@@ -415,6 +415,7 @@ body{
     }
     .score-nav-sub {
       width: 100%;
+      display: none;
       .nav_item_sub {
         width: 50%;
         line-height: 41px;
@@ -445,10 +446,12 @@ body{
       display: none;
     }
     .score-content {
+        display: none ;
+
       background: url(/src/img/score_background.png) repeat;
       overflow-y: auto;
       position: relative;
-      height:717px;
+      max-height:717px;
       &::-webkit-scrollbar {
         width: 12px;
       }
@@ -620,18 +623,6 @@ body{
       }
     }
 
-    .scroe-content-three{
-        color:#fff;
-        max-height:717px;
-        .score-content{
-            width:100%;
-            max-height:717px;
-            height:auto;
-            overflow-y: auto;
-        }
-
-    }
-
     .scroe-content-box{
         height:78px;
         line-height:78px;
@@ -1144,13 +1135,10 @@ $vari: 750 / 640;
             background-size: cover;
         }
     }
-    #dw-topbar,.dwCommonFooter,.zt-mod-sidebar,.dw-mini-popup-wrap,.zt-mod-live,.g-zt-adv,.scroe-content-box,.scroe-content-three{
+    #dw-topbar,.dwCommonFooter,.zt-mod-sidebar,.dw-mini-popup-wrap,.zt-mod-live,.g-zt-adv{
         display: none;
     }
-    .zt-mod-score .scroe-content-three{
-        display: none;
 
-    }
     .team-item-last{
         display: none;
     }
@@ -1508,22 +1496,26 @@ $vari: 750 / 640;
         }
         .score-content{
             width: 1200px;
+            display: none;
             // overflow-x:scroll;
         }
+
         .score-nav-sub{
             .nav_item_sub {
                 span{
                     width: inherit;
                 }
             }
-        }
-        .score-nav-main{
+        }      
+          .score-nav-main{
             height:px2rem(78);
             .nav_item{
+                font-size:px2rem(28);
                 line-height: px2rem(78)
             }
         }
         .score-nav-sub{
+            display: none;
             .nav_item_sub{
                 line-height: px2rem(75);
                 span{
@@ -1548,47 +1540,46 @@ $vari: 750 / 640;
             }
         }
       
-        .scroe-h5-content{
+     
+        .group-box-PC{
             display: none;
         }
-        .scroe-content-h5-box{
-            color:#fff;
-            display: flex;
-            text-align: center;
-            padding:0 15px;
-            li{
-                flex:1;
-                line-height: px2rem(71);
+        .group-box-h5{
+            width:100%;
+            .scroe-content-box{
                 display: flex;
-                align-items: center;
-                justify-content: center;
-                opacity: 0.4;
-                img{
-                    display: inline-block;
-                    width:px2rem(40);
-                    height:px2rem(40);
-                    background:#ccc;
-                    margin-right:5px;
+                padding:0 15px;
+                height:px2rem(71);
+                line-height:px2rem(71);
+                // align-items: center;
+                // justify-content: center;
+                li{
+                    font-size:px2rem(24);
+                    width:auto;
+                    height:px2rem(71);
+                    flex:1;
+                    opacity: 0.4;
+                    img{
+                        display: inline-block;
+                        width:px2rem(40);
+                        height:px2rem(40);
+                        background:#ccc;
+                        margin-right:5px;
+                    }
+                  &:first-child{
+                    flex:2;
+                    text-align: left;
+                  }
+                }
+                &:nth-child(even){
+                    background:#271a44;
+                }
+                &:nth-child(odd){
+                    background: #32264e;
                 }
-              &:first-child{
-                flex:2;
-                justify-content: flex-start;
-
-              }
-            }
-            &:nth-child(even){
-                background:#271a44;
-            }
-            &:nth-child(odd){
-                background: #32264e;
             }
         }
-        .scroe-content-h5-title{
-            background:#271a44 !important;
-        }
     }
-  
-  
 }
 
 .g-tag_panel{