tangxijun 5 rokov pred
rodič
commit
2075b9fedb

+ 674 - 742
2019专题/1908DOTA2/src/_index.html

@@ -1,13 +1,12 @@
 <!DOCTYPE html>
 <html>
-  <head>
+
+<head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="renderer" content="webkit" />
-    <meta
-      name="viewport"
-      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
-    />
+    <meta name="viewport"
+        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
     <meta name="Keywords" content="多玩游戏" />
     <meta name="description" content="" />
     <title>多玩游戏网 | 多玩游戏 多交朋友</title>
@@ -17,339 +16,319 @@
     <base target="_blank" />
 
 
-  </head>
+</head>
 
-  <body>
+<body>
     <!-- 模板-导航头部 -->
-    <script
-      id="without-navplus"
-      src="//pub.dwstatic.com/common/dwNavbar/navbar.js"
-    ></script>
+    <script id="without-navplus" src="//pub.dwstatic.com/common/dwNavbar/navbar.js"></script>
     <div class="o-wrap">
-      <div class="g-mod-title">
-          <i class="big-title"></i>
-          <i class="sub-title"></i>
-      </div>
+        <div class="g-mod-title">
+            <i class="big-title"></i>
+            <i class="sub-title"></i>
+        </div>
         <!-- 导航 -->
         <div class="zt-mod-primary" id="top">
-          <div class="g-zt-inner">
-            <div class="sp-nav clearfix" id="top">
-              <ul class="zt-primary-box">
-                <li>
-                  <a href="//pb.duowan.com/" class="active" target="_blank"
-                    >多玩首页<span>HOME</span></a
-                  >
-                </li>
-                <li>
-                  <a href="#news">新闻资讯<span>NEWS</span></a>
-                </li>
-                <li>
-                  <a href="#live">比赛直播<span>LIVE</span></a>
-                </li>
-                <li>
-                  <a href="#video">积分排行<span>VIDEO</span></a>
-                </li>
-                <li>
-                  <a href="#schedule">赛程介绍<span>SCHEDULE</span></a>
-                </li>
-                <li class="h5_hide">
-                  <a href="#kills">赛程科普<span>KILLS</span></a>
-                </li>
-                <li class="h5_hide">
-                  <a href="#points">虎牙直播<span>POINTS</span></a>
-                </li>
-              </ul>
-              <ul class="zt-h5-primary">
-                    <li>
-                      <a href="//pb.duowan.com/" class="active" target="_blank"
-                        >多玩首页<span>HOME</span></a
-                      >
-                    </li>
-                    <li>
-                      <a href="#news">新闻资讯<span>NEWS</span></a>
-                    </li>
-                    <li>
-                      <a href="#live">比赛视频<span>LIVE</span></a>
-                    </li>
-                    <li>
-                      <a href="#video">积分排行<span>VIDEO</span></a>
-                    </li>
-                    <li>
-                      <a href="#schedule">赛事介绍<span>SCHEDULE</span></a>
-                    </li>
-                  </ul>
+            <div class="g-zt-inner">
+                <div class="sp-nav clearfix" id="top">
+                    <ul class="zt-primary-box">
+                        <li>
+                            <a href="//pb.duowan.com/" class="active" target="_blank">多玩首页<span>HOME</span></a>
+                        </li>
+                        <li>
+                            <a href="#news">新闻资讯<span>NEWS</span></a>
+                        </li>
+                        <li>
+                            <a href="#live">比赛直播<span>LIVE</span></a>
+                        </li>
+                        <li>
+                            <a href="#video">积分排行<span>VIDEO</span></a>
+                        </li>
+                        <li>
+                            <a href="#schedule">赛程介绍<span>SCHEDULE</span></a>
+                        </li>
+                        <li class="h5_hide">
+                            <a href="#kills">赛程科普<span>KILLS</span></a>
+                        </li>
+                        <li class="h5_hide">
+                            <a href="#points">虎牙直播<span>POINTS</span></a>
+                        </li>
+                    </ul>
+                    <ul class="zt-h5-primary">
+                        <li>
+                            <a href="//pb.duowan.com/" class="active" target="_blank">多玩首页<span>HOME</span></a>
+                        </li>
+                        <li>
+                            <a href="#news">新闻资讯<span>NEWS</span></a>
+                        </li>
+                        <li>
+                            <a href="#live">比赛视频<span>LIVE</span></a>
+                        </li>
+                        <li>
+                            <a href="#video">积分排行<span>VIDEO</span></a>
+                        </li>
+                        <li>
+                            <a href="#schedule">赛事介绍<span>SCHEDULE</span></a>
+                        </li>
+                    </ul>
+                </div>
             </div>
-          </div>
         </div>
         <!-- 广告位 -->
         <div class="g-zt-adv g-zt-inner">
-          <img src="http://fed.webdev.ouj.com/1136x110" alt="" />
-        </div>          
+            <img src="http://fed.webdev.ouj.com/1136x110" alt="" />
+        </div>
         <!-- 赛程安排 -->
         <div class="zt-mod-schedule pt-60" id="schedule">
-          <div class="g-zt-inner mode-carousel-inner">
-            <div class="zt-mod_hd zt-mod_hd_new ext-hd-new  zt-schedule-title"></div>
-            <div class="zt-mod_bd ">
-              <div
-                class="zt-ui-carousel"
-                data-role="carousel-score"
-                data-widget-cid="widget-4"
-              >
-                <div class="zt-ui-carousel__scroller">
-                  <ul class="list-info clearfix" data-switchable-role="content">
-                    <li class="item-info item-info-active" data-role="active-index">
-                      <div class="info-background clearfix">
-                        <h2>小组赛</h2>
-                        <p class="info_time clearfix">
-                          <span class="fl info_time_left">
-                            <span>8月5日</span>
-                            <span>14:00</span>
-                          </span>
-                          <span class="fr status-red">已结束</span>
-                        </p>
-                        <div class="info_content clearfix">
-                          <div class="info_team fl">
-                            <div class="img">
-                              <img src="/src/img/LGD.png" />
-                            </div>
-                            <p class="info_team_name">LGD</p>
-                          </div>
-                          <div class="info_score fl">
-                            <span>2</span>
-                            <span class="info_score_pk">VS</span>
-                            <span>2</span>
-                          </div>
-                          <div class="info_team fr">
-                            <div class="img">
-                              <img src="/src/img/VG.png" />
-                            </div>
-                            <p class="info_team_name">VG</p>
-                          </div>
-                        </div>
-                        <p class="info_rounds">A组第一轮</p>
-                      </div>
-                    </li>
-                    <li class="item-info">
-                      <div class="info-background clearfix">
-                        <h2>小组赛</h2>
-                        <p class="info_time clearfix">
-                          <span class="fl info_time_left">
-                            <span>8月5日</span>
-                            <span>14:00</span>
-                          </span>
-                          <span class="fr status-red">已结束</span>
-                        </p>
-                        <div class="info_content clearfix">
-                          <div class="info_team fl">
-                            <div class="img">
-                              <img src="/src/img/LGD.png" />
-                            </div>
-                            <p class="info_team_name">LGD</p>
-                          </div>
-                          <div class="info_score fl">
-                            <span>2</span>
-                            <span class="info_score_pk">VS</span>
-                            <span>2</span>
-                          </div>
-                          <div class="info_team fr">
-                            <div class="img">
-                              <img src="/src/img/VG.png" />
-                            </div>
-                            <p class="info_team_name">VG</p>
-                          </div>
-                        </div>
-                        <p class="info_rounds">A组第一轮</p>
-                      </div>
-                    </li>
-                    <li class="item-info">
-                      <div class="info-background clearfix">
-                        <h2>小组赛</h2>
-                        <p class="info_time clearfix">
-                          <span class="fl info_time_left">
-                            <span>8月5日</span>
-                            <span>14:00</span>
-                          </span>
-                          <span class="fr status-green">进行中</span>
-                        </p>
-                        <div class="info_content clearfix">
-                          <div class="info_team fl">
-                            <div class="img">
-                              <img src="/src/img/LGD.png" />
-                            </div>
-                            <p class="info_team_name">LGD</p>
-                          </div>
-                          <div class="info_score fl">
-                            <span>1</span>
-                            <span class="info_score_pk">VS</span>
-                            <span>0</span>
-                          </div>
-                          <div class="info_team fr">
-                            <div class="img">
-                              <img src="/src/img/VG.png" />
-                            </div>
-                            <p class="info_team_name">VG</p>
-                          </div>
-                        </div>
-                        <p class="info_rounds">A组第一轮</p>
-                      </div>
-                    </li>
-                    <li class="item-info">
-                      <div class="info-background clearfix">
-                        <h2>小组赛</h2>
-                        <p class="info_time clearfix">
-                          <span class="fl info_time_left">
-                            <span>8月5日</span>
-                            <span>14:00</span>
-                          </span>
-                          <span class="fr status-white">未开始</span>
-                        </p>
-                        <div class="info_content clearfix">
-                          <div class="info_team fl">
-                            <div class="img">
-                              <img src="/src/img/LGD.png" />
-                            </div>
-                            <p class="info_team_name">LGD</p>
-                          </div>
-                          <div class="info_score fl">
-                            <span>0</span>
-                            <span class="info_score_pk">VS</span>
-                            <span>0</span>
-                          </div>
-                          <div class="info_team fr">
-                            <div class="img">
-                              <img src="/src/img/VG.png" />
-                            </div>
-                            <p class="info_team_name">VG</p>
-                          </div>
-                        </div>
-                        <p class="info_rounds">A组第一轮</p>
-                      </div>
-                    </li>
-                    <li class="item-info">
-                      <div class="info-background clearfix">
-                        <h2>小组赛</h2>
-                        <p class="info_time clearfix">
-                          <span class="fl info_time_left">
-                            <span>8月5日</span>
-                            <span>14:00</span>
-                          </span>
-                          <span class="fr status-red">已结束</span>
-                        </p>
-                        <div class="info_content clearfix">
-                          <div class="info_team fl">
-                            <div class="img">
-                              <img src="/src/img/LGD.png" />
-                            </div>
-                            <p class="info_team_name">LGD</p>
-                          </div>
-                          <div class="info_score fl">
-                            <span>2</span>
-                            <span class="info_score_pk">VS</span>
-                            <span>2</span>
-                          </div>
-                          <div class="info_team fr">
-                            <div class="img">
-                              <img src="/src/img/VG.png" />
-                            </div>
-                            <p class="info_team_name">VG</p>
-                          </div>
-                        </div>
-                        <p class="info_rounds">A组第一轮</p>
-                      </div>
-                    </li>
-                    <li class="item-info">
-                      <div class="info-background clearfix">
-                        <h2>小组赛</h2>
-                        <p class="info_time clearfix">
-                          <span class="fl info_time_left">
-                            <span>8月5日</span>
-                            <span>14:00</span>
-                          </span>
-                          <span class="fr status-red">已结束</span>
-                        </p>
-                        <div class="info_content clearfix">
-                          <div class="info_team fl">
-                            <div class="img">
-                              <img src="/src/img/LGD.png" />
-                            </div>
-                            <p class="info_team_name">LGD</p>
-                          </div>
-                          <div class="info_score fl">
-                            <span>2</span>
-                            <span class="info_score_pk">VS</span>
-                            <span>2</span>
-                          </div>
-                          <div class="info_team fr">
-                            <div class="img">
-                              <img src="/src/img/VG.png" />
-                            </div>
-                            <p class="info_team_name">VG</p>
-                          </div>
-                        </div>
-                        <p class="info_rounds">A组第一轮</p>
-                      </div>
-                    </li>
-                    <li class="item-info">
-                    <div class="info-background clearfix">
-                            <h2>小组赛</h2>
-                            <p class="info_time clearfix">
-                                <span class="fl info_time_left">
-                                    <span>8月5日</span>
-                                    <span>14:00</span>
-                                </span>
-                                <span class="fr status-red">已结束</span>
-                            </p>
-                            <div class="info_content clearfix">
-                                <div class="info_team fl">
-                                    <div class="img">
-                                        <img src="/src/img/LGD.png"/>
+            <div class="g-zt-inner mode-carousel-inner">
+                <div class="zt-mod_hd zt-mod_hd_new ext-hd-new  zt-schedule-title"></div>
+                <div class="zt-mod_bd ">
+                    <div class="zt-ui-carousel" data-role="carousel-score" data-widget-cid="widget-4">
+                        <div class="zt-ui-carousel__scroller">
+                            <ul class="list-info clearfix" data-switchable-role="content">
+                                <li class="item-info item-info-active" data-role="active-index">
+                                    <div class="info-background clearfix">
+                                        <h2>小组赛</h2>
+                                        <p class="info_time clearfix">
+                                            <span class="fl info_time_left">
+                                                <span>8月5日</span>
+                                                <span>14:00</span>
+                                            </span>
+                                            <span class="fr status-red">已结束</span>
+                                        </p>
+                                        <div class="info_content clearfix">
+                                            <div class="info_team fl">
+                                                <div class="img">
+                                                    <img src="/src/img/LGD.png" />
+                                                </div>
+                                                <p class="info_team_name">LGD</p>
+                                            </div>
+                                            <div class="info_score fl">
+                                                <span>2</span>
+                                                <span class="info_score_pk">VS</span>
+                                                <span>2</span>
+                                            </div>
+                                            <div class="info_team fr">
+                                                <div class="img">
+                                                    <img src="/src/img/VG.png" />
+                                                </div>
+                                                <p class="info_team_name">VG</p>
+                                            </div>
+                                        </div>
+                                        <p class="info_rounds">A组第一轮</p>
                                     </div>
-                                    <p class="info_team_name">LGD</p>
-                                </div>
-                                <div class="info_score fl">
-                                    <span>2</span>
-                                    <span class="info_score_pk">VS</span>
-                                    <span>2</span>
-                                </div>
-                                <div class="info_team fr">
-                                        <div class="img">
-                                            <img src="/src/img/VG.png"/>
+                                </li>
+                                <li class="item-info">
+                                    <div class="info-background clearfix">
+                                        <h2>小组赛</h2>
+                                        <p class="info_time clearfix">
+                                            <span class="fl info_time_left">
+                                                <span>8月5日</span>
+                                                <span>14:00</span>
+                                            </span>
+                                            <span class="fr status-red">已结束</span>
+                                        </p>
+                                        <div class="info_content clearfix">
+                                            <div class="info_team fl">
+                                                <div class="img">
+                                                    <img src="/src/img/LGD.png" />
+                                                </div>
+                                                <p class="info_team_name">LGD</p>
+                                            </div>
+                                            <div class="info_score fl">
+                                                <span>2</span>
+                                                <span class="info_score_pk">VS</span>
+                                                <span>2</span>
+                                            </div>
+                                            <div class="info_team fr">
+                                                <div class="img">
+                                                    <img src="/src/img/VG.png" />
+                                                </div>
+                                                <p class="info_team_name">VG</p>
+                                            </div>
                                         </div>
-                                        <p class="info_team_name">VG</p>
-                                </div>
-                            </div>
-                            <p class="info_rounds">A组第一轮</p>
-                        </div>队:待定</span>
-                      </p>
-                    </li>
-                  </ul>
+                                        <p class="info_rounds">A组第一轮</p>
+                                    </div>
+                                </li>
+                                <li class="item-info">
+                                    <div class="info-background clearfix">
+                                        <h2>小组赛</h2>
+                                        <p class="info_time clearfix">
+                                            <span class="fl info_time_left">
+                                                <span>8月5日</span>
+                                                <span>14:00</span>
+                                            </span>
+                                            <span class="fr status-green">进行中</span>
+                                        </p>
+                                        <div class="info_content clearfix">
+                                            <div class="info_team fl">
+                                                <div class="img">
+                                                    <img src="/src/img/LGD.png" />
+                                                </div>
+                                                <p class="info_team_name">LGD</p>
+                                            </div>
+                                            <div class="info_score fl">
+                                                <span>1</span>
+                                                <span class="info_score_pk">VS</span>
+                                                <span>0</span>
+                                            </div>
+                                            <div class="info_team fr">
+                                                <div class="img">
+                                                    <img src="/src/img/VG.png" />
+                                                </div>
+                                                <p class="info_team_name">VG</p>
+                                            </div>
+                                        </div>
+                                        <p class="info_rounds">A组第一轮</p>
+                                    </div>
+                                </li>
+                                <li class="item-info">
+                                    <div class="info-background clearfix">
+                                        <h2>小组赛</h2>
+                                        <p class="info_time clearfix">
+                                            <span class="fl info_time_left">
+                                                <span>8月5日</span>
+                                                <span>14:00</span>
+                                            </span>
+                                            <span class="fr status-white">未开始</span>
+                                        </p>
+                                        <div class="info_content clearfix">
+                                            <div class="info_team fl">
+                                                <div class="img">
+                                                    <img src="/src/img/LGD.png" />
+                                                </div>
+                                                <p class="info_team_name">LGD</p>
+                                            </div>
+                                            <div class="info_score fl">
+                                                <span>0</span>
+                                                <span class="info_score_pk">VS</span>
+                                                <span>0</span>
+                                            </div>
+                                            <div class="info_team fr">
+                                                <div class="img">
+                                                    <img src="/src/img/VG.png" />
+                                                </div>
+                                                <p class="info_team_name">VG</p>
+                                            </div>
+                                        </div>
+                                        <p class="info_rounds">A组第一轮</p>
+                                    </div>
+                                </li>
+                                <li class="item-info">
+                                    <div class="info-background clearfix">
+                                        <h2>小组赛</h2>
+                                        <p class="info_time clearfix">
+                                            <span class="fl info_time_left">
+                                                <span>8月5日</span>
+                                                <span>14:00</span>
+                                            </span>
+                                            <span class="fr status-red">已结束</span>
+                                        </p>
+                                        <div class="info_content clearfix">
+                                            <div class="info_team fl">
+                                                <div class="img">
+                                                    <img src="/src/img/LGD.png" />
+                                                </div>
+                                                <p class="info_team_name">LGD</p>
+                                            </div>
+                                            <div class="info_score fl">
+                                                <span>2</span>
+                                                <span class="info_score_pk">VS</span>
+                                                <span>2</span>
+                                            </div>
+                                            <div class="info_team fr">
+                                                <div class="img">
+                                                    <img src="/src/img/VG.png" />
+                                                </div>
+                                                <p class="info_team_name">VG</p>
+                                            </div>
+                                        </div>
+                                        <p class="info_rounds">A组第一轮</p>
+                                    </div>
+                                </li>
+                                <li class="item-info">
+                                    <div class="info-background clearfix">
+                                        <h2>小组赛</h2>
+                                        <p class="info_time clearfix">
+                                            <span class="fl info_time_left">
+                                                <span>8月5日</span>
+                                                <span>14:00</span>
+                                            </span>
+                                            <span class="fr status-red">已结束</span>
+                                        </p>
+                                        <div class="info_content clearfix">
+                                            <div class="info_team fl">
+                                                <div class="img">
+                                                    <img src="/src/img/LGD.png" />
+                                                </div>
+                                                <p class="info_team_name">LGD</p>
+                                            </div>
+                                            <div class="info_score fl">
+                                                <span>2</span>
+                                                <span class="info_score_pk">VS</span>
+                                                <span>2</span>
+                                            </div>
+                                            <div class="info_team fr">
+                                                <div class="img">
+                                                    <img src="/src/img/VG.png" />
+                                                </div>
+                                                <p class="info_team_name">VG</p>
+                                            </div>
+                                        </div>
+                                        <p class="info_rounds">A组第一轮</p>
+                                    </div>
+                                </li>
+                                <li class="item-info">
+                                    <div class="info-background clearfix">
+                                        <h2>小组赛</h2>
+                                        <p class="info_time clearfix">
+                                            <span class="fl info_time_left">
+                                                <span>8月5日</span>
+                                                <span>14:00</span>
+                                            </span>
+                                            <span class="fr status-red">已结束</span>
+                                        </p>
+                                        <div class="info_content clearfix">
+                                            <div class="info_team fl">
+                                                <div class="img">
+                                                    <img src="/src/img/LGD.png" />
+                                                </div>
+                                                <p class="info_team_name">LGD</p>
+                                            </div>
+                                            <div class="info_score fl">
+                                                <span>2</span>
+                                                <span class="info_score_pk">VS</span>
+                                                <span>2</span>
+                                            </div>
+                                            <div class="info_team fr">
+                                                <div class="img">
+                                                    <img src="/src/img/VG.png" />
+                                                </div>
+                                                <p class="info_team_name">VG</p>
+                                            </div>
+                                        </div>
+                                        <p class="info_rounds">A组第一轮</p>
+                                    </div>队:待定</span>
+                                    </p>
+                                </li>
+                            </ul>
+                        </div>
+                        <span class="btn-prev is-disabled" data-switchable-role="prev"><i></i></span>
+                        <span class="btn-next" data-switchable-role="next"><i></i></span>
+                    </div>
                 </div>
-                <span class="btn-prev is-disabled" data-switchable-role="prev"><i></i></span>
-                <span class="btn-next" data-switchable-role="next"><i></i></span>
-              </div>
             </div>
-          </div>
         </div>
         <!-- 比赛直播 -->
         <div class="zt-mod-live pt-60" id="live">
-          <div class="g-zt-inner">
-            <div class="zt-mod_hd zt-mod_hd_new ext-hd-new zt-live-title"></div>
-            <div class="mod_bd live-wrap ">
-              <embed
-                width="100%"
-                height="100%"
-                allownetworking="all"
-                allowscriptaccess="always"
-                src="http://liveshare.huya.com/1773600928/huyacoop.swf"
-                quality="high"
-                bgcolor="#000"
-                wmode="window"
-                allowfullscreen="true"
-                allowFullScreenInteractive="true"
-                type="application/x-shockwave-flash"
-              />
+            <div class="g-zt-inner">
+                <div class="zt-mod_hd zt-mod_hd_new ext-hd-new zt-live-title"></div>
+                <div class="mod_bd live-wrap ">
+                    <embed width="100%" height="100%" allownetworking="all" allowscriptaccess="always"
+                        src="http://liveshare.huya.com/1773600928/huyacoop.swf" quality="high" bgcolor="#000"
+                        wmode="window" allowfullscreen="true" allowFullScreenInteractive="true"
+                        type="application/x-shockwave-flash" />
+                </div>
             </div>
-          </div>
         </div>
         <!-- 积分榜 -->
         -->
@@ -707,53 +686,22 @@
                                             </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 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="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 class="rank-line-second">
+                                        <img src="img/winner_line.png">
                                     </div>
                                 </div>
                             </div>
@@ -987,6 +935,8 @@
                                             </div>
                                         </div>
                                     </div>
+                                </div>
+                            </div>
                         </div>
 
                         <!-- 小组赛A组 移动端 -->
@@ -1100,413 +1050,395 @@
         </div>
         <!-- 咨讯 -->
         <div class="zt-mod-video pt-60" id="news">
-                <div class="g-zt-inner">
-                    <div class="zt-mod_hd ext-hd ext-hd-new">
-                        <div class="zt-mod_hd zt-mod_hd_new zt-news-title fl"></div>
-                        <a href="#" class="link-more">更多资讯<em>+</em></a>
-                    </div>
-                    <div class="zt-mod-bd">
-                        <ul class="zt-list-video  clearfix ext-pic ">
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                        </ul>
-                        <div class="zt-mod-video-more">
-                            <a href="">点击查看更多资讯</a>
-                        </div>
-                    </div>
-                </div>
-        </div>
-
-        <!-- 视频 -->
-        <div class="zt-mod-video pt-60" id="video">
-                <div class="g-zt-inner">
-                    <div class="zt-mod_hd ext-hd-new">
-                        <div class="zt-mod_hd zt-mod_hd_new zt-video-title fl"></div>
-                        <a href="#" class="link-more">更多视频<em>+</em></a>
-                    </div>
-                    <div class="zt-mod-bd">
-                        <ul class="zt-list-video clearfix ">
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                        <i class="icon-play"></i>
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                        <i class="icon-play"></i>
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                        <i class="icon-play"></i>
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                        <i class="icon-play"></i>
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                        <i class="icon-play"></i>
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                        <i class="icon-play"></i>
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                        <i class="icon-play"></i>
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                            <li class="video-item">
-                                <a href="#">
-                                    <div class="img-wrap">
-                                        <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg"
-                                            alt="">
-                                        <i class="icon-play"></i>
-                                    </div>
-                                    <h4>鬼武姬:阿卡丽皮肤回顾</h4>
-                                </a>
-                            </li>
-                        </ul>
-                        <div class="zt-mod-video-more">
-                            <a href="">点击查看更多视频</a>
-                        </div>
-                    </div>
+            <div class="g-zt-inner">
+                <div class="zt-mod_hd ext-hd ext-hd-new">
+                    <div class="zt-mod_hd zt-mod_hd_new zt-news-title fl"></div>
+                    <a href="#" class="link-more">更多资讯<em>+</em></a>
                 </div>
-        </div>
-            
-        <!-- 参赛队伍 -->
-
-        <div class="zt-mod-team pt-60">
-                <div class="g-zt-inner">
-                    <div class="zt-mod_hd ext-hd-new">
-                        <div class="zt-mod_hd zt-mod_hd_new zt-team-title"></div>
-                    </div>
-                    <div class="zt-mod_bd ">
-                        <ul class="list-team clearfix">
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
-                                </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
-                                </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
-                                </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
-                                </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
-                                </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                <div class="zt-mod-bd">
+                    <ul class="zt-list-video  clearfix ext-pic ">
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                    </ul>
+                    <div class="zt-mod-video-more">
+                        <a href="">点击查看更多资讯</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 视频 -->
+        <div class="zt-mod-video pt-60" id="video">
+            <div class="g-zt-inner">
+                <div class="zt-mod_hd ext-hd-new">
+                    <div class="zt-mod_hd zt-mod_hd_new zt-video-title fl"></div>
+                    <a href="#" class="link-more">更多视频<em>+</em></a>
+                </div>
+                <div class="zt-mod-bd">
+                    <ul class="zt-list-video clearfix ">
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
+                                    <i class="icon-play"></i>
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
+                                    <i class="icon-play"></i>
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
+                                    <i class="icon-play"></i>
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
+                                    <i class="icon-play"></i>
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
+                                    <i class="icon-play"></i>
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
+                                    <i class="icon-play"></i>
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
+                                    <i class="icon-play"></i>
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                            <li class="team-item">
-                                <div class="cover">
-                                    <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                                <h4>鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                        <li class="video-item">
+                            <a href="#">
+                                <div class="img-wrap">
+                                    <img src="http://img2.dwstatic.com/lol/1702/351212345939/1487258374103.jpg" alt="">
+                                    <i class="icon-play"></i>
                                 </div>
-                                <p>OMG1111</p>
-                            </li>
-                        </ul>
+                                <h4>鬼武姬:阿卡丽皮肤回顾</h4>
+                            </a>
+                        </li>
+                    </ul>
+                    <div class="zt-mod-video-more">
+                        <a href="">点击查看更多视频</a>
                     </div>
                 </div>
             </div>
+        </div>
 
-        <div class="zt-mod-intro pt-60">
-          <div class="g-zt-inner">
-            <div class="zt-mod_hd ext-hd-new">
-                <div class="zt-mod_hd zt-mod_hd_new zt-introduction-title"></div>
+        <!-- 参赛队伍 -->
+
+        <div class="zt-mod-team pt-60">
+            <div class="g-zt-inner">
+                <div class="zt-mod_hd ext-hd-new">
+                    <div class="zt-mod_hd zt-mod_hd_new zt-team-title"></div>
+                </div>
+                <div class="zt-mod_bd ">
+                    <ul class="list-team clearfix">
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                        <li class="team-item">
+                            <div class="cover">
+                                <img src="http://fed.webdev.ouj.com/90x101" alt="">
+                            </div>
+                            <p>OMG1111</p>
+                        </li>
+                    </ul>
+                </div>
             </div>
-            <div class="zt-mod_bd intro-wrap ">
-              <ul class="list-intro clearfix">
-                    <li>
-                    <i class="icon-intro1"></i>
-                    <p>比赛时间</p>
-                    02.09-02.11
-                    </li>
-                    <li>
-                        <i class="icon-intro2 last"></i>
-                        <p>比赛地点</p>
-                        广州
-                    </li>
-                    <li>
-                    <i class="icon-intro3"></i>
-                    <p>赛事规模</p>
-                    80支战队
-                    </li>
-                    <li>
-                    <i class="icon-intro4"></i>
-                    <p>奖金池</p>
-                    $300,000
-                    </li>
-                    <li>
-                    <i class="icon-intro5"></i>
-                    <p>冠军奖金</p>
-                    $300,000
-                    </li>
-             
-              </ul>
-              <p class="intro">
-                  <img src="http://fed.webdev.ouj.com/260x105" alt="">
-                  <span>
-                        《绝地求生》世界赛事PSS是由PUBG主办,OGN、Imba传媒协办,来自全球总计20支战队将在明年2月9日、2月11日两天进行最后的角逐,这
-                        一赛事也成为了具有官方性质的比赛!
-                  </span>
-              </p>
+        </div>
+
+        <div class="zt-mod-intro pt-60">
+            <div class="g-zt-inner">
+                <div class="zt-mod_hd ext-hd-new">
+                    <div class="zt-mod_hd zt-mod_hd_new zt-introduction-title"></div>
+                </div>
+                <div class="zt-mod_bd intro-wrap ">
+                    <ul class="list-intro clearfix">
+                        <li>
+                            <i class="icon-intro1"></i>
+                            <p>比赛时间</p>
+                            02.09-02.11
+                        </li>
+                        <li>
+                            <i class="icon-intro2 last"></i>
+                            <p>比赛地点</p>
+                            广州
+                        </li>
+                        <li>
+                            <i class="icon-intro3"></i>
+                            <p>赛事规模</p>
+                            80支战队
+                        </li>
+                        <li>
+                            <i class="icon-intro4"></i>
+                            <p>奖金池</p>
+                            $300,000
+                        </li>
+                        <li>
+                            <i class="icon-intro5"></i>
+                            <p>冠军奖金</p>
+                            $300,000
+                        </li>
+
+                    </ul>
+                    <p class="intro">
+                        <img src="http://fed.webdev.ouj.com/260x105" alt="">
+                        <span>
+                            《绝地求生》世界赛事PSS是由PUBG主办,OGN、Imba传媒协办,来自全球总计20支战队将在明年2月9日、2月11日两天进行最后的角逐,这
+                            一赛事也成为了具有官方性质的比赛!
+                        </span>
+                    </p>
+                </div>
             </div>
-          </div>
         </div>
 
         <div class="zt-mod-rule pt-60" id="rule">
-          <div class="g-zt-inner">
-            <div class="zt-mod_hd ext-hd-new">
-                <div class="zt-mod_hd zt-mod_hd_new zt-regular-title"></div>
-            </div>
-            <div class="zt-mod_bd rule-wrap ">
-              <ul>
-                <li>
-                  <h3>积分计算</h3>
-                  <p>
-                    PSS
-                    Point的依据为比赛排名,而这个排名是依据积分的计算方式计算,即:总积分=游戏排名得分+击杀得分。
-                  </p>
-                </li>
-                <li class="rule-item">
-                  <h3>游戏排名得分</h3>
-                  <p>
-                    第一名(吃鸡)1000分,第二名900分,此后以每级50分向下递减,第20名无积分。
-                    <br />具体如下: <br />第一名1000分、第二名90
-                  </p>
-                </li>
-                <li class="rule-item">
-                  <h3>击杀得分</h3>
-                  <p>每个击杀得20分。</p>
-                </li>
-              </ul>
+            <div class="g-zt-inner">
+                <div class="zt-mod_hd ext-hd-new">
+                    <div class="zt-mod_hd zt-mod_hd_new zt-regular-title"></div>
+                </div>
+                <div class="zt-mod_bd rule-wrap ">
+                    <ul>
+                        <li>
+                            <h3>积分计算</h3>
+                            <p>
+                                PSS
+                                Point的依据为比赛排名,而这个排名是依据积分的计算方式计算,即:总积分=游戏排名得分+击杀得分。
+                            </p>
+                        </li>
+                        <li class="rule-item">
+                            <h3>游戏排名得分</h3>
+                            <p>
+                                第一名(吃鸡)1000分,第二名900分,此后以每级50分向下递减,第20名无积分。
+                                <br />具体如下: <br />第一名1000分、第二名90
+                            </p>
+                        </li>
+                        <li class="rule-item">
+                            <h3>击杀得分</h3>
+                            <p>每个击杀得20分。</p>
+                        </li>
+                    </ul>
+                </div>
             </div>
-          </div>
         </div>
     </div>
 
     <script src="lib/mod.js"></script>
     <script>
-      require("modules/page/index.js");
+        require("modules/page/index.js");
     </script>
-    <script
-      charset="utf-8"
-      src="//pub.dwstatic.com/common/dwFoot/duowanFooter.js"
-    ></script>
-  </body>
-</html>
+    <script charset="utf-8" src="//pub.dwstatic.com/common/dwFoot/duowanFooter.js"></script>
+</body>
+
+</html>

+ 195 - 0
2019专题/1908DOTA2/src/_panel.html

@@ -0,0 +1,195 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="renderer" content="webkit">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <meta name="Keywords" content="多玩游戏">
+    <meta name="description" content="">
+    <title>多玩游戏网 | 多玩游戏 多交朋友</title>
+    <link href="sass/panel.scss" rel="stylesheet">
+    <script src="//www.duowan.com/assets/js/jquery.js"></script><!--ignore-->
+    <script src="http://pub.dwstatic.com/common/js/dwudbproxy.js"></script><!--ignore-->
+</head>
+
+<body>
+    <div class="page-stake-main">
+        <div class="page-stake">
+            <div class="match-content">
+                <div class="match-slider-wrap">
+                    <div class="top-swiper-container">
+                        <div class="swiper-wrapper">
+                            <div class="top-swiper-slide">
+                                <div class="match-container">
+                                    <div class="font-gradual-change title">小组赛</div>
+                                    <div class="info">
+                                        <div class="date">08-21</div>
+                                        <div class="date">16:50</div>
+                                        <div class="status end">已结束</div>
+                                    </div>
+                                    <div class="match clearfix">
+                                        <div class="match-item fl">
+                                            <img src='http://ya3.dwstatic.com/201804/79/7945410d83b66d92f8f156d80d395994.png' alt="" />
+                                            <p class="team-name">LGD</p>
+                                        </div>
+                                        <div class="match-item center">
+                                            <p class="font-gradual-change score">2</p>
+                                            <p class="font-gradual-change vs">VS</p>
+                                            <p class="font-gradual-change score">2</p>
+                                        </div>
+                                        <div class="match-item fr">
+                                            <img src='http://ya2.dwstatic.com/201804/d2/d22ef1ddbd911c1c76625d8fb11d0a68.png' alt="" />
+                                            <p class="team-name">VG</p>
+                                        </div>
+                                    </div>
+                                    <div class="scene-tip">A组第一轮</div>
+                                </div>
+                            </div>
+                            <div class="top-swiper-slide">
+                                <div class="match-container">
+                                    <div class="font-gradual-change title">小组赛</div>
+                                    <div class="info">
+                                        <div class="date">08-21</div>
+                                        <div class="date">16:50</div>
+                                        <div class="status end">已结束</div>
+                                    </div>
+                                    <div class="match clearfix">
+                                        <div class="match-item fl">
+                                            <img src='http://ya3.dwstatic.com/201804/79/7945410d83b66d92f8f156d80d395994.png' alt="" />
+                                            <p class="team-name">LGD</p>
+                                        </div>
+                                        <div class="match-item center">
+                                            <p class="font-gradual-change score">2</p>
+                                            <p class="font-gradual-change vs">VS</p>
+                                            <p class="font-gradual-change score">2</p>
+                                        </div>
+                                        <div class="match-item fr">
+                                            <img src='http://ya2.dwstatic.com/201804/d2/d22ef1ddbd911c1c76625d8fb11d0a68.png' alt="" />
+                                            <p class="team-name">VG</p>
+                                        </div>
+                                    </div>
+                                    <div class="scene-tip">A组第一轮</div>
+                                </div>
+                            </div>
+                            <div class="top-swiper-slide">
+                                <div class="match-container">
+                                    <div class="font-gradual-change title">小组赛</div>
+                                    <div class="info">
+                                        <div class="date">08-21</div>
+                                        <div class="date">16:50</div>
+                                        <div class="status end">已结束</div>
+                                    </div>
+                                    <div class="match clearfix">
+                                        <div class="match-item fl">
+                                            <img src='http://ya3.dwstatic.com/201804/79/7945410d83b66d92f8f156d80d395994.png' alt="" />
+                                            <p class="team-name">LGD</p>
+                                        </div>
+                                        <div class="match-item center">
+                                            <p class="font-gradual-change score">2</p>
+                                            <p class="font-gradual-change vs">VS</p>
+                                            <p class="font-gradual-change score">2</p>
+                                        </div>
+                                        <div class="match-item fr">
+                                            <img src='http://ya2.dwstatic.com/201804/d2/d22ef1ddbd911c1c76625d8fb11d0a68.png' alt="" />
+                                            <p class="team-name">VG</p>
+                                        </div>
+                                    </div>
+                                    <div class="scene-tip">A组第一轮</div>
+                                </div>
+                            </div>
+                            <div class="top-swiper-slide">
+                                <div class="match-container">
+                                    <div class="font-gradual-change title">小组赛</div>
+                                    <div class="info">
+                                        <div class="date">08-21</div>
+                                        <div class="date">16:50</div>
+                                        <div class="status end">已结束</div>
+                                    </div>
+                                    <div class="match clearfix">
+                                        <div class="match-item fl">
+                                            <img src='http://ya3.dwstatic.com/201804/79/7945410d83b66d92f8f156d80d395994.png' alt="" />
+                                            <p class="team-name">LGD</p>
+                                        </div>
+                                        <div class="match-item center">
+                                            <p class="font-gradual-change score">2</p>
+                                            <p class="font-gradual-change vs">VS</p>
+                                            <p class="font-gradual-change score">2</p>
+                                        </div>
+                                        <div class="match-item fr">
+                                            <img src='http://ya2.dwstatic.com/201804/d2/d22ef1ddbd911c1c76625d8fb11d0a68.png' alt="" />
+                                            <p class="team-name">VG</p>
+                                        </div>
+                                    </div>
+                                    <div class="scene-tip">A组第一轮</div>
+                                </div>
+                            </div>
+                            <div class="top-swiper-slide">
+                                <div class="match-container">
+                                    <div class="font-gradual-change title">小组赛</div>
+                                    <div class="info">
+                                        <div class="date">08-21</div>
+                                        <div class="date">16:50</div>
+                                        <div class="status end">已结束</div>
+                                    </div>
+                                    <div class="match clearfix">
+                                        <div class="match-item fl">
+                                            <img src='http://ya3.dwstatic.com/201804/79/7945410d83b66d92f8f156d80d395994.png' alt="" />
+                                            <p class="team-name">LGD</p>
+                                        </div>
+                                        <div class="match-item center">
+                                            <p class="font-gradual-change score">2</p>
+                                            <p class="font-gradual-change vs">VS</p>
+                                            <p class="font-gradual-change score">2</p>
+                                        </div>
+                                        <div class="match-item fr">
+                                            <img src='http://ya2.dwstatic.com/201804/d2/d22ef1ddbd911c1c76625d8fb11d0a68.png' alt="" />
+                                            <p class="team-name">VG</p>
+                                        </div>
+                                    </div>
+                                    <div class="scene-tip">A组第一轮</div>
+                                </div>
+                            </div>
+                            <div class="top-swiper-slide">
+                                <div class="match-container">
+                                    <div class="font-gradual-change title">小组赛</div>
+                                    <div class="info">
+                                        <div class="date">08-21</div>
+                                        <div class="date">16:50</div>
+                                        <div class="status end">已结束</div>
+                                    </div>
+                                    <div class="match clearfix">
+                                        <div class="match-item fl">
+                                            <img src='http://ya3.dwstatic.com/201804/79/7945410d83b66d92f8f156d80d395994.png' alt="" />
+                                            <p class="team-name">LGD</p>
+                                        </div>
+                                        <div class="match-item center">
+                                            <p class="font-gradual-change score">2</p>
+                                            <p class="font-gradual-change vs">VS</p>
+                                            <p class="font-gradual-change score">2</p>
+                                        </div>
+                                        <div class="match-item fr">
+                                            <img src='http://ya2.dwstatic.com/201804/d2/d22ef1ddbd911c1c76625d8fb11d0a68.png' alt="" />
+                                            <p class="team-name">VG</p>
+                                        </div>
+                                    </div>
+                                    <div class="scene-tip">A组第一轮</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="swiper-switch swiper-button-next"></div>
+                    <div class="swiper-switch swiper-button-prev"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="lib/mod.js"></script>
+    <script>
+        // 通用js
+        require('modules/page/panel.js');
+    </script>
+</body>
+
+</html>

BIN
2019专题/1908DOTA2/src/img/bg-panel-item.jpg


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

@@ -1,20 +1,20 @@
 var seaLoader = require('seaLoader');
 var _ = require('underscore');
 
-seaLoader(function (seajs) {
-    seajs.use(['arale/switchable/1.0.2/carousel'], function (Carousel) {
-        var activeIndex = $('.zt-ui-carousel [data-role="active-index"]').index() || 0
-        new Carousel({
-            element: '.zt-ui-carousel',
-            classPrefix: null,
-            disabledBtnClass: 'is-disabled',
-            activeTriggerClass: 'is-active',
-            effect: 'scrollx',
-            circular: false,
-            activeIndex: activeIndex
-        }).render();
-    });
-});
+// seaLoader(function (seajs) {
+//     seajs.use(['arale/switchable/1.0.2/carousel'], function (Carousel) {
+//         var activeIndex = $('.zt-ui-carousel [data-role="active-index"]').index() || 0
+//         new Carousel({
+//             element: '.zt-ui-carousel',
+//             classPrefix: null,
+//             disabledBtnClass: 'is-disabled',
+//             activeTriggerClass: 'is-active',
+//             effect: 'scrollx',
+//             circular: false,
+//             activeIndex: activeIndex
+//         }).render();
+//     });
+// });
 
 function Tag(ele){
     var $nav = $(ele +' [data-switchable-role="nav"]').eq(0)

+ 84 - 0
2019专题/1908DOTA2/src/modules/page/panel.js

@@ -0,0 +1,84 @@
+var Swiper = require('swiper.min.js'); //轮播
+
+var swiper = null;
+var mobileFlag = false; //移动端标识 true => 移动端 默认pc端
+var btnMoreFlag = true; //展开更多按钮点击标识
+
+var V = {
+    init: function() {
+        this.screenInit();
+        this.showMore();
+        this.matchTab();
+    },
+    // 轮播
+    initSwiper: function(index, num, initIndex, space) {
+        // console.log(1);
+        var $parent = $('.match-slider-wrap').eq(index),
+            $swiperContainer = $parent.find('.top-swiper-container'),
+            $buttonPrev = $parent.find('.swiper-button-prev'),
+            $buttonNext = $parent.find('.swiper-button-next');
+        $parent.show().siblings().hide();
+        // console.log($swiperContainer);
+        swiper = new Swiper($swiperContainer, {
+            slidesPerView: num,
+            centeredSlides: false,
+            spaceBetween: space,
+            initialSlide: initIndex - 1,
+            slideClass : 'top-swiper-slide',
+            navigation: {
+                nextEl: $buttonNext,
+                prevEl: $buttonPrev,
+            }
+        });
+    },
+    screenInit: function() {
+        // 页面初始化设置
+        var winWidth = $(window).width(),
+            btnLen = $('.week-btn-wrap').find('.btn').length,
+            _index = $('.week-btn-wrap .btn.active').index(),
+            initIndex = Number($('.week-btn-wrap .btn.active').attr('data-week')) || 0;
+        if(winWidth > 750) {
+            this.initSwiper(_index, 4, initIndex, 16);
+            if (btnLen > 9) {
+                $('.week-select').find('.btn-more').show();
+            } else {
+                $('.week-select').find('.btn-more').hide();
+            }
+        } else {
+            this.initSwiper(_index, 2, initIndex, 12);
+            mobileFlag = true;
+            if (btnLen > 4) {
+                $('.week-select').find('.btn-more').show();
+            } else {
+                $('.week-select').find('.btn-more').hide();
+            }
+        }
+        if(btnLen > 9 && !mobileFlag && btnMoreFlag){
+            btnMoreFlag = false;
+            $('.week-select').find('.btn-more').trigger('click');
+        }
+    },
+    showMore: function() {
+        // 点击更多
+        $(document).on('click', '.btn-more', function() {
+            var $btnWrap = $('.week-select').find('.week-btn-wrap');
+            $btnWrap.toggleClass('showmore');
+            $btnWrap.hasClass('showmore') ? $(this).text('收起更多') : $(this).text('展开更多');
+        })
+    },
+    matchTab: function() {
+        $('.page-stake .week-select .week-btn-wrap .btn').click(function() {
+            var $this = $(this),
+                _index = $this.index(),
+                slideLen = mobileFlag ? 2 : 4,
+                ininIndex = Number($this.attr('data-week')) || 0,
+                space = mobileFlag ? 12 : 16;
+            $this.addClass('active').siblings().removeClass('active');
+            V.initSwiper(_index, slideLen, ininIndex, space);
+        });
+    }
+}
+
+$(function() {
+    V.init();
+})

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 11 - 0
2019专题/1908DOTA2/src/modules/page/swiper.min.js


+ 10 - 1
2019专题/1908DOTA2/src/sass/global.scss

@@ -58,6 +58,9 @@ body{
     width: 1136px;
     margin: 0 auto;
 }
+.zt-mod-video-more {
+    display: none;
+}
 .team-item-last-h5,.scroe-content-h5-box{
     display: none;
 }
@@ -991,6 +994,7 @@ body{
         overflow: hidden;
     }
     img{
+        min-height: 100%;
         display: block;
         width: 100%;
         overflow: hidden;
@@ -1110,8 +1114,12 @@ $vari: 750 / 640;
         background-position: center;
         min-width: 0px;
     }
+    .zt-mod-team, .zt-mod-video, .zt-mod-score {
+        overflow: hidden;
+    }
     .o-wrap {
-      width:px2rem(750);
+    //   width:px2rem(750);
+      width: 100%;
       margin:0;
     }
     .zt-title{
@@ -1433,6 +1441,7 @@ $vari: 750 / 640;
             margin:0 auto;
             text-align: center;
             margin-top:10px;
+            font-size: 14px;
             a{
                 color:#fff;
                 line-height: px2rem(60);

+ 162 - 0
2019专题/1908DOTA2/src/sass/panel.scss

@@ -0,0 +1,162 @@
+@charset "UTF-8";
+@import "base/base.scss";
+@import "base/mixins";
+
+@import "swiper.css";
+
+.page-stake-main {
+    width: 1136px;
+    margin: 0 auto;
+    word-break: normal;
+    .fl {
+        float: left;
+    }
+    .fr {
+        float: right;
+    }
+    .page-stake {
+        position: relative;
+        .match-content {
+            .match-slider-wrap {
+                display: none;
+                position: relative;
+                &:first-child {
+                    display: block;
+                }
+                .top-swiper-container {
+                    position: relative;
+                    z-index: 1;
+                    margin: 0 auto;
+                    overflow: hidden;
+                    list-style: none;
+                    padding: 0;
+                    box-sizing: border-box;
+                    .match-container {
+                        box-sizing: border-box;
+                        padding: 5px 12px 15px;
+                        background: url(../img/bg-panel-item.jpg) top center no-repeat;
+                        background-size: cover;
+                        .font-gradual-change {
+                            background-image: linear-gradient(to bottom, #b4a181, #fff);
+                            background-clip: text;
+                            -webkit-background-clip: text;
+                            -webkit-text-fill-color: transparent;
+                        }
+                        .title {
+                            font-size: 18px;
+                            font-weight: bold;
+                            color: #fff;
+                            line-height: 30px;
+                            text-align: center;
+                            @include ellipsis;
+                        }
+                        .info {
+                            font-size: 14px;
+                            line-height: 34px;
+                            border-bottom: 1px #fff solid;
+                            border-color: rgba(#fff, 0.1);
+                            .date {
+                                color: #7775f1;
+                                margin-right: 10px;
+                                display: inline-block;
+                            }
+                            .status {
+                                font-weight: bold;
+                                color: #fff;
+                                float: right;
+                                &.end {
+                                    color: #d90639;
+                                }
+                                &.start {
+                                    color: #009944;
+                                }
+                                &.unstart {
+                                    color: #6f6d7a;
+                                }
+                                &.pause {
+                                    color: #1f77fb;
+                                }
+                                &.cancel {
+                                    color: #009944;
+                                }
+                            }
+                        }
+                        .match {
+                            padding-top: 12px;
+                            display: flex;
+                            .match-item {
+                                float: left;
+                                text-align: center;
+                                &.fl, &.fr {
+                                    width: 50px;
+                                    .team-name {
+                                        font-size: 14px;
+                                        font-weight: bold;
+                                        color: #fff;
+                                        line-height: 32px;
+                                    }
+                                }
+                                &.center {
+                                    width: 148px;
+                                    font-size: 0;
+                                    line-height: 50px;
+                                    text-align: center;
+                                    white-space: nowrap;
+                                    p {
+                                        display: inline-block;
+                                        &.vs {
+                                            width: 44px;
+                                            font-size: 24px;
+                                            font-weight: bold;
+                                            color: #fff;
+                                        }
+                                        &.score {
+                                            width: 52px;
+                                            font-size: 30px;
+                                            font-weight: bold;
+                                            color: #fff;
+                                        }
+                                    }
+                                }
+                                img {
+                                    height: 50px;
+                                    width: 50px;
+                                    background: #4A3F9E;
+                                    display: block;
+                                }
+                            }
+                        }
+                        .scene-tip {
+                            font-size: 14px;
+                            color: #7775f1;
+                            line-height: 18px;
+                            text-align: center;
+                        }
+                    }
+                }
+                .swiper-switch {
+                    height: 62px;
+                    width: 39px;
+                    outline: none;
+                    background-position: top left;
+                    background-repeat: no-repeat;
+                    background-size: 100% 100%;
+                    margin-top: -31px;
+                    &:focus {
+                        outline: none;
+                    }
+                    &.swiper-button-prev {
+                        left: -62px;
+                        background-image: url(../img/prev.png);
+                    }
+                    &.swiper-button-next {
+                        right: -62px;
+                        background-image: url(../img/next.png);
+                    }
+                }
+            }
+        }
+    }
+}
+
+@import "panel_media.scss";

+ 65 - 0
2019专题/1908DOTA2/src/sass/panel_media.scss

@@ -0,0 +1,65 @@
+@media screen and (max-width: 750px) {
+    body {
+        min-width: 320px;
+    }
+    .page-stake-main {
+        width: 100% !important;
+        .page-stake {
+            .match-content {
+                .match-slider-wrap {
+                    .top-swiper-container {
+                        .match-container {
+                            padding: 5px 10px 10px;
+                            .info {
+                                font-size: 12px;
+                                line-height: 30px;
+                            }
+                            .match {
+                                padding-top: 10px;
+                                display: flex;
+                                justify-content: space-between;
+                                .match-item {
+                                    &.fl, &.fr {
+                                        width: 45px;
+                                        img {
+                                            height: 45px;
+                                            width: 45px;
+                                        }
+                                        .team-name {
+                                            font-size: 12px;
+                                            line-height: 24px;
+                                        }
+                                    }
+                                    &.center {
+                                        height: 45px;
+                                        width: auto;
+                                        flex: 1;
+                                        display: flex;
+                                        align-items: center;
+                                        justify-content: space-between;
+                                        p {
+                                            width: auto !important;
+                                            flex: 1;
+                                            &.vs {
+                                                font-size: 18px;
+                                            }
+                                            &.score {
+                                                font-size: 24px;
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                            .scene-tip {
+                                font-size: 12px;
+                            }
+                        }
+                    }
+                    .swiper-switch {
+                        display: none;
+                    }
+                }
+            }
+        }
+    }
+}

+ 616 - 0
2019专题/1908DOTA2/src/sass/swiper.css

@@ -0,0 +1,616 @@
+/**
+ * Swiper 4.2.0
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * http://www.idangero.us/swiper/
+ *
+ * Copyright 2014-2018 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: March 16, 2018
+ */
+.top-swiper-container {
+  margin: 0 auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  /* Fix of Webkit flickering */
+  z-index: 1;
+}
+.swiper-container-no-flexbox .top-swiper-slide {
+  float: left;
+}
+.swiper-container-vertical > .swiper-wrapper {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.swiper-container-android .top-swiper-slide,
+.swiper-wrapper {
+  -webkit-transform: translate3d(0px, 0, 0);
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-container-multirow > .swiper-wrapper {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+.swiper-container-free-mode > .swiper-wrapper {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.top-swiper-slide {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+.swiper-invisible-blank-slide {
+  visibility: hidden;
+}
+/* Auto Height */
+.swiper-container-autoheight,
+.swiper-container-autoheight .top-swiper-slide {
+  height: auto;
+}
+.swiper-container-autoheight .swiper-wrapper {
+  -webkit-box-align: start;
+  -webkit-align-items: flex-start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -webkit-transition-property: height, -webkit-transform;
+  transition-property: height, -webkit-transform;
+  -o-transition-property: transform, height;
+  transition-property: transform, height;
+  transition-property: transform, height, -webkit-transform;
+}
+/* 3D Effects */
+.swiper-container-3d {
+  -webkit-perspective: 1200px;
+  perspective: 1200px;
+}
+.swiper-container-3d .swiper-wrapper,
+.swiper-container-3d .top-swiper-slide,
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom,
+.swiper-container-3d .swiper-cube-shadow {
+  -webkit-transform-style: preserve-3d;
+  transform-style: preserve-3d;
+}
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-container-3d .swiper-slide-shadow-left {
+  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-right {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-top {
+  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+/* IE10 Windows Phone 8 Fixes */
+.swiper-container-wp8-horizontal,
+.swiper-container-wp8-horizontal > .swiper-wrapper {
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+}
+.swiper-container-wp8-vertical,
+.swiper-container-wp8-vertical > .swiper-wrapper {
+  -ms-touch-action: pan-x;
+  touch-action: pan-x;
+}
+.swiper-button-prev,
+.swiper-button-next {
+  position: absolute;
+  top: 50%;
+  width: 18px;
+  height: 32px;
+  margin-top: -16px;
+  z-index: 10;
+  cursor: pointer;
+  background-size: 18px 32px;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.swiper-button-prev.swiper-button-disabled,
+.swiper-button-next.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-button-prev,
+.swiper-container-rtl .swiper-button-next {
+  background-image: url('../img/msiMatch0505/icon-arrow-left.png');
+  left: 4px;
+  right: auto;
+}
+.swiper-button-next,
+.swiper-container-rtl .swiper-button-prev {
+  background-image: url('../img/msiMatch0505/icon-arrow-right.png');
+  right: 4px;
+  left: auto;
+}
+.swiper-button-prev.swiper-button-white,
+.swiper-container-rtl .swiper-button-next.swiper-button-white {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-next.swiper-button-white,
+.swiper-container-rtl .swiper-button-prev.swiper-button-white {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-prev.swiper-button-black,
+.swiper-container-rtl .swiper-button-next.swiper-button-black {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-next.swiper-button-black,
+.swiper-container-rtl .swiper-button-prev.swiper-button-black {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
+}
+.swiper-button-lock {
+  display: none;
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  -webkit-transition: 300ms opacity;
+  -o-transition: 300ms opacity;
+  transition: 300ms opacity;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-container-horizontal > .swiper-pagination-bullets {
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  -webkit-transform: scale(0.66);
+  -ms-transform: scale(0.66);
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  -webkit-transform: scale(0.66);
+  -ms-transform: scale(0.66);
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  -webkit-transform: scale(0.33);
+  -ms-transform: scale(0.33);
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  border-radius: 100%;
+  background: #000;
+  opacity: 0.2;
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  background: #007aff;
+}
+.swiper-container-vertical > .swiper-pagination-bullets {
+  right: 10px;
+  top: 50%;
+  -webkit-transform: translate3d(0px, -50%, 0);
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 6px 0;
+  display: block;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  -webkit-transition: 200ms top, 200ms -webkit-transform;
+  transition: 200ms top, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms top;
+  transition: 200ms transform, 200ms top;
+  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 4px;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transition: 200ms left, 200ms -webkit-transform;
+  transition: 200ms left, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms left;
+  transition: 200ms transform, 200ms left;
+  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
+}
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  -webkit-transition: 200ms right, 200ms -webkit-transform;
+  transition: 200ms right, 200ms -webkit-transform;
+  -o-transition: 200ms transform, 200ms right;
+  transition: 200ms transform, 200ms right;
+  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
+}
+/* Progress */
+.swiper-pagination-progressbar {
+  background: rgba(0, 0, 0, 0.25);
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: #007aff;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  -webkit-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  -webkit-transform-origin: left top;
+  -ms-transform-origin: left top;
+  transform-origin: left top;
+}
+.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  -webkit-transform-origin: right top;
+  -ms-transform-origin: right top;
+  transform-origin: right top;
+}
+.swiper-container-horizontal > .swiper-pagination-progressbar {
+  width: 100%;
+  height: 4px;
+  left: 0;
+  top: 0;
+}
+.swiper-container-vertical > .swiper-pagination-progressbar {
+  width: 4px;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-white .swiper-pagination-bullet-active {
+  background: #ffffff;
+}
+.swiper-pagination-progressbar.swiper-pagination-white {
+  background: rgba(255, 255, 255, 0.25);
+}
+.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
+  background: #ffffff;
+}
+.swiper-pagination-black .swiper-pagination-bullet-active {
+  background: #000000;
+}
+.swiper-pagination-progressbar.swiper-pagination-black {
+  background: rgba(0, 0, 0, 0.25);
+}
+.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
+  background: #000000;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+/* Scrollbar */
+.swiper-scrollbar {
+  border-radius: 10px;
+  position: relative;
+  -ms-touch-action: none;
+  background: rgba(0, 0, 0, 0.1);
+}
+.swiper-container-horizontal > .swiper-scrollbar {
+  position: absolute;
+  left: 1%;
+  bottom: 3px;
+  z-index: 50;
+  height: 5px;
+  width: 98%;
+}
+.swiper-container-vertical > .swiper-scrollbar {
+  position: absolute;
+  right: 3px;
+  top: 1%;
+  z-index: 50;
+  width: 5px;
+  height: 98%;
+}
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 10px;
+  left: 0;
+  top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+  max-width: 100%;
+  max-height: 100%;
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+}
+/* Preloader */
+.swiper-lazy-preloader {
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  z-index: 10;
+  -webkit-transform-origin: 50%;
+  -ms-transform-origin: 50%;
+  transform-origin: 50%;
+  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
+  animation: swiper-preloader-spin 1s steps(12, end) infinite;
+}
+.swiper-lazy-preloader:after {
+  display: block;
+  content: '';
+  width: 100%;
+  height: 100%;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+  background-position: 50%;
+  background-size: 100%;
+  background-repeat: no-repeat;
+}
+.swiper-lazy-preloader-white:after {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+@-webkit-keyframes swiper-preloader-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes swiper-preloader-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+/* a11y */
+.swiper-container .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-container-fade.swiper-container-free-mode .top-swiper-slide {
+  -webkit-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.swiper-container-fade .top-swiper-slide {
+  pointer-events: none;
+  -webkit-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+}
+.swiper-container-fade .top-swiper-slide .top-swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-fade .swiper-slide-active,
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube {
+  overflow: visible;
+}
+.swiper-container-cube .top-swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  -webkit-transform-origin: 0 0;
+  -ms-transform-origin: 0 0;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-container-cube .top-swiper-slide .top-swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-cube.swiper-container-rtl .top-swiper-slide {
+  -webkit-transform-origin: 100% 0;
+  -ms-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-next,
+.swiper-container-cube .swiper-slide-prev,
+.swiper-container-cube .swiper-slide-next + .top-swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-container-cube .swiper-slide-shadow-top,
+.swiper-container-cube .swiper-slide-shadow-bottom,
+.swiper-container-cube .swiper-slide-shadow-left,
+.swiper-container-cube .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0.6;
+  -webkit-filter: blur(50px);
+  filter: blur(50px);
+  z-index: 0;
+}
+.swiper-container-flip {
+  overflow: visible;
+}
+.swiper-container-flip .top-swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-container-flip .top-swiper-slide .top-swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-flip .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-flip .swiper-slide-shadow-top,
+.swiper-container-flip .swiper-slide-shadow-bottom,
+.swiper-container-flip .swiper-slide-shadow-left,
+.swiper-container-flip .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-container-coverflow .swiper-wrapper {
+  /* Windows 8 IE 10 fix */
+  -ms-perspective: 1200px;
+}

Niektoré súbory nie sú zobrazené, pretože je v týchto rozdielových dátach zmenené mnoho súborov