.content{
    background: #000 url("../img/yxs_bg.jpg") no-repeat center -79px;
}
.sch{
    overflow: hidden;
    margin-top: 125px;
    height: 1036px;
}
.zone_tab{
    overflow: hidden;
}
.zone_tab ul li{
    width: 152px;
    height: 56px;
    float: left;
    cursor: pointer;
    margin-right: 19px;
}
.zone_tab ul li:last-child{
    margin-right: 0px;
}
.sch_box{
    width: 1010px;
    margin: 0px auto;
}
.zt1{
     background: url("../img/CN_zone.png") no-repeat center;
 }
.zt2{
    background: url("../img/SE.png") no-repeat center;
}
.zt3{
    background: url("../img/NA.png") no-repeat center;
}
.zt4{
    background: url("../img/SA.png") no-repeat center;
}
.zt5{
    background: url("../img/CIS.png") no-repeat center;
}
.zt6{
    background: url("../img/EU.png") no-repeat center;
}
.zt1.cur,.zt1:hover{
    background: url("../img/CN_hover.png") no-repeat center;
}
.zt2.cur,.zt2:hover{
    background: url("../img/SE_hover.png") no-repeat center;
}
.zt3.cur,.zt3:hover{
    background: url("../img/NA_hover.png") no-repeat center;
}
.zt4.cur,.zt4:hover{
    background: url("../img/SA_hover.png") no-repeat center;
}
.zt5.cur,.zt5:hover{
    background: url("../img/CIS_hover.png") no-repeat center;
}
.zt6.cur,.zt6:hover{
    background: url("../img/EU_hover.png") no-repeat center;
}
.zone_con{
    color: #FFF;
}
.zone_con ul>li.zone_part{
    display: none;
}

.zcb_tab ul li{
    width: 252px;
    height: 54px;
    float: left;
    cursor: pointer;
    margin-right: 30px;
    margin-top: 51px;
}
.groupA{
    margin-left: 97px;
    background: url("../img/groupA.png") no-repeat center;
}
.groupB{
    background: url("../img/groupB.png") no-repeat center;
}
.groupC{
    background: url("../img/tts.png") no-repeat center;
}
.groupA.cur,.groupA:hover{
    background: url("../img/groupA_hover.png") no-repeat center;
}
.groupB.cur,.groupB:hover{
    background: url("../img/groupB_hover.png") no-repeat center;
}
.groupC.cur,.groupC:hover{
    background: url("../img/tts_hover.png") no-repeat center;
}
.CN .groupA:hover{
    background: url("../img/groupA_hover.png") no-repeat center;
}
.CN .groupB:hover{
    background: url("../img/groupB_hover.png") no-repeat center;
}

.zcb_tab{
    height: 54px;
}
.zcb_con{
    width: 898px;
    height: 700px;
    margin: 0 auto;
    overflow: hidden;
}
.zcb_con ul li.group_tree{
    display: none;
    width: 816px;
    height: 700px;
    position: relative;
    margin: 0px auto;
}
.zcb_con ul li.group_tree.treeC{
    width: 898px;
}
.treeA,.treeB{
    background: url("../img/group_bg2.png") no-repeat center;
}
.treeC{
    /*background: url("../img/final_bg.png") no-repeat center;*/
    background: url("../img/final_bg2.png") no-repeat center;
}
.CN .treeC{
    background: url("../img/CNTTS.png") no-repeat center;
}
.SA .treeC{
    background: url("../img/SA_final_bg2.png") no-repeat center;
}
.match{
    width: 176px;
    position: absolute;
}
.match dd{
    width: 176px;
    height: 46px;
    line-height: 46px;
    color: #FFF;
}
.match dt{
    width: 176px;
    height: 26px;
    line-height: 26px;
    color: #FFF;
}
.match span{
    display: block;
    float: left;
    text-align: center;
}
.tm_logo{
    display: flex!important;
    align-items: center;
    margin-left: 15px;
    height: 46px;
    width: 36px;
    /*width: 25px;*/
}
.tm_logo img{
    width: 36px;
    height: 36px;
}
.tm_name{
    width: 100px;
    height: 46px;
}
.tm_time{
    /*width: 100px;*/
    width: 175px;
}
.tm_status{
    text-indent: 15px;
}
.teamA.jinji,.teamB.jinji{
    width: 258px;
    background: url("../img/jinji.png") no-repeat center top;
}
.match0{
    top: 82px;
}
.match1{
    top: 292px;
}
.match3{
    top: 501px;
}
.match2{
    left: 320px;
    top: 188px;
}
.match4{
    left: 320px;
    top: 397px;
}
.match5{
    left: 640px;
    top: 223px;
}
.match6{
    left: 640px;
    top: 432px;
}

.CN .match0{
    top: 82px;
    left: 159px;
}
.CN .match1{
    top: 292px;
    left: 159px;
}
.CN .match2{
    top: 501px;
    left: 159px;
}
.CN .match3{
    top: 188px;
    left: 479px;
}
.CN .match4{
    top: 328px;
    left: 444px;
}
.CN .match5{
    top: 537px;
    left: 444px;
}
.CN .match2 dd.teamA{
    width: 258px;
    background: url("../img/jinji.png") no-repeat center;
}
.CN .match3 dd.teamB{
    width: 258px;
    background: url("../img/jinji.png") no-repeat center;
}

#SAfinal .explain{
    position: absolute;
    right: 70px;
    top: 210px;
    display: block;
    width: 26px;
    height: 26px;
    background: url("../img/explain.png") no-repeat center;
}

/*.treeC .match5{*/
    /*left: 640px;*/
    /*top: 293px;*/
/*}*/
.zone_img{
    width: 1541px;
    margin: 0px auto;
}
.zone_img ul{
    margin-top: 50px;
}
.zone_img ul li{
    display: none;
    width: 1541px;
    text-align: center;
}
.zone_img ul li img{
    margin-bottom: 25px;
}

.CN .zcb_con{
    width: 948px;
}
.CN .zcb_con .treeA,.CN .zcb_con .treeB{
    width: 948px;
    height: 538px;
    margin-top: 70px;
    background: url('../img/board_bg.png') no-repeat center;
}
.scoreboard{
    width: 404px;
    height: 100%;
    float: left;
    background: url("../img/label.png") no-repeat 18px 78px;
}
.match_board{
    width: 536px;
    height: 100%;
    float: left;
    margin-left: 7px;
}
.scoreboard div{
    height: 36px;
    line-height: 36px;
    font-size: 10px;
    color: #FFF;
    margin-top: 46px;
}
.scoreboard div:first-child{
    margin-top: 68px;
}
.scoreboard div span{
    display: block;
    float: left;
    height: 36px;
}
.scoreboard div span.sl1 img{
    width: 36px;
}
.scoreboard div span.sl1{
    margin-left: 66px;
}
.scoreboard div span.sl2{
    width: 90px;
    margin-left: 13px;

}
.scoreboard div span.sl3{
    margin-left: 4px;
}
.scoreboard div span.sl4{
    margin-left: 44px;
}
.scoreboard div span.sl5{
    margin-left: 42px;
}
.scoreboard div span.sl6{
    margin-left: 44px;
}
.scorll_con{
    width: 100%;
    height: 509px;
    margin: 16px auto 0px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.scorll_con div{
    height: 36px;
    line-height: 36px;
    font-size: 9px;
    margin-bottom: 40px;
}
.scorll_con div span{
    display: block;
    float: left;
    height: 36px;
}
.scorll_con div span img{
    width: 36px;
}
.scorll_con div span.sc1{
    width: 100px;
    text-align: right;
    color: #c92300;
    font-weight: bold;
}
.scorll_con div span.sc2{
    width: 91px;
    text-align: right;
    color: #FFF;
}
.scorll_con div span.sc3{
    width: 36px;
    margin-left: 6px;
}
.scorll_con div span.sc4{
    width: 34px;
    text-align: center;
    color: #61767c;
}
.scorll_con div span.sc5{
    width: 36px;
    margin-right: 6px;
}
.scorll_con div span.sc6{
    width: 91px;
    color: #FFF;
}
.scorll_con div span.sc7{
    width: 32px;
    text-align: center;
    color: #c92300;
}
.scorll_con div span.sc8{
    width: 86px;
    text-align: center;
    color: #61767c;
}
.scorll_con div span.sc8.live{
    color: #FFF;
}
.scorll_con .CNgroup_tab div{
    width: 224px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    float: left;
    color: #6f7b7f;
    border: 1px solid #6f7b7f;
    cursor: pointer;
}
.scorll_con .CNgroup_tab div.cur{
    color: #FFF;
    border-color: #FFF;
}
.scorll_con .CNgroup_tab div:first-child{
    margin-left: 35px;
}










/*滚动条start*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.scorll_con::-webkit-scrollbar {
    width: 8px;
    height: 104px;
    /*border: 1px solid #ecb04a;*/
    /*border-radius: 8px;*/
    background-color: #61767c;
    /*background: -webkit-linear-gradient(#7ca25d, #7ca25d); !* Safari 5.1 - 6.0 *!*/
    /*background: -o-linear-gradient(#7ca25d, #7ca25d); !* Opera 11.1 - 12.0 *!*/
    /*background: -moz-linear-gradient(#7ca25d, #7ca25d); !* Firefox 3.6 - 15 *!*/
    /*background: linear-gradient(#7ca25d, #7ca25d); !* 标准的语法 *!*/
}
/*定义滚动条轨道 内阴影+圆角*/
.scorll_con::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    /*border-radius: 8px;*/
    /*border: 1px solid #ecb04a;*/
    background: -webkit-linear-gradient(#313f43, #313f43); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#313f43, #313f43); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#313f43, #313f43); /* Firefox 3.6 - 15 */
    background: linear-gradient(#313f43, #313f43); /* 标准的语法 */
}
/*定义滑块 内阴影+圆角*/
.scorll_con::-webkit-scrollbar-thumb{
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #61767c;
    width: 8px;
    height: 10px;
    /*border: 1px solid #ecb04a;*/
}
/*滑块效果*/
/*.group-content::-webkit-scrollbar-thumb:hover*/
/*{*/
/*border-radius: 5px;*/
/*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
/*background: rgba(0,0,0,0.4);*/
/*}*/
/*IE滚动条颜色*/
html {
    scrollbar-face-color:#61767c;/*滚动条颜色*/
    scrollbar-highlight-color:#000;
    scrollbar-3dlight-color:#000;
    scrollbar-darkshadow-color:#000;
    scrollbar-Shadow-color:#61767c;/*滑块边色*/
    scrollbar-arrow-color:#313f43;/*箭头颜色*/
    scrollbar-track-color:#313f43;/*背景颜色*/
}
/*滚动条end*/