xiesj 6 년 전
부모
커밋
391741737b

+ 30 - 0
2018专题/1812超梦西游/src/_wap.html

@@ -19,6 +19,9 @@
 
 <body>
     <div class="page-wap">
+        <div class="mod-download">
+            <a href="#" target="_blank" class="btn-download">下载游戏</a>
+        </div>
         <div class="mod-banner">
             <img src="/src/img/mp/bg-banner1.jpg" alt="" />
             <img src="/src/img/mp/bg-banner2.jpg" alt="" class="hide" />
@@ -64,28 +67,55 @@
                             <img src="/src/img/gift-img1.png" alt="" />
                         </div>
                         <p class="item-text">贵族20</p>
+                        <a href="#" class="btn-change">兑换</a>
                     </li>
                     <li>
                         <div class="item-cover">
                             <img src="/src/img/gift-img2.png" alt="" />
                         </div>
                         <p class="item-text">元宝</p>
+                        <a href="#" class="btn-change">兑换</a>
                     </li>
                     <li>
                         <div class="item-cover">
                             <img src="/src/img/gift-img3.png" alt="" />
                         </div>
                         <p class="item-text">银币无限</p>
+                        <a href="#" class="btn-change">兑换</a>
                     </li>
                     <li>
                         <div class="item-cover">
                             <img src="/src/img/gift-img4.png" alt="" />
                         </div>
                         <p class="item-text">赤鲲</p>
+                        <a href="#" class="btn-change">兑换</a>
                     </li>
                 </ul>
             </div>
         </div>
+        <div class="mod-special">
+            <div class="special-inner">
+                <ul>
+                    <li>开局送稀有宠物-绝世赤鲲,无限银币,绝对真实不忽悠;</li>
+                    <li>上线赠送贵族20专属特权,元宝18888(过完新手获得);</li>
+                    <li>充值比例:1:10(西游币)=200元宝</li>
+                    <li>首充任意金额送炫酷时装渣小辉,无限金币,鲲进化丹,大量水晶等;</li>
+                    <li>累计登录送鲲,登录二天送炫酷火箭坐骑,登录第三天100%获得“轮子魔女”,第八天送神品渣小辉时装;</li>
+                    <li>新增无限资源阁,一次购买,终身有效!各种档次任君选择!每日资源不断,体验无限的快感!</li>
+                    <li>每天在线都可以8次抽奖,领取豪华大礼</li>
+                    <li>全球首创回合制跨服排位赛;</li>
+                    <li>新增官职系统,加官进爵</li>
+                    <li>宠物进化:进化全靠吞</li>
+                    <li>每天登录送大礼,天天有惊喜!</li>
+                    <li>更多PVP,PVE玩法等你来体验;</li>
+                    <li>新增副本,挑战渣小辉得大量经验&功勋</li>
+                    <li>新增boss,巨鲲长安城来袭</li>
+                    <li>新增宠物玩法,进化觉醒功能开放,造型百变</li>
+                    <li>经典回合,战斗数值体现重做</li>
+                </ul>
+                <p class="tip">返利方式:邮件到账</p>
+            </div>
+        </div>
     </div>
     <script src="lib/mod.js"></script>
 </body>

+ 0 - 0
2018专题/1812超梦西游/src/img/pc/bg-star.png → 2018专题/1812超梦西游/src/img/bg-star.png


BIN
2018专题/1812超梦西游/src/img/mp/bg-bottom.jpg


+ 1 - 1
2018专题/1812超梦西游/src/sass/global.scss

@@ -187,7 +187,7 @@ body {
                     font-size: 16px;
                     line-height: 36px;
                     padding-left: 18px;
-                    background: url(../img/pc/bg-star.png) left center no-repeat;
+                    background: url(../img/bg-star.png) left center no-repeat;
                 }
                 .tip{
                     font-size: 14px;

+ 64 - 0
2018专题/1812超梦西游/src/sass/wap.scss

@@ -50,6 +50,27 @@ img{
 
 .page-wap{
     font-family: '微软雅黑';
+    padding-bottom: px2rem(100);
+    background: #090D15;
+    .mod-download{
+        height: px2rem(100);
+        width: 100%;
+        background: #860000;
+        position: fixed;
+        z-index: 999;
+        bottom: 0;
+        left: 0;
+        a{
+            height: 100%;
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: px2rem(32);
+            color: #ffd37f;
+            font-weight: bold;
+        }
+    }
     .gift-wrap{
         position: relative;
         .list-gift{
@@ -84,8 +105,51 @@ img{
                         text-align: center;
                         margin-top: px2rem(13);
                     }
+                    .btn-change{
+                        height: px2rem(60);
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        background: -webkit-linear-gradient(#c53232, #710000);
+                        background: -o-linear-gradient(#c53232, #710000);
+                        background: linear-gradient(#c53232, #710000);
+                        border-radius: px2rem(20);
+                        font-size: px2rem(24);
+                        color: #ffd28c;
+                        font-weight: bold;
+                        text-shadow: 0 1px 2px rgba(#210c00, 0.75);
+                        margin-top: px2rem(12);
+                        box-shadow: px2rem(2) px2rem(4) 0 #410000, -px2rem(2) px2rem(4) 0 #410000;
+                        &:hover{
+                            text-decoration: none;
+                        }
+                    }
                 }
             }
         }
     }
+    .mod-special{
+        background: url(../img/mp/bg-bottom.jpg) top center no-repeat;
+        background-size: 100% 100%;
+        color: #b3b3b3;
+        padding: px2rem(10) 0 px2rem(51);
+        overflow: hidden;
+        ul{
+            width: 90.66%;
+            margin: 0 auto;
+            font-size: px2rem(24);
+            line-height: px2rem(40);
+            li{
+                padding-left: px2rem(27);
+                background: url(../img/bg-star.png) left px2rem(11) no-repeat;
+                background-size: px2rem(19) px2rem(17);
+            }
+        }
+        .tip{
+            font-size: px2rem(20);
+            line-height: px2rem(30);
+            text-align: center;
+            margin-top: px2rem(47);
+        }
+    }
 }

+ 486 - 10
2018专题/德玛西亚杯/src/_index.html

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

+ 63 - 10
2018专题/德玛西亚杯/src/_wap.html

@@ -247,10 +247,10 @@
     
     <!-- banner -->
     <div class="mod-banner">
-        <img src="/src/img/wap/bg.jpg" alt="" />
+        <img src="/src/img/wap/bg-banner.jpg" alt="" />
     </div>
     
-    
+    <div class="mod-main">
     <div class="page-stake-main">
   <div class="page-stake" data-group="day" data-match="LPL">
   <div class="week-select clearfix">
@@ -510,9 +510,9 @@
    
     <div class="wap-page-main">
         <!-- 置顶新闻 -->
-        <div class="mod-hot-new">
-            <h2><a href="#">亚运会中国队定妆照公布 香锅:我很方</a></h2>
-            <p>
+        <div class="top-new">
+            <h2 class="top-new-tit"><a href="#">亚运会中国队定妆照公布 香锅:我很方</a></h2>
+            <p class="top-new-sub">
                 <a href="#">[全球总决赛票务信息公布]</a>
                 <span>|</span>
                 <a href="#">[JDG全员真情告白]</a>
@@ -526,35 +526,30 @@
                         <img src="/src/img/slider-img1.jpg" alt="" />
                         <div class="txtbox">
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
                         </div>
                     </a></li>
                     <li class="swiper-slide"><a href="#">
                         <img src="/src/img/slider-img1.jpg" alt="" />
                         <div class="txtbox">
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
                         </div>
                     </a></li>
                     <li class="swiper-slide"><a href="#">
                         <img src="/src/img/slider-img1.jpg" alt="" />
                         <div class="txtbox">
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
                         </div>
                     </a></li>
                     <li class="swiper-slide"><a href="#">
                         <img src="/src/img/slider-img1.jpg" alt="" />
                         <div class="txtbox">
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
                         </div>
                     </a></li>
                     <li class="swiper-slide"><a href="#">
                         <img src="/src/img/slider-img1.jpg" alt="" />
                         <div class="txtbox">
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
-                            <p>赛程紧密恐怕影响选手状态</p>
                         </div>
                     </a></li>
                 </ul>
@@ -659,8 +654,66 @@
                 </li>
             </ul>
         </div>
+        <div class="more-news">
+            <a href="#">点击查看更多</a>
+        </div>
+        <div class="mod-video">
+            <div class="mod-inner">
+                <ul>
+                    <li>
+                        <a href="#">
+                            <div class="imgbox">
+                                <img src="../img/video-img1.jpg" alt="" />
+                                <div class="float-info">
+                                    <span></span>
+                                    <em>14:18</em>
+                                </div>
+                            </div>
+                            <div class="txtbox">阿布谈出征德玛西亚:尽自己最大的努力,阿布谈出征德玛西亚:尽自己最大的努力阿布谈出征德玛西亚:尽自己最大的努力,阿布谈出征德玛西亚:尽自己最大的努力</div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <div class="imgbox">
+                                <img src="../img/video-img1.jpg" alt="" />
+                                <div class="float-info">
+                                    <span></span>
+                                    <em>14:18</em>
+                                </div>
+                            </div>
+                            <div class="txtbox">阿布谈出征德玛西亚:尽自己最大的努力,阿布谈出征德玛西亚:尽自己最大的努力阿布谈出征德玛西亚:尽自己最大的努力,阿布谈出征德玛西亚:尽自己最大的努力</div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <div class="imgbox">
+                                <img src="../img/video-img1.jpg" alt="" />
+                                <div class="float-info">
+                                    <span></span>
+                                    <em>14:18</em>
+                                </div>
+                            </div>
+                            <div class="txtbox">阿布谈出征德玛西亚:尽自己最大的努力,阿布谈出征德玛西亚:尽自己最大的努力阿布谈出征德玛西亚:尽自己最大的努力,阿布谈出征德玛西亚:尽自己最大的努力</div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <div class="imgbox">
+                                <img src="../img/video-img1.jpg" alt="" />
+                                <div class="float-info">
+                                    <span></span>
+                                    <em>14:18</em>
+                                </div>
+                            </div>
+                            <div class="txtbox">阿布谈出征德玛西亚:尽自己最大的努力,阿布谈出征德玛西亚:尽自己最大的努力阿布谈出征德玛西亚:尽自己最大的努力,阿布谈出征德玛西亚:尽自己最大的努力</div>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
     </div>
    
+    </div>
     <script src="lib/mod.js"></script>
     <script>
         require('modules/page/wap.js');

BIN
2018专题/德玛西亚杯/src/img/bg-more-h.png


BIN
2018专题/德玛西亚杯/src/img/bg-more.png


BIN
2018专题/德玛西亚杯/src/img/video_play.png


BIN
2018专题/德玛西亚杯/src/img/wap/bg.jpg


BIN
2018专题/德玛西亚杯/src/img/winner.png


+ 421 - 0
2018专题/德玛西亚杯/src/sass/global.scss

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