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
56f3f781b1
commit
391741737b
13 changed files with 1065 additions and 21 deletions
Unified View Show Diff Stats
  1. 30 0
      2018专题/1812超梦西游/src/_wap.html
  2. 0 0
      2018专题/1812超梦西游/src/img/bg-star.png
  3. BIN
      2018专题/1812超梦西游/src/img/mp/bg-bottom.jpg
  4. 1 1
      2018专题/1812超梦西游/src/sass/global.scss
  5. 64 0
      2018专题/1812超梦西游/src/sass/wap.scss
  6. 486 10
      2018专题/德玛西亚杯/src/_index.html
  7. 63 10
      2018专题/德玛西亚杯/src/_wap.html
  8. BIN
      2018专题/德玛西亚杯/src/img/bg-more-h.png
  9. BIN
      2018专题/德玛西亚杯/src/img/bg-more.png
  10. BIN
      2018专题/德玛西亚杯/src/img/video_play.png
  11. BIN
      2018专题/德玛西亚杯/src/img/wap/bg.jpg
  12. BIN
      2018专题/德玛西亚杯/src/img/winner.png
  13. 421 0
      2018专题/德玛西亚杯/src/sass/global.scss

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

@@ -19,6 +19,9 @@
 
 
 
 <body>
 
 <body>
 
     <div class="page-wap">
 
     <div class="page-wap">
 
+        <div class="mod-download">
 
+            <a href="#" target="_blank" class="btn-download">下载游戏</a>
 
+        </div>
 
         <div class="mod-banner">
 
         <div class="mod-banner">
 
             <img src="/src/img/mp/bg-banner1.jpg" alt="" />
 
             <img src="/src/img/mp/bg-banner1.jpg" alt="" />
 
             <img src="/src/img/mp/bg-banner2.jpg" alt="" class="hide" />
 
             <img src="/src/img/mp/bg-banner2.jpg" alt="" class="hide" />
 
@@ -64,28 +67,55 @@
 
                             <img src="/src/img/gift-img1.png" alt="" />
 
                             <img src="/src/img/gift-img1.png" alt="" />
 
                         </div>
 
                         </div>
 
                         <p class="item-text">贵族20</p>
 
                         <p class="item-text">贵族20</p>
 
+                        <a href="#" class="btn-change">兑换</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
 
                         <div class="item-cover">
 
                         <div class="item-cover">
 
                             <img src="/src/img/gift-img2.png" alt="" />
 
                             <img src="/src/img/gift-img2.png" alt="" />
 
                         </div>
 
                         </div>
 
                         <p class="item-text">元宝</p>
 
                         <p class="item-text">元宝</p>
 
+                        <a href="#" class="btn-change">兑换</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
 
                         <div class="item-cover">
 
                         <div class="item-cover">
 
                             <img src="/src/img/gift-img3.png" alt="" />
 
                             <img src="/src/img/gift-img3.png" alt="" />
 
                         </div>
 
                         </div>
 
                         <p class="item-text">银币无限</p>
 
                         <p class="item-text">银币无限</p>
 
+                        <a href="#" class="btn-change">兑换</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
 
                         <div class="item-cover">
 
                         <div class="item-cover">
 
                             <img src="/src/img/gift-img4.png" alt="" />
 
                             <img src="/src/img/gift-img4.png" alt="" />
 
                         </div>
 
                         </div>
 
                         <p class="item-text">赤鲲</p>
 
                         <p class="item-text">赤鲲</p>
 
+                        <a href="#" class="btn-change">兑换</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
 
         </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>
 
     </div>
 
     <script src="lib/mod.js"></script>
 
     <script src="lib/mod.js"></script>
 
 </body>
 
 </body>

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


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


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

@@ -187,7 +187,7 @@ body {
 
                     font-size: 16px;
 
                     font-size: 16px;
 
                     line-height: 36px;
 
                     line-height: 36px;
 
                     padding-left: 18px;
 
                     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{
 
                 .tip{
 
                     font-size: 14px;
 
                     font-size: 14px;

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

@@ -50,6 +50,27 @@ img{
 
 
 
 .page-wap{
 
 .page-wap{
 
     font-family: '微软雅黑';
 
     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{
 
     .gift-wrap{
 
         position: relative;
 
         position: relative;
 
         .list-gift{
 
         .list-gift{
 
@@ -84,8 +105,51 @@ img{
 
                         text-align: center;
 
                         text-align: center;
 
                         margin-top: px2rem(13);
 
                         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
View File 

@@ -83,7 +83,7 @@
 
             <!-- end菜单 -->
 
             <!-- end菜单 -->
 
         </div>
 
         </div>
 
         <!-- banner结束 -->
 
         <!-- banner结束 -->
 
-       
+
 
 
 
 
 
         <div class="page-inner">
 
         <div class="page-inner">
 
@@ -95,7 +95,7 @@
 
             <!-- start主体内容 -->
 
             <!-- start主体内容 -->
 
             <div class="mod-main">
 
             <div class="mod-main">
 
                 <div class="main-left fl">
 
                 <div class="main-left fl">
 
-                   
+
 
                     <!-- start滚动图 -->
 
                     <!-- start滚动图 -->
 
                     <div class="mod-slider" data-role="mod-slider">
 
                     <div class="mod-slider" data-role="mod-slider">
 
                         <div class="slider-main">
 
                         <div class="slider-main">
 
@@ -147,7 +147,7 @@
 
                                 </li>
 
                                 </li>
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
-                    </div> 
+                    </div>
 
                     <!-- end滚动图 -->
 
                     <!-- end滚动图 -->
 
                     <!-- start德玛西亚视频 -->
 
                     <!-- start德玛西亚视频 -->
 
                     <div class="mod-video mt20">
 
                     <div class="mod-video mt20">
 
@@ -242,7 +242,7 @@
 
                                         </div>
 
                                         </div>
 
                                     </a>
 
                                     </a>
 
                                 </li>
 
                                 </li>
 
-                               
+
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
@@ -296,7 +296,7 @@
 
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL</a>
 
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL</a>
 
                                             <span>08-20</span>
 
                                             <span>08-20</span>
 
                                         </li>
 
                                         </li>
 
-                                    
+
 
                                         <li>
 
                                         <li>
 
                                             <i></i>
 
                                             <i></i>
 
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL今日首发</a>
 
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL今日首发</a>
 
@@ -322,7 +322,7 @@
 
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL</a>
 
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL</a>
 
                                             <span>08-20</span>
 
                                             <span>08-20</span>
 
                                         </li>
 
                                         </li>
 
-                                    
+
 
                                         <li>
 
                                         <li>
 
                                             <i></i>
 
                                             <i></i>
 
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL今日首发</a>
 
                                             <a href="#" target="_blank">LPL今日首发：Pepper携957对阵AlexLPL今日首发</a>
 
@@ -372,7 +372,7 @@
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <!-- end新闻 -->
 
                     <!-- end新闻 -->
 
-                   
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <!-- end主体内容 -->
 
             <!-- end主体内容 -->
 
@@ -380,10 +380,486 @@
 
             <div class="tournament_schedule">
 
             <div class="tournament_schedule">
 
                 <div class="mod-title">
 
                 <div class="mod-title">
 
                     <h2><span>赛事进度</span></h2>
 
                     <h2><span>赛事进度</span></h2>
 
-                    
+
 
                 </div>
 
                 </div>
 
                 <div class="match-map">
 
                 <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>
 
                 </div>
 
 
 
 
 
@@ -392,7 +868,7 @@
 
             <!-- 精彩图集开始 -->
 
             <!-- 精彩图集开始 -->
 
             <div class="wonderful_atlas">
 
             <div class="wonderful_atlas">
 
                 <div class="mod-title">
 
                 <div class="mod-title">
 
-                     <h2><span>精彩图集</span></h2>
 
+                    <h2><span>精彩图集</span></h2>
 
                 </div>
 
                 </div>
 
                 <div class="allstar-pic__bd">
 
                 <div class="allstar-pic__bd">
 
                     <div class="allstar-pic__left">
 
                     <div class="allstar-pic__left">

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

@@ -247,10 +247,10 @@
 
     
     
     <!-- banner -->
 
     <!-- banner -->
 
     <div class="mod-banner">
 
     <div class="mod-banner">
 
-        <img src="/src/img/wap/bg.jpg" alt="" />
 
+        <img src="/src/img/wap/bg-banner.jpg" alt="" />
 
     </div>
 
     </div>
 
     
     
-    
+    <div class="mod-main">
 
     <div class="page-stake-main">
 
     <div class="page-stake-main">
 
   <div class="page-stake" data-group="day" data-match="LPL">
 
   <div class="page-stake" data-group="day" data-match="LPL">
 
   <div class="week-select clearfix">
 
   <div class="week-select clearfix">
 
@@ -510,9 +510,9 @@
 
    
    
     <div class="wap-page-main">
 
     <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>
 
                 <a href="#">[全球总决赛票务信息公布]</a>
 
                 <span>|</span>
 
                 <span>|</span>
 
                 <a href="#">[JDG全员真情告白]</a>
 
                 <a href="#">[JDG全员真情告白]</a>
 
@@ -526,35 +526,30 @@
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <div class="txtbox">
 
                         <div class="txtbox">
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
-                            <p>赛程紧密恐怕影响选手状态</p>
 
                         </div>
 
                         </div>
 
                     </a></li>
 
                     </a></li>
 
                     <li class="swiper-slide"><a href="#">
 
                     <li class="swiper-slide"><a href="#">
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <div class="txtbox">
 
                         <div class="txtbox">
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
-                            <p>赛程紧密恐怕影响选手状态</p>
 
                         </div>
 
                         </div>
 
                     </a></li>
 
                     </a></li>
 
                     <li class="swiper-slide"><a href="#">
 
                     <li class="swiper-slide"><a href="#">
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <div class="txtbox">
 
                         <div class="txtbox">
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
-                            <p>赛程紧密恐怕影响选手状态</p>
 
                         </div>
 
                         </div>
 
                     </a></li>
 
                     </a></li>
 
                     <li class="swiper-slide"><a href="#">
 
                     <li class="swiper-slide"><a href="#">
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <div class="txtbox">
 
                         <div class="txtbox">
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
-                            <p>赛程紧密恐怕影响选手状态</p>
 
                         </div>
 
                         </div>
 
                     </a></li>
 
                     </a></li>
 
                     <li class="swiper-slide"><a href="#">
 
                     <li class="swiper-slide"><a href="#">
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <img src="/src/img/slider-img1.jpg" alt="" />
 
                         <div class="txtbox">
 
                         <div class="txtbox">
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
                             <h3>LPL为亚运会调整赛程 网友称别影响SB</h3>
 
-                            <p>赛程紧密恐怕影响选手状态</p>
 
                         </div>
 
                         </div>
 
                     </a></li>
 
                     </a></li>
 
                 </ul>
 
                 </ul>
 
@@ -659,8 +654,66 @@
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>
 
         </div>
 
         </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>
 
    
    
+    </div>
 
     <script src="lib/mod.js"></script>
 
     <script src="lib/mod.js"></script>
 
     <script>
 
     <script>
 
         require('modules/page/wap.js');
 
         require('modules/page/wap.js');

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


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


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


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


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


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

@@ -516,6 +516,427 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
 
             width: 1136px;
 
             width: 1136px;
 
             margin: 0 auto;
 
             margin: 0 auto;
 
             margin-top: 80px;
 
             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{
 
         .wonderful_atlas{
 
             width: 1136px;
 
             width: 1136px;