Home Explore Help
Register Sign In
FED
/
dwweb-pc
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

德玛西亚

xiesj 6 years ago
parent
e08f58c142
commit
7981f4935a
20 changed files with 2228 additions and 43 deletions
Unified View Show Diff Stats
  1. 264 0
      2018专题/德玛西亚杯/src/_demacia.html
  2. 31 25
      2018专题/德玛西亚杯/src/_index.html
  3. 1 1
      2018专题/德玛西亚杯/src/_wap.html
  4. BIN
      2018专题/德玛西亚杯/src/img/deMarcia/guess-tag.png
  5. BIN
      2018专题/德玛西亚杯/src/img/deMarcia/icon-next-disabled.png
  6. BIN
      2018专题/德玛西亚杯/src/img/deMarcia/icon-next-hover.png
  7. BIN
      2018专题/德玛西亚杯/src/img/deMarcia/icon-next.png
  8. BIN
      2018专题/德玛西亚杯/src/img/deMarcia/icon-prev-disabled.png
  9. BIN
      2018专题/德玛西亚杯/src/img/deMarcia/icon-prev-hover.png
  10. BIN
      2018专题/德玛西亚杯/src/img/deMarcia/icon-prev.png
  11. BIN
      2018专题/德玛西亚杯/src/img/menu-active.png
  12. BIN
      2018专题/德玛西亚杯/src/img/menu_active.png
  13. 146 0
      2018专题/德玛西亚杯/src/lib/qrcode.js
  14. 453 0
      2018专题/德玛西亚杯/src/modules/page/deMarcia.js
  15. 11 1
      2018专题/德玛西亚杯/src/modules/page/index.js
  16. 11 0
      2018专题/德玛西亚杯/src/modules/page/swiper.min.js
  17. 615 0
      2018专题/德玛西亚杯/src/sass/deMarcia.scss
  18. 21 16
      2018专题/德玛西亚杯/src/sass/global.scss
  19. 59 0
      2018专题/德玛西亚杯/src/sass/media.scss
  20. 616 0
      2018专题/德玛西亚杯/src/sass/swiper.css

+ 264 - 0
2018专题/德玛西亚杯/src/_demacia.html
View File 

@@ -0,0 +1,264 @@
 
+<!doctype html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="renderer" content="webkit">
 
+    <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
 
+    <meta name="Keywords" content="多玩游戏">
 
+    <meta name="description" content="">
 
+    <title>多玩游戏网 | 多玩游戏 多交朋友</title>
 
+    <link href="sass/deMarcia.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-main1">
 
+        <div class="page-stake page-stake-zm">
 
+            <a class="guess-tag">西安德杯专题</a>
 
+            <div class="match-slider-wrap">
 
+                <div class="top-swiper-container swiper-container-horizontal">
 
+                    <div class="swiper-wrapper">
 
+                        <div class="top-swiper-slide swiper-slide-active">
 
+                            <div class="match-container">
 
+                                <div class="title">ABCDE</div>
 
+                                <div class="info">
 
+                                    <div class="date">08-31</div>
 
+                                    <div class="date">10:10</div>
 
+                                    <div class="status end">已结束</div>
 
+                                </div>
 
+                                <div class="match clearfix">
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-1</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/d9/d9ffe5098b2a0e52abbbd10a159f6e17.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="score"><span class="left">0</span>:<span class="right">0</span></div>
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-2</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/9e/9eff6c84617dd4add37dbe798f83f40c.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                </div>
 
+                                <div class="team-btn-wrap">
 
+                                    <a href="" target="_blank" class="team-btn end-team">直播/录像</a>
 
+                                    <a href="" target="_blank" class="team-btn end-team">比赛战报</a>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="top-swiper-slide swiper-slide-next">
 
+                            <div class="match-container">
 
+                                <div class="title">测试比赛1</div>
 
+                                <div class="info">
 
+                                    <div class="date">08-31</div>
 
+                                    <div class="date">10:15</div>
 
+
 
+                                    <div class="status end">已结束</div>
 
+
 
+                                </div>
 
+                                <div class="match clearfix">
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-2</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/9e/9eff6c84617dd4add37dbe798f83f40c.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="score"><span class="left">0</span>:<span class="right">0</span></div>
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-1</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/d9/d9ffe5098b2a0e52abbbd10a159f6e17.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                </div>
 
+                                <div class="team-btn-wrap">
 
+
 
+                                    <a href="" target="_blank" class="team-btn end-team">直播/录像</a>
 
+                                    <a href="" target="_blank" class="team-btn end-team">比赛战报</a>
 
+
 
+                                </div>
 
+
 
+
 
+                            </div>
 
+
 
+                        </div>
 
+                        <div class="top-swiper-slide">
 
+                            <div class="match-container">
 
+                                <div class="title">fsfsdafsafs</div>
 
+                                <div class="info">
 
+                                    <div class="date">08-31</div>
 
+                                    <div class="date">15:10</div>
 
+
 
+                                    <div class="status end">已结束</div>
 
+
 
+                                </div>
 
+                                <div class="match clearfix">
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-1</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/d9/d9ffe5098b2a0e52abbbd10a159f6e17.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="score"><span class="left">0</span>:<span class="right">0</span></div>
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-2</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/9e/9eff6c84617dd4add37dbe798f83f40c.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                </div>
 
+
 
+                                <div class="team-btn-wrap">
 
+
 
+                                    <a href="" target="_blank" class="team-btn end-team">直播/录像</a>
 
+                                    <a href="" target="_blank" class="team-btn end-team">比赛战报</a>
 
+
 
+                                </div>
 
+
 
+
 
+                            </div>
 
+
 
+
 
+                        </div>
 
+                        <div class="top-swiper-slide">
 
+                            <div class="match-container">
 
+                                <div class="title">675465634</div>
 
+                                <div class="info">
 
+                                    <div class="date">09-13</div>
 
+                                    <div class="date">10:15</div>
 
+
 
+                                    <div class="status end">已结束</div>
 
+
 
+                                </div>
 
+                                <div class="match clearfix">
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-2</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/9e/9eff6c84617dd4add37dbe798f83f40c.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="score"><span class="left">0</span>:<span class="right">0</span></div>
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-1</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/d9/d9ffe5098b2a0e52abbbd10a159f6e17.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                </div>
 
+                                <!-- 队伍支持率显示条件 status 投票记录 竞猜时间 -->
 
+
 
+
 
+
 
+
 
+                                <div class="team-btn-wrap">
 
+
 
+                                    <a href="" target="_blank" class="team-btn end-team">直播/录像</a>
 
+                                    <a href="" target="_blank" class="team-btn end-team">比赛战报</a>
 
+
 
+                                </div>
 
+
 
+
 
+                            </div>
 
+
 
+
 
+                        </div>
 
+                        <div class="top-swiper-slide">
 
+                            <div class="match-container">
 
+                                <div class="title">fdafsfsafd</div>
 
+                                <div class="info">
 
+                                    <div class="date">09-26</div>
 
+                                    <div class="date">23:40</div>
 
+
 
+                                    <div class="status end">已结束</div>
 
+
 
+                                </div>
 
+                                <div class="match clearfix">
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-2</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/9e/9eff6c84617dd4add37dbe798f83f40c.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="score"><span class="left">0</span>:<span class="right">0</span></div>
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="title">EXAMPLE-1</div>
 
+                                        <img src="http://ya3.dwstatic.com/201804/d9/d9ffe5098b2a0e52abbbd10a159f6e17.jpg"
 
+                                            alt="">
 
+                                    </div>
 
+                                </div>
 
+
 
+                                <div class="team-btn-wrap">
 
+
 
+                                    <a href="" target="_blank" class="team-btn end-team">直播/录像</a>
 
+                                    <a href="" target="_blank" class="team-btn end-team">比赛战报</a>
 
+
 
+                                </div>
 
+
 
+
 
+                            </div>
 
+
 
+
 
+                        </div>
 
+                        <div class="top-swiper-slide">
 
+                            <div class="match-container">
 
+                                <div class="title">jyhkjh</div>
 
+                                <div class="info">
 
+                                    <div class="date">10-20</div>
 
+                                    <div class="date">10:44</div>
 
+
 
+                                    <div class="status end">已结束</div>
 
+
 
+                                </div>
 
+                                <div class="match clearfix">
 
+                                    <div class="match-item">
 
+                                        <div class="title">C9</div>
 
+                                        <img src="http://ya1.dwstatic.com/201810/ff/ff9bdf1e55e80b11f9a70c5fe3a3058b.png"
 
+                                            alt="">
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="score"><span class="left">0</span>:<span class="right">0</span></div>
 
+                                    </div>
 
+                                    <div class="match-item">
 
+                                        <div class="title">TOP</div>
 
+                                        <img src="http://ya1.dwstatic.com/201808/f6/f6876c318e214905596042d211f73cf1.png"
 
+                                            alt="">
 
+                                    </div>
 
+                                </div>
 
+
 
+                                <div class="team-btn-wrap">
 
+
 
+                                    <a href="" target="_blank" class="team-btn end-team">直播/录像</a>
 
+                                    <a href="" target="_blank" class="team-btn end-team">比赛战报</a>
 
+
 
+                                </div>
 
+
 
+
 
+                            </div>
 
+
 
+                        </div>
 
+                    </div>
 
+                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
 
+                </div>
 
+                <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>
 
+                <div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide"
 
+                    aria-disabled="true"></div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <script src="lib/mod.js"></script>
 
+    <!-- <script src="lib/qrcode.js"></script> -->
 
+    <script>
 
+        require('modules/page/deMarcia.js');
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 31 - 25
2018专题/德玛西亚杯/src/_index.html
View File 

@@ -41,7 +41,7 @@
 
             <div class="mod-menu-box">
 
             <div class="mod-menu-box">
 
                 <div class="mod-menu">
 
                 <div class="mod-menu">
 
                     <ul>
 
                     <ul>
 
-                        <li class="item1 is-active">
 
+                        <li class="item1">
 
                             <a href="#" target="_blank">
 
                             <a href="#" target="_blank">
 
                                 <p>专区首页</p>
 
                                 <p>专区首页</p>
 
                                 <span>HOME</span>
 
                                 <span>HOME</span>
 
@@ -53,10 +53,10 @@
 
                                 <span>LIVE</span>
 
                                 <span>LIVE</span>
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
-                        <li class="item3">
 
-                            <a href="#" target="_blank">
 
-                                <p>德玛西亚视频</p>
 
-                                <span>VIDEO</span>
 
+                        <li class="item3  is-active">
 
+                            <a href="#"  target="_blank">
 
+                                <p>赛程展示</p>
 
+                                <span>SCHDULE</span>
 
                             </a>
 
                             </a>
 
                         </li>
 
                         </li>
 
                         <li class="item4">
 
                         <li class="item4">
 
@@ -83,9 +83,6 @@
 
             <!-- end菜单 -->
 
             <!-- end菜单 -->
 
         </div>
 
         </div>
 
         <!-- banner结束 -->
 
         <!-- banner结束 -->
 
-
 
-
 
-
 
         <div class="page-inner">
 
         <div class="page-inner">
 
             <!-- 比赛开始 -->
 
             <!-- 比赛开始 -->
 
             <div class="game_live">
 
             <div class="game_live">
 
@@ -377,7 +374,7 @@
 
             </div>
 
             </div>
 
             <!-- end主体内容 -->
 
             <!-- end主体内容 -->
 
             <!-- 赛事进度开始 -->
 
             <!-- 赛事进度开始 -->
 
-            <div class="tournament_schedule">
 
+            <div class="tournament_schedule" id="tournament_schedule">
 
                 <div class="mod-title">
 
                 <div class="mod-title">
 
                     <h2><span>赛事进度</span></h2>
 
                     <h2><span>赛事进度</span></h2>
 
 
 
@@ -390,7 +387,7 @@
 
                                 <div class="team_win">
 
                                 <div class="team_win">
 
                                     <div class="team_logo team_com">
 
                                     <div class="team_logo team_com">
 
                                         <div class="team_logo_logo">
 
                                         <div class="team_logo_logo">
 
-                                           
+
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                     <div class="team_name team_com">
 
                                     <div class="team_name team_com">
 
@@ -916,9 +913,7 @@
 
             </div>
 
             </div>
 
             <!-- 精彩图集结束 -->
 
             <!-- 精彩图集结束 -->
 
         </div>
 
         </div>
 
-
 
-
 
-
 
+        <!-- 友情链接开始 -->
 
         <div class="friendLink">
 
         <div class="friendLink">
 
             <ul>
 
             <ul>
 
                 <li>友情链接</li>
 
                 <li>友情链接</li>
 
@@ -933,20 +928,31 @@
 
                 <li><a href="">王者荣耀视频</a></li>
 
                 <li><a href="">王者荣耀视频</a></li>
 
                 <li><a href="">自由之战2</a></li>
 
                 <li><a href="">自由之战2</a></li>
 
                 <li><a href="">昆特牌视频</a></li>
 
                 <li><a href="">昆特牌视频</a></li>
 
-                <li><a href="">歪阅</a></li>
 
-                <li><a href="">电弧</a></li>
 
-                <li><a href="">口袋巴士王者荣耀</a></li>
 
-                <li><a href="">蒸汽盒子</a></li>
 
-                <li><a href="">迷你世界</a></li>
 
-                <li><a href="">87g王者荣耀</a></li>
 
-                <li><a href="">野蛮人大作战</a></li>
 
-                <li><a href="">王者荣耀</a></li>
 
-                <li><a href="">王者荣耀视频</a></li>
 
-                <li><a href="">自由之战2</a></li>
 
-                <li><a href="">昆特牌视频</a></li>
 
-         
+                <li><a href="">切游王者荣耀</a></li>
 
+                <li><a href="">手机游戏</a></li>
 
+                <li><a href="">taptap</a></li>
 
+                <li><a href="">搞趣王者荣耀</a></li>
 
+                <li><a href="">3454王者荣耀</a></li>
 
+                <li><a href="">9669王者荣耀</a></li>
 
+                <li><a href="">兔玩王者荣耀</a></li>
 
+                <li><a href="">王者荣耀果盘</a></li>
 
+                <li><a href="">王者荣耀手游</a></li>
 
+                <li><a href="">精灵宝可梦GO</a></li>
 
+                <li><a href="">王者荣耀攻略</a></li>
 
+                <li><a href="">手游排行榜</a></li>
 
+                <li><a href="">18183王者荣耀</a></li>
 
+                <li><a href="">健身</a></li>
 
+                <li><a href="">绝地求生</a></li>
 
+                <li><a href="">传奇霸业</a></li>
 
+                <li><a href="">王者荣耀泡面番</a></li>
 
+                <li><a href="">太平洋软件资讯</a></li>
 
+                <li><a href="">球球大作战</a></li>
 
+
 
+
 
+
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
 
+        <!-- 友情链接结束 -->
 
     </div>
 
     </div>
 
     <script>
 
     <script>
 
         var _hmt = _hmt || [];
 
         var _hmt = _hmt || [];

+ 1 - 1
2018专题/德玛西亚杯/src/_wap.html
View File 

@@ -23,7 +23,7 @@
 
 <body data-title="英雄联盟专区" data-index="5">
 
 <body data-title="英雄联盟专区" data-index="5">
 
     <header class="dw-common-header">
 
     <header class="dw-common-header">
 
     <div class="tool-bar">
 
     <div class="tool-bar">
 
-    <h3 class="dw-info">
 
+    <h3 class="dw-info"> 
     <a href="http://www.duowan.cn/" class="dw-link">
 
     <a href="http://www.duowan.cn/" class="dw-link">
 
     <i class="dw-icon"></i></a>
 
     <i class="dw-icon"></i></a>
 
     </h3>
 
     </h3>

BIN
2018专题/德玛西亚杯/src/img/deMarcia/guess-tag.png
View File


BIN
2018专题/德玛西亚杯/src/img/deMarcia/icon-next-disabled.png
View File


BIN
2018专题/德玛西亚杯/src/img/deMarcia/icon-next-hover.png
View File


BIN
2018专题/德玛西亚杯/src/img/deMarcia/icon-next.png
View File


BIN
2018专题/德玛西亚杯/src/img/deMarcia/icon-prev-disabled.png
View File


BIN
2018专题/德玛西亚杯/src/img/deMarcia/icon-prev-hover.png
View File


BIN
2018专题/德玛西亚杯/src/img/deMarcia/icon-prev.png
View File


BIN
2018专题/德玛西亚杯/src/img/menu-active.png
View File


BIN
2018专题/德玛西亚杯/src/img/menu_active.png
View File


File diff suppressed because it is too large
+ 146 - 0
2018专题/德玛西亚杯/src/lib/qrcode.js


+ 453 - 0
2018专题/德玛西亚杯/src/modules/page/deMarcia.js
View File 

@@ -0,0 +1,453 @@
 
+// ---- 助力竞猜分享模板js ----
 
+var Swiper = require('swiper.min.js');//轮播
 
+// var matchListTpl = __inline("/src/tpl/share/matchSlider.tmpl"); //比赛列表
 
+// var matchWeekTpl = __inline("/src/tpl/share/matchWeek.tmpl"); //比赛周列表
 
+// var modalTpl = __inline("/src/tpl/share/modal.tmpl"); //弹窗模板
 
+// var QRcodeTpl = __inline("/src/tpl/share/QRcode.tmpl");
 
+
 
+// var MatchList = []; //比赛信息
 
+var swiper = null;
 
+var mobileFlag = false //移动端标识 true => 移动端 默认pc端
 
+// var btnMoreFlag = true //展开更多按钮点击标识
 
+// var API = '//match-guess.duowan.com';
 
+// var AC_ID = $('.page-stake').attr('data-acid') //活动ID
 
+
 
+var C = {
 
+    init: function() {
 
+        // this.guessShow();
 
+        // this.weekSelect();
 
+        // this.showMore();
 
+        // this.submitWin();
 
+        // this.liveQueSubmit();
 
+        // this.maskClick();
 
+    },
 
+    guessShow: function() {
 
+        // 更多竞猜
 
+        $(document).on('click', '.match-guess-btn', function(){
 
+            if($(this).prev().hasClass('match-guess-wrap')){
 
+                $(this).prev().slideToggle();
 
+                $(this).find('.arrow-down-icon').toggleClass('rotate')
 
+            }
 
+            else{
 
+                alert('没有更多竞猜了')
 
+            }
 
+        })
 
+    },
 
+    weekSelect: function() {
 
+        $(document).on('click', '.week-btn-wrap .btn', function() {
 
+            $('.week-btn-wrap').find('.btn').removeClass('active');
 
+            $(this).addClass('active');
 
+
 
+            var weekVal = $(this).attr('data-week');
 
+            V.renderMatchList(MatchList.data[weekVal], mobileFlag);
 
+        })
 
+    },
 
+    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('展开更多');
 
+        })
 
+    },
 
+    // 胜负提交
 
+    submitWin: function(){
 
+        $(document).on('click', '.guess-submit', function() {
 
+            var guessId = $(this).attr('data-guess');
 
+            var optionId = $(this).attr('data-option');
 
+            var matchId = $(this).parents('.top-swiper-slide').attr('data-match');
 
+            var param = {
 
+                guess_id: guessId,
 
+                option_id: optionId,
 
+                match_id: matchId
 
+            };
 
+            M.submitAnswer(param, $(this));
 
+        })
 
+    },
 
+    // 实况问题提交
 
+    liveQueSubmit: function() {
 
+        $(document).on('click', '.live-que-submit', function() {
 
+            var param = [];
 
+            var $quewrap = $(this).parent('.match-guess-wrap');
 
+            var matchId = $(this).parents('.top-swiper-slide').attr('data-match');
 
+            // var step = 0;
 
+            var queSum = $quewrap.find('.que-radio').length;
 
+            var guessId= '';
 
+            var optionId = '';
 
+            $quewrap.find('.que-radio').each(function() {
 
+                // var guessId = $(this).attr('data-guess');
 
+                var $radio = $(this).find('input[type="radio"]');
 
+                $radio.each(function() {
 
+                    // 选中
 
+                    if($(this).is(':checked')){
 
+                        // step++;
 
+                        guessId = $(this).attr('data-guess');
 
+                        optionId = $(this).attr('data-option');
 
+                        param.push({
 
+                            guess_id: guessId,
 
+                            option_id: optionId,
 
+                            match_id: matchId
 
+                        })
 
+                    }
 
+                })
 
+            })
 
+            if(param.length != queSum){
 
+                alert('还有竞猜没完成哦');
 
+                // V.showModal('还有竞猜没完成哦')
 
+                return;
 
+            }
 
+            M.liveQueSubmit(param,$(this));
 
+        })
 
+    },
 
+    maskClick() {
 
+        $(document).on('click', '.pub-guess-masker', function() {
 
+            $(this).remove()
 
+        })
 
+        $(document).on('click', '.pub-guess-modal', function(e) {
 
+            return false
 
+        })
 
+    }
 
+}
 
+
 
+var V = {
 
+    init: function() {
 
+        this.screenInit();
 
+        // this.setPrecent();
 
+
 
+        // M.getMatchList();
 
+    },
 
+    screenInit: function() {
 
+        // 页面初始化设置
 
+        var winWidth = $(window).width();
 
+        // debugger
 
+        if(winWidth > 750) {
 
+            this.initSwiper(4);
 
+        }else {
 
+            
+            $(".page-stake-main1").css('width', winWidth)
 
+            this.initSwiper(2);
 
+            mobileFlag = true;
 
+        }
 
+        // var btnLen = $('.week-btn-wrap').find('.btn').length;
 
+        // if(btnLen > 9 && !mobileFlag && btnMoreFlag){
 
+        //     btnMoreFlag = false
 
+        //     $('.week-select').find('.btn-more').trigger('click');
 
+        // }
 
+        if ($(".page-stake-main1").parent().hasClass("game_live")){
 
+            $(".page-stake-main1 .guess-tag").hide()
 
+        }
 
+    },
 
+    // 轮播 
+    initSwiper: function(num) {
 
+        swiper = new Swiper('.top-swiper-container', {
 
+            slidesPerView: num,
 
+            centeredSlides: false,
 
+            spaceBetween: 16,
 
+            slideClass : 'top-swiper-slide',
 
+            navigation: {
 
+              nextEl: '.swiper-button-next',
 
+              prevEl: '.swiper-button-prev',
 
+            }
 
+        });
 
+    },
 
+    setPrecent: function() {
 
+        // 设置百分比进度条
 
+        var prencetWidth = $('.match-precent').find('.progress').width();
 
+        var progressAll = prencetWidth - 40;
 
+        $('.progress').find('.num').each(function() {
 
+            var num = $(this).html().replace('%','');
 
+            var length = progressAll * (num/100);
 
+            $(this).parent().find('.length').width(length);
 
+        })
 
+    },
 
+    // 参数灵活配置按天分组还是按周分组
 
+    // 确认第几周
 
+    confirmWeek: function(data) {
 
+        var flag = false;
 
+        var keyArr = [];
 
+        for(var i in data) {
 
+            keyArr.push(i);
 
+            var startTime = data[i][0]["start_time"];
 
+            if(Week.getWeekTime(startTime)){
 
+                flag = true;
 
+                return i;
 
+            }
 
+            // debugger
 
+        }
 
+        // 没匹配，默认显示第一个key
 
+        if(!flag) {
 
+            return keyArr[0];
 
+        }
 
+    },
 
+    // 确认第几天
 
+    confirmDay: function(data) {
 
+        var flag = false;
 
+        var keyArr = [];
 
+        for(var i in data) {
 
+            keyArr.push(i);
 
+            var startTime = data[i][0]["start_time_md"];
 
+            if(Day.getDayTime(startTime)){
 
+                flag = true;
 
+                return i;
 
+            }
 
+            // debugger
 
+        }
 
+        // 没匹配，默认显示第一个key
 
+        if(!flag) {
 
+            return keyArr[0];
 
+        }
 
+    },
 
+    // 比赛列表 新增移动端判断参数 moblie
 
+    renderMatchList: function(obj, moblie) {
 
+        var dom = matchListTpl({data: obj,moblie: moblie});
 
+        $('.match-slider-wrap').remove();
 
+        $('.page-stake').append(dom);
 
+        V.screenInit();
 
+        V.setPrecent();
 
+    },
 
+    // 日期选择
 
+    // 参数: 比赛列表 当前显示日期索引 分组规则 移动端显示规则
 
+    renderWeekSel: function(obj,i,group,moblie) {
 
+        var dom = matchWeekTpl({data: obj,curWeek: i, group: group, moblie: moblie});
 
+        $('.page-stake').append(dom);
 
+    },
 
+    // 弹窗显示
 
+    showModal: function(data) {
 
+        var dom = modalTpl({data})
 
+        $('body').append(dom)
 
+    },
 
+    // 显示弹窗类型
 
+    showQRcode: function(defalutMsg){
 
+        if(dwUDBProxy.isLogin()){
 
+            $.ajax({
 
+                dataType: 'jsonp',
 
+                url: API + '/encour/getTodayAllot?ac_id=' + AC_ID,
 
+                success: function(data){
 
+                    if(data.rs){
 
+                        if(data.needTip != false){
 
+
 
+                            new Image().src = 'http://clickstats.duowan.com/index.php?r=stats/index&event=match_guess_encour_allot'
 
+
 
+                            var dom = QRcodeTpl(),
 
+                                codeUrl = 'http://hdzt.duowan.com/s/zljc.html?code=',
 
+                                codeEle,qrcode;
 
+                            if($('.QRcode-guess-masker').length < 1){
 
+                                $('body').append(dom);
 
+                                codeEle = document.getElementById('guess-QRcode');
 
+                                qrcode = new QRCode(codeEle,{
 
+                                    text: codeUrl + data.progress.progress_code,
 
+                                    height: 160,
 
+                                    width: 160
 
+                                });
 
+                                $('.QRcode-guess-masker').on('click','.close',function(){
 
+                                    $('.QRcode-guess-masker').remove();
 
+                                })
 
+                            }
 
+                        }else{
 
+                            alert(defalutMsg);
 
+                        }
 
+                    }else{
 
+                        alert(data.msg);
 
+                    }
 
+                },
 
+                error: function(){
 
+                    // alert('请先登录')
 
+                    dwUDBProxy.login("") //登录成功地址，默认当前页
 
+                }
 
+            });
 
+        } else{
 
+            dwUDBProxy.login("")
 
+        }
 
+    }
 
+}
 
+
 
+var M = {
 
+    // 比赛列表
 
+    getMatchList: function() {
 
+        var type = $('.page-stake').attr('data-group');
 
+        $.ajax({
 
+            dataType: 'jsonp',
 
+            url: API+'/matches/list?ac_id='+AC_ID,
 
+            data: {
 
+                groupMode: type
 
+            },
 
+            success: function(data){
 
+                var matchList = []
 
+                var data = data.data
 
+                for(var i in data){
 
+                    matchList = matchList.concat(data[i])
 
+                }
 
+
 
+                var index = 0;
 
+                var pIndex = $('.page-stake-zm').attr('ind')
 
+                $.each(matchList, function(i,e) {
 
+                    if(e.status == 1){
 
+                        index = i;
 
+                        return false;
 
+                    }
 
+                })
 
+
 
+                index = pIndex ? pIndex : index
 
+
 
+                V.renderMatchList(matchList, mobileFlag);
 
+                // 自动滚动到进行中的位置
 
+                swiper.slideTo(index, 0, false)
 
+
 
+                /*MatchList = data;
 
+                MatchList.length =  Object.keys(data.data).length;
 
+                if(type == "week") {
 
+                    var i = V.confirmWeek(MatchList.data);
 
+                }
 
+                if(type == "day") {
 
+                    var i = V.confirmDay(MatchList.data);
 
+                }
 
+                V.renderWeekSel(Object.keys(data.data),i,type,mobileFlag);
 
+                // var testArr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
 
+                // V.renderWeekSel(testArr,i,type,mobileFlag);
 
+
 
+                var matchTemp = MatchList.data[i];
 
+                var index = 0; //进行中的索引
 
+                $.each(matchTemp, function(i ,e) {
 
+                    if(e.status == 1) {
 
+                        index = i;
 
+                        return false;
 
+                    }
 
+                })
 
+                V.renderMatchList(MatchList.data[i], mobileFlag);
 
+                // 自动滚动到进行中的位置
 
+                swiper.slideTo(index, 0, false)*/
 
+            },
 
+            error: function(){
 
+                // 登录态失效
 
+                // data.isLogin = false;
 
+                // V.renderGuessModal(data);
 
+            }
 
+        });
 
+    },
 
+    // 胜负竞猜提交
 
+    submitAnswer: function(obj, $this) {
 
+        if(dwUDBProxy.isLogin()){
 
+            $.ajax({
 
+                dataType: 'jsonp',
 
+                url: API+'/guess/SubmitWin?ac_id='+AC_ID,
 
+                data: obj,
 
+                success: function(data){
 
+                    if(data.rs){
 
+                        V.showQRcode(data.msg);
 
+
 
+                        $this.parents('.top-swiper-slide').find('.match-precent').removeClass('pre-hidden');
 
+                        if($this.hasClass('red-team')){
 
+                            $this.parent().find('.blue-team').addClass('team-unselect');
 
+                        } else if($this.hasClass('blue-team')){
 
+                            $this.parent().find('.red-team').addClass('team-unselect');
 
+                        }
 
+                    } else {
 
+                        alert(data.msg)
 
+                    }
 
+                },
 
+                error: function(){
 
+                    // alert('请先登录')
 
+                    dwUDBProxy.login("") //登录成功地址，默认当前页
 
+                }
 
+            });
 
+        } else{
 
+            dwUDBProxy.login("") //登录成功地址，默认当前页
 
+        }
 
+    },
 
+    // 实况问题提交
 
+    liveQueSubmit: function(param,$this) {
 
+        if(dwUDBProxy.isLogin()){
 
+            $.ajax({
 
+                dataType: 'jsonp',
 
+                url: API+'/guess/SubmitLives?ac_id='+AC_ID,
 
+                data: {args: param},
 
+                success: function(data){
 
+                    if(data.rs) {
 
+                        V.showQRcode(data.msg);
 
+                    } else {
 
+                        alert(data.msg)
 
+                    }
 
+                },
 
+                error: function() {
 
+                    // alert('请先登录');
 
+                    dwUDBProxy.login("") //登录成功地址，默认当前页
 
+                }
 
+            });
 
+        } else {
 
+            dwUDBProxy.login("") //登录成功地址，默认当前页
 
+        }
 
+    }
 
+}
 
+
 
+
 
+var Week = {
 
+    getWeekTime: function(curTimes) {
 
+        var now = new Date();
 
+        var nowTime = now.getTime() ;
 
+        var day = now.getDay();
 
+        if(day == 0) {
 
+            day = 7;
 
+        }
 
+        var oneDayLong = 24*60*60*1000 ;
 
+        var MondayTime = nowTime - (day-1)*oneDayLong  ;
 
+        var SundayTime =  nowTime + (7-day)*oneDayLong ;
 
+        //本周年份
 
+        var yearMonday = new Date(MondayTime).getFullYear();
 
+        var yearSunday = new Date(SundayTime).getFullYear();
 
+        // 本周月份
 
+        var monMonday = new Date(MondayTime).getMonth()+1;
 
+        var monSunday = new Date(SundayTime).getMonth()+1;
 
+        // 本周日期
 
+        var dayMonday = new Date(MondayTime).getDate();
 
+        var daySunday = new Date(SundayTime).getDate();
 
+        function getTime(year,month,day){
 
+            return year+'/'+month+'/'+day
 
+        }
 
+        // 一周开始时间截
 
+        var timesStart = (new Date(getTime(yearMonday,monMonday,dayMonday)+' 00:00:00').getTime())/1000;
 
+        // 一周结束时间截
 
+        var timesEnd = (new Date(getTime(yearSunday,monSunday,daySunday)+' 23:59:59').getTime())/1000;
 
+        // debugger
 
+
 
+        if(curTimes > timesStart && curTimes < timesEnd){
 
+            return true;
 
+        }
 
+        else{
 
+            return false;
 
+        }
 
+    }
 
+}
 
+
 
+var Day = {
 
+    getDayTime: function(curDay) {
 
+        var now = new Date();
 
+        var month = now.getMonth() + 1;
 
+        var day = now.getDate();
 
+        var year = now.getFullYear();
 
+
 
+        var mathchMon = curDay.split('-')[0]
 
+        var mathchDay = curDay.split('-')[1]
 
+
 
+        if(month < 10) {
 
+            month = '0' + month
 
+        }
 
+        if(day < 10) {
 
+            day = '0' + day
 
+        }
 
+        // var dayStr = month+'-'+day
 
+
 
+        var nowTime = new Date(year+'/'+month+'/'+day+' 00:00:00').getTime()
 
+        var matchTime = new Date(year+'/'+mathchMon+'/'+mathchDay+' 00:00:00').getTime()
 
+
 
+        if(nowTime == matchTime || nowTime < matchTime) {
 
+            return true;
 
+        } else {
 
+            return false;
 
+        }
 
+    }
 
+}
 
+
 
+// C.init();
 
+V.init();
 
+
 
+// Day.getDayTime()

+ 11 - 1
2018专题/德玛西亚杯/src/modules/page/index.js
View File 

@@ -1,5 +1,5 @@
 
 var seaLoader = require('sealoader');
 
 var seaLoader = require('sealoader');
 
-
 
+// var $ = require('../../lib/jquery');
 
 var C = {
 
 var C = {
 
     init: function(){
 
     init: function(){
 
         // 滚动条
 
         // 滚动条
 
@@ -80,6 +80,16 @@ var C = {
 
                 console.log(slideLen);*/
 
                 console.log(slideLen);*/
 
             });
 
             });
 
         });
 
         });
 
+        $(".pc-page-index .page-banner .mod-menu-box .mod-menu li.item3 a").click(function (e) {
 
+            e.preventDefault()
 
+            console.log(0)
 
+            var top = $("#tournament_schedule").offset().top-60 ;
 
+             window.scrollTo(0, top)
 
+
 
+        })
 
+        
+
 
+
 
     }
 
     }
 
 }
 
 }

File diff suppressed because it is too large
+ 11 - 0
2018专题/德玛西亚杯/src/modules/page/swiper.min.js


+ 615 - 0
2018专题/德玛西亚杯/src/sass/deMarcia.scss
View File 

@@ -0,0 +1,615 @@
 
+@import "media.scss";
 
+// @import "base/base.scss";
 
+
 
+@import "swiper.css";
 
+body{
 
+    width: inherit;
 
+}
 
+@media screen and (min-width: 750px){
 
+    .page-stake-main1{
 
+        width: 1136px !important;
 
+    }
 
+    
+}
 
+.page-stake-main1{
 
+    
+    margin: 0 auto;
 
+    word-break: normal;
 
+    position: relative;
 
+    .swiper-button-prev, .swiper-button-next{
 
+        height: 24px;
 
+        width: 17px;
 
+        outline: none;
 
+        background: center no-repeat;
 
+        background-size: 100% 100%;
 
+    }
 
+    .swiper-button-prev{
 
+        left: -29px;
 
+        background-image: url(../img/deMarcia/icon-prev.png);
 
+        &:hover{
 
+            background-image: url(../img/deMarcia/icon-prev-hover.png);
 
+        }
 
+        &.swiper-button-disabled{
 
+            background-image: url(../img/deMarcia/icon-prev-disabled.png);
 
+        }
 
+    }
 
+    .swiper-button-next{
 
+        right: -29px;
 
+        background-image: url(../img/deMarcia/icon-next.png);
 
+        &:hover{
 
+            background-image: url(../img/deMarcia/icon-next-hover.png);
 
+        }
 
+        &.swiper-button-disabled{
 
+            background-image: url(../img/deMarcia/icon-next-disabled.png);
 
+        }
 
+    }
 
+}
 
+// 押注
 
+.page-stake{
 
+    
+    position: relative;
 
+    .top-swiper-container{
 
+        margin-top: 6px;
 
+    }
 
+    .match-container{
 
+        padding: 30px 25px;
 
+        box-sizing: border-box;
 
+        border: 1px solid #262c2a;
 
+        // border-bottom: none;
 
+        .match-title-hidden{
 
+            visibility: hidden;
 
+        }
 
+    }
 
+    .top-swiper-slide{
 
+        // height: 300px;
 
+        box-sizing: border-box;
 
+        background-color: #0B2540;
 
+        .title{
 
+            font-size: 18px;
 
+            color: #fff;
 
+            line-height: 1.4;
 
+            font-weight: bold;
 
+            text-align: center;
 
+            overflow: hidden;
 
+            white-space: nowrap;
 
+            text-overflow: ellipsis;
 
+        }
 
+        .info{
 
+            padding: 20px 0 12px 0;
 
+            border-bottom: 2px solid #0B3C53;
 
+            .date{
 
+                font-size: 12px;
 
+                color: #fff;
 
+                display: inline-block;
 
+                margin-right: 16px;
 
+            }
 
+            .status{
 
+                float: right;
 
+                font-size: 14px;
 
+                font-weight: bold;
 
+            }
 
+            .start{
 
+                color: #3cc234;
 
+            }
 
+            .unstart{
 
+                color: #118cb4;
 
+            }
 
+            .end{
 
+                color: #0d516d;
 
+            }
 
+            .pause{
 
+                color: #1f77fb;
 
+            }
 
+            .cancel{
 
+                color: #009944;
 
+            }
 
+        }
 
+    }
 
+    .match{
 
+        .match-item{
 
+            float: left;
 
+            width: 33.33%;
 
+            text-align: center;
 
+            img{
 
+                width: 56px;
 
+                height: auto;
 
+            }
 
+        }
 
+        .score{
 
+            padding-top: 54px;
 
+            text-align: center;
 
+            font-size: 30px;
 
+            color: #0d516d;
 
+            font-weight: bold;
 
+            span{
 
+               
+                font-weight: bold;
 
+                vertical-align: middle;
 
+                &.light{
 
+                    color: #13d5d3;
 
+                }
 
+            }
 
+        }
 
+        .title{
 
+            color: #fff;
 
+            font-size: 16px;
 
+            padding: 25px 0 8px 0;
 
+        }
 
+    }
 
+    .match-precent{
 
+        display: none;
 
+        height: 26px;
 
+        &.pre-hidden{
 
+            visibility: hidden;
 
+        }
 
+        .progress{
 
+            margin-top: 10px;
 
+            width: 50%;
 
+            .length{
 
+                height: 4px;
 
+                display: inline-block;
 
+                vertical-align: middle;
 
+                &.red{
 
+                    background-color: #ba0632;
 
+                    // width: 80px;
 
+                }
 
+                &.blue{
 
+                    background-color: #39b932;
 
+                    // width: 20px;
 
+                }
 
+            }
 
+            .num{
 
+                display: inline-block;
 
+                color: #fff;
 
+                font-size: 12px;
 
+                width: 32px;
 
+            }
 
+        }
 
+        .left{
 
+            float: left;
 
+        }
 
+        .right{
 
+            float: right;
 
+            text-align: right;
 
+            .num{
 
+                text-align: left;
 
+            }
 
+        }
 
+    }
 
+    .match-res-title{
 
+        &.hidden{
 
+            visibility: hidden;
 
+        }
 
+        color: #fff;
 
+        font-size: 12px;
 
+        padding-left: 12px;
 
+        border-left: 4px solid #ba0632;
 
+        margin-top: 3px;
 
+    }
 
+    .team-btn-wrap{
 
+        margin-top: 14px;
 
+        .team-btn{
 
+            display: inline-block;
 
+            width: 104px;
 
+            height: 34px;
 
+            color: #ffffff;
 
+            font-size: 12px;
 
+            text-align: center;
 
+            line-height: 34px;
 
+            &:last-child{
 
+                float: right;
 
+            }
 
+            &.team-unselect{
 
+                background-color: #807d8c;
 
+                &:hover{
 
+                    background-color: #807d8c;
 
+                }
 
+            }
 
+        }
 
+        .red-team{
 
+            background-color: #d90639;
 
+            &:hover{
 
+                background-color: #b7052f;
 
+            }
 
+        }
 
+        .blue-team{
 
+            background-color: #39b932;
 
+            &:hover{
 
+                background-color: #29a922;
 
+            }
 
+        }
 
+        .end-team{
 
+            &:nth-child(1){
 
+                border: 1px #13D5D3 solid;
 
+                color: #13d5d3;
 
+                &:hover{
 
+                    background-color: #0C3A52;
 
+                    text-decoration: none;
 
+                }
 
+            }
 
+            &:nth-child(2){
 
+                border: 1px #13D5D3 solid;
 
+                background-color: #13D5D3;
 
+                color: #0b2540;
 
+                &:hover{
 
+                    border-color: #16F0EC;
 
+                    background-color: #16F0EC;
 
+                    text-decoration: none;
 
+                }
 
+            }
 
+            &:hover{
 
+                background-color: #65636f;
 
+            }
 
+        }
 
+    }
 
+    .match-guess-btn{
 
+        display: none;
 
+        height: 30px;
 
+        line-height: 30px;
 
+        color: #47b7e9;
 
+        font-size: 12px;
 
+        text-align: center;
 
+        cursor: pointer;
 
+        border-top: 1px solid #3364b0;
 
+        &:hover{
 
+            filter: brightness(2);
 
+        }
 
+    }
 
+    .match-guess-btn_m{
 
+        display: none;
 
+        height: 30px;
 
+        line-height: 30px;
 
+        background-color: #807d8c;
 
+        color: #ffffff;
 
+        font-size: 12px;
 
+        text-align: center;
 
+        cursor: pointer;
 
+    }
 
+}
 
+.week-select{
 
+    .week-btn-wrap{
 
+        float: left;
 
+        width: 90%;
 
+        // display: flex;
 
+        height: 38px;
 
+        overflow: hidden;
 
+        .btn{
 
+            float: left;
 
+            margin-right: 3px;
 
+            margin-bottom: 3px;
 
+            width: 104px;
 
+        }
 
+        &.showmore{
 
+            height: auto;
 
+        }
 
+    }
 
+    .btn-more{
 
+        float: left;
 
+        width: 10%;
 
+    }
 
+    .btn {
 
+        height: 38px;
 
+        line-height: 38px;
 
+        cursor: pointer;
 
+        text-align: center;
 
+        font-size: 14px;
 
+        color: #47b7e9;
 
+        font-weight: 500;
 
+        background-color: #111d43;
 
+        border-radius: 3px;
 
+        transition: all 0.3s ease;
 
+        &:hover{
 
+            background-color: #47b7e9;
 
+            color: #111d43;
 
+        }
 
+        &.active{
 
+            background-color: #47b7e9;
 
+            color: #111d43;
 
+        }
 
+    }
 
+}
 
+.arrow-down-icon{
 
+    display: inline-block;
 
+    margin-left: 4px;
 
+    width: 9px;
 
+    height: 6px;
 
+    background: url(//pub.dwstatic.com/zt2018/lolrise//img/down.png);
 
+    vertical-align: middle;
 
+    &.rotate{
 
+        transform: rotate(180deg);
 
+    }
 
+}
 
+.match-guess-wrap{
 
+    padding: 0 20px 20px 20px;
 
+    display: none;
 
+    border-left: 1px solid #3364b0;
 
+    border-right:1px solid #3364b0 ;
 
+    .que-item{
 
+        .que-title{
 
+            font-size: 12px;
 
+            color: #fff;
 
+            font-weight: bold;
 
+            padding-left: 16px;
 
+            position: relative;
 
+            line-height: 1.6;
 
+            span{
 
+                display: block;
 
+                color: #3364b0;
 
+            }
 
+            ::before{
 
+                content: '';
 
+                position: absolute;
 
+                width: 2px;
 
+                height: 4px;
 
+                background-color: #fff;
 
+                left: 0;
 
+                top: 8px;
 
+            }
 
+        }
 
+        .tips{
 
+            font-size: 12px;
 
+            color: #8c8b94;
 
+        }
 
+    }
 
+    .que-radio{
 
+        margin-top: 10px;
 
+        padding-left: 16px;
 
+        label{
 
+            display: flex;
 
+            align-items: center;
 
+            color: #ddd;
 
+            font-size: 12px;
 
+            margin-right: 15px;
 
+            margin-bottom: 6px;
 
+            input[type="radio"]{
 
+                -webkit-appearance: none;
 
+                width: 18px;
 
+                height: 18px;
 
+                border: 1px solid #3364B0;
 
+                border-radius: 2px;
 
+                margin-right: 10px;
 
+            }
 
+            input[type="radio"]:checked{
 
+                background: url(//pub.dwstatic.com/zt2018/lolrise//img/ok.png) no-repeat;
 
+            }
 
+        }
 
+    }
 
+    .submit-btn{
 
+        display: inline-block;
 
+        width: 100%;
 
+        height: 34px;
 
+        color: #111d43;
 
+        font-size: 14px;
 
+        text-align: center;
 
+        line-height: 34px;
 
+        background-color: #47B7E9;
 
+        margin-top: 10px;
 
+        cursor: pointer;
 
+        outline: 0;
 
+        border: 0;
 
+        position: relative;
 
+        &::before{
 
+            content: '';
 
+            position: absolute;
 
+            left: 3px;
 
+            top: 6px;
 
+            display: block;
 
+            width: 2px;
 
+            height: 22px;
 
+            background-color: #111d43;
 
+        }
 
+        &::after{
 
+            content: '';
 
+            position: absolute;
 
+            right: 3px;
 
+            top: 6px;
 
+            display: block;
 
+            width: 2px;
 
+            height: 22px;
 
+            background-color: #111d43;
 
+        }
 
+        &:hover{
 
+            background-color: #B3E2F4;;
 
+        }
 
+        &.disabled{
 
+            pointer-events: none;
 
+            cursor: default;
 
+            opacity: 0.6;
 
+        }
 
+    }
 
+}
 
+.page-stake .match-container .match {
 
+    overflow: hidden;
 
+}
 
+@media screen and (max-width: 750px){
 
+    .page-stake{
 
+        padding: 0 38px;
 
+    }
 
+    .page-stake-main1 .page-stake .week-select .btn{
 
+        width: 60px;
 
+        color: #47b7e9;
 
+        margin-bottom: 10px;
 
+        &.active{
 
+            background-color: #47b7e9;
 
+            color: #333;
 
+        }
 
+    }
 
+    .week-select .btn{
 
+        height: 28px;
 
+        line-height: 28px;
 
+    }
 
+    .btn-more{
 
+        font-size: 12px !important;
 
+    }
 
+    .week-select{
 
+        display: flex;
 
+    }
 
+    .page-stake .match-container{
 
+        padding: 10px;
 
+        background: #111d43;
 
+        border: none;
 
+    }
 
+    .page-stake .top-swiper-slide .title{
 
+        color: #fff;
 
+        padding-top: 20px;
 
+    }
 
+    .page-stake .top-swiper-slide .info .date{
 
+        color: #ddd;
 
+    }
 
+    .page-stake .top-swiper-slide .info{
 
+        display: flex;
 
+        align-items: center;
 
+        justify-content: space-between;
 
+        border-bottom: 1px solid #0B3C53;
 
+    }
 
+    .page-stake .top-swiper-slide .info .date{
 
+        margin-right: 1vw;
 
+    }
 
+    .page-stake .match .score{
 
+        font-size: 22px;
 
+        text-indent: 1vw;
 
+        margin-left: 1vw;
 
+    }
 
+    .page-stake .match-res-title{
 
+        padding-left: 1vw;
 
+        border-left: 2px solid #fff;
 
+        color: #fff;
 
+    }
 
+    .page-stake-main1 .page-stake .team-btn-wrap .team-btn{
 
+        width: 46%;
 
+    }
 
+    .page-stake .match-precent .progress .length.blue{
 
+        background-color: #39b932;
 
+    }
 
+    .page-stake-main1 .page-stake .match-guess-btn{
 
+        background-color: #111d43;
 
+    }
 
+    .page-stake .top-swiper-slide{
 
+        border: 1px solid #3364b0;
 
+    }
 
+    .swiper-container-android .top-swiper-slide, .swiper-wrapper{
 
+        background-color: transparent;
 
+    }
 
+    .match-guess-wrap{
 
+        background-color: #111d43;
 
+        padding: 10px;
 
+        border: none;
 
+    }
 
+    .match-guess-wrap .que-item .que-title{
 
+        color: #fff;
 
+        padding-left: 1vw;
 
+    }
 
+    .match-guess-wrap .que-item .que-title ::before{
 
+        width: 2px;
 
+        height: 12px;
 
+        background-color: #fff;
 
+        top: 4px;
 
+    }
 
+    .match-guess-wrap .que-item .tips{
 
+        display: block;
 
+    }
 
+    .match-guess-wrap .que-radio{
 
+        padding-left: 1vw;
 
+    }
 
+    .match-guess-wrap .que-radio label{
 
+        color: #fff;
 
+    }
 
+    .match-guess-wrap .submit-btn{
 
+        width: 100%;
 
+        background-color: #47b7e9;
 
+        color: #111d43;
 
+        border-radius: 3px;
 
+    }
 
+    .page-stake-main1 .page-stake .top-swiper-slide{
 
+        background-color: #111d43;
 
+    }
 
+    .page-stake .team-btn-wrap .end-team:nth-child(1){
 
+        background-image: none;
 
+    }
 
+    .page-stake-main1 .swiper-button-next{
 
+        right: 9px;
 
+    }
 
+    .page-stake-main1 .swiper-button-prev{
 
+        left: 9px;
 
+    }
 
+}
 
+
 
+.guess-tag {
 
+    position: absolute;
 
+    height: 109px;
 
+    width: 34px;
 
+    padding: 0 7px 0 9px;
 
+    background: #071828 url(../img/deMarcia/guess-tag.png) no-repeat;
 
+    background-size: 100% 100%;
 
+    box-sizing: border-box;
 
+    color: #13d5d3;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+    text-align: center;
 
+    font-size: 13px;
 
+    line-height: 16px;
 
+    cursor: pointer;
 
+    transition: all 0.3s ease;
 
+    z-index: 2;
 
+    left: -34px;
 
+    bottom: 0;
 
+    &:hover{
 
+        transform: translate3d(-1px, -5px, 0);
 
+        text-decoration: none;
 
+    }
 
+    @media screen and (max-width: 750px) {
 
+        display: none;
 
+    }
 
+}
 
+ .page-stake-main1 {
 
+     background-color: transparent;
 
+     .page-stake{
 
+         padding: 0 !important
 
+     }
 
+ }
 
+
 
+ @media screen and (max-width: 750px) {
 
+     .page-stake .match-container {
 
+         padding: 16px 7px 15px;
 
+     }
 
+
 
+     .page-stake .top-swiper-slide .title {
 
+         padding-top: 0;
 
+     }
 
+
 
+     .page-stake .top-swiper-slide .info {
 
+         padding: 15px 0 8px;
 
+     }
 
+
 
+     .page-stake .top-swiper-slide .match-item {
 
+         padding: 15px 0 0px;
 
+     }
 
+
 
+     .page-stake .team-btn-wrap {
 
+        //  margin-top: 0;
 
+     }
 
+
 
+     .page-stake .team-btn-wrap .end-team:nth-child(1) {
 
+         background-color: transparent;
 
+     }
 
+
 
+     .page-stake-main1 .page-stake .team-btn-wrap .team-btn {
 
+         width: 60px;
 
+         height: 28px;
 
+         line-height: 28px;
 
+         vertical-align: bottom;
 
+         font-size: 12px;
 
+         text-decoration: none;
 
+     }
 
+
 
+     .page-stake .match .match-item img {
 
+         width: 26px;
 
+     }
 
+
 
+     .page-stake .match .score {
 
+         font-size: 18px;
 
+         padding-top: 36px;
 
+         margin-left: 0;
 
+     }
 
+ }

+ 21 - 16
2018专题/德玛西亚杯/src/sass/global.scss
View File 

@@ -9,15 +9,17 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
 @import "lego/base";
 
 @import "lego/base";
 
 @import "base/mixins";
 
 @import "base/mixins";
 
 @import "base/ui-dialog";
 
 @import "base/ui-dialog";
 
-
 
+@import "./deMarcia.scss";
 
 .clearfix {
 
 .clearfix {
 
     *zoom: 1;
 
     *zoom: 1;
 
 }
 
 }
 
-
 
+body a {
 
+    outline: none !important;
 
+}
 
 .clearfix:after,.clearfix:before {
 
 .clearfix:after,.clearfix:before {
 
     content: "";
 
     content: "";
 
     display: table;
 
     display: table;
 
-    line-height: 0;
 
+    line-height: 0; 
 }
 
 }
 
 
 
 .clearfix:after {
 
 .clearfix:after {
 
@@ -155,19 +157,11 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
                     &:hover,
 
                     &:hover,
 
                     &.is-active {
 
                     &.is-active {
 
                        
                        
-                        background: url(/src/img/menu_active.png) no-repeat bottom center;
 
+                        background: url(/src/img/menu-active.png) no-repeat bottom center;
 
                         a{  
                         a{  
                             position: relative;
 
                             position: relative;
 
                             color: #fff;
 
                             color: #fff;
 
-                             &::after {
 
-                                 content: '';
 
-                                 position: absolute;
 
-                                 height: 92px;
 
-                                 width: 100%;
 
-                                 left: 0;
 
-                                 top: 0;
 
-
 
-                             }
 
+                            
                         }
 
                         }
 
                     }
 
                     }
 
                     a {
 
                     a {
 
@@ -377,6 +371,9 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
                                 @include ellipsis;
 
                                 @include ellipsis;
 
                                 max-width: 45%;
 
                                 max-width: 45%;
 
                                 display: inline-block;
 
                                 display: inline-block;
 
+                                &:hover{
 
+                                    color: $showColor;
 
+                                }
 
                             }
 
                             }
 
                             span{
 
                             span{
 
                                 margin: 0 5px;
 
                                 margin: 0 5px;
 
@@ -656,6 +653,7 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
                                 left: 0;
 
                                 left: 0;
 
                                 width: 100%;
 
                                 width: 100%;
 
                                 text-align: center;
 
                                 text-align: center;
 
+                                color: #d2e4ec;
 
                             }
 
                             }
 
                         }
 
                         }
 
                         
                         
@@ -712,7 +710,7 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
                             }
 
                             }
 
 
 
                             .team_name {
 
                             .team_name {
 
-
 
+                                color: #bb253e;
 
                                 background: #43181f;
 
                                 background: #43181f;
 
                             }
 
                             }
 
 
 
@@ -736,6 +734,7 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
                             .time{
 
                             .time{
 
                                 float: left;
 
                                 float: left;
 
                                 line-height: 20px;
 
                                 line-height: 20px;
 
+                                color: #1081a6;
 
                             }
 
                             }
 
                             .video{
 
                             .video{
 
                                 float: right;
 
                                 float: right;
 
@@ -888,11 +887,11 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
                         .line {
 
                         .line {
 
                             position: relative;
 
                             position: relative;
 
                             width: 36px;
 
                             width: 36px;
 
-                            height: 333px;
 
+                            height: 324px;
 
                             border: 1px solid #411d23;
 
                             border: 1px solid #411d23;
 
                             border-left: none;
 
                             border-left: none;
 
                             border-top: none;
 
                             border-top: none;
 
-                            margin-top: -178px;
 
+                            margin-top: -174px;
 
 
 
                             
                             
 
 
@@ -913,6 +912,7 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
 
 
                             .team_name {
 
                             .team_name {
 
                                 background: #43181f;
 
                                 background: #43181f;
 
+                                color: #951b2f;
 
                             }
 
                             }
 
 
 
                             .team_score {
 
                             .team_score {
 
@@ -937,6 +937,7 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
                             .team_name {
 
                             .team_name {
 
 
 
                                 background: #262a2f;
 
                                 background: #262a2f;
 
+                                color: #585a5d;
 
                             }
 
                             }
 
 
 
                             .team_score {
 
                             .team_score {
 
@@ -1077,4 +1078,8 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
             }
 
             }
 
         }
 
         }
 
     }
 
     }
 
+}
 
+.pc-page-index .page-inner .tournament_schedule .match-map ul .team_vs .team_detail .report.hide,
 
+.pc-page-index .page-inner .tournament_schedule .match-map ul .team_vs .team_detail .video.hide {
 
+    display: none;
 
 }
 
 }

+ 59 - 0
2018专题/德玛西亚杯/src/sass/media.scss
View File 

@@ -0,0 +1,59 @@
 
+@media screen and (max-width: 750px) {
 
+
 
+    .page-stake-main1{
 
+        // width: inherit !important;
 
+            margin: 0 !important;
 
+    }
 
+
 
+    /* 轮播 */
 
+    .page-stake{
 
+        padding: 10px;
 
+    }
 
+    .page-stake .match-container {
 
+        padding: 10px;
 
+    }
 
+    .page-stake .top-swiper-slide .info .date{
 
+        margin-right: 2px;
 
+    }
 
+    .page-stake .top-swiper-slide .info .status{
 
+        font-size: 12px;
 
+        margin-top: 3px;
 
+    }
 
+    .page-stake .match .match-item img{
 
+        width: 32px;
 
+        display: inline-block;
 
+        margin-top: 4px;
 
+    }
 
+    .page-stake .match-res-title{
 
+        padding-left: 6px;
 
+        margin-top: 7px;
 
+    }
 
+    .page-stake .team-btn-wrap .team-btn{
 
+        width: 60px;
 
+        height: 30px;
 
+        line-height: 30px;
 
+    }
 
+    .page-stake .top-swiper-slide .title{
 
+        font-size: 12px;
 
+    }
 
+    .page-stake .match .score {
 
+        padding-top: 40px;
 
+    }
 
+    .week-select .week-btn-wrap{
 
+        width: 80%;
 
+        height: 28px;
 
+    }
 
+    .week-select .btn-more{
 
+        height: 28px;
 
+        line-height: 28px;
 
+        width: 20%;
 
+        border-radius: 2px;
 
+    }
 
+    .week-select .week-btn-wrap .btn{
 
+        line-height: 28px;
 
+        height: 28px;
 
+        width: 24%;
 
+        margin-right: 1%;
 
+        border-radius: 2px;
 
+    }
 
+}

+ 616 - 0
2018专题/德玛西亚杯/src/sass/swiper.css
View File 

@@ -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/arrow-left-icon.png');
 
+  left: 4px;
 
+  right: auto;
 
+}
 
+.swiper-button-next,
 
+.swiper-container-rtl .swiper-button-prev {
 
+  background-image: url('../img/arrow-right-icon.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;
 
+}

Some files were not shown because too many files changed in this diff