/*容器*/
.tree-box{
    border-radius: 5px;
    background: #191919;
}

/*赛事进程图*/
svg{
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    overflow: hidden;
}
/*基础样式*/
/*节点框*/
.rect{
    stroke: #424242;
    stroke-width:0.4;
    fill: #222;
}

/*占位节点框*/
.rect-placeholder{
    fill: rgba(0,0,0,.2);
}

/*时间框*/
.rect-time{
    stroke: #424242;
    stroke-width:0.4;
    fill: #000;
}

/*文本框*/
.rect-text{
    stroke: #424242;
    stroke-width:0.4;
    fill: #222;
}

.rect-qualified {
    stroke: #005110;
    stroke-width: 0.4;
    fill: #00380b;
}

/*比分框*/
/*vs 框*/
.rect-num{
    stroke: #424242;
    stroke-width:0.4;
    fill: #131313;
    cursor: pointer;
}
.rect-vs{
    stroke: #424242;
    stroke-width:0.4;
    fill: #131313;
    cursor: pointer;
}
.circle-position {
    stroke: #026637;
    stroke-width: 1;
    fill: #058e4e;
    cursor: pointer;
}
.text-position {
    fill: #fff;
    font-weight: bold;
    text-anchor: middle;
    dominant-baseline: middle;
    cursor: pointer;
}


/*文本--------------*/
/*tbd*/
.text-tbd{
    fill: #ebe855;
    font-weight: bold;
    text-anchor:middle;
    dominant-baseline:middle;
}
.text-tbd-big{
    fill: #ebe855;
    font-size: 20px;
    font-weight: bold;
    text-anchor:middle;
    dominant-baseline:middle;
}
/*后台添加按钮*/
.text-add{
    font-size: 20px;
    fill:#0b97c4;
    text-anchor:middle;
    dominant-baseline:middle;
    cursor: pointer;
}

.text-tbd-team{
    fill: #ebe855;
    font-weight: bold;
    dominant-baseline:middle;
}


/*score*/
.text-score{
    font-weight: bold;
    fill: #ccc;
    text-anchor:middle;
    dominant-baseline:middle;
    cursor: pointer;
}

/*vs*/
.text-vs{
    fill: #fff;
    text-anchor:middle;
    dominant-baseline:middle;
    cursor: pointer;
}

/*team*/
.text-team-single{
    font-weight: bold;
    fill: #ccc;
    text-anchor:middle;
    dominant-baseline:middle;
    cursor: pointer;
}
.text-team-name{
    fill: #ccc;
    dominant-baseline:middle;
    cursor: pointer;
}



/*时间*/
.text-date{
    font-size: 12px;
    fill: #ccc;
    text-anchor:middle;
    dominant-baseline:middle;
}



/*图片*/
.img-logo-single{
    cursor: pointer;
}
.img-logo{
    cursor: pointer;
}



/*连接结节*/
.link-circle{
    fill: none;
    stroke: #ccc;
}

/*连接线*/
.link-line{
    fill: none;
    stroke: #666;
    stroke-width: 1;
}


/*队伍链接*/
.link-team:hover rect{
    fill: #363636;
}
.link-team:hover text{
    fill: #ccc;
}
.link-team:hover .rect-qualified {
    fill: #00380b;
}

/*分类链接*/
.link-score:hover rect{
    fill: #222222;
}




/*阶段*/
.link-bar rect{
    stroke:none;
    fill: #222;
}
.link-bar text{
    font-size: 14px;
    fill: #999;
    text-anchor:middle;
    dominant-baseline:middle;
    cursor: pointer;
}
.link-bar:hover rect{
    fill: #494949;
}


/*移动端文字大小*/
.android .tree-box,.ios .tree-box{min-height:500px;}
.android svg, .ios svg{font-size: 0.14rem;}
.android .text-tbd-big, .ios .text-tbd-big{font-size: 0.24rem;}
.android .text-add, .ios .text-add{font-size: 0.24rem;}

.android .text-date, .ios .text-date{font-size: 0.12rem;}
.android .link-bar text, .ios .link-bar text{font-size: 0.15rem;}

.en-us .android .text-date, .en-us .ios .text-date{font-size: 0.1rem;}
.en-us .android .link-bar text, .en-us .ios .link-bar text{font-size: 0.14rem;}

@media only screen and (min-width: 481px) {
    .android svg,
    .ios svg{
        font-size: 0.07rem;
    }
    .android .text-date,
    .ios .text-date{
        font-size: 0.05rem;
    }
    .android .link-bar text,
    .ios .link-bar text{
        font-size: 0.08rem;
    }
    .android .text-score,
    .ios .text-score{
        font-size: 0.08rem;
    }
}

/*lol 样式*/
.lol .tree-box{background: #0b0f18; border:1px solid #2a4a6f;}
.lol .rect{stroke: #274365;fill: #0e172a;}
.lol .rect-time{stroke: #274365;fill: #04070c;}
.lol .rect-text{stroke: #274365;fill: #0e172a;}
.lol .rect-num{stroke: #274365;fill: #0a101d;}
.lol .rect-vs{stroke: #274365;fill: #0a101d;}
.lol .link-circle{ stroke: #274365;}
.lol .link-line{ stroke: #274365;}

.lol .link-team:hover rect{fill: #1e3057;}
.lol .link-team:hover text{fill: #fff;}
.lol .link-bar rect{fill: #1b2a4d;}


/*dota2样式*/
.dota2 .tree-box{background: #0d0d0d; border:1px solid #924040;}
.dota2 .rect{stroke: #924040;fill: #341c19;}
.dota2 .rect-time{stroke: #924040;fill: #000;}
.dota2 .rect-text{stroke: #924040;fill: #341c19;}
.dota2 .rect-num{stroke: #924040;fill: #2d1c1a;}
.dota2 .rect-vs{stroke: #924040;fill: #120b0a;}
.dota2 .link-circle{ stroke: #924040;}
.dota2 .link-line{ stroke: #924040;}

.dota2 .link-team:hover rect{fill: #683a30;}
.dota2 .link-team:hover text{fill: #fff;}
.dota2 .link-bar rect{fill: #2d1c1a;}