dota2 ui优化

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

@@ -47,28 +47,7 @@ String.prototype.mytrim = function(){
 
 // 随时提issues
 function initTab(){
-    // $(".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 = ""
-    // })
 
-    // $(".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 = 1
     var subIdOne = 1
     var $conTwo = $('.scroe-content-two .score-content')
@@ -107,8 +86,6 @@ function initTab(){
 
 
     function show($con){
-        console.log(mtIdOne,subIdOne)
-        console.log($con)
         if(parseInt(mtIdOne) ==1&& parseInt(subIdOne) ==1){
             $con.eq(0).show().siblings().hide()
         }
@@ -242,12 +219,10 @@ var C = {
 
         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()
             }
             var videoList = $(' #video .zt-list-video li')
-            console.log(list)
             for(var i = videoList.length-1;i>videoList.length-3;i--){
                 videoList[i].remove()
             }

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

@@ -1318,11 +1318,9 @@ $vari: 750 / 640;
         .link-more{
             display: none;
         }
-        // padding: 0 px2rem(-20) 0 px2rem(16);
         box-sizing: border-box;
         .video-item{
             width: px2rem(328);
-            // margin: 0 px2rem(20) px2rem(16) 0;
             height:auto;
             min-height:auto;
             margin:0;
@@ -1340,10 +1338,8 @@ $vari: 750 / 640;
         .list-team{
             width:100%;
             max-height: px2rem(540);
-            // padding: 0 px2rem(-20) 0 px2rem(20);
             display: flex;
             align-items: center;
-            // justify-content: center;
             flex-wrap: wrap;
         }
         .team-item{

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

@@ -1,907 +0,0 @@
-@charset "UTF-8";
-$yahei: "Microsoft YaHei",
-SimHei,
-sans-serif;
-$maincolor: #e94646;
-$titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;
-@import "lego/base";
-@import "base/mixins";
-@import "base/ui-dialog";
-
-
-html {
-    font-size: 12px;
-    font-family: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-}
-
-body{
-    font-size: 12px;
-    min-width: 1200px;
-    background: #f6f6f6;
-}
-
-.clearfix{
-    @include clearfix();
-}
-
-.mt-40{
-    margin-top: 40px;
-}
-
-.mt-32{
-    margin-top: 32px;
-}
-
-.pt-60{
-    padding-top: 60px;
-}
-
-.fl{
-    float: left;
-}
-
-.fr{
-    float: right;
-}
-
-.g-zt-inner {
-    width: 1136px;
-    margin: 0 auto;
-}
-
-.zt-mod_hd{
-    @include clearfix();
-    line-height: 49px;
-    border-bottom: 1px solid #e5e5e5;
-    &.ext-hd{
-        border-bottom: 1px solid #404040;
-        h2{
-            background-image: url(/src/img/bg-title2.png);
-        }
-    }
-    h2{
-        float: left;
-        width: 120px;
-        padding-left: 30px;
-        color: #ffffff;
-        font-size: 22px;
-        background-image: url(/src/img/bg-title.png);
-        background-repeat: no-repeat;
-    }
-    .link-more{
-        float: right;
-        font-size: 14px;
-        color: #999999;
-        &:hover{
-            text-decoration: none;
-            opacity: 0.8;
-        }
-        em{
-            font-weight: bold;
-            margin-left: 5px;
-            color: #b9b9b9;
-        }
-    }
-}
-
-.zt-mod-primary {
-    padding-top: 630px;
-    background-position: center 0;
-    background-repeat: no-repeat;
-    .sp-nav {
-        text-align: center;
-        margin: 0 auto;
-        background: url(/src/img/bg-kill_nav.jpg) center 0 no-repeat;
-        ul{
-            margin-right: -24px;
-        }
-        li {
-            float: left;
-            width: 163px;
-        }
-        a {
-            display: block;
-            text-align: center;
-            color: #ffffff;
-            font-size: 22px;
-            padding: 25px 0 10px;
-            outline: none;
-            &.active,&:hover{
-                text-decoration: none;
-                color: #333333;
-                background: #f19f00;
-                span{
-                    color: #333333;
-                }
-            }
-        }
-        span{
-            display: block;
-            line-height: 40px;
-            font-size: 14px;
-            color: #f19f00;
-        }
-    }
-}
-
-.zt-mod-schedule{
-    .list-info{
-        width: 3000px;
-    }
-    .item-info{
-        position: relative;
-        float: left;
-        width: 323px;
-        text-align: center;
-        font-size: 18px;
-        color: #FFFFFF;
-        padding: 25px 0;
-        h2{
-            color: #f19f00;
-            font-size: 18px;
-            font-weight: normal;
-        }
-        &:before{
-            content: '';
-            position: absolute;
-            top: 50%;
-            margin-top: -35px;
-            height: 70px;
-            border-left: 5px solid #FFFFFF;
-        }
-        &:before{
-            left: 0;
-        }
-    }
-    .info_time{
-        line-height: 60px;
-        span{
-            margin: 0 10px;
-        }
-    }
-    .info_rule{
-        span{
-            display: inline-block;
-            font-size: 14px;
-            color: #a7a4a4;
-            line-height: 38px;
-            padding: 0 26px;
-            background: #555555;
-        }
-    }
-    .info_rel{
-        color: #292929;
-        margin-top: 22px;
-        font-size: 16px;
-        a,span{
-            color: #FFFFFF;
-            padding: 0 15px;
-        }
-    }
-    .zt-ui-carousel{
-        position: relative;
-        background: url(/src/img/bg-kill_nav.jpg) center bottom no-repeat #373737;
-        padding: 0 80px;
-        height: 222px;
-        overflow: hidden;
-    }
-    .zt-ui-carousel__scroller{
-        overflow: hidden;
-    }
-    .btn-prev,.btn-next{
-        position: absolute;
-        top: 0;
-        width: 60px;
-        height: 100%;
-        text-align: center;
-        line-height: 222px;
-        cursor: pointer;
-        i{
-            display: inline-block;
-            width: 23px;
-            height: 30px;
-            vertical-align: middle;
-        }
-    }
-    .btn-prev{
-        left: 0;
-        border-right: 1px solid #292929;
-        &:hover{
-            i{
-                background: url(/src/img/icon-prev_active.png?__sprite) no-repeat;
-            }
-        }
-        i{
-            background: url(/src/img/icon-prev.png?__sprite) no-repeat;
-        }
-    }
-    .btn-next{
-        right: 0;
-        border-left: 1px solid #292929;
-        &:hover{
-            i{
-                background: url(/src/img/icon-next_active.png?__sprite) no-repeat;
-            }
-        }
-        i{
-            background: url(/src/img/icon-next.png?__sprite) no-repeat;
-        }
-    }
-}
-
-.zt-mod-live{
-    .live-wrap{
-        background: #000000;
-        height: 644px;
-    }
-}
-
-.zt-mod-intro{
-    .intro-wrap{
-        position: relative;
-        padding: 0 30px;
-        min-height: 250px;
-        background: url(/src/img/bg-intro.jpg) center 0 no-repeat #2b1d4b;
-    }
-    .intro{
-        color: #ffffff;
-        font-size: 16px;
-        line-height: 28px;
-        border-top: 1px solid #292929;
-        padding: 25px 0 10px;
-    }
-    .pic-male{
-        position: absolute;
-        right: -145px;
-        bottom: -27px;
-        width: 180px;
-        height: 244px;
-        background: url(/src/img/pic-male.png?__sprite);
-    }
-    .list-intro{
-        text-align: center;
-        font-size: 18px;
-        color: #ffffff;
-        padding: 30px 0 20px;
-        margin-right: -140px;
-        li{
-            float: left;
-            margin-right: 120px;
-        }
-        i{
-            display: inline-block;
-            width: 22px;
-            height: 22px;
-        }
-        p{
-            font-size: 14px;
-            color: #999999;
-            line-height: 50px;
-        }
-    }
-    @for $i from 1 through 6{
-        .icon-intro#{$i}{
-            background: url(/src/img/icon-intro#{$i}.png?__sprite);
-        }
-    }
-}
-
-.zt-mod-rule{
-
-    h3{
-        position: relative;
-        color: #333333;
-        font-size: 18px;
-        font-weight: normal;
-        padding-left: 22px;
-        margin: 20px 0 10px;
-        &:before{
-            content: '';
-            position: absolute;
-            top: 50%;
-            left: 0;
-            margin-top: -3px;
-            width: 6px;
-            height: 6px;
-            background: #666666;
-        }
-    }
-}
-
-.zt-mod-sidebar{
-    position: absolute;
-    width: 130px;
-    left: 50%;
-    top: 870px;
-    margin-left: 630px;
-    background-color: #666666;
-    text-align: center;
-    color: #ccc;
-    &.is-scroll{
-        position: fixed;
-        top: 200px;
-    }
-    .aside-menu__item {
-        border-bottom: 1px solid #999999;
-    }
-
-    .aside-menu__item:last-child {
-        border-bottom: none;
-    }
-
-    .aside-menu__link {
-        height: 48px;
-        padding: 20px 0 15px;
-        display: block;
-        color: #fff;
-        outline: none;
-        &.active,&:hover {
-            color: #eda200;
-            background: #333333;
-            text-decoration: none;
-            .aside-menu__en{
-                color: #7d5f1c;
-            }
-        }
-    }
-    
-
-    .min-nav__link--active {
-        color: #fff;
-        background-color: #666666;
-    }
-
-    .min-nav__link--active span {
-        color: #222;
-    }
-
-    .aside-totop .min-nav__link--active {
-        color: #fff;
-    }
-
-    .aside-totop .min-nav__link--active span {
-        color: #5e636e;
-    }
-
-    .aside-menu__tit {
-        display: block;
-        margin-bottom: 5px;
-        font-size: 16px;
-    }
-
-    .aside-menu__en {
-        display: block;
-        color: #bdbdbd;
-        font-family: Arial;
-        font-size: 14px;
-    }
-    .icon-totop{
-        display: inline-block;
-        *display: inline;
-        *zoom:1;
-        width: 22px;
-        height: 12px;
-        margin-top: 10px;
-        vertical-align: top;
-        overflow: hidden;
-        background: url(../img/icon-top.png?__sprite) no-repeat;
-    }
-}
-
-.zt-mod-rank{
-    .sk-nav_main{
-        position: relative;
-        z-index: 2;
-        width: 100%;
-        text-align: center;
-        font-size: 18px;
-        font-weight: 700;
-        line-height: 78px;
-        color: #888888;
-        background: url(/src/img/bg-kill_nav.jpg) center 0 no-repeat;
-        &.ext-skills{
-            color: #FFFFFF;
-        }
-        td{
-            cursor: pointer;
-            &.active{
-                color: #373737;
-                background: #f19f00;
-                box-shadow: 0 4px 20px -5px #b7985c;
-            }
-        }
-    }
-    .sk-nav_sub{
-        position: relative;
-        z-index: 1;
-        width: 100%;
-        font-size: 18px;
-        text-align: center;
-        line-height: 84px;
-        color: #888888;
-        border-top: 1px solid #292929;
-        background: url(/src/img/bg-kill_nav.jpg) center bottom no-repeat;
-        td{
-            &.active{
-                span{
-                    background: #555555;
-                    color: #ffffff;
-                    &:after{
-                        content: '';
-                        display: block;
-                        margin: 0 auto;
-                        @include triangle-down(10px,#555555);
-                    }
-                }
-            }
-        }
-        span{
-            position: relative;
-            display: inline-block;
-            width: 160px;
-            line-height: 56px;
-            height: 56px;
-            cursor: pointer;
-        }
-    }
-    .table-kills-wrap{
-        margin-top: 10px;
-        max-height: 788px;
-        overflow-y: auto;
-        background: url(/src/img/bg-kill_tbody.jpg) center bottom #373737 no-repeat fixed;
-    }
-    .table-kills{
-        width: 100%;
-        text-align: center;
-        display: none;
-        &.active{
-            display: table;
-        }
-        thead{
-            background: #555555;
-            color: #ffffff;
-            font-size: 18px;
-            font-weight: 700;
-            height: 78px;
-            line-height: 78px;
-        }
-        tbody{
-            line-height: 70px;
-            font-size: 16px;
-            color: #848484;
-            tr{
-                &:hover{
-                    color: #FFFFFF;
-                    background: #2d2d2d;
-                }
-            }
-            td{
-                border-bottom: 1px solid #292929;
-            }
-        }
-        .cell-team{
-            text-align: left;
-            padding-left: 60px;
-            width: 190px;
-            img{
-                display: inline-block;
-                width: 30px;
-                height: 30px;
-                vertical-align: middle;
-                margin-right: 10px;
-            }
-        }
-        .cell-status{
-
-        }
-        .cell-status{
-            color: #c1c1c1;
-        }
-        .status-green{
-            color: #57da0f;
-        }
-        .status-red{
-            color: #ff0000;
-        }
-    }
-}
-
-.zt-list-video{
-    margin-right: -19px;
-    &.ext-pic{
-        h4{
-            color: #ffffff;
-        }
-    }
-    .video-item{
-        float: left;
-        width: 270px;
-        margin: 0 18px 10px 0;
-    }
-    a{
-        display: block;
-        &:hover{
-            text-decoration: none;
-            @include opacity(0.8);
-            .icon-play{
-                @include opacity(0);
-                transform: scale(1.5);
-            }
-        }
-    }
-    .img-wrap{
-        position: relative;
-        height: 150px;
-        background: #c6c6c6;
-        overflow: hidden;
-    }
-    img{
-        display: block;
-        width: 100%;
-        overflow: hidden;
-    }
-    h4{
-        line-height: 44px;
-        font-size: 15px;
-        font-weight: normal;
-        color: #333333;
-        @include ellipsis();
-    }
-    .icon-play{
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        margin: -25px 0 0 -25px;
-        width: 50px;
-        height: 50px;
-        transition: all .4s;
-        background: url(/src/img/icon-play.png?__sprite) no-repeat;
-    }
-}
-
-.zt-mod-team{
-    .list-team{
-        margin-right: -20px;
-        max-height: 475px;
-        overflow: hidden;
-        &.is-open{
-            max-height: inherit;
-            .ext-more{
-                display: none;
-            }
-            .ext-close{
-                display: block;
-            }
-        }
-    }
-    .team-item{
-        float: left;
-        width: 145px;
-        height: 145px;
-        background: #373737;
-        text-align: center;
-        color: #ffffff;
-        font-size: 16px;
-        line-height: 40px;
-        margin: 0 20px 20px 0;
-        &.ext-more,&.ext-close{
-            line-height: 28px;
-            cursor: pointer;
-            p{
-                position: relative;
-                padding-top: 34px;
-                &:before{
-                    content: '';
-                    position: absolute;
-                    bottom: -25px;
-                    left: 50%;
-                    margin-left: -10px;
-                    @include triangle-down(10px,#999999);
-                }
-            }
-        }
-        &.ext-more{
-            p{
-                &:before{
-                    @include triangle-down(10px,#999999);
-                }
-            }
-        }
-        &.ext-close{
-            display: none;
-            p{
-                &:before{
-                    @include triangle-up(10px,#999999);
-                }
-            }
-        }
-        .cover{
-            width: 95px;
-            height: 85px;
-            overflow: hidden;
-            background: #373737;
-            margin: 14px auto 0 auto;
-        }
-        img{
-            display: block;
-            width: 100%;
-            overflow: hidden;
-        }
-    }
-}
-
-$vari: 750 / 640;
-@function px2rem($size) {
-    @return $size / 20 / 2 / $vari+rem;
-}
-
-@function -px2rem($size) {
-    @return - $size / 20 / 2 / $vari+rem;
-}
-
-//H5适配
-@media screen and (max-width: 750px) {
-    body{
-        min-width: auto;
-        padding-top: 0 !important;
-    }
-    #dw-topbar,.dwCommonFooter,.zt-mod-sidebar,.dw-mini-popup-wrap,.zt-mod-live{
-        display: none;
-    }
-    .bg2{
-        height: auto!important;
-    }
-    .bg3{
-        padding-bottom: px2rem(60)!important;
-    }
-    .pt-60{
-        padding-top: px2rem(60);
-    }
-    .mt-40 {
-        margin-top: px2rem(40);
-    }
-    .g-zt-inner{
-        width: 100%;
-        box-sizing: border-box;
-    }
-    .zt-mod-primary{
-        background-size: 100%;
-        padding-top: px2rem(260);
-        .sp-nav{
-            ul{
-                display: flex;
-                margin-right: 0;
-            }
-            li{
-                flex: 1;
-                width: auto;
-            }
-            a{
-                font-size: px2rem(22);
-                line-height: px2rem(80);
-                padding:0;
-            }
-            span{
-                display: none;
-            }
-        }
-    }
-    .zt-mod-schedule{
-        .zt-ui-carousel{
-            height: px2rem(350);
-            padding: 0 px2rem(60);
-        }
-        .btn-prev,.btn-next{
-            width: px2rem(60);
-            line-height: px2rem(360);
-        }
-        .item-info{
-            width: px2rem(310);
-            font-size: px2rem(22);
-            h2{
-                font-size: px2rem(28);
-            }
-            &:before{
-                margin-top: 0;
-                top: px2rem(110);
-            }
-        }
-        .info_time{
-            line-height: px2rem(80);
-            span{
-                margin: 0 px2rem(10);
-            }
-        }
-        .info_rel{
-            font-size: px2rem(20);
-            margin-top: px2rem(20);
-            span{
-                display: block;
-            }
-            a,span{
-                padding: 0 px2rem(20);
-            }
-        }
-        .info_rule{
-            span{
-                line-height: px2rem(60);
-                padding: 0 px2rem(20);
-                font-size: px2rem(24);
-                padding: 0 px2rem(10);
-            }
-        }
-    }
-    .zt-mod-live{
-        .live-wrap{
-            height: px2rem(500);
-        }
-    }
-    .zt-mod-rank{
-        overflow: hidden;
-        .sk-nav_sub{
-            font-size: px2rem(24);
-            line-height: px2rem(80);
-            td{
-                &.active{
-                    span{
-                        &:after{
-                            @include triangle-down(px2rem(10),#555555);
-                        }
-                    }
-                }
-            }
-            span{
-                width: auto;
-                padding: 0 px2rem(10);
-                line-height: px2rem(50);
-                height: px2rem(50);
-                
-            }
-        }
-        .sk-nav_main{
-            font-size: px2rem(28);
-            line-height: px2rem(100);
-        }
-        .table-kills-wrap{
-            max-height: px2rem(900);
-        }
-        .table-kills{
-            thead{
-                height: px2rem(80);
-                line-height: px2rem(80);
-                font-size: px2rem(20);
-            }
-            tbody{
-                line-height: px2rem(80);
-                font-size: px2rem(22);
-                tr{
-                    &:hover{
-                        background: initial;
-                        color: #848484;
-                    }
-                }
-            }
-            .cell-team{
-                width: px2rem(160);
-                height: px2rem(80);
-                padding-left: px2rem(10); 
-                span{
-                    display: inline-block;
-                    width: 100%;
-                    height: 100%;
-                    line-height: px2rem(80);
-                    overflow: hidden;
-                    white-space: nowrap;
-                    vertical-align: middle;
-                }
-                img{
-                    margin-right: px2rem(10);
-                }
-            }
-        }
-    }
-    .zt-list-video{
-        margin: px2rem(40) px2rem(-20) 0 px2rem(16);
-        .video-item{
-            width: px2rem(350);
-            margin: 0 px2rem(20) px2rem(16) 0;
-        }
-        .img-wrap{
-            height: px2rem(200);
-        }
-        h4{
-            font-size: px2rem(24);
-            line-height: px2rem(60);
-        }
-    }
-    .zt-mod-team{
-        .list-team{
-            max-height: px2rem(540);
-            margin: 0 px2rem(-20) 0 px2rem(20);
-        }
-        .team-item{
-            width: px2rem(145);
-            height: px2rem(155);
-            font-size: px2rem(24);
-            line-height: px2rem(40);
-            &.ext-more,&.ext-close {
-                line-height: px2rem(40);
-                p{
-                    padding-top: px2rem(26);
-                }
-            } 
-            &.ext-close{
-                p{
-                    &:before{
-                        bottom: -14px;
-                    }
-                }
-            }
-            .cover{
-                width: px2rem(95);
-                height: px2rem(85);
-            }
-        }
-    }
-    .zt-mod-intro{
-        .list-intro{
-            display: flex;
-            flex-wrap: wrap;
-            margin-right: 0;
-            font-size: px2rem(26);
-            padding: px2rem(40) 0 0 0;
-            li{
-                margin: 0 0 px2rem(40) 0;
-                width: 33%;
-            }
-            p{
-                font-size: px2rem(24);
-                line-height: px2rem(60);
-            }
-        }
-        .pic-male{
-            display: none;
-        }
-        .intro-wrap{
-            padding: 0 px2rem(20);
-            background: #373737;
-        }
-        .intro{
-            padding: px2rem(20) 0 px2rem(20);
-            font-size: px2rem(24);
-            line-height: px2rem(50);
-        }
-    }
-    .zt-mod-rule{
-        .rule-wrap{
-            font-size: px2rem(24);
-            line-height: px2rem(40);
-            margin-top: px2rem(40);
-            padding: px2rem(20) px2rem(20) px2rem(50);
-        }
-        h3{
-            font-size: px2rem(32);
-            padding-left: 22px;
-            margin: px2rem(20) 0 px2rem(10);
-        }
-    }
-    .zt-mod_hd{
-        line-height: px2rem(62);
-        h2{
-            font-size: px2rem(30);
-            width: px2rem(150);
-            background-size: 100% 100%;
-            padding-left: px2rem(40);
-        }
-    }
-}
-
-.g-tag_panel{
-    display: none;
-    &.active{
-        display: block;
-    }
-}
-@import "page/data2.scss";

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

@@ -1,949 +0,0 @@
-<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>