胜者组

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

@@ -48,37 +48,71 @@ String.prototype.mytrim = function(){
 // 随时提issues
 function initTab(){
     var $str = ""
+    // $(".scroeOne").on("mouseenter",".nav",function(){
+    //     $(".scroeOne .score-content").addClass("hide").removeClass("show")
+    //     $(this).addClass("active").siblings().removeClass("active")
+    //     $(".nav.active").each(function(index,val){
+    //         console.log($(val).attr("data-mt"))
+    //         $str += $(val).attr("data-mt") + "_"
+    //     })
+    //     $("[data-mt="+$str.slice(0,-1)+"]").addClass("show").removeClass("hide")
+    //     $str = ""
+    // })
 
-    $(".rankMainTag").on("mouseenter",".nav_item",function(){
-        var type= $(this).attr("data-mt")
-        $(this).addClass("active").siblings().removeClass("active")
-        $(".score-nav-sub").addClass("hide").removeClass("show")
-        $("[data-mt="+type+"]").addClass("show").removeClass("hide")
-        
-        // $("[data-mt="+$type+"]").addClass("show").removeClass("hide")
+    // $(".scroeTwo").on("mouseenter",".nav",function(){
+    //     $(".scroeOne .score-content").addClass("hide").removeClass("show")
+    //     $(this).addClass("active").siblings().removeClass("active")
+    //     $(".nav.active").each(function(index,val){
+    //         console.log($(val).attr("data-mt"))
+    //         $str += $(val).attr("data-mt") + "_"
+    //     })
+    //     $("[data-mt="+$str.slice(0,-1)+"]").addClass("show").removeClass("hide")
+    //     $str = ""
+    // })
+    console.log($('.scroeTwo .nav_item'))
+    var mtIdOne = 0
+    var subIdOne = 0
+    var $conTwo = $('.scroe-content-two .score-content')
+    var $conOne = $('.scroe-content-one .score-content')
+
+    $('.scroeOne .nav_item').on('mouseenter',function(){
+        $(this).addClass('active').siblings().removeClass('active')
+        mtIdOne = $(this).attr('data-mt')
+        show($conOne)
     })
-    .on("mouseenter",".nav_item_sub",function(){
-        $(".score-content").addClass("hide").removeClass("show")
-        $(this).addClass("active").siblings().removeClass("active")
-        var type = $(this).attr("data-mt")
-        $type = type;
-        $("[data-mt="+type+"]").addClass("show").removeClass("hide")
-        
+    $('.scroeOne .nav_item_sub').hover(function(){
+        $(this).addClass('active').siblings().removeClass('active')
+        subIdOne = $(this).attr('data-st')
+        show($conOne)
     })
-    
-}
 
-function initNav(){
-    var isPhone = /Android|webOS|iPhone|Windows Phone|iPod|BlackBerry|SymbianOS/i.test(window.navigator.userAgent) && !/[\?&]pc(?:[=&].*|$)/.test(window.location.href)
-    if(isPhone){
-        console.log(document.documentElement.clientWidth)
-    }
-    var X
 
-    $(document).on("touchstart","[data-switchable-role='content']",function(e){
-        // x = e.touches[0].clientX
-        console.log(e.touches[0])
+    $('.scroeTwo .nav_item').on('mouseenter',function(){
+        $(this).addClass('active').siblings().removeClass('active')
+        mtIdOne = $(this).attr('data-mt')
+        show($conTwo)
     })
+    $('.scroeTwo .nav_item_sub').hover(function(){
+        $(this).addClass('active').siblings().removeClass('active')
+        subIdOne = $(this).attr('data-st')
+        show($conTwo)
+    })
+
+
+    function show($con){
+        if(mtIdOne==1&&subIdOne ==1){
+            $con.eq(0).show().siblings().hide()
+        }
+        if(mtIdOne==1&&subIdOne ==2){
+            $con.eq(1).show().siblings().hide()
+        }
+        if(mtIdOne==2&&subIdOne ==1){
+            $con.eq(2).show().siblings().hide()
+        }
+        if(mtIdOne==2&&subIdOne ==2){
+            $con.eq(3).show().siblings().hide()
+        }
+    }
 }
 
 
@@ -173,20 +207,19 @@ var C = {
         var isPc = !/Android|webOS|iPhone|Windows Phone|iPod|BlackBerry|SymbianOS/i.test(window.navigator.userAgent) && !/[\?&]pc(?:[=&].*|$)/.test(window.location.href)
         var $list=$(".zt-mod-team .list-team"),$items = $(".zt-mod-team .list-team li");
         var len = $items.length;
-        var strOpen = '<li class="team-item ext-more"><p>加 载<br>更 多</p></li>'
+        
+        var strOpen = '<li class="team-item ext-more"><p>更 多<br>战 队</p></li>'
         var strClose = '<li class="team-item ext-close"><p>收 起<br>更 多</p></li>'
-        // var strOpen = ''
-        // var strClose = ''
 
         if(isPc){
+           
             if(len<=21) return
-
-            // $items.eq(19).after(strOpen)
+            $items.eq(19).after(strOpen)
             $list.append(strClose)
         } else {
             if(len<=12) return
 
-            // $items.eq(10).after(strOpen)
+            $items.eq(10).after(strOpen)
             $list.append(strClose)
         }
 
@@ -197,6 +230,23 @@ var C = {
         $("body").on("click",".zt-mod-team .ext-close",function(){
             $list.removeClass("is-open")
         })
+
+        if(!isPc){
+            var list = $(' #news .zt-list-video li')
+            console.log(list)
+            for(var i = list.length-1;i>list.length-3;i--){
+                list[i].remove()
+                console.log()
+            }
+            var videoList = $(' #video .zt-list-video li')
+            console.log(list)
+            for(var i = videoList.length-1;i>videoList.length-3;i--){
+                videoList[i].remove()
+                console.log()
+            }
+        }
+
+
     },
     initWordLimit:function(){
         var cname = $('.video-item h4');

2019专题/1908DOTA2/src/sass/global.scss

@@ -170,20 +170,20 @@ body{
     .zt-schedule-title {
 
       background: url(/src/img/schedule.png) no-repeat ;
-      width: 100px;
-      height: 41px;
-      border: none;
+    //   width: 100px;
+    //   height: 41px;
+    //   border: none;
       margin-left:94px;
-      position: relative;
-      &:before{
-          content:'';
-          display: block;
-          width:19px;
-          height:41px;
-          position: absolute;
-          left:-20px;
-          background: url(/src/img/title-line.png) no-repeat ;
-      }
+    //   position: relative;
+    //   &:before{
+    //       content:'';
+    //       display: block;
+    //       width:19px;
+    //       height:41px;
+    //       position: absolute;
+    //       left:-20px;
+    //       background: url(/src/img/title-line.png) no-repeat ;
+    //   }
     }
     .zt-intro-title {
 
@@ -193,23 +193,9 @@ body{
     .zt-score-title {
    
       background: url(/src/img/score.png) no-repeat ;
-      width: 100px;
-      height: 41px;
-      border: none;
-      margin-left:20px;
-      position: relative;
-      &:before{
-          content:'';
-          display: block;
-          width:19px;
-          height:41px;
-          position: absolute;
-          left:-20px;
-          background: url(/src/img/title-line.png) no-repeat ;
-      }
+
     }
     .zt-news-title{
-    
       background: url(/src/img/new.png) no-repeat ;
    
     }
@@ -590,6 +576,45 @@ body{
           margin-top:250px;
         }
       }
+      .winner-rank{
+        margin: 0 49px;
+        .winner-rank-team{
+            margin:108px 21px;
+        }
+        .winner-bottom-team{
+            margin:230px 21px 0;
+        }
+        .winner-rank-team-third{
+            margin:269px 21px 0;
+        }
+        .winner_pk_line{
+            position: absolute;
+            top: 129px;
+            left: 208px;        
+        }
+        .winner_pk_line_two{
+            position: absolute;
+            top: 456px;
+            left: 208px;   
+        }
+        .looser_last{
+            color:white;
+            text-align: center;
+        }
+        .winner_pk_line_three{
+            position: absolute;
+            top: 214px;
+            left: 483px; 
+        }
+        .winner_pk_line_four{
+            position: absolute;
+            top: 376px;
+            left: 767px;
+        }
+        .winner-rank-team-last{
+            margin:356px 21px 0;
+        }
+      }
     }
   }
 
@@ -640,7 +665,10 @@ body{
         margin-right: -140px;
         li{
             float: left;
-            margin-right: 150px;
+            margin-right: 165px;
+        }
+        .last{
+            margin-right:0;
         }
         i{
             display: inline-block;
@@ -973,17 +1001,17 @@ body{
                 &:before{
                     content: '';
                     position: absolute;
-                    bottom: -25px;
                     left: 50%;
+                    top:8px;
                     margin-left: -10px;
-                    @include triangle-down(10px,#999999);
+                    @include triangle-down(10px,#533D80);
                 }
             }
         }
         &.ext-more{
             p{
                 &:before{
-                    @include triangle-down(10px,#999999);
+                    @include triangle-down(10px,#533D80);
                 }
             }
         }
@@ -991,7 +1019,7 @@ body{
             display: none;
             p{
                 &:before{
-                    @include triangle-up(10px,#999999);
+                    @include triangle-up(10px,#533D80);
                 }
             }
         }
@@ -1009,6 +1037,9 @@ body{
         }
     }
 }
+    .ext-hd-new{
+        margin-bottom:10px;
+    }
 
 $vari: 750 / 640;
 @function px2rem($size) {
@@ -1022,7 +1053,7 @@ $vari: 750 / 640;
 //H5适配
 @media screen and (max-width: 750px) {
     body{
-        width:px2rem(750);
+        min-width:100%;
          background-image: url("/src/img/bg-h5.png");
         background-repeat: no-repeat;
         background-size: cover;
@@ -1206,7 +1237,7 @@ $vari: 750 / 640;
         .link-more{
             display: none;
         }
-        margin: px2rem(40) px2rem(-20) 0 px2rem(16);
+        margin: 0 px2rem(-20) 0 px2rem(16);
         .video-item{
             width: px2rem(350);
             margin: 0 px2rem(20) px2rem(16) 0;
@@ -1234,13 +1265,14 @@ $vari: 750 / 640;
             &.ext-more,&.ext-close {
                 line-height: px2rem(40);
                 p{
-                    padding-top: px2rem(26);
+                    padding-top: px2rem(46);
                 }
             } 
             &.ext-close{
                 p{
                     &:before{
-                        bottom: -14px;
+                        bottom: -24px;
+                        top:-1px;
                     }
                 }
             }
@@ -1307,9 +1339,31 @@ $vari: 750 / 640;
         }
     }
     .zt-mod-video{
+
         .link-more{
             display: none;
         }
+        .fl{
+            float:none
+        }
+        h4{
+            line-height: 18px;
+            padding-bottom:6px;
+        }
+        .zt-mod-video-more{
+            display: block;
+            width:px2rem(688);
+            height:px2rem(60);
+            background:rgba(54,29,114,0.6);
+            margin:0 auto;
+            text-align: center;
+            margin-top:10px;
+            a{
+                color:#fff;
+                line-height: px2rem(60);
+            }
+
+        }
     }
    
     .zt-mod_hd{
@@ -1326,41 +1380,80 @@ $vari: 750 / 640;
         width:px2rem(131);
         height:px2rem(31);
         background-size:cover;
+        margin-bottom:px2rem(66);
         &:before{
             width:px2rem(89);
             height:px2rem(19);
-            top:px2rem(41);
+            top:px2rem(47);
             left:50%;
+            margin-left:-3px;
             transform: translateX(-50%);
             background:url(/src/img/h5-title-line.png) no-repeat;
         }
     }
     .g-zt-inner{
-        .zt-regular-title,.zt-team-title,.zt-video-title{
+        .zt-regular-title,.zt-team-title,.zt-video-title,.zt-schedule-title,.zt-score-title,.zt-news-title,.zt-introduction-title {
             background-size:cover;
-
         }
-        .zt-introduction-title{
-            display: none;
+        .zt-schedule-title{
+            margin:0 auto;
+        }
+        .zt-schedule-title,.zt-score-title{
+            margin-bottom:24px;
         }
     }
     .zt-mod-score{
         .score-rank-content{
             width: 16.2rem;
             overflow-x: scroll;
+            .score-rank-title{
+                color:#fff;
+                opacity: 0.4;
+            }
         }
         .score-content{
             width: 1200px;
             // overflow-x:scroll;
         }
-    .score-nav-sub{
+        .score-nav-sub{
             .nav_item_sub {
                 span{
                     width: inherit;
                 }
             }
         }
+        .score-nav-main{
+            height:px2rem(78);
+            .nav_item{
+                line-height: px2rem(78)
+            }
+        }
+        .score-nav-sub{
+            .nav_item_sub{
+                line-height: px2rem(75);
+                span{
+                    height:auto;
+                }
+            }
+            .active{
+                span{
+                    background:none !important;
+                }
+                position: relative;
+                &:before{
+                    content:'';
+                    width:px2rem(68);
+                    height:px2rem(5);
+                    position: absolute;
+                    background:url(/src/img/bt-line.png) no-repeat;
+                    bottom:0;
+                    left:50%;
+                    transform: translateX(-50%)
+                }
+            }
+        }
     }
+  
 }
 
 .g-tag_panel{
@@ -1369,7 +1462,5 @@ $vari: 750 / 640;
         display: block;
     }
 }
-.ext-hd-new{
-    padding-bottom:24px;
-}
+
 // @import "page/data2.scss";

2019专题/1908DOTA2/src/sass/page/data2.scss

@@ -391,7 +391,10 @@ body {
         .rank-team-five {
           margin-top: 250px;
         }
+
       }
+
+ 
     }
   }
   .zt-mod-intro {

2019专题/1908DOTA2/src/scroe.html

@@ -0,0 +1,949 @@
+<div class="zt-mod-score pt-60" id="score">
+        <div class="g-zt-inner">
+            <div class="zt-mod_hd zt-mod_hd_new ext-hd-new zt-score-title"></div>
+
+            <div class="zt-mod_bd  rankMainTag">
+                <!-- rankMainTag -->
+                <div class="clearfix  score-nav-main">
+                    <div class="fl nav_item nav  active" data-mt="1">小组赛</div>
+                    <div class="fl nav_item nav" data-mt="2">淘汰赛</div>
+                </div>
+
+                <div class="clearfix  score-nav-sub">
+                    <div class="fl nav_item_sub nav active" data-mt="1">
+                        <span >胜者组</span>
+                    </div>
+                    <div class="fl nav_item_sub nav" data-mt="2">
+                        <span>败者组</span>
+                    </div>
+                </div>
+                <!-- MainContent -->
+                <div class="score-rank-content">
+                    <!-- subTag -->
+                    
+                    <!-- subContent -->
+                    <div class="score-content show group-winner" data-mt="1_1">
+                        <div class="score-rank clearfix">
+                            <div class="fl">
+                                <span class="score-rank-title">胜者组第一轮</span>
+                                <div class="rank-team rank-team-first">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+                                
+                                <div class="rank-line-first">
+                                    <img src="img/winner_line.png">
+                                </div>
+
+                                <div class="rank-team">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+
+                                <div class="rank-line-second">
+                                    <img src="img/winner_line.png">
+                                </div>
+
+                                <div class="rank-team">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+
+                                <div class="rank-line-third">
+                                        <img src="img/winner_line.png">
+                                </div>
+
+                                <div class="rank-team rank-team-last">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+
+                                <div class="rank-line-four">
+                                        <img src="img/winner_line.png">
+                                </div>
+                            </div>
+                            <div class="fl">
+                                <span class="score-rank-title">胜者组第二轮</span>
+                                <div class="rank-team rank-team-first">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+
+                                <div class="pk-line">
+                                    <img src="img/pk_line_small.png">
+                                </div>
+
+                                <div class="rank-team">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+                                <div class="pk-line-second">
+                                        <img src="img/pk_line_small.png">
+                                </div>
+                                <div class="rank-team">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+                                
+                                <div class="rank-team rank-team-last">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+                            </div>
+                            <div class="fl">
+                                <span class="score-rank-title">胜者组第三轮</span>
+                                <div class="rank-team rank-team-third">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+                                <div class="rank-line-five">
+                                        <img src="img/winner_line.png">
+                                </div>
+                                <div class="rank-team">
+                                        <p class="rank-top-team clearfix">
+                                            <span><img src="./img/INFAMOUS.png"></span>
+                                            <span class="team-name">Fnatic</span>
+                                            <span class="team-score">2</span>
+                                        </p>
+                                        <p class="rank-top-team clearfix">
+                                            <span><img src="./img/Serenity.png"></span>
+                                            <span class="team-name">serenity</span>
+                                            <span class="team-score">2</span>
+                                        </p>
+                                    </div>
+                                <div class="rank-line-six">
+                                        <img src="img/winner_line.png">
+                                </div>
+                            </div>
+                            <div class="fl">
+                                <span class="score-rank-title">胜者组第四轮</span>
+                                <div class="rank-team rank-team-third">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+                                <div class="rank-team">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+                                <div class="pk-line-third">
+                                    <img src="./img/pk_line.png"/>
+                                </div>
+                            </div>
+                            <div class="fl">
+                                <span class="score-rank-title">胜者组第五轮</span>
+                                <div class="rank-team rank-team-five">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+                                <div class="rank-line-seven">
+                                    <img src="./img/winner_line.png"/>
+                                </div>
+                            </div>
+                            <div class="fl">
+                                <span class="score-rank-title">小组胜者决赛</span>
+                                <div class="rank-team rank-team-five">
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/INFAMOUS.png"></span>
+                                        <span class="team-name">Fnatic</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                    <p class="rank-top-team clearfix">
+                                        <span><img src="./img/Serenity.png"></span>
+                                        <span class="team-name">serenity</span>
+                                        <span class="team-score">2</span>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="score-content hide group-looser" data-mt="1_2">
+                            <div class="score-rank clearfix">
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第一轮</span>
+                                        <div class="rank-team rank-team-first">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        
+                                        <div class="rank-line-first">
+                                            <img src="img/winner_line.png">
+                                        </div>
+    
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="rank-line-second">
+                                            <img src="img/winner_line.png">
+                                        </div>
+    
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="rank-line-third">
+                                                <img src="img/winner_line.png">
+                                        </div>
+    
+                                        <div class="rank-team rank-team-last">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="rank-line-four">
+                                                <img src="img/winner_line.png">
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第二轮</span>
+                                        <div class="rank-team rank-team-first">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="pk-line">
+                                            <img src="img/pk_line_small.png">
+                                        </div>
+    
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="pk-line-second">
+                                                <img src="img/pk_line_small.png">
+                                        </div>
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        
+                                        <div class="rank-team rank-team-last">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第三轮</span>
+                                        <div class="rank-team rank-team-third">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="rank-line-five">
+                                                <img src="img/winner_line.png">
+                                        </div>
+                                        <div class="rank-team">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                        <div class="rank-line-six">
+                                                <img src="img/winner_line.png">
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第四轮</span>
+                                        <div class="rank-team rank-team-third">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="pk-line-third">
+                                            <img src="./img/pk_line.png"/>
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第五轮</span>
+                                        <div class="rank-team rank-team-five">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="rank-line-seven">
+                                            <img src="./img/winner_line.png"/>
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">小组败者决赛</span>
+                                        <div class="rank-team rank-team-five">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                    </div>
+                    <div class="score-content hide fall-looser" data-mt="2_2">
+                            <div class="score-rank clearfix">
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第一轮</span>
+                                        <div class="rank-team rank-team-first">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        
+                                        <div class="rank-line-first">
+                                            <img src="img/winner_line.png">
+                                        </div>
+    
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="rank-line-second">
+                                            <img src="img/winner_line.png">
+                                        </div>
+    
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="rank-line-third">
+                                                <img src="img/winner_line.png">
+                                        </div>
+    
+                                        <div class="rank-team rank-team-last">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="rank-line-four">
+                                                <img src="img/winner_line.png">
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第二轮</span>
+                                        <div class="rank-team rank-team-first">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="pk-line">
+                                            <img src="img/pk_line_small.png">
+                                        </div>
+    
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="pk-line-second">
+                                                <img src="img/pk_line_small.png">
+                                        </div>
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        
+                                        <div class="rank-team rank-team-last">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第三轮</span>
+                                        <div class="rank-team rank-team-third">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="rank-line-five">
+                                                <img src="img/winner_line.png">
+                                        </div>
+                                        <div class="rank-team">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                        <div class="rank-line-six">
+                                                <img src="img/winner_line.png">
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第四轮</span>
+                                        <div class="rank-team rank-team-third">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="pk-line-third">
+                                            <img src="./img/pk_line.png"/>
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第五轮</span>
+                                        <div class="rank-team rank-team-five">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="rank-line-seven">
+                                            <img src="./img/winner_line.png"/>
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">淘汰败者决赛</span>
+                                        <div class="rank-team rank-team-five">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                    </div>
+                    <div class="score-content hide fall-winner" data-mt="2_1">
+                            <div class="score-rank clearfix">
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第一轮</span>
+                                        <div class="rank-team rank-team-first">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        
+                                        <div class="rank-line-first">
+                                            <img src="img/winner_line.png">
+                                        </div>
+    
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="rank-line-second">
+                                            <img src="img/winner_line.png">
+                                        </div>
+    
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="rank-line-third">
+                                                <img src="img/winner_line.png">
+                                        </div>
+    
+                                        <div class="rank-team rank-team-last">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="rank-line-four">
+                                                <img src="img/winner_line.png">
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第二轮</span>
+                                        <div class="rank-team rank-team-first">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+    
+                                        <div class="pk-line">
+                                            <img src="img/pk_line_small.png">
+                                        </div>
+    
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="pk-line-second">
+                                                <img src="img/pk_line_small.png">
+                                        </div>
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        
+                                        <div class="rank-team rank-team-last">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第三轮</span>
+                                        <div class="rank-team rank-team-third">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="rank-line-five">
+                                                <img src="img/winner_line.png">
+                                        </div>
+                                        <div class="rank-team">
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/INFAMOUS.png"></span>
+                                                    <span class="team-name">Fnatic</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                                <p class="rank-top-team clearfix">
+                                                    <span><img src="./img/Serenity.png"></span>
+                                                    <span class="team-name">serenity</span>
+                                                    <span class="team-score">2</span>
+                                                </p>
+                                            </div>
+                                        <div class="rank-line-six">
+                                                <img src="img/winner_line.png">
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第四轮</span>
+                                        <div class="rank-team rank-team-third">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="pk-line-third">
+                                            <img src="./img/pk_line.png"/>
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">胜者组第五轮</span>
+                                        <div class="rank-team rank-team-five">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="rank-line-seven">
+                                            <img src="./img/winner_line.png"/>
+                                        </div>
+                                    </div>
+                                    <div class="fl">
+                                        <span class="score-rank-title">淘汰胜者决赛</span>
+                                        <div class="rank-team rank-team-five">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>