#container{position:relative;width:100%;min-height:100%;padding-bottom:150px;box-sizing:border-box}
.ng-cloak{display:none}
.no-data img{display: flex;justify-content: center;align-items: center;}
p{margin:0 !important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color: #d9534f !important;cursor: default !important;background-color: #fff !important;border: 0px solid #ddd !important;border-top: solid 2px #d9534f !important;}
.nav-tabs{font-size:14px;border-bottom:1px solid #fff;color:#000;cursor:default;background-color:#eee;width: 100%}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:1px;padding-left:1px}
.row{margin-right:-0px !important;margin-left:-0px !important}
.container {padding-right: 0px !important;padding-left: 0px !important;}
.nav-main>.active>a,.nav-main>.active>a:hover,.nav-main>.active>a:focus{color:#f8f4f3!important;background-color:#f83b3b}
.nav-main>li>a:hover,.nav-main>li>a:focus{color:#f83b3b!important;background-color:transparent}
.match-round{font-size:11px;line-height:20px;color:#999}
.team-logo{width:64px;height:64px}
.team-logo-xs{width:30px;height:30px}
.team-map{position:relative}
.team-map small{width:60px;float:left;-o-text-overflow:ellipsis;word-berak:normal;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-name-td-xs{position:relative}
.team-name-td-xs span{width:70px;float:left;font-size:13px;-o-text-overflow:ellipsis;word-berak:normal;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-name-td-xs .winner2{position:absolute;height:14px;top:6px;left:-6px}
.league-name{font-size:14px;width:160px;-o-text-overflow:ellipsis;word-berak:normal;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-gold{color:#debe0d !important}
.text-danger{color:#f83b3b !important}
.text-success{color:#83cf39 !important}
.text-primary{color:#337ab7 !important}
.ct{color:#3398db}
.t{color:#ffd200}
.Live.active em{color:#debe0d}
.exponent{position:relative;font-weight:700;}
.exponent.up{color:#f74e4e;display:block;animation:flash 2s;animation-iteration-count:3;-webkit-animation-iteration-count:3}
.exponent.down{color:#1cc36a;display:block;animation:flash 2s;animation-iteration-count:3;-webkit-animation-iteration-count:3}
.exponent .icon{position:absolute;background-repeat:no-repeat;right:24px;width:9px;height:8px;top:50%;margin-top:-4px}
.data_change.upper{background-color:#f74e4e;display:block;animation:flash 5s;animation-iteration-count:10}
.data_change.lower{background-color:#1cc36a;display:block;animation:flash 5s;animation-iteration-count:10}
@keyframes flash{0%{opacity:1}
20%{opacity:0}
40%{opacity:1}
60%{opacity:0}
80%{opacity:1}
to{opacity:0}
}@-webkit-keyframes flash{0%{opacity:1}
20%{opacity:0}
40%{opacity:1}
60%{opacity:0}
80%{opacity:1}
to{opacity:0}
}@keyframes flash_bg{0%{background-color:rgba(85,187,248,.5)}
20%{background-color:rgba(85,187,248,0)}
40%{background-color:rgba(85,187,248,.5)}
60%{background-color:rgba(85,187,248,0)}
80%{background-color:rgba(85,187,248,.5)}
to{background-color:rgba(85,187,248,0)}
}@-webkit-keyframes flash_bg{0%{background-color:rgba(85,187,248,.5)}
20%{background-color:rgba(85,187,248,0)}
40%{background-color:rgba(85,187,248,.5)}
60%{background-color:rgba(85,187,248,0)}
80%{background-color:rgba(85,187,248,.5)}
to{background-color:rgba(85,187,248,0)}
}.Timeing:after{content:"'";font-size:14px;color:#debe0d;-webkit-animation:blink 1s infinite;animation:blink 1s infinite;margin-left:3px}
@keyframes blink{0%{opacity:0}
50%{opacity:100}
100%{opacity:0}
}@-webkit-keyframes blink{0%{opacity:0}
50%{opacity:100}
100%{opacity:0}
}
.more a{color:#9f9f9f}
.more a:hover{color:#ddd}
.more img{max-height:15px;margin-top:-2px}
.carousel{margin-bottom:20px}
@media screen and (min-width:1000px){
.nav-match{position:relative;margin:5px 0px 10px;border:1px solid transparent;padding:1px}
.nav-djdata{list-style:none;margin:0;padding:0;background:#fff;font-size:14px;width:100%;display:flex}
.nav-djdata li{float:left;background:0 0;padding:0 10px;border:none;text-align:center;position:relative;display:block;height:38px;line-height:38px;color:#333}
.nav-djdata li.small{min-width:67px}
.nav>li.small>a{padding:8px 0}
.nav-djdata li a{color:#afb0b2;position:relative;display:block;padding:10px 15px}
.nav-djdata li.active{border-bottom:2px solid #de1e30;background:#fff;color:#de1e30}
.nav-djdata>li>a:hover,.nav-djdata>li>a:focus{color:#ddd!important;background-color:transparent}
.nav-djdata .icon,.title-djdata .icon{margin-top:-2px;margin-right:5px;height:28px;width:auto}
}@media screen and (max-width:1000px){.nav-match{position:relative;margin:0px;border:1px solid transparent;padding:1px}
.nav-djdata{list-style:none;margin:0;padding:0;background:#fff;font-size:14px;width:100%;display:flex}
.nav-djdata li{float:left;background:0 0;padding:0 0;border:none;min-width:20%;border-top:2px solid #fff;text-align:center;position:relative;display:block;height:50px;line-height:50px;color:#ddd}
.nav-djdata li a{color:#afb0b2;position:relative;display:block;padding:10px 15px}
.nav-djdata li.active{border-top:2px solid #f83b3b;background:#fff;color:#f83b3b}
.nav-djdata>li>a:hover,.nav-djdata>li>a:focus{color:#ddd!important;background-color:transparent}
.nav-djdata .icon,.title-djdata .icon{margin-top:-2px;margin-right:5px;height:28px;width:auto}
.nav-djdata li span{display:none}
}.s{margin-top:-2px;margin-right:5px;height:14px}
.schedules-game{height:14px;width:14px}
.match{position:relative;margin:5px 0px 10px;border:1px solid transparent;padding:1px;}
.match.start{border-left:5px solid #f83b3b}
.match.finish{border-left:5px solid #777}
.match.cancel{border-left:5px solid #777}
.match.upcoming{border-left:5px solid #90b526}
.divitem:hover{position:relative;-webkit-animation:dese .5s 1;-moz-animation:dese .5s 1;animation:dese .5s 1;-webkit-box-shadow:0 6px 15px #12141b;-moz-box-shadow:0 6px 15px #12141b;box-shadow:1px 1px 5px 1px grey}
.match .team-logo{width:18px;height:18px}
.match-title{background:#fff;padding:1px;color:#333;font-size:13px;-o-text-overflow:ellipsis;word-berak:normal;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-start{background:-moz-linear-gradient(left,#282e3e 0%,#8c3c3c 100%);background:-webkit-gradient(linear,left right,left right,color-stop(0%,#282e3e),color-stop(100%,#8c3c3c ));background:-webkit-linear-gradient(left,#282e3e 0%,#8c3c3c 100%);background:-o-linear-gradient(left,#282e3e 0%,#8c3c3c 100%);background:-ms-linear-gradient(left,#282e3e 0%,#8c3c3c 100%);background:linear-gradient(to right,#282e3e 0%,#8c3c3c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#282e3e',endColorstr='#8c3c3c',GradientType=0 )}
.match-upcoming{background:-moz-linear-gradient(left,#282e3e 0%,#326b3c 100%);background:-webkit-gradient(linear,left right,left right,color-stop(0%,#282e3e),color-stop(100%,#326b3c));background:-webkit-linear-gradient(left,#282e3e 0%,#326b3c 100%);background:-o-linear-gradient(left,#282e3e 0%,#326b3c 100%);background:-ms-linear-gradient(left,#282e3e 0%,#326b3c 100%);background:linear-gradient(to right,#282e3e 0%,#326b3c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#282e3e',endColorstr='#326b3c',GradientType=0 )}
.match-finish{background:-moz-linear-gradient(left,#282e3e 0%,#929292 100%);background:-webkit-gradient(linear,left right,left right,color-stop(0%,#282e3e),color-stop(100%,#929292));background:-webkit-linear-gradient(left,#282e3e 0%,#929292 100%);background:-o-linear-gradient(left,#282e3e 0%,#929292 100%);background:-ms-linear-gradient(left,#282e3e 0%,#929292 100%);background:linear-gradient(to right,#282e3e 0%,#929292 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#282e3e',endColorstr='#929292',GradientType=0 )}
.match-title .league-name-small{max-width:180px;display:inline-flex}
.match-title .league-name-small span{font-size:13px;width:100%;-o-text-overflow:ellipsis;word-berak:normal;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-title .icon{margin-top:-3px;width:20px;margin-left:5px}
.match-title small{}
.match-content{padding:1px;background:#fff;color:#333;line-height:32px;border-top:1px solid #efefef}
.match-content label{color:#f83b3b;margin-bottom:0px;}
.match-content span{font-size: 11px;}
.match-content .status{margin-top:0;margin-bottom:5px;display:block;height:27px}
.match-content .single{padding-top:12px}
.match-icon{width:12px;height:12px;margin-bottom:2px}
.winner_icon{width:12px;height:12px;position: absolute;}
.ditu-icon{width:auto;height:16px;margin-bottom:3px}
.match .team-name{width:100%;min-width:100px;max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.match .team-name img{margin-right:5px;margin-bottom:4px}
.content-djdata{padding:20px 30px;min-height:500px;color:#cbcccc}
.match-score.text-success{font-size:24px;margin-left:20px}
.match-score.text-danger{font-size:24px;margin-right:20px}
#match-title{margin-bottom:20px;margin-top:10px}
#match-title .match-icon{height:auto}
#match-title .match-team{color:#ddd;font-size:18px;margin:0 10px;line-height:36px}
#match-title .match-time{color:#999;margin-top:-6px}
.content-bp{margin-top:20px}
.content-bp .bp-text{line-height:40px;text-align:center;margin:5px;font-size:16px;color:#999}
.content-bp .icon{margin-top:12px}
.content-bp .bp-left{width:425px;height:40px;float:right;padding-left:5px;background:url(../images/dianjing/bp_left.png) no-repeat center}
.margin-bottom-30{margin-bottom:30px}
.content-bp .hero{width:59px;margin:-4px 4px 0;height:auto}
.content-bp .hero-ban{width:52px;margin:-4px 2px 0;-webkit-filter:grayscale(50%);filter:grayscale(50%);opacity:.5}
.content-bp .bp-right{width:425px;height:40px;padding-right:2px;float:left;text-align:right;background:url(../images/dianjing/bp_right.png) no-repeat center}
.team-side{width: 6% !important;/* text-align:left; */}
.icon_list{width: 27% !important;/* text-align:left; */}

.livetab .table > thead > tr > th, .livetab .table > tbody > tr > th, .livetab .table > tfoot > tr > th,.livetab .table > thead > tr > td, .livetab .table > tbody > tr > td, .livetab .table > tfoot > tr > td{ border-top-color: #fff;}
.mytable01 .table .pankou,.mytable01 .table .oddss{ position: relative;}
.livetab{ border: 2px solid #4d7082; position: absolute; z-index: 18; top: 3px; left: -200px;}
.table01 tr td,.table03 .tr01 td{ background: #efefef; color: #333;}
.mytable01 .table .pankou:hover .livetab{ visibility: visible;}
.hero-pick-icon{width:32px;margin:4px;height:32px;border-radius: 50%;}
.hero-ban-icon{width:24px;margin:4px;height:24px;-webkit-filter:grayscale(50%);filter:grayscale(50%);opacity:.7}
.livetab .table{ margin-bottom: 0;}
.livetab .table tbody{ font-size:12px;}
.livetab .table th,.livetab .table td{ text-align: center; display: table-cell; vertical-align: inherit; padding: 4px 2px;}
.livetab .table .event a{ display: block; height: 32px; line-height: 31px; padding:0;}
.livetab .table03 td,.livetab .table04 td{ border: 1px solid #fff;}
.livetab .table03 .no-b-l{ border-left: none;}
.livetab .table03 .no-b-r{ border-right: none;}

.hasRaceDataPopup{position:relative;cursor:pointer}
.hasRaceDataPopup .raceDataPopup2{display: block;width:100%;border:0;border-radius:4px;font-size:12px;-webkit-transform:scale(1);-o-transform:scale(1);margin-bottom: 20px;}
.hasRaceDataPopup .raceDataPopup2.score-bar-con .score-bar-item{position:relative;color:#333}
.hasRaceDataPopup .raceDataPopup2.score-bar-con .score-bar-item h5{font-size:12px;color:#333;font-weight:400;letter-spacing:2px}
.score-bar-con .score-bar-item{margin-bottom:0}
.score-bar-con .score-bar-item .row .columns{padding:0;font-weight:400;font-size:10px}
.score-bar-con .score-bar-item h5{font-size:12px;margin-bottom:0;font-weight:400;text-align:center}
.score-bar-con .score-bar-item .progress{padding:0;background:#a97f18;height:8px;border:0;margin:5px 0;font-size:10px}
.columns{padding-left:.83333rem;padding-right:.83333rem;width:100%;float:left}
.small-2{width:16.66667%}
.small-8{width:66.66667%}
.progress{background-color:#eee;border:1px solid #fff;height:1.33333rem;margin-bottom:.83333rem;padding:.16667rem}
.progress .meter{background:#2f8162;display:block;height:100%;float:left;width:0;}
.progress .meter.secondary{background:#ffd903;display:block;height:100%;float:left;width:0}
.progress .meter.success{background:#43ac6a;display:block;height:100%;float:left;width:0}
.progress .meter.alert{background:#d91f1f;display:block;height:100%;float:left;width:0}
.progress.secondary .meter{background:#ffd903;display:block;height:100%;float:left;width:0}
.progress.success .meter{background:#43ac6a;display:block;height:100%;float:left;width:0}
.progress.alert .meter{background:#d91f1f;display:block;height:100%;float:left;width:0}
.progress.radius{border-radius:3px}
.progress.radius .meter{border-radius:2px}
.progress.round{border-radius:1000px}
.progress.round .meter{border-radius:999px}
/* 筛选导航 */
.iconTop{display:inline-block;background:url(../../images/totop.png) no-repeat center top;width:19px;height:17px;cursor:pointer}
.iconTop.act{background-position:bottom}
.input1{width:15px;height:15px;background:url(../../images/checkicon.png) no-repeat top;margin:0}
.rightsead{z-index:99;position:fixed;height:0;left: -60px;margin: 0;line-height: 16px; background-color: #fff;width: 50px;left: 50%;top: 330px;margin-left: -650px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.rightsead ul {width: 50px;background: #fff;display: inline-block;border: 1px solid #e24949;}
.rightsead ul li{width:50px;font-size:18px;text-align:center;position:relative;cursor:pointer;overflow:hidden;border-bottom:1px solid #e4e4e4}
.rightsead ul li a,.rightsead ul li span{display:block}
.rightsead ul li a{padding:10px 0;font-size:12px}
.rightsead ul li a,.rightsead ul li span{display:block}
.rightsead ul li span{margin-bottom:5px}
.dropdown-menu {min-width: 80px;}
.instantWrap{z-index:99}
.instantWrap .topSelect{padding-top:30px;padding-bottom:20px;position:relative;z-index:999}
.instantWrap .pull-left{display:inline-block}
.instantWrap .pull-left a{margin-right:5px}
.instantWrap .pull-left a.act,.instantWrap .pull-left a:hover{color:#fff;border:1px solid #de1e30;background:#de1e30}
.instantWrap .pull-right a{margin-left:5px}
.instantWrap .selall{margin-right:10px;}
.instantWrap .baseSel p{font-size:14px;text-align:center;vertical-align:middle;margin:0 0 0px}
.instantWrap .baseSel p:before{display:inline-block;content:'';width:20px;height:20px;background:url(../../images/icon10.png);position:relative;float:left;margin-right:2px;margin-top:1px}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-refresh:before{content:"\f021"}
.fa-cog:before,.fa-gear:before{content:"\f013"}
.baseSel .option a{font-size:12px;color:grey;display:block;margin:0 10px;border-radius:5px;line-height:30px;margin-bottom:1px}
.baseSel .option{display:none;position:absolute;top:46px;left:0;width:100%;background:#fff;padding:10px 0;border-radius:5px;box-shadow:0 0 17px rgba(0,0,0,.2)}
.instantWrap .baseSel p{font-size:14px;text-align:center;vertical-align:middle}
.instantWrap .insTopMenuStyle{font-size:14px;color:#e24949;display:inline-block;padding:8px 18px;background:#FFF;border: 1px solid #e24949;border-radius:3px;position:relative}
.instantWrap .select_box{display:inline-block;color:#e24949;border-radius:4px;border:1px solid #e24949;position:relative;background:url(../../images/icon_checkbox.png) no-repeat;background-color:#fff;padding-right:30px;background-position:50px center;}
.instantWrap .select_bth{display:block;text-align:center}
.instantWrap .option_box{position:absolute;background:#fff;top:44px;left:-61px;width:368px;font-size:14px;color:#333;border:1px solid #f9f9f9;border-radius:10px;box-shadow:0 0 17px rgba(0,0,0,.2);visibility:hidden;z-index: 66;}
.instantWrap .letter_box{overflow:hidden;margin:2px 17px 10px;text-align:left}
.instantWrap .letter_box a{font-size:12px;color:grey;padding:4px}
.instantWrap .letter_box a:hover{color:#ff4f15}
.instantWrap .letter_box .letter_b_box{margin-top:8px}
.instantWrap .letter_box a.block_btn{width:47%;display:inline-block;text-align:center;background:#f3f3f3;line-height:20px;border-radius:4px}
.instantWrap .letter_box a.block_btn.active{color:#fff;background:#3885e1}
.instantWrap .select_box.active .option_box{visibility:visible}
.instantWrap .select_box .option_box:after{content:'';height:0;width:0;border:13px solid transparent;border-bottom-color:#fff;position:absolute;top:-26px;left:104px}
.instantWrap .insleaguebox{padding:10px 10px 0 10px;border-bottom:1px solid #ececec;max-height: 200px;overflow: auto;}
.instantWrap .btn_box{width:100%;background:#ebebeb}
.instantWrap .btn_box a{display:block;text-align:center;line-height:40px;color:#333}
.instantWrap .btn_box a:hover{background:#f2f2f2}
.league-bf input{margin-right:5px;margin-top:0px}
.league-bf label{font-weight:400;font-size:14px;margin:0;cursor:pointer}
.league-bf .row{margin-right:-6px;margin-left:-6px}
.league-bf .col-xs-3{padding-left:10px;padding-right:6px;margin-bottom:10px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.league-bf .media-body{border-bottom:1px dotted #ececec}
.input1:checked{background-position:bottom}
.flexBox .box{box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;width: 25%;padding: 0;}
.flexBox .boxWrap{display:box;display:-webkit-box}
.scrollbar1 .viewport{width:100%;height:100%;overflow:hidden;position:relative}
.scrollbar1 .overview{list-style:none;left:0;top:0;width:100%}
.fix_top_btn{background:#fff;width:100%;top:2.45rem;display:flex;display:-webkit-flex;display:-o-flex;display:-moz-flex;text-align:center;max-width:800px;border-bottom:1px solid #e3e1e1;left:0;right:0;margin:0 auto;z-index:2}
.fix_top_btn .btn{flex:1;-webkit-flex:1;-o-flex:1;-moz-flex:1;line-height:1.85rem}
.fix_top_btn .btn a{position:relative;color:#808080}
.fix_top_btn .btn.act a{color:#333;font-weight:bold}
.fix_top_btn .btn.act a:after{content:'';position:absolute;width:2rem;height:0.15rem;border-radius:0.15rem;background:#e24949;left:50%;bottom:-0.25rem;transform:translateX(-50%)}
.calendarList {
	background: #fafafa;
	border-top: 1px solid #de1e30;
	margin-bottom: 10px;
}

.calendarList table {
	width: 100%
}

.calendarList table td {
	text-align: center
}

.calendarList table td span {
	font-size: 12px
}

.calendarList table td a {
	display: block;
	color: #333;
	font-size: 16px;
	margin-top: 10px;
}

.calendarList table .act {
	background: #fff;
	border-bottom: 2px solid #de1e30;
}

.calendarList table .act a {
	color: #de1e30;
}

.colour-nav-wrapper .colour-nav-empty {
 height:13.86667vw
}
.colour-nav-wrapper .expand-cover-mask {
 width:100%;
 min-height:160vw;
 position:fixed;
 z-index:9;
 background:transparent
}
.colour-nav-wrapper .colour-nav {
 width:-webkit-fill-available;
 display:flow-root;
 position:relative;
 z-index:0;
 background:#eee;
 font-size:0.6rem
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 color:#666;
 font-weight:500;
 overflow:hidden;
 overflow-x:scroll;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-overflow-style:none;
 scrollbar-width:none
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper::-webkit-scrollbar {
 display:none
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper> {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list {
 width:auto;
 z-index:12;
 display:-webkit-box;
 display:-ms-flexbox
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item {
 height:1.5rem;
 width:25%;
 background-clip:padding-box!important;
 vertical-align:middle;
 text-align:center;
 line-height:1.5rem;
 background:#fff;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border-right:1px solid hsla(0,0%,94.5%,.98824);
 z-index:12
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive {
 color:#fff
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-all {
 background:#ffae00;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-lol {
 background:#768fbf;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-dota {
 background:#b66e70;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-csgo {
 background:#eca524;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-kog {
 background:#ad892f;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-pubg {
 background:#e69806;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-ow {
 background:#9a776d;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-rainbow {
 background:#786ed6;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-hos {
 background:#539bc9;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-sc2 {
 background:#526276;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-rocket {
 background:#3e82c5;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .default-list .nav-item.isActive.nav-item-hs {
 background:#3ea0aa;
 z-index:10
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .is-bespread {
 width:100%
}
.colour-nav-wrapper .colour-nav .default-nav-wrapper .is-bespread .nav-item {
 -webkit-box-flex:1!important;
 -ms-flex:1!important;
 flex:1!important
}
.colour-nav-wrapper .colour-nav .expand-flod-sign {
 width:11.2vw;
 height:8.53333vw;
 background:#fff;
 -webkit-box-shadow:-1.33333vw 0 .53333vw 0 #fff;
 box-shadow:-1.33333vw 0 .53333vw 0 #fff;
 position:absolute;
 right:0;
 top:2.66667vw;
 z-index:9;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.colour-nav-wrapper .colour-nav .expand-flod-sign .logo {
 width:4.26667vw;
 height:4.26667vw;
 transition:transform .4s ease,-webkit-transform .4s ease
}
.colour-nav-wrapper .colour-nav .expand-flod-sign .logo.roate-logo {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.colour-nav-wrapper .colour-nav .expand-nav-wrapper {
 padding:4.8vw 2.93333vw 1.86667vw;
 margin-top:-2.66667vw;
 background:#fafafa
}
.colour-nav-wrapper .colour-nav .expand-nav-wrapper .expand-list {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.colour-nav-wrapper .colour-nav .expand-nav-wrapper .expand-list .nav-item {
 width:21.86667vw;
 height:8vw;
 background:#eee;
 color:#333;
 font-size:3.2vw;
 display:-webkit-box;
 display:-ms-flexbox;
 margin:0 0 3.2vw 2.13333vw;
 border-radius:1.06667vw;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.colour-nav-wrapper .colour-nav .expand-nav-wrapper .expand-list .nav-item.isActive {
 color:var(--skin__color)
}
.colour-nav-wrapper .colour-nav .expand-nav-wrapper .expand-list .nav-item:nth-child(4n+1) {
 margin-left:0
}
.ongoing-color {
 color:#229833!important;
 font-size:0.5rem
}
.notstart-color {
 color:#999!important;
 font-size:0.5rem
}
.finished-color {
 color:#f7656a!important;
 font-size:0.5rem
}
.score-item {
 background:#fff;
 margin-bottom:0.8rem
}
.score-item {
 font-size:0.5rem
}
.score-item .data-class,
.score-item .header-league,
.score-item .header-match {
 padding-left:0.2rem
}
.score-item .header-league {
 font-weight:400
}
.score-item .header-league,
.score-item .header-league .left,
.score-item .header-league .right {
 height:1.6rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.score-item .header-league .left,
.score-item .header-league .right {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.score-item .header-league .right {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 padding-right:0.2rem
}
.score-item .header-league .right .live-logo {
 width:4.26667vw
}
.score-item .header-league .left .logo-gametype {
 width:0.8rem;
 height:0.8rem;
 margin-right:0.2rem
}
.score-item .header-league .time {
 color:#666
}
.score-item .header-league .bo {
 min-width:0.8rem
}
.score-item .header-league .bo,
.score-item .header-league .name {
 color:#999;
 padding-left:0.8rem
}
.score-item .header-league .name {
 display:flow-root;
 white-space:nowrap;
 max-width:8.8rem;
 text-overflow:ellipsis;
 overflow:hidden
}
.score-item .header-match {
 height:1.2rem;
 line-height:1.2rem;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background:#f5f5f5;
 font-size:0.5rem
}
.score-item .header-match,
.score-item .header-match>* {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.score-item .header-match .left,
.score-item .header-match .middle,
.score-item .header-match .right {
 height:1.2rem;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.score-item .header-match .left {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-weight:400
}
.score-item .header-match .left .status {
 height:1.2rem
}
.score-item .header-match .middle {
 color:#999
}
.score-item .header-match .middle>.extra-field,
.score-item .header-match .middle>.field-class {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 text-align:center
}
.score-item .header-match .middle>.field-class-hos,
.score-item .header-match .middle>.field-class-hs,
.score-item .header-match .middle>.field-class-ow,
.score-item .header-match .middle>.field-class-rainbow,
.score-item .header-match .middle>.field-class-rocket,
.score-item .header-match .middle>.field-class-sc2 {
 -webkit-box-flex:3;
 -ms-flex:3;
 flex:3;
 padding-right:.53333vw
}
.score-item .header-match .middle .map-field {
 color:#333;
 font-weight:400
}
.score-item .header-match .right {
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:center
}
.score-item .header-match .right .odds-field {
 color:#999
}
.score-item .data-class {
 height:1.5rem;
 font-weight:400
}
.score-item .data-class,
.score-item .data-class>* {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.score-item .data-class.homeTeam-class {
 padding-top:0.2rem
}
.score-item .data-class.awayTeam-class {
 margin-top:0.2rem;
 padding-bottom:0.2rem
}
.score-item .data-class .detail-wrapper,
.score-item .data-class .info-wrapper,
.score-item .data-class .achieve-wrapper {
 -webkit-box-flex:0;
 -ms-flex:0 0 33.3%;
 flex:0 0 33.3%
}
.score-item .data-class .odds-wrapper {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.score-item .data-class .detail-wrapper,
.score-item .data-class .odds-wrapper {
 font-weight:700
}
.score-item .data-class .info-wrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.score-item .data-class .info-wrapper .logo-wrap {
 display:-webkit-box!important;
 display:-ms-flexbox!important;
 display:flex!important;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:0 1.33333vw .53333vw 0
}
.score-item .data-class .info-wrapper .logo-wrap img {
 position:absolute;
 -o-object-fit:cover;
 object-fit:cover
}
.score-item .data-class .info-wrapper .team-name {
 height:0.8rem;
 white-space:nowrap;
 max-width:2.8rem;
 text-overflow:ellipsis;
 overflow:hidden;
 font-weight:700
}
.score-item .data-class .info-wrapper .logo-wrap {
 width:0.8rem;
 height:0.8rem;
 line-height:0.8rem;
 display:table-cell;
 vertical-align:middle;
 text-align:center
}
.score-item .data-class .info-wrapper .logo-wrap img {
 max-height:0.8rem;
 max-width:0.8rem;
 vertical-align:middle;
 margin:0;
 padding:0;
 font-size:0
}
.score-item .data-class .detail-wrapper .camp-score {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.score-item .data-class .detail-wrapper .camp-score .camp-logo {
 width:0.8rem;
 height:0.8rem;
 margin-top:0.3rem;
 background-size:0.5rem 0.5rem;
 background-repeat:no-repeat;
 margin-left:0.8rem
}
.score-item .data-class .detail-wrapper .camp-score .camp-num {
 width:0.8rem;
 background-size:3.26667vw 3.26667vw;
 background-repeat:no-repeat;
 margin-left:0.8rem
}
.score-item .data-class .detail-wrapper .camp-score.camp-score-other .camp-score {
 -webkit-box-pack:left;
 -ms-flex-pack:left;
 justify-content:left
}
.score-item .data-class .detail-wrapper .detail {
 width:100%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:right;
 -webkit-box-flex:3;
 -ms-flex:3;
 flex:3
}
.score-item .data-class .detail-wrapper .detail,
.score-item .data-class .detail-wrapper .detail>* {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.score-item .data-class .detail-wrapper .detail span {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.score-item .data-class .achieve-wrapper {
 padding-left:0.2rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.score-item .data-class .achieve-wrapper img {
 width:0.6rem;
 height:0.5rem;
 padding-left:0.1rem;
 margin-top:-0.2rem
}
.score-item .data-class .odds-wrapper {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end
}
.score-item .data-class .odds-wrapper,
.score-item .data-class .odds-wrapper>* {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.score-item .data-class .odds-wrapper .detail-odds {
 width:14.4vw;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 color:#333
}
.score-item .duration.duration {
 display:inline-block;
 padding-left:0.3rem
}
.score-item .round {
 padding-left:1px
}
.score-item .round .r-text {
 padding-left:.53333vw
}
.dota-score-item .header-match .right,
.kog-score-item .header-match .right,
.lol-score-item .header-match .right {
 -webkit-box-flex:0.8;
 -ms-flex:0.8;
 flex:0.8
}
.dota-score-item .camp-score,
.kog-score-item .camp-score,
.lol-score-item .camp-score {
 -webkit-box-flex:1!important;
 -ms-flex:1!important;
 flex:1!important
}
.dota-score-item .camp-score>*,
.kog-score-item .camp-score>*,
.lol-score-item .camp-score>* {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.dota-score-item .camp-score span,
.kog-score-item .camp-score span,
.lol-score-item .camp-score span {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.dota-score-item .camp-score span:first-child,
.kog-score-item .camp-score span:first-child,
.lol-score-item .camp-score span:first-child {
 -webkit-box-pack:left;
 -ms-flex-pack:left;
 justify-content:left
}
.dota-score-item .camp-score .camp-logo,
.kog-score-item .camp-score .camp-logo,
.lol-score-item .camp-score .camp-logo {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.dota-score-item .detail,
.kog-score-item .detail,
.lol-score-item .detail {
 -webkit-box-flex:2!important;
 -ms-flex:3!important;
 flex:2!important
}
.dota-score-item .detail span,
.kog-score-item .detail span,
.lol-score-item .detail span {
 -webkit-box-pack:center!important;
 -ms-flex-pack:center!important;
 justify-content:center!important;
 text-align:center
}
.dota-score-item .detail .detail-killCount,
.dota-score-item .detail .detail-money,
.kog-score-item .detail .detail-killCount,
.kog-score-item .detail .detail-money,
.lol-score-item .detail .detail-killCount,
.lol-score-item .detail .detail-money {
 -webkit-box-flex:1!important;
 -ms-flex:1!important;
 flex:1!important
}
.dota-score-item .detail .detail-money,
.kog-score-item .detail .detail-money,
.lol-score-item .detail .detail-money {
 -webkit-box-flex:unset;
 -ms-flex:unset;
 flex:unset;
 margin-right:-7vw
}
.dota-score-item .detail .detail-money>*,
.kog-score-item .detail .detail-money>*,
.lol-score-item .detail .detail-money>* {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.dota-score-item .detail .detail-money .money-logo-num,
.kog-score-item .detail .detail-money .money-logo-num,
.lol-score-item .detail .detail-money .money-logo-num {
 margin-right:-1.86667vw;
 -webkit-box-flex:unset!important;
 -ms-flex:unset!important;
 flex:unset!important
}
.dota-score-item .detail .detail-money .money-logo-num .logo,
.kog-score-item .detail .detail-money .money-logo-num .logo,
.lol-score-item .detail .detail-money .money-logo-num .logo {
 width:2.13333vw;
 height:2.13333vw;
 padding-top:.66667vw
}
.dota-score-item .detail .detail-killCount,
.kog-score-item .detail .detail-killCount,
.lol-score-item .detail .detail-killCount {
 margin-right:-3.66667vw
}
.dota-score-item .detail .empty-money,
.kog-score-item .detail .empty-money,
.lol-score-item .detail .empty-money {
 padding-left:2.13333vw
}
.exponent {
 position:relative;
 font-weight:700
}
.exponent.up {
 color:#f74e4e;
 display:block;
 animation:flash 2s;
 animation-iteration-count:3;
 -webkit-animation-iteration-count:3
}
.exponent.down {
 color:#1cc36a;
 display:block;
 animation:flash 2s;
 animation-iteration-count:3;
 -webkit-animation-iteration-count:3
}
.exponent .icon {
 position:absolute;
 background-repeat:no-repeat;
 right:24px;
 width:9px;
 height:8px;
 top:50%;
 margin-top:-4px
}
.data_change.upper {
 background-color:#f74e4e;
 display:block;
 animation:flash 5s;
 animation-iteration-count:10
}
.data_change.lower {
 background-color:#1cc36a;
 display:block;
 animation:flash 5s;
 animation-iteration-count:10
}
@keyframes flash {
 0% {
  opacity:1
 }
 20% {
  opacity:0
 }
 40% {
  opacity:1
 }
 60% {
  opacity:0
 }
 80% {
  opacity:1
 }
 to {
  opacity:0
 }
}
@-webkit-keyframes flash {
 0% {
  opacity:1
 }
 20% {
  opacity:0
 }
 40% {
  opacity:1
 }
 60% {
  opacity:0
 }
 80% {
  opacity:1
 }
 to {
  opacity:0
 }
}
.clearfix-row {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
}
.clearfix-row:after,
.clearfix-row:before {
 content:"";
 display:table
}
.ui.menu {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:1rem 0;
 font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
 background:#fff;
 font-weight:400;
 border:1px solid #dde2f0;
 -webkit-box-shadow:none;
 box-shadow:none;
 border-radius:.28571429rem;
 min-height:2.85714286em
}
.ui.menu:after {
 content:'';
 display:block;
 height:0;
 clear:both;
 visibility:hidden
}
.ui.menu:first-child {
 margin-top:0
}
.ui.menu:last-child {
 margin-bottom:0
}
.ui.menu .menu {
 margin:0
}
.ui.item.menu {
 border-color:#e6e6e6;
 position:relative;
 line-height:24px;
 min-height:24px;
 font-size:12px;
 z-index:0
}
.ui.item.menu>.item {
 line-height:inherit;
 padding:0;
 color:#999
}
.ui.item.menu>.item:first-child:before {
 border-radius:4px 0 0 4px
}
.ui.item.menu>.item:last-child.active,
.ui.item.menu>.item:last-child:before {
 border-radius:0 4px 4px 0
}
.ui.item.menu>.item:last-child.active:before,
.ui.item.menu>.item:last-child:hover:before {
 display:inline-block
}
.ui.item.menu>.item.active {
 background:rgba(255,170,0,.1);
 color:#fa0;
 z-index:1;
 border:0
}
.ui.item.menu>.item.active:before {
 background-color:transparent;
 border:1px solid #fa0;
 height:auto;
 display:block;
 bottom:-1px;
 width:auto;
 right:-1px;
 left:-1px;
 top:-1px
}
.ui.menu.fluid,
.ui.vertical.menu.fluid {
 width:100%!important
}
.ui.item.menu,
.ui.item.menu .item {
 width:100%;
 padding-left:0!important;
 padding-right:0!important;
 margin-left:0!important;
 margin-right:0!important;
 text-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.ui.attached.item.menu:not(.tabular) {
 margin:0 -1px!important
}
.ui.item.menu .item:last-child:before {
 display:none
}
.ui.menu.two.item .item {
 width:50%
}
.ui.menu.three.item .item {
 width:33.333%
}
.ui.menu.four.item .item {
 width:25%
}
.ui.menu.five.item .item {
 width:20%
}
.ui.menu.six.item .item {
 width:16.666%
}
.ui.menu.seven.item .item {
 width:14.285%
}
.ui.menu.eight.item .item {
 width:12.5%
}
.ui.menu.nine.item .item {
 width:11.11%
}
.ui.menu.ten.item .item {
 width:10%
}
.ui.menu.eleven.item .item {
 width:9.09%
}
.ui.menu.twelve.item .item {
 width:8.333%
}
.text-a-c {
 text-align:center
}
.p-t-10 {
 padding-top: 0.2rem;
}
.p-l-10 {
 padding-left: 0.2rem;
}
.p-r-10 {
 padding-right: 0.72rem;
}
.f-s-12 {
 font-size: 1.5rem;
}
.f-s-14 {
 font-size: 0.7rem;
}
.color-fff {
 color:#fff
}
.text-a-l {
 text-align:left
}
.text-a-r {
 text-align:right
}
.h-10 {
 height: 0.2rem;
}
.w-10 {
 width: 0.2rem;
}
.w-100 {
 width:100px
}
.w-40 {
 width:40px
}
.w-45 {
 width:45px
}
.w-60 {
 width: 18%;
 font-size: 0.6rem;
}
.w-90 {
 width: 24%;
}
.w-W25 {
 width:25%
}
.w-W15 {
 width:15%
}
.m-t-10 {
 margin-top: 1.4rem;
}
.m-r-10 {
 margin-right: 1.2rem;
}
.m-l-10 {
 margin-left: 1.2rem;
}
.m-b-160 {
 margin-bottom:360px
}
.m-t-150 {
 margin-top:150px
}
.float-l {
 float:left
}
.float-r {
 float:right
}
.m-t-15 {
 margin-top: 0.2rem;
}
.math-tabs-box {
 border-bottom:1px solid #f0f0f0;
 background-color:#fff;
 position:relative;
 line-height:1.75rem;
 height:1.75rem;
 bottom:0;
 left:0;
 right:0;
 max-width:800px;
}
.math-tabs-box .link-list {
 display:flex;
 height:100%
}
.math-tabs-box .link-list .link {
 position:relative;
 text-align:center;
 font-size:0.75rem;
 color:#999;
 flex:1
}
.math-tabs-box .link-list .link,
.math-tabs-box .link-list .link:before {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d
}
.math-tabs-box .link-list .link:before {
 background-color:#fa0;
 position:absolute;
 content:"";
 left:50%;
 width:0;
 bottom:-1px;
 height:2px
}
.math-tabs-box .link-list .link.active {
 font-weight:700;
 color:#fa0
}
.math-tabs-box .link-list .link.active:before {
 left:0;
 width:100%
}
.color-green {
 color:rgb(64,178,104)
}
.color-red {
 color:rgb(219,119,129)
}
.empty-box.small {
 width:180px;
 height:88px
}
.empty-box {
 width:490px;
 height:240px;
 display:inline-block;
 position:relative
}
.empty-box .text {
 position:absolute;
 text-align:center;
 line-height:28px;
 font-size:15px;
 top:100%;
 left:0;
 right:0;
 color:#666;
 margin-top:15px
}
@keyframes now-ico {
 50% {
  transform:translateY(2px);
  -webkit-transform:translateY(2px);
  -moz-transform:translateY(2px);
  -o-transform:translateY(2px);
  height:4px
 }
}
.ui.lineup-analysis-modal-page,
.ui.map-data-month-page {
 background-color:#000;
 padding:0
}
.ui.lineup-analysis-modal-page .ui.modal,
.ui.map-data-month-page .ui.modal {
 width:100%!important;
 overflow-x:hidden;
 padding:0 0 10px;
 border-radius:0;
 overflow-y:auto;
 max-height:100%;
 font-size:0;
 margin:0;
 top:0
}
.ui.lineup-analysis-modal-page .ui.modal .close,
.ui.map-data-month-page .ui.modal .close {
 text-align:center;
 line-height:30px;
 top:9px!important;
 font-weight:700;
 font-size:18px;
 color:#fff;
 opacity:1;
 padding:0;
 width:30px;
 height:30px;
 left:0
}
.ui.lineup-analysis-modal-page .ui.modal .header-box,
.ui.map-data-month-page .ui.modal .header-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%
}
.ui.lineup-analysis-modal-page .ui.modal .header-box:after,
.ui.lineup-analysis-modal-page .ui.modal .header-box:before,
.ui.map-data-month-page .ui.modal .header-box:after,
.ui.map-data-month-page .ui.modal .header-box:before {
 content:"";
 display:table
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .title,
.ui.map-data-month-page .ui.modal .header-box .title {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 text-align:center;
 font-weight:700;
 font-size:16px;
 margin:15px 0;
 color:#fff
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .title:after,
.ui.lineup-analysis-modal-page .ui.modal .header-box .title:before,
.ui.map-data-month-page .ui.modal .header-box .title:after,
.ui.map-data-month-page .ui.modal .header-box .title:before {
 content:"";
 display:table
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .tip,
.ui.map-data-month-page .ui.modal .header-box .tip {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin:15px 0 10px;
 text-align:center;
 font-weight:700;
 font-size:12px;
 color:#fff
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .tip:after,
.ui.lineup-analysis-modal-page .ui.modal .header-box .tip:before,
.ui.map-data-month-page .ui.modal .header-box .tip:after,
.ui.map-data-month-page .ui.modal .header-box .tip:before {
 content:"";
 display:table
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex,
.ui.map-data-month-page .ui.modal .header-box .flex {
 display:flex
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex>.left-box,
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex>.right-box,
.ui.map-data-month-page .ui.modal .header-box .flex>.left-box,
.ui.map-data-month-page .ui.modal .header-box .flex>.right-box {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 text-align:center;
 flex:1
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex>.left-box .logo,
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex>.right-box .logo,
.ui.map-data-month-page .ui.modal .header-box .flex>.left-box .logo,
.ui.map-data-month-page .ui.modal .header-box .flex>.right-box .logo {
 box-shadow:0 5px 15px 0 rgba(250,80,76,.2);
 background:hsla(0,0%,100%,.4);
 display:inline-block;
 border-radius:50%;
 line-height:60px;
 height:60px;
 width:60px
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex>.left-box .logo img,
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex>.right-box .logo img,
.ui.map-data-month-page .ui.modal .header-box .flex>.left-box .logo img,
.ui.map-data-month-page .ui.modal .header-box .flex>.right-box .logo img {
 display:inline-block;
 vertical-align:middle;
 max-width:80%;
 max-height:80%
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex>.left-box .name,
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex>.right-box .name,
.ui.map-data-month-page .ui.modal .header-box .flex>.left-box .name,
.ui.map-data-month-page .ui.modal .header-box .flex>.right-box .name {
 padding:15px 10px 0;
 line-height:13px;
 font-size:12px;
 display:block;
 color:#fff
}
.ui.lineup-analysis-modal-page .ui.modal .header-box .flex>.center-box .vs,
.ui.map-data-month-page .ui.modal .header-box .flex>.center-box .vs {
 width:52px
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal {
 background:url(//static-m.cfesport.com/static/imgs/dota2-min-44eeb2e618be801ffdcc1b02a219488c.png) no-repeat center 0 transparent;
 background-size:100% auto
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box {
 background-color:#fff;
 border-radius:4px;
 display:block;
 margin:0 10px;
 padding:10px
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box {
 display:flex
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box .left-box,
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box .right-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box .left-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box .right-box {
 flex:1
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .k,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .k {
 display:inline-block;
 vertical-align:top;
 position:relative;
 margin-right:5px;
 top:-1px;
 width:10px;
 height:10px
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .tip,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .tip {
 font-size:12px;
 color:#333
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .left-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .left-box {
 text-align:right
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .left-box .k,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .left-box .k {
 background-color:#666
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .right-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .right-box {
 text-align:left
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .right-box .k,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.tip-hd .right-box .k {
 background-color:#fa0
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data {
 margin:25px 0
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .tip,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .tip {
 margin-bottom:3px;
 display:block;
 font-size:12px;
 color:#333
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box {
 margin-bottom:3px;
 position:relative;
 line-height:10px;
 display:block;
 height:10px
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .ban,
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .pick,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .ban,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .pick {
 text-align:center;
 position:absolute;
 font-size:12px;
 color:#fff;
 bottom:0;
 top:0
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .ban .text,
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .pick .text,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .ban .text,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .pick .text {
 transform:scale(.9);
 -webkit-transform:scale(.9);
 -moz-transform:scale(.9);
 -o-transform:scale(.9)
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .ban.pick,
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .pick.pick,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .ban.pick,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .pick.pick {
 background-color:#fa0;
 left:0
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .ban.ban,
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .pick.ban,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .ban.ban,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .num-box .pick.ban {
 background-color:#666;
 right:0
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .win-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .win-box {
 display:block
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .win-box .line,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .win-box .line {
 margin-bottom:3px;
 position:relative;
 display:block;
 height:4px
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .win-box .line .bar,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .win-box .line .bar {
 background-color:#29bd01;
 position:absolute;
 bottom:0;
 top:0
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .left-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .left-box {
 text-align:right
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .left-box .win-box .line .bar,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .left-box .win-box .line .bar {
 right:0
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .center-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .center-box {
 padding:0 5px;
 display:flex
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .center-box .logo,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .center-box .logo {
 background:no-repeat 50%;
 border-radius:50%;
 width:36px;
 height:36px
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .center-box .text,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .center-box .text {
 padding:15px 10px 0;
 min-width:35px;
 font-size:12px;
 color:#333;
 flex:1
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .right-box,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .right-box {
 text-align:left
}
.ui.lineup-analysis-modal-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .right-box .win-box .line .bar,
.ui.map-data-month-page.lineup-analysis-modal-page .ui.modal .content-box .row-box.data .right-box .win-box .line .bar {
 left:0
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal,
.ui.map-data-month-page.map-data-month-page .ui.modal {
 background:url(//static-m.cfesport.com/static/imgs/csgo-min-97a99e0e90eb312701765ce1c5ecaba2.png) no-repeat center 0 transparent;
 background-size:100% auto
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box {
 background-color:#fff;
 border-radius:4px;
 display:block;
 margin:0 10px;
 padding:10px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 background:no-repeat 50% #333;
 position:relative;
 border-radius:4px;
 height:65px;
 font-size:0
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box:after,
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box:before,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box:after,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box:before {
 content:"";
 display:table
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box {
 position:relative;
 display:flex
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .rd-bc,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .rd-bc {
 background-color:rgba(0,0,0,.6);
 vertical-align:middle;
 display:inline-block;
 border-radius:10px;
 line-height:20px;
 font-size:12px;
 padding:0 10px;
 height:20px;
 color:#fff
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .rd-bc.name,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .rd-bc.name {
 position:relative;
 text-align:center;
 width:80px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .rd-bc.name .text,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .rd-bc.name .text {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 display:block
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .rd-bc.map-name,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .rd-bc.map-name {
 position:relative;
 top:15px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .over-score,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .over-score {
 display:inline-block;
 text-align:center;
 font-size:18px;
 width:80px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .left-box,
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .right-box,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .left-box,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .map-bg-box .row-box .right-box {
 flex:1
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin-bottom:10px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele:after,
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele:before,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele:after,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele:before {
 content:"";
 display:table
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 text-align:center
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart:after,
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart:before,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart:after,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart:before {
 content:"";
 display:table
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li {
 display:inline-block;
 position:relative;
 width:33.3%
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box {
 display:inline-block;
 margin:20px 5px 0;
 position:relative;
 height:125px;
 width:15px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box .line,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box .line {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 min-height:5px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box .line .tip,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box .line .tip {
 position:absolute;
 width:30px;
 font-size:12px;
 color:#333;
 bottom:100%;
 left:50%;
 margin-bottom:5px;
 white-space:nowrap
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box.home .line,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box.home .line {
 background-color:#fa504c
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box.home .line .tip,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box.home .line .tip {
 margin-left:-20px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box.away .line,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box.away .line {
 background-color:#667bd8
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box.away .line .tip,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .line-box.away .line .tip {
 margin-left:-10px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .text,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .text {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 border-top:1px solid #f0f0f0;
 line-height:25px;
 height:25px;
 color:#333;
 font-size:14px
}
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .text:after,
.ui.lineup-analysis-modal-page.map-data-month-page .ui.modal .content-box .ele .chart li .text:before,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .text:after,
.ui.map-data-month-page.map-data-month-page .ui.modal .content-box .ele .chart li .text:before {
 content:"";
 display:table
}
.bd-bottom {
 border-bottom:1px solid #e6e6e6
}
.bar-panel {
 display:block
}
.bar-panel .tip-top {
 white-space:nowrap;
 display:flex;
 font-size:0
}
.bar-panel .tip-top .home {
 color:#6c80da
}
.bar-panel .tip-top .away {
 color:#fa504c
}
.bar-panel .tip-top>.left-box,
.bar-panel .tip-top>.right-box {
 flex:1
}
.bar-panel .tip-top>.left-box .t1,
.bar-panel .tip-top>.right-box .t1 {
 display:inline-block;
 font-weight:700;
 font-size: 0.7rem;
}
.bar-panel .tip-top>.left-box .t2,
.bar-panel .tip-top>.right-box .t2 {
 display:inline-block;
 font-size: 0.6rem;
}
.bar-panel .tip-top>.left-box.left-box,
.bar-panel .tip-top>.right-box.left-box {
 text-align:left
}
.bar-panel .tip-top>.left-box.left-box .t1,
.bar-panel .tip-top>.right-box.left-box .t1 {
 margin-right: 0.2rem;
}
.bar-panel .tip-top>.left-box.right-box,
.bar-panel .tip-top>.right-box.right-box {
 text-align:right
}
.bar-panel .tip-top>.left-box.right-box .t1,
.bar-panel .tip-top>.right-box.right-box .t1 {
 margin-left:10px
}
.bar-panel .tip-top .t3 {
 font-weight:700;
 text-align:center;
 padding:0 10px;
 font-size: 0.7rem;
}
.bar-panel .basic-bar {
 margin: 1.6rem 0 0;
 line-height: 1.8rem;
 display:block;
}
.bar-panel .basic-bar>li {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin-bottom: 0.75rem;
 position:relative;
}
.bar-panel .basic-bar>li:after,
.bar-panel .basic-bar>li:before {
 content:"";
 display:table
}
.bar-panel .basic-bar>li .top-box {
 display:flex;
 font-size: 1.5rem;
 color:#333;
}
.bar-panel .basic-bar>li .top-box .away-tip,
.bar-panel .basic-bar>li .top-box .home-tip {
 flex:1
}
.bar-panel .basic-bar>li .top-box .away-tip.home-tip,
.bar-panel .basic-bar>li .top-box .home-tip.home-tip {
 text-align:left
}
.bar-panel .basic-bar>li .top-box .away-tip.away-tip,
.bar-panel .basic-bar>li .top-box .home-tip.away-tip {
 text-align:right
}
.bar-panel .basic-bar>li .bar {
 background-color:rgb(64,178,104);
 position:relative;
 display:block;
 height: 1.35rem;
}
.bar-panel .basic-bar>li .bar .line {
 background-color:rgb(219,119,129);
 position:absolute;
 bottom:0;
 top:0;
 right:0;
 border-left:2px solid #fff
}
.bar-panel .basic-bar>li.m-b-0 {
 margin-bottom:0
}
#live-info-modal {
 width:auto;
 left:60px;
 right:60px
}
#live-info-modal .header {
 padding:20px 0 0!important;
 font-size:12px;
 display:block;
 color:#999;
 text-align:center;
 font-weight:400;
 border-bottom:0
}
#live-info-modal .content {
 padding:0 0 20px!important;
 display:block;
 margin:0 35px;
 width:auto
}
#live-info-modal .content .cf-button {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 background-color:rgba(255,170,0,.1);
 border-radius:18px;
 text-align:center;
 line-height:36px;
 margin-top:20px;
 font-size:14px;
 color:#fa0;
 height:36px
}
#live-info-modal .content .cf-button:after,
#live-info-modal .content .cf-button:before {
 content:"";
 display:table
}
#details-page-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%
}
#details-page-box:after,
#details-page-box:before {
 content:"";
 display:table
}
#details-page-box .title-decoration {
 display:inline-block;
 vertical-align:top;
 position:relative;
 padding:0 195px;
 font-size:20px;
 font-weight:700;
 line-height:20px
}
#details-page-box .title-decoration:after,
#details-page-box .title-decoration:before {
 background:url(//static-m.cfesport.com/static/imgs/title-decoration-33580d05ec85a371787e15b411d10ef2.png) no-repeat 0 0;
 content:"";
 position:absolute;
 height:20px;
 width:177px;
 top:50%;
 margin-top:-10px
}
#details-page-box .title-decoration:before {
 left:0
}
#details-page-box .title-decoration:after {
 background-position:0 -20px;
 right:0
}
#details-page-box .live-data-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 font-size:0;
 /* margin-top:8.55rem; */
 background:#fff;
}
#details-page-box .live-data-box:after,
#details-page-box .live-data-box:before {
 content:"";
 display:table
}
#details-page-box .live-data-box .cf-menu-tow {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 background-color:#f7f7f7;
 text-align:center;
 padding: 0.5rem 0;
 font-size:0;
 /* margin-top:1.75rem; */
 line-height: 2rem;
}
#details-page-box .live-data-box .cf-menu-tow:after,
#details-page-box .live-data-box .cf-menu-tow:before {
 content:"";
 display:table
}
#details-page-box .live-data-box .cf-menu-tow>.item {
 display:inline-block;
 vertical-align:top;
 border-radius: 1.1rem;
 line-height: 3.2rem;
 padding:0 15px;
 margin:0 5px;
 height: 3.2rem;
 background-color: #293249;
}
#details-page-box .live-data-box .cf-menu-tow>.item .name {
 vertical-align:middle;
 font-size: 1.6rem;
 color: #fff !important;
}
#details-page-box .live-data-box .cf-menu-tow>.item .now-ico {
 display:inline-block;
 vertical-align:top;
 margin:6px 0 0 5px;
 position:relative;
 height:8px;
 width:10px
}
#details-page-box .live-data-box .cf-menu-tow>.item .now-ico>i {
 background-color:#fa0;
 position:absolute;
 height:100%;
 width:2px;
 top:0
}
#details-page-box .live-data-box .cf-menu-tow>.item .now-ico>i:first-child {
 animation-name:now-ico;
 animation-duration:1s;
 animation-timing-function:linear;
 animation-iteration-count:infinite;
 animation-fill-mode:forwards;
 animation-delay:0;
 -webkit-animation-name:now-ico;
 -webkit-animation-duration:1s;
 -webkit-animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 -webkit-animation-fill-mode:forwards;
 -webkit-animation-delay:0;
 -moz-animation-name:now-ico;
 -moz-animation-duration:1s;
 -moz-animation-timing-function:linear;
 -moz-animation-iteration-count:infinite;
 -moz-animation-fill-mode:forwards;
 -moz-animation-delay:0;
 -o-animation-name:now-ico;
 -o-animation-duration:1s;
 -o-animation-timing-function:linear;
 -o-animation-iteration-count:infinite;
 -o-animation-fill-mode:forwards;
 -o-animation-delay:0;
 left:0
}
#details-page-box .live-data-box .cf-menu-tow>.item .now-ico>i:nth-child(2) {
 animation-name:now-ico;
 animation-duration:1s;
 animation-timing-function:linear;
 animation-iteration-count:infinite;
 animation-fill-mode:forwards;
 animation-delay:.2s;
 -webkit-animation-name:now-ico;
 -webkit-animation-duration:1s;
 -webkit-animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 -webkit-animation-fill-mode:forwards;
 -webkit-animation-delay:.2s;
 -moz-animation-name:now-ico;
 -moz-animation-duration:1s;
 -moz-animation-timing-function:linear;
 -moz-animation-iteration-count:infinite;
 -moz-animation-fill-mode:forwards;
 -moz-animation-delay:.2s;
 -o-animation-name:now-ico;
 -o-animation-duration:1s;
 -o-animation-timing-function:linear;
 -o-animation-iteration-count:infinite;
 -o-animation-fill-mode:forwards;
 -o-animation-delay:.2s;
 left:4px
}
#details-page-box .live-data-box .cf-menu-tow>.item .now-ico>i:nth-child(3) {
 animation-name:now-ico;
 animation-duration:1s;
 animation-timing-function:linear;
 animation-iteration-count:infinite;
 animation-fill-mode:forwards;
 animation-delay:.4s;
 -webkit-animation-name:now-ico;
 -webkit-animation-duration:1s;
 -webkit-animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 -webkit-animation-fill-mode:forwards;
 -webkit-animation-delay:.4s;
 -moz-animation-name:now-ico;
 -moz-animation-duration:1s;
 -moz-animation-timing-function:linear;
 -moz-animation-iteration-count:infinite;
 -moz-animation-fill-mode:forwards;
 -moz-animation-delay:.4s;
 -o-animation-name:now-ico;
 -o-animation-duration:1s;
 -o-animation-timing-function:linear;
 -o-animation-iteration-count:infinite;
 -o-animation-fill-mode:forwards;
 -o-animation-delay:.4s;
 left:8px
}
#details-page-box .live-data-box .cf-menu-tow>.item.active {
 background-color:#fa0;
 color:#fff
}
#details-page-box .live-data-box .cf-menu-tow>.item.active .now-ico>i {
 background-color:#fff
}
#details-page-box .live-data-box>.live-detail {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 position:relative;
 margin-bottom: 0.7rem;
}
#details-page-box .live-data-box>.live-detail:after,
#details-page-box .live-data-box>.live-detail:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo-empty,
#details-page-box .live-data-box.dota2,
#details-page-box .live-data-box.lol {
 background:#fff;
 border-radius:4px
}
#details-page-box .live-data-box.dota2>.live-detail .status-box,
#details-page-box .live-data-box.lol>.live-detail .status-box {
 text-align:center;
 margin-left: 0.2rem;
 margin-right: 0.2rem;
 display:block;
}
#details-page-box .live-data-box.dota2>.live-detail .status-box .live-now,
#details-page-box .live-data-box.lol>.live-detail .status-box .live-now {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin-top:10px
}
#details-page-box .live-data-box.dota2>.live-detail .status-box .live-now:after,
#details-page-box .live-data-box.dota2>.live-detail .status-box .live-now:before,
#details-page-box .live-data-box.lol>.live-detail .status-box .live-now:after,
#details-page-box .live-data-box.lol>.live-detail .status-box .live-now:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .status-box .menu-box,
#details-page-box .live-data-box.lol>.live-detail .status-box .menu-box {
 display:inline-block;
 vertical-align:top;
 margin-bottom: 0.2rem;
 margin-top: 0.2rem;
 width:60%;
}
#details-page-box .live-data-box.dota2>.live-detail .box,
#details-page-box .live-data-box.lol>.live-detail .box {
 display:flex;
 padding: 0;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left,
#details-page-box .live-data-box.dota2>.live-detail .box>.right,
#details-page-box .live-data-box.lol>.live-detail .box>.left,
#details-page-box .live-data-box.lol>.live-detail .box>.right {
 position:relative;
 flex:1
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left>.tt-box,
#details-page-box .live-data-box.dota2>.live-detail .box>.right>.tt-box,
#details-page-box .live-data-box.lol>.live-detail .box>.left>.tt-box,
#details-page-box .live-data-box.lol>.live-detail .box>.right>.tt-box {
 display:flex;
 line-height: 1.8rem;
 margin-top:15px;
 margin-bottom:10px;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left>.tt-box .logo,
#details-page-box .live-data-box.dota2>.live-detail .box>.right>.tt-box .logo,
#details-page-box .live-data-box.lol>.live-detail .box>.left>.tt-box .logo,
#details-page-box .live-data-box.lol>.live-detail .box>.right>.tt-box .logo {
 background:no-repeat 50%;
 width: 2.0rem;
 height: 2.0rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left>.tt-box .name,
#details-page-box .live-data-box.dota2>.live-detail .box>.right>.tt-box .name,
#details-page-box .live-data-box.lol>.live-detail .box>.left>.tt-box .name,
#details-page-box .live-data-box.lol>.live-detail .box>.right>.tt-box .name {
 color:#333;
 flex:1;
 max-width: 1200px !important;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left>.tt-box .name span,
#details-page-box .live-data-box.dota2>.live-detail .box>.right>.tt-box .name span,
#details-page-box .live-data-box.lol>.live-detail .box>.left>.tt-box .name span,
#details-page-box .live-data-box.lol>.live-detail .box>.right>.tt-box .name span {
 vertical-align:middle;
 display:inline-block;
 font-size: 1.7rem;
 line-height: 1.7rem;
 white-space:nowrap;
 max-width: 10rem;
 text-overflow:ellipsis;
 overflow:hidden;
 font-weight:700;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left>.tt-box .score,
#details-page-box .live-data-box.dota2>.live-detail .box>.right>.tt-box .score,
#details-page-box .live-data-box.lol>.live-detail .box>.left>.tt-box .score,
#details-page-box .live-data-box.lol>.live-detail .box>.right>.tt-box .score {
 transition:color .5s ease;
 -webkit-transition:color .5s ease;
 -moz-transition:color .5s ease;
 -o-transition:color .5s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 position:relative;
 font-weight:700;
 font-size: 1.8rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left>.tt-box .score .win-ico,
#details-page-box .live-data-box.dota2>.live-detail .box>.right>.tt-box .score .win-ico,
#details-page-box .live-data-box.lol>.live-detail .box>.left>.tt-box .score .win-ico,
#details-page-box .live-data-box.lol>.live-detail .box>.right>.tt-box .score .win-ico {
 background:url(/../public/images/egame/win.png) no-repeat 0 0;
 background-size:contain;
 margin-top: -0.5rem;
 position:absolute;
 width: 1.4rem;
 height: 1.7rem;
 top:50%;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left.left>.tt-box,
#details-page-box .live-data-box.dota2>.live-detail .box>.right.left>.tt-box,
#details-page-box .live-data-box.lol>.live-detail .box>.left.left>.tt-box,
#details-page-box .live-data-box.lol>.live-detail .box>.right.left>.tt-box {
 margin-left: 0.2rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left.left>.tt-box .logo,
#details-page-box .live-data-box.dota2>.live-detail .box>.right.left>.tt-box .logo,
#details-page-box .live-data-box.lol>.live-detail .box>.left.left>.tt-box .logo,
#details-page-box .live-data-box.lol>.live-detail .box>.right.left>.tt-box .logo {
 margin-right:8px
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left.left>.tt-box .score,
#details-page-box .live-data-box.dota2>.live-detail .box>.right.left>.tt-box .score,
#details-page-box .live-data-box.lol>.live-detail .box>.left.left>.tt-box .score,
#details-page-box .live-data-box.lol>.live-detail .box>.right.left>.tt-box .score {
 margin-left: 0.7rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left.left>.tt-box .score .win-ico,
#details-page-box .live-data-box.dota2>.live-detail .box>.right.left>.tt-box .score .win-ico,
#details-page-box .live-data-box.lol>.live-detail .box>.left.left>.tt-box .score .win-ico,
#details-page-box .live-data-box.lol>.live-detail .box>.right.left>.tt-box .score .win-ico {
 right:100%;
 margin-right:5px
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left.right>.tt-box,
#details-page-box .live-data-box.dota2>.live-detail .box>.right.right>.tt-box,
#details-page-box .live-data-box.lol>.live-detail .box>.left.right>.tt-box,
#details-page-box .live-data-box.lol>.live-detail .box>.right.right>.tt-box {
 margin-right:10px
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left.right>.tt-box .logo,
#details-page-box .live-data-box.dota2>.live-detail .box>.right.right>.tt-box .logo,
#details-page-box .live-data-box.lol>.live-detail .box>.left.right>.tt-box .logo,
#details-page-box .live-data-box.lol>.live-detail .box>.right.right>.tt-box .logo {
 margin-left:8px;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left.right>.tt-box .name,
#details-page-box .live-data-box.dota2>.live-detail .box>.right.right>.tt-box .name,
#details-page-box .live-data-box.lol>.live-detail .box>.left.right>.tt-box .name,
#details-page-box .live-data-box.lol>.live-detail .box>.right.right>.tt-box .name {
 text-align:right
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left.right>.tt-box .score,
#details-page-box .live-data-box.dota2>.live-detail .box>.right.right>.tt-box .score,
#details-page-box .live-data-box.lol>.live-detail .box>.left.right>.tt-box .score,
#details-page-box .live-data-box.lol>.live-detail .box>.right.right>.tt-box .score {
 margin-right:23px
}
#details-page-box .live-data-box.dota2>.live-detail .box>.left.right>.tt-box .score .win-ico,
#details-page-box .live-data-box.dota2>.live-detail .box>.right.right>.tt-box .score .win-ico,
#details-page-box .live-data-box.lol>.live-detail .box>.left.right>.tt-box .score .win-ico,
#details-page-box .live-data-box.lol>.live-detail .box>.right.right>.tt-box .score .win-ico {
 left:100%;
 margin-left:5px
}
#details-page-box .live-data-box.dota2>.live-detail .box>.center,
#details-page-box .live-data-box.lol>.live-detail .box>.center {
 position:relative;
 text-align:center;
 min-width: 0.7rem;
 line-height: 2.2rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box>.center>.ico.jc-kill,
#details-page-box .live-data-box.lol>.live-detail .box>.center>.ico.jc-kill {
 vertical-align:middle;
 display:inline-block;
 margin-top:20px;
 width:14px;
 height:14px
}
#details-page-box .live-data-box.dota2>.live-detail .box.pt-box,
#details-page-box .live-data-box.lol>.live-detail .box.pt-box {
 /* margin-left: 1.2rem; */
 /* margin-right: 1.2rem; */
 font-size:0;
}
#details-page-box .live-data-box.dota2>.live-detail .box.pt-box .item,
#details-page-box .live-data-box.lol>.live-detail .box.pt-box .item {
 background-color:#f7f7f7;
 display:inline-block;
 border-radius: 0.2rem;
 padding:0 5px 0 0;
 margin-bottom: 0.1rem;
 line-height: 1.7rem;
 height: 1.7rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box.pt-box .item .iconfont,
#details-page-box .live-data-box.lol>.live-detail .box.pt-box .item .iconfont {
 display:inline-block;
 vertical-align:top;
 font-size: 1.7rem;
 color:#fa0;
 width: 1.7rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box.pt-box .item .text,
#details-page-box .live-data-box.lol>.live-detail .box.pt-box .item .text {
 display:inline-block;
 vertical-align:middle;
 margin-left:5px;
 font-size: 1.5rem;
 color:#666;
}
#details-page-box .live-data-box.dota2>.live-detail .box.pt-box>.left,
#details-page-box .live-data-box.lol>.live-detail .box.pt-box>.left {
 text-align:left
}
#details-page-box .live-data-box.dota2>.live-detail .box.pt-box>.left .item,
#details-page-box .live-data-box.lol>.live-detail .box.pt-box>.left .item {
 margin-right: 0.2rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box.pt-box>.right,
#details-page-box .live-data-box.lol>.live-detail .box.pt-box>.right {
 text-align:right;
}
#details-page-box .live-data-box.dota2>.live-detail .box.pt-box>.right .item,
#details-page-box .live-data-box.lol>.live-detail .box.pt-box>.right .item {
 margin-left:5px;
}
#details-page-box .live-data-box.dota2>.live-detail .box.fy-box,
#details-page-box .live-data-box.lol>.live-detail .box.fy-box {
 /* margin-left: 1.2rem; */
 /* margin-right: 1.2rem; */
 font-size:0;
}
#details-page-box .live-data-box.dota2>.live-detail .box.fy-box .item,
#details-page-box .live-data-box.lol>.live-detail .box.fy-box .item {
 display:inline-block;
 border-radius:9px;
 margin-bottom:5px;
 line-height: 1.7rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box.fy-box .item .iconfont,
#details-page-box .live-data-box.lol>.live-detail .box.fy-box .item .iconfont {
 display:inline-block;
 vertical-align:top;
 font-size: 1.7rem;
}
#details-page-box .live-data-box.dota2>.live-detail .box.fy-box .item .text,
#details-page-box .live-data-box.lol>.live-detail .box.fy-box .item .text {
 display:inline-block;
 vertical-align:middle;
 margin-left:5px;
 font-size: 1.5rem;
 color:#333;
}
#details-page-box .live-data-box.dota2>.live-detail .box.fy-box>.left,
#details-page-box .live-data-box.lol>.live-detail .box.fy-box>.left {
 text-align:left;
 color:#6c80da
}
#details-page-box .live-data-box.dota2>.live-detail .box.fy-box>.left .item,
#details-page-box .live-data-box.lol>.live-detail .box.fy-box>.left .item {
 margin-right:10px
}
#details-page-box .live-data-box.dota2>.live-detail .box.fy-box>.right,
#details-page-box .live-data-box.lol>.live-detail .box.fy-box>.right {
 text-align:right;
 color:#fa504c
}
#details-page-box .live-data-box.dota2>.live-detail .box.fy-box>.right .item,
#details-page-box .live-data-box.lol>.live-detail .box.fy-box>.right .item {
 margin-left:10px
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box,
#details-page-box .live-data-box.lol>.live-detail .bp-box {
 display:block;
 margin-left: 1.2rem;
 margin-right: 1.2rem;
 margin-top: 1.4rem;
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .left .item,
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .right .item,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .left .item,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .right .item {
 background:no-repeat 50%;
 display:inline-block;
 vertical-align:top;
 border-radius:50%;
 margin-bottom: 0.2rem;
 width: 2.1rem;
 height: 2.1rem;
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .left.left,
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .right.left,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .left.left,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .right.left {
 text-align:left
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .left.left .item,
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .right.left .item,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .left.left .item,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .right.left .item {
 margin-right:2px
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .left.left .item:last-child,
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .right.left .item:last-child,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .left.left .item:last-child,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .right.left .item:last-child {
 margin-right:0
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .left.right,
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .right.right,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .left.right,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .right.right {
 text-align:right
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .left.right .item,
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .right.right .item,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .left.right .item,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .right.right .item {
 margin-left:2px;
 float:right
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .left.right .item:last-child,
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .right.right .item:last-child,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .left.right .item:last-child,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .right.right .item:last-child {
 margin-left:0
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .center,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .center {
 text-align:center
}
#details-page-box .live-data-box.dota2>.live-detail .bp-box>.box .center .lab,
#details-page-box .live-data-box.lol>.live-detail .bp-box>.box .center .lab {
 display:inline-block;
 vertical-align:top;
 white-space:nowrap;
 line-height: 1.2rem;
 font-size: 1.5rem;
 color:#333;
}
#details-page-box .live-data-box.dota2>.live-detail .information,
#details-page-box .live-data-box.lol>.live-detail .information {
 font-size:0;
 display:block;
 margin-left: 0.2rem;
 margin-right: 0.2rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table,
#details-page-box .live-data-box.lol>.live-detail .information .players-table {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width: 48%;
 border:1px solid #e0e0e0;
 border-radius:5px;
 margin: 10px;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table:after,
#details-page-box .live-data-box.dota2>.live-detail .information .players-table:before,
#details-page-box .live-data-box.lol>.live-detail .information .players-table:after,
#details-page-box .live-data-box.lol>.live-detail .information .players-table:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box {
 border-bottom:1px solid #f7f7f7;
 line-height: 1.7rem;
 display:flex;
 padding:5px 0;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .team,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .team {
 margin-left: 0.2rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .team .logo,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .team .logo {
 background:no-repeat 50%;
 vertical-align:middle;
 display:inline-block;
 width:24px;
 height:24px
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .team .name,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .team .name {
 vertical-align:middle;
 display:inline-block;
 margin-left:5px;
 font-size: 1.7rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .right-box,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .right-box {
 text-align:right;
 flex:1
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .right-box .item,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .right-box .item {
 vertical-align:middle;
 display:inline-block;
 margin-right: 0.2rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .right-box .item .iconfont,
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .right-box .item .svg-icon,
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .right-box .item .text,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .right-box .item .iconfont,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .right-box .item .svg-icon,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .right-box .item .text {
 vertical-align:middle;
 display:inline-block
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .right-box .item .svg-icon,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .right-box .item .svg-icon {
 width:14px;
 height:14px
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .right-box .item .iconfont,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .right-box .item .iconfont {
 font-size: 1.7rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .top-box .right-box .item .text,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .top-box .right-box .item .text {
 margin-left:5px;
 font-size: 1.7rem;
 color:#333;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list:after,
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list:before,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list:after,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li {
 padding:15px 0 6px;
 position:relative;
 display:flex
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li:before,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li:before {
 border-bottom:1px solid #f0f0f0;
 position:absolute;
 content:"";
 left:64px;
 right:0;
 bottom:0
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .team,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .team {
 margin:0 0 0 5px;
 display:flex
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .team .logo,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .team .logo {
 box-shadow:0 0 1px 2px rgba(0,0,0,.04);
 background:no-repeat 50%;
 display:inline-block;
 vertical-align:top;
 border-radius:50%;
 position:relative;
 width: 4.2rem;
 height: 4.2rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .team .logo .hero,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .team .logo .hero {
 background:no-repeat 100%;
 border:1px solid #fff;
 border-radius:50%;
 position:absolute;
 width: 1.8rem;
 height: 1.8rem;
 bottom:-1px;
 right:-8px;
 color:#fff;
 background-color:#868484;
 font-size: 1.5rem;
 text-align:center;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .team .dd,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .team .dd {
 line-height: 1.7rem;
 margin-left: 1.7rem;
 flex:1;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .team .dd .name,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .team .dd .name {
 word-break:break-all;
 padding-bottom: 1.5rem;
 font-size: 1.7rem;
 display:block;
 white-space:nowrap;
 max-width: 8.7rem;
 text-overflow:ellipsis;
 overflow:hidden;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .team .dd .kda,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .team .dd .kda {
 margin-right:5px;
 font-size: 1.6rem;
 color:#333;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .team .dd .level,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .team .dd .level {
 font-size:12px;
 color:#999;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .right-box,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .right-box {
 text-align:right;
 flex:1
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .right-box .equipments,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .right-box .equipments {
 white-space:nowrap;
 display:block;
 height: 1.9rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .right-box .equipments .item,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .right-box .equipments .item {
 background:no-repeat 50%;
 display:inline-block;
 vertical-align:top;
 border-radius:2px;
 margin-right:5px;
 height: 2.1rem;
 width: 2.1rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .right-box .dst,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .right-box .dst {
 text-align:right;
 padding-top: 0.4rem;
 display:block;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .right-box .dst .item,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .right-box .dst .item {
 display:inline-block;
 vertical-align:top;
 margin-right: 0.2rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .right-box .dst .item .iconfont,
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .right-box .dst .item .text,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .right-box .dst .item .iconfont,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .right-box .dst .item .text {
 vertical-align:middle;
 display:inline-block
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .right-box .dst .item .iconfont,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .right-box .dst .item .iconfont {
 font-size: 1.7rem;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li .right-box .dst .item .text,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li .right-box .dst .item .text {
 margin-left:3px;
 font-size: 1.5rem;
 color:#333;
}
#details-page-box .live-data-box.dota2>.live-detail .information .players-table .list li:last-child:before,
#details-page-box .live-data-box.lol>.live-detail .information .players-table .list li:last-child:before {
 display:none
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation,
#details-page-box .live-data-box.lol>.live-detail .confrontation {
 border:1px solid #f0f0f0;
 border-radius:4px;
 margin-right:10px;
 margin-left:10px;
 display:block
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data:after,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data:before,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data:after,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child {
 border-top:1px solid #f0f0f0;
 position:relative;
 display:block
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.tip-ab,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.tip-ab {
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 border-radius:0 0 12px 12px;
 background:rgba(0,0,0,.05);
 border:1px solid #e0e0e0;
 border-top:0 solid #e0e0e0;
 position:absolute;
 line-height:20px;
 font-size:12px;
 color:#333;
 top:0;
 left:50%;
 min-width:70px;
 padding:0 10px;
 text-align:center
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box {
 display:flex
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box {
 flex:1
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team {
 display:flex
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .logo,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .logo,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .logo,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .logo {
 box-shadow:0 0 1px 2px rgba(0,0,0,.04);
 background:no-repeat 50%;
 display:inline-block;
 vertical-align:top;
 border-radius:50%;
 position:relative;
 width:40px;
 height:40px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .logo .hero,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .logo .hero,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .logo .hero,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .logo .hero {
 background:no-repeat 50%;
 border:1px solid #fff;
 border-radius:50%;
 position:absolute;
 width:19px;
 height:19px;
 bottom:-1px;
 right:-8px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right {
 display:inline-block;
 line-height:16px;
 flex:1
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right .name,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right .name,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right .name,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right .name {
 word-break:break-all;
 padding-bottom:10px;
 font-size:14px;
 display:block;
 color:#333
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right .name span,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right .name span,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right .name span,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right .name span {
 text-overflow:ellipsis;
 display:inline-block;
 white-space:nowrap;
 overflow:hidden;
 max-width:60px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right .kda,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right .kda,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right .kda,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right .kda {
 font-size:12px;
 color:#333
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right .level,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right .level,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box .team .right .level,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box .team .right .level {
 font-size:12px;
 color:#999
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.left-box .team,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.left-box .team,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.left-box .team,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.left-box .team {
 margin:10px 0 0 8px;
 text-align:left
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.left-box .team .logo .hero,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.left-box .team .logo .hero,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.left-box .team .logo .hero,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.left-box .team .logo .hero {
 right:-8px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.left-box .team .right,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.left-box .team .right,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.left-box .team .right,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.left-box .team .right {
 margin-left:15px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.left-box .team .right .name,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.left-box .team .right .name,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.left-box .team .right .name,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.left-box .team .right .name {
 margin-right:40px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.right-box .team,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.right-box .team,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.right-box .team,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.right-box .team {
 margin:10px 8px 0 0;
 text-align:right
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.right-box .team .logo .hero,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.right-box .team .logo .hero,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.right-box .team .logo .hero,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.right-box .team .logo .hero {
 left:-8px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.right-box .team .right,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.right-box .team .right,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.right-box .team .right,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.right-box .team .right {
 margin-right:15px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.right-box .team .right .name,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.right-box .team .right .name,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .left-box.right-box .team .right .name,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.hd-box .right-box.right-box .team .right .name {
 margin-left:40px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.basic-bar,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.basic-bar {
 display:block;
 margin:0 10px;
 line-height:20px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box {
 display:flex;
 padding:5px 0;
 margin:0 10px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box {
 flex:1
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box .ico-box,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box .ico-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box .ico-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box .ico-box {
 display:block
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box .ico-box .ico,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box .ico-box .ico,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box .ico-box .ico,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box .ico-box .ico {
 background:no-repeat 50%;
 display:inline-block;
 vertical-align:top;
 border-radius:2px;
 margin-bottom:4px;
 width:16px;
 height:16px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box .ico-box .ico.radius,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box .ico-box .ico.radius,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box .ico-box .ico.radius,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box .ico-box .ico.radius {
 border-radius:50%
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box.left-box .ico-box .ico,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box.left-box .ico-box .ico,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box.left-box .ico-box .ico,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box.left-box .ico-box .ico {
 margin-right:5px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box.right-box,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box.right-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box.right-box,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box.right-box {
 text-align:right
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box.right-box .ico-box .ico,
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box.right-box .ico-box .ico,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .left-box.right-box .ico-box .ico,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child>.ico-list-box .right-box.right-box .ico-box .ico {
 margin-left:5px
}
#details-page-box .live-data-box.dota2>.live-detail .confrontation .basic-data>.child:first-child,
#details-page-box .live-data-box.lol>.live-detail .confrontation .basic-data>.child:first-child {
 border-top:0
}
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box {
 border:1px solid #f0f0f0;
 background-color:#fff;
 margin:25px 10px 0;
 border-radius:4px;
 position:relative;
 padding-top:24px;
 display:block
}
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.pos-tip,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.pos-tip {
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 border:1px solid #f0f0f0;
 background-color:#fff;
 border-radius:15px;
 position:absolute;
 line-height:24px;
 padding:0 15px;
 font-size:12px;
 height:24px;
 color:#333;
 left:50%;
 top:-12px
}
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.chart,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.chart {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 position:relative;
 height:255px
}
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.chart:after,
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.chart:before,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.chart:after,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.chart:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.chart>.tip,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.chart>.tip {
 position:absolute;
 color:transparent;
 font-weight:700;
 font-size:12px;
 left:36px;
 z-index:1
}
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.chart>.tip.top,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.chart>.tip.top {
 top:20px
}
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.chart>.tip.bottom,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.chart>.tip.bottom {
 bottom:35px
}
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.chart .v-chart,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.chart .v-chart {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 position:relative;
 height:100%
}
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.chart .v-chart:after,
#details-page-box .live-data-box.dota2>.live-detail .line-chart-box>.chart .v-chart:before,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.chart .v-chart:after,
#details-page-box .live-data-box.lol>.live-detail .line-chart-box>.chart .v-chart:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .order-point,
#details-page-box .live-data-box.lol>.live-detail .order-point {
 margin-right:10px;
 margin-left:10px;
 margin-top:10px;
 display:block
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 border:1px solid #f0f0f0;
 border-radius:4px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box:after,
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box:before,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box:after,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child {
 display:flex;
 padding:5px 0
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .team,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .team {
 text-align:center;
 line-height:58px;
 width:45px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .team .logo,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .team .logo {
 display:inline-block;
 vertical-align:middle;
 max-width:50%;
 max-height:50%
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .r-box,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .r-box {
 text-align:left;
 display:flex;
 flex:1
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .r-box>li,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .r-box>li {
 text-align:center;
 flex:1
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .r-box>li .p-item,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .r-box>li .p-item {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 display:inline-block;
 vertical-align:top;
 padding:5px 5px 0;
 border-radius:4px;
 line-height:16px;
 max-width:60px;
 width:100%
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .r-box>li .p-item .hero,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .r-box>li .p-item .hero {
 border:1px solid #f0f0f0;
 background-color:#fff;
 display:inline-block;
 vertical-align:top;
 position:relative;
 margin-right:10px;
 border-radius:50%;
 width:40px;
 height:40px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .r-box>li .p-item .hero .logo,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .r-box>li .p-item .hero .logo {
 border:1px solid #f0f0f0;
 background-color:#fff;
 position:absolute;
 border-radius:50%;
 width:20px;
 height:20px;
 bottom:0;
 right:-11px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .r-box>li .p-item .name,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .r-box>li .p-item .name {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 line-height:18px;
 font-size:12px;
 display:block;
 color:#333
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .r-box>li .p-item.active,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .r-box>li .p-item.active {
 background-color:#fa0
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .vd-box .child .r-box>li .p-item.active .name,
#details-page-box .live-data-box.lol>.live-detail .order-point .vd-box .child .r-box>li .p-item.active .name {
 color:#fff
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 border:1px solid #f0f0f0;
 border-radius:4px;
 margin-top:10px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box:after,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box:before,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box:after,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 border-top:1px solid #f0f0f0;
 position:relative;
 padding-top:30px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child:after,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child:before,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child:after,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.tip-ab,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.tip-ab {
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 border-radius:0 0 12px 12px;
 background:rgba(0,0,0,.05);
 border:1px solid #e0e0e0;
 border-top:0 solid #e0e0e0;
 position:absolute;
 line-height:20px;
 font-size:12px;
 color:#333;
 top:0;
 left:50%;
 min-width:70px;
 padding:0 10px;
 text-align:center
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.order-equipments,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.order-equipments {
 margin:5px 10px;
 display:block
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.order-equipments>li,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.order-equipments>li {
 vertical-align:top;
 display:inline-block;
 white-space:nowrap;
 margin-bottom:24px;
 position:relative
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.order-equipments>li:after,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.order-equipments>li:after {
 content:"\e7db";
 display:inline-block;
 vertical-align:top;
 text-align:center;
 font-weight:700;
 line-height:26px;
 font-size:12px;
 width:34px;
 height:24px;
 color:#ccc
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.order-equipments>li .logo,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.order-equipments>li .logo {
 background:no-repeat 50%;
 vertical-align:top;
 display:inline-block;
 margin-right:5px;
 width:24px;
 height:24px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.order-equipments>li .logo:last-child,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.order-equipments>li .logo:last-child {
 margin-right:0
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.order-equipments>li .time,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.order-equipments>li .time {
 line-height:15px;
 position:absolute;
 font-size:12px;
 color:#333;
 top:100%;
 left:0
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.order-equipments>li:last-child:after,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.order-equipments>li:last-child:after {
 display:none
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.spells-level,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.spells-level {
 padding:5px 0 7px 7px;
 display:block;
 font-size:0
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.spells-level>.item,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.spells-level>.item {
 display:inline-block;
 vertical-align:top;
 margin-bottom:7px;
 line-height:32px;
 font-weight:700;
 font-size:12px;
 width:11.11111%;
 height:32px;
 color:#fff
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.spells-level>.item .view,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.spells-level>.item .view {
 background:no-repeat 50%;
 text-align:center;
 margin-right:7px;
 display:block;
 height:100%
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box {
 margin:0 20px 15px;
 display:block
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 position:relative;
 margin-top:15px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item:after,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item:before,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item:after,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.logo-box,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.logo-box {
 position:absolute;
 text-align:center;
 width:60px;
 float:left
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.logo-box .line,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.logo-box .line {
 border:solid transparent;
 border-width:0 1px;
 position:absolute;
 margin-left:-3px;
 bottom:-45px;
 left:50%;
 top:36px;
 width:4px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.logo-box .line span,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.logo-box .line span {
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 opacity:.5
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.logo-box .logo,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.logo-box .logo {
 border:2px solid transparent;
 display:inline-block;
 vertical-align:top;
 border-radius:50%;
 width:36px;
 height:36px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right {
 padding-left:75px;
 position:relative;
 cursor:pointer;
 display:block
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right>.decs,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right>.title,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right>.decs,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right>.title {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right>.title,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right>.title {
 padding-top:6px;
 padding-bottom:7px;
 display:block;
 font-size:14px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right>.decs,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item>.right>.decs {
 display:block;
 font-size:12px;
 color:#333
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.max,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.max {
 margin-top:30px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.max>.logo-box .line,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.max>.logo-box .line {
 top:56px;
 bottom:-35px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.max>.logo-box .logo,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.max>.logo-box .logo {
 width:56px;
 height:56px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.max>.right>.title,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.max>.right>.title {
 padding-top:15px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.last>.logo-box .line,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item.last>.logo-box .line {
 display:none
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item:first-child,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.fw-data-box .item:first-child {
 margin-top:0
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin-top:5px;
 font-size:0
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box:after,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box:before,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box:after,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li {
 margin-bottom:15px;
 display:flex
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right {
 line-height:40px;
 font-size:12px;
 padding:0 10px;
 color:#999;
 flex:1
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left .text,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right .text,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left .text,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right .text {
 line-height:normal;
 display:inline-block;
 vertical-align:middle
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left.left,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right.left,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left.left,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right.left {
 text-align:right
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left.right,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right.right,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left.right,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right.right {
 text-align:left
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left.on,
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right.on,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .left.on,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .right.on {
 color:#fa0
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .time,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .time {
 border:2px solid #fa0;
 display:inline-block;
 vertical-align:top;
 position:relative;
 text-align:center;
 border-radius:50%;
 line-height:36px;
 font-weight:700;
 font-size:14px;
 color:#fa0;
 width:40px;
 height:40px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child>.runes-box>li .time:before,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child>.runes-box>li .time:before {
 border:1px solid #fa0;
 position:absolute;
 border-radius:50%;
 content:"";
 bottom:3px;
 right:3px;
 left:3px;
 top:3px
}
#details-page-box .live-data-box.dota2>.live-detail .order-point .bt-data-box>.child:first-child,
#details-page-box .live-data-box.lol>.live-detail .order-point .bt-data-box>.child:first-child {
 border-top:0
}
#details-page-box .live-data-box.csgo .vd-top-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 border-bottom:1px solid #edeef0;
 position:relative;
 line-height:30px;
 font-size:14px;
 color:#333
}
#details-page-box .live-data-box.csgo .vd-top-box:after,
#details-page-box .live-data-box.csgo .vd-top-box:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo .vd-top-box:before {
 background-color:#fa0;
 position:absolute;
 margin-top:-9px;
 height:16px;
 content:"";
 width:3px;
 top:50%;
 left:0
}
#details-page-box .live-data-box.csgo .map-data .vd-top-box .iconfont {
 margin-right:5px;
 font-weight:700;
 float:right
}
#details-page-box .live-data-box.csgo .map-data .center {
 display:block;
 padding:0 10px 10px
}
#details-page-box .live-data-box.csgo .map-data .center>.ele {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin:10px 0 0
}
#details-page-box .live-data-box.csgo .map-data .center>.ele:after,
#details-page-box .live-data-box.csgo .map-data .center>.ele:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo .map-data .center>.ele .text {
 background-color:#f7f7f7;
 display:inline-block;
 border-radius:4px;
 cursor:pointer;
 line-height:20px
}
#details-page-box .live-data-box.csgo .map-data .center>.ele .text>span {
 display:inline-block;
 vertical-align:middle;
 font-size:14px
}
#details-page-box .live-data-box.csgo .map-data .center>.ele .text .no {
 width:30px;
 text-align:center
}
#details-page-box .live-data-box.csgo .map-data .center>.ele .text .name {
 white-space:nowrap;
 margin:0 5px;
 color:#333
}
#details-page-box .live-data-box.csgo .map-score-info-box {
 background:no-repeat 50% #333;
 position:relative;
 border-radius:4px;
 display:block;
 margin:0 5px;
 height: 6.0rem;
}
#details-page-box .live-data-box.csgo .map-score-info-box:before {
 background:-webkit-linear-gradient(180deg,transparent,rgba(0,0,0,.8));
 background:-o-linear-gradient(180deg,transparent 0,rgba(0,0,0,.8) 100%);
 background:-moz-linear-gradient(180deg,transparent 0,rgba(0,0,0,.8) 100%);
 background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));
 border-radius:0 0 4px 4px;
 position:absolute;
 content:"";
 left:0;
 bottom:0;
 right:0;
 height:30px
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box {
 position:relative;
 display:flex
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .rd-bc {
 background-color:rgba(0,0,0,.6);
 vertical-align:middle;
 display:inline-block;
 border-radius:10px;
 line-height: 2.7rem;
 font-size: 1.5rem;
 padding: 0 0.2rem;
 height: 2.7rem;
 color:#fff;
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .rd-bc.name {
 position:relative;
 text-align:center;
 width: 10.7rem;
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .rd-bc.name .text {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 display:block
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .rd-bc.name .win-ico {
 background:url(/../public/images/egame/win.png) no-repeat 0 0;
 background-size:contain;
 position:absolute;
 width: 1.7rem;
 height: 1.7rem;
 top:0;
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .rd-bc.name .win-ico.left {
 left:100%;
 margin-left:5px
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .rd-bc.name .win-ico.right {
 right:100%;
 margin-right:5px
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .rd-bc.score {
 font-weight:700;
 font-size:16px
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .rd-bc.map-name {
 position:relative;
 top: 0.7rem;
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .over-score {
 display:inline-block;
 text-align:center;
 font-size: 1.7rem;
 width:80px;
}
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .left-box,
#details-page-box .live-data-box.csgo .map-score-info-box .row-box .right-box {
 flex:1
}
#details-page-box .live-data-box.csgo .score-info-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin-top:10px
}
#details-page-box .live-data-box.csgo .score-info-box:after,
#details-page-box .live-data-box.csgo .score-info-box:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo .score-info-box .child {
 background-color:#f7f7f7;
 padding:5px 5px 0;
 position:relative;
 border-radius:4px;
 display:block;
 margin:0 5px
}
#details-page-box .live-data-box.csgo .score-info-box .child .row-box {
 padding-bottom:5px;
 position:relative;
 display:flex
}
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .iconfont {
 display:inline-block;
 vertical-align:top;
 font-size: 1.7rem;
 width: 1.7rem;
 margin-top:3px;
}
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .rd-bc {
 border:1px solid #e0e0e0;
 background-color:#fff;
 display:inline-block;
 vertical-align:top;
 border-radius:10px;
 line-height: 1.7rem;
 font-size: 1.4rem;
 padding: 0 0.2rem;
 height: 1.7rem;
 color:#999;
}
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .rd-bc .bd-left {
 border-left:1px solid #e0e0e0
}
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .rd-bc .score {
 display:inline-block;
 vertical-align:top;
 text-align:center;
 width: 100px;
}
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .over-score {
 display:inline-block;
 text-align:center;
 font-size:18px;
 width:80px
}
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .left-box,
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .right-box {
 flex:1
}
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .left-box.left-box .iconfont,
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .right-box.left-box .iconfont {
 margin-right:2px
}
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .left-box.right-box .iconfont,
#details-page-box .live-data-box.csgo .score-info-box .child .row-box .right-box.right-box .iconfont {
 margin-left:2px
}
#details-page-box .live-data-box.csgo .team-win-table {
 padding:10px 10px 20px;
 display:block;
 height:112px
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide {
 position:relative
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide:before {
 position:absolute;
 border-radius:4px;
 border:1px solid #e0e0e0;
 content:"";
 left:0;
 top:0;
 right:0;
 bottom:0
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child {
 border-bottom:1px solid #e0e0e0;
 position:relative;
 display:flex
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child .item,
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child .team {
 vertical-align:top;
 text-align:center;
 line-height:30px;
 height:30px
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child .item {
 flex:1
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child .item .iconfont {
 display:inline-block;
 vertical-align:middle;
 font-size:16px
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child .team {
 border-right:1px solid #e0e0e0;
 background-color:transparent;
 width:30px
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child .team .logo {
 background:no-repeat 50%;
 vertical-align:middle;
 display:inline-block;
 width:16px;
 height:16px
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child:last-child {
 border-bottom:0
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child.head {
 color:#333
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child.head .item,
#details-page-box .live-data-box.csgo .team-win-table .swiper-wrapper .swiper-slide .child.head .team {
 line-height:20px;
 height:20px;
 font-size:12px
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-pagination {
 line-height:5px;
 height:5px;
 bottom:5px
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-pagination .swiper-pagination-bullet {
 background-color:#ccc;
 width:5px;
 height:5px
}
#details-page-box .live-data-box.csgo .team-win-table .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
 background-color:#fa0
}
#details-page-box .live-data-box.csgo .round-box {
 background:no-repeat 0 0;
 position:relative;
 overflow:hidden;
 display:block
}
#details-page-box .live-data-box.csgo .round-box:before {
 background-color:rgba(0,0,0,.4);
 position:absolute;
 content:"";
 top:0;
 bottom:0;
 left:0;
 right:0
}
#details-page-box .live-data-box.csgo .round-box .table {
 width:100%;
 text-align:center;
 position:relative;
 z-index:1
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr {
 margin-bottom:2px;
 color:#fff
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr .iconfont {
 vertical-align:middle;
 font-size:14px;
 color:#fff;
 font-weight:400
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr td:first-child,
#details-page-box .live-data-box.csgo .round-box .table tbody tr th:first-child {
 border-radius:2px 0 0 2px
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr td:last-child,
#details-page-box .live-data-box.csgo .round-box .table tbody tr th:last-child {
 border-radius:0 2px 2px 0
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr th {
 padding-bottom:7px;
 padding-top:7px;
 font-size:12px;
 font-weight:400
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr th.team {
 padding-left:26px;
 position:relative;
 text-align:left;
 font-size:0;
 width:64px
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr th.team .logo {
 background:no-repeat 50%;
 display:inline-block;
 border-radius:2px;
 position:absolute;
 margin-top:-8px;
 height:16px;
 width:16px;
 left:5px;
 top:50%
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr th.team .name {
 text-overflow:ellipsis;
 vertical-align:middle;
 display:inline-block;
 white-space:nowrap;
 overflow:hidden;
 font-size:12px;
 max-width:95%;
 color:#fff
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr td {
 padding-top:5px;
 padding-bottom:5px;
 font-size:12px;
 position:relative
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr td .name {
 text-align:left;
 margin:0 0 0 5px
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr td .bar {
 background-color:hsla(0,0%,100%,.2);
 display:inline-block;
 vertical-align:middle;
 position:relative;
 border-radius:2px;
 line-height:14px;
 width:25px;
 height:14px
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr td .bar .text {
 text-shadow:1px 1px 2px rgba(0,0,0,.4);
 position:absolute;
 font-size:12px;
 color:#fff;
 z-index:1;
 left:0;
 right:0;
 top:0
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr td .bar .line {
 border-radius:2px;
 position:absolute;
 left:0;
 top:0;
 bottom:0
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr td .weapon-logo {
 vertical-align:middle;
 max-width:25px;
 max-height:15px;
 border:0
}
#details-page-box .live-data-box.csgo .round-box .table tbody tr.die tr td {
 color:hsla(0,0%,100%,.2)
}
#details-page-box .live-data-box.csgo .round-box .table tbody.side-1 tr th {
 background-color:rgba(219,188,12,.8)
}
#details-page-box .live-data-box.csgo .round-box .table tbody.side-1 tr td {
 background-color:rgba(219,188,12,.4)
}
#details-page-box .live-data-box.csgo .round-box .table tbody.side-1 tr.die tr td {
 background-color:rgba(219,188,12,.2)
}
#details-page-box .live-data-box.csgo .round-box .table tbody.side-2 tr th {
 background-color:rgba(38,119,211,.8)
}
#details-page-box .live-data-box.csgo .round-box .table tbody.side-2 tr td {
 background-color:rgba(38,119,211,.4)
}
#details-page-box .live-data-box.csgo .round-box .table tbody.side-2 tr.die tr td {
 background-color:rgba(38,119,211,.2)
}
#details-page-box .live-data-box.csgo .text-live-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%
}
#details-page-box .live-data-box.csgo .text-live-box:after,
#details-page-box .live-data-box.csgo .text-live-box:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo .text-live-box .child {
 background-color:#2e3033;
 line-height:30px;
 font-size:14px;
 display:block;
 padding:10px;
 color:#fff
}
#details-page-box .live-data-box.csgo .text-live-box .child .item {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%
}
#details-page-box .live-data-box.csgo .text-live-box .child .item:after,
#details-page-box .live-data-box.csgo .text-live-box .child .item:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .bombplant,
#details-page-box .live-data-box.csgo .text-live-box .child .item .defusekit,
#details-page-box .live-data-box.csgo .text-live-box .child .item .flasher,
#details-page-box .live-data-box.csgo .text-live-box .child .item .headshot {
 background:no-repeat 50%;
 vertical-align:middle;
 display:inline-block;
 width:20px;
 height:20px
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .flasher {
 background-image:url(//static-m.cfesport.com/static/imgs/flashbang-499c778838698472feb0cf7fa291e785.png)
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .headshot {
 background-image:url(//static-m.cfesport.com/static/imgs/headshot-601628585fe4be7ad7a0cf9ee1bcc24c.png)
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .bombplant {
 background-image:url(//static-m.cfesport.com/static/imgs/bombplant-8dd423a000d43d189f77754547dcf9f1.png)
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .defusekit {
 background-image:url(//static-m.cfesport.com/static/imgs/defusekit-17d36ffd44ffc298880e508d0e32932f.png)
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .weapon-logo {
 display:inline-block;
 vertical-align:middle;
 max-width:40px;
 max-height:15px
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .game-star {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 text-align:center
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .game-star:after,
#details-page-box .live-data-box.csgo .text-live-box .child .item .game-star:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .game-star .tip {
 border:1px solid #fff;
 display:inline-block;
 border-radius:10px;
 position:relative;
 line-height:20px;
 font-size:12px;
 padding:0 5px;
 height:20px
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .game-star .tip:after,
#details-page-box .live-data-box.csgo .text-live-box .child .item .game-star .tip:before {
 position:absolute;
 width:100px;
 height:1px;
 content:"";
 top:50%
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .game-star .tip:before {
 background:-webkit-linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7));
 background:-o-linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.7) 100%);
 background:-moz-linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.7) 100%);
 background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7));
 margin-right:5px;
 right:100%
}
#details-page-box .live-data-box.csgo .text-live-box .child .item .game-star .tip:after {
 background:-webkit-linear-gradient(-90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7));
 background:-o-linear-gradient(-90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.7) 100%);
 background:-moz-linear-gradient(-90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.7) 100%);
 background:linear-gradient(-90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7));
 margin-left:5px;
 left:100%
}
#details-page-box .live-data-box.csgo .finish-data-box {
 display:block;
 padding:0 5px
}
#details-page-box .live-data-box.csgo .finish-data-box .table {
 border:1px solid #e0e0e0;
 background-color:#fff;
 text-align: center;
 border-radius:4px;
 width:100%;
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr {
 color:#333
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr th {
 font-weight:400
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr td {
 border-bottom:1px solid #e6e6e6;
 padding-bottom:5px;
 padding-top:5px;
 font-size: 1.5rem;
 color:#4a4a4a;
 vertical-align: middle;
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr td.team {
 border-right:1px solid #e0e0e0
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr td.team .child {
 padding-left:5px;
 display:flex
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr td.team .child .logo {
 background:no-repeat 50%;
 border-radius:50%;
 width: 3.5rem;
 height: 3.5rem;
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr td.team .child .name {
 padding-left:5px;
 /* line-height: 1.2rem; */
 font-size: 1.6rem;
 color:#333;
 flex:1;
 white-space:nowrap;
 min-width:100Px;
 text-overflow:ellipsis;
 overflow:hidden;
 word-break:break-all;
 /* align-content: center; */
 /* height: 1.2rem; */
 vertical-align: middle;
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr td.team .child .name span {
 /* vertical-align:middle; */
 display:inline-block;
 line-height: 1.7rem;
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr td .text {
 vertical-align:middle;
 display:inline-block;
 border-radius:4px;
 line-height:16px;
 padding:0 2px
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr td .text.on {
 background-color:#f0a000;
 color:#fff
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr.head th {
 padding-top:9px;
 padding-bottom:9px
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr.head th.team {
 text-align:left
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr.head th.team .logo {
 background:no-repeat 50%;
 vertical-align:middle;
 display:inline-block;
 margin:0 5px 0 10px;
 width: 2.2rem;
 height: 2.2rem;
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr.head th.team .name {
 vertical-align:middle;
 display:inline-block;
 font-size: 1.7rem;
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr.tip-head th {
 background-color:#ebebeb;
 padding-bottom:5px;
 padding-top:5px;
 line-height: 1.7rem;
 font-size: 1.5rem;
 text-align: center;
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr.tip-head th.team {
 border-right:1px solid #e0e0e0
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr.tip-head th .rt-tip {
 white-space:nowrap;
 overflow:hidden;
 display:block
}
#details-page-box .live-data-box.csgo .finish-data-box .table tr:last-child td {
 border-bottom:0
}
#details-page-box .live-data-box.csgo>.right-box {
 float:right;
 width:290px
}
#details-page-box .live-data-box.csgo>.right-box .child-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 background-color:#fff;
 border-radius:4px
}
#details-page-box .live-data-box.csgo>.right-box .child-box:after,
#details-page-box .live-data-box.csgo>.right-box .child-box:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo>.right-box .child-box>.top {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 line-height:35px;
 border-bottom:1px solid #edeef0;
 position:relative;
 color:#333;
 font-size:14px
}
#details-page-box .live-data-box.csgo>.right-box .child-box>.top:after,
#details-page-box .live-data-box.csgo>.right-box .child-box>.top:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo>.right-box .child-box>.top:before {
 content:"";
 position:absolute;
 background-color:#fa0;
 width:4px;
 height:16px;
 top:50%;
 left:0;
 margin-top:-9px
}
#details-page-box .live-data-box.csgo>.right-box .child-box .map-min-bg {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 background:no-repeat 50% #edeef0;
 text-shadow:1px 1px 3px rgba(0,0,0,.5);
 text-align:center;
 border-radius:4px;
 line-height:27px;
 height:27px;
 font-size:12px;
 color:#fff
}
#details-page-box .live-data-box.csgo>.right-box .child-box .map-min-bg:after,
#details-page-box .live-data-box.csgo>.right-box .child-box .map-min-bg:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center {
 display:block;
 padding:0 15px 15px
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center>.tips {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 text-align:right;
 margin-top:10px;
 font-size:0
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center>.tips:after,
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center>.tips:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center>.tips .item {
 display:inline-block;
 vertical-align:top;
 font-size:12px;
 color:#333
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center>.tips .item:before {
 display:inline-block;
 margin-right:5px;
 content:"";
 width:10px;
 height:10px
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center>.tips .item.home:before {
 background-color:#fa504c
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center>.tips .item.away {
 margin-left:20px
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center>.tips .item.away:before {
 background-color:#667bd8
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 border-bottom:1px solid #edeef0;
 padding-bottom:10px;
 margin-bottom:10px
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele:after,
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 text-align:center
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart:after,
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart:before {
 content:"";
 display:table
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li {
 display:inline-block;
 position:relative;
 width:33.3%
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .line-box {
 display:inline-block;
 margin:20px 5px 0;
 position:relative;
 height:125px;
 width:15px
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .line-box .line {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 min-height:5px
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .line-box .line .tip {
 position:absolute;
 width:30px;
 font-size:12px;
 color:#333;
 bottom:100%;
 left:50%;
 margin-bottom:5px;
 white-space:nowrap
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .line-box.home .line {
 background-color:#fa504c
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .line-box.home .line .tip {
 margin-left:-20px
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .line-box.away .line {
 background-color:#667bd8
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .line-box.away .line .tip {
 margin-left:-10px
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .text {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 line-height:25px;
 height:25px;
 color:#333;
 font-size:14px
}
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .text:after,
#details-page-box .live-data-box.csgo>.right-box .child-box.map-data-month .center .ele .chart li .text:before {
 content:"";
 display:table
}
#details-page-box .detail-header {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 position:relative;
 height:242px
}
#details-page-box .detail-header:after,
#details-page-box .detail-header:before {
 content:"";
 display:table
}
#details-page-box .detail-header>.child-box {
 background:no-repeat 50%;
 position:fixed;
 z-index:100;
 height:242px;
 top:42px;
 right:0;
 left:0
}
#details-page-box .detail-header>.child-box:before {
 background-color:rgba(0,0,0,.4);
 position:absolute;
 content:"";
 left:0;
 right:0;
 top:0;
 bottom:0
}
#details-page-box .detail-header>.child-box .score-panel {
 position:absolute;
 overflow:hidden;
 height:210px;
 right:0;
 left:0;
 top:0
}
#details-page-box .detail-header>.child-box .score-panel>.child,
#details-page-box .detail-header>.child-box .score-panel>.video-box,
#details-page-box .detail-header>.child-box .score-panel>.video-box .video-iframe {
 position:absolute;
 right:0;
 left:0;
 top:0;
 bottom:0
}
#details-page-box .detail-header>.child-box .score-panel>.child {
 z-index:1
}
#details-page-box .detail-header>.child-box .score-panel>.child .top-box {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 text-align:center;
 position:relative;
 padding:20px 0 0;
 font-size:12px;
 color:#fff
}
#details-page-box .detail-header>.child-box .score-panel>.child .top-box:after,
#details-page-box .detail-header>.child-box .score-panel>.child .top-box:before {
 content:"";
 display:table
}
#details-page-box .detail-header>.child-box .score-panel>.child .top-box .title {
 margin:0 15px 5px;
 line-height:20px;
 font-weight:700;
 font-size:18px;
 display:block;
 color:#fff
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex {
 display:flex
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.left-box,
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.right-box {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 text-align:center;
 flex:1
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.left-box .logo,
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.right-box .logo {
 box-shadow:0 5px 15px 0 rgba(250,80,76,.2);
 background:hsla(0,0%,100%,.4);
 display:inline-block;
 border-radius:50%;
 line-height:60px;
 height:60px;
 width:60px
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.left-box .logo img,
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.right-box .logo img {
 display:inline-block;
 vertical-align:middle;
 max-width:80%;
 max-height:80%
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.left-box .name,
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.right-box .name {
 padding:15px 10px 0;
 line-height:13px;
 font-size:12px;
 display:block;
 color:#fff
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.center-box {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 text-align:center;
 min-width:145px
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.center-box .score-box {
 margin:25px 0 15px;
 display:flex;
 color:#fff
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.center-box .score-box .away,
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.center-box .score-box .home {
 font-weight:700;
 font-size:28px;
 flex:1
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.center-box .score-box .away.on,
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.center-box .score-box .home.on {
 color:#fa0
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.center-box .score-box .vs {
 font-weight:700;
 font-size:28px
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.center-box .link {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 background-color:#fff;
 display:inline-block;
 padding:0 7px 0 5px;
 border-radius:10px;
 line-height:20px;
 font-size:12px;
 height:20px;
 color:#333
}
#details-page-box .detail-header>.child-box .score-panel>.child .flex>.center-box .link .iconfont {
 display:inline-block;
 margin-right:3px;
 font-size:14px;
 color:#fa0;
 float:left
}
#details-page-box .detail-header>.child-box .score-panel>.video-box {
 transition:all .6s ease;
 -webkit-transition:all .6s ease;
 -moz-transition:all .6s ease;
 -o-transition:all .6s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 background-color:#000;
 z-index:0;
 opacity:0
}
#details-page-box .detail-header>.child-box .score-panel>.video-box>.iconfont {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 transform:translateX(-200%);
 -webkit-transform:translateX(-200%);
 -moz-transform:translateX(-200%);
 -o-transform:translateX(-200%);
 position:absolute;
 font-weight:700;
 font-size:18px;
 z-index:2;
 color:#fff;
 left:10px;
 opacity:0;
 top:10px
}
#details-page-box .detail-header>.child-box .score-panel>.video-box>.iconfont.show {
 transform:translateX(0);
 -webkit-transform:translateX(0);
 -moz-transform:translateX(0);
 -o-transform:translateX(0);
 opacity:1
}
#details-page-box .detail-header>.child-box .score-panel>.video-box .video-iframe {
 border:0;
 width:100%;
 height:100%
}
#details-page-box .detail-header>.child-box .score-panel.play-animate>.child .flex {
 display:flex
}
#details-page-box .detail-header>.child-box .score-panel.play-animate>.child .flex>.left-box {
 transform:translateX(-100%);
 -webkit-transform:translateX(-100%);
 -moz-transform:translateX(-100%);
 -o-transform:translateX(-100%)
}
#details-page-box .detail-header>.child-box .score-panel.play-animate>.child .flex>.right-box {
 transform:translateX(100%);
 -webkit-transform:translateX(100%);
 -moz-transform:translateX(100%);
 -o-transform:translateX(100%)
}
#details-page-box .detail-header>.child-box .score-panel.play-animate>.child .flex>.center-box {
 transform:translateY(200%);
 -webkit-transform:translateY(200%);
 -moz-transform:translateY(200%);
 -o-transform:translateY(200%)
}
#details-page-box .detail-header>.child-box .score-panel.play-animate>.child .top-box {
 transform:translateY(-200%);
 -webkit-transform:translateY(-200%);
 -moz-transform:translateY(-200%);
 -o-transform:translateY(-200%)
}
#details-page-box .detail-header>.child-box .score-panel.play-animate>.video-box {
 transition-delay:.2s;
 -webkit-transition-delay:.2s;
 -moz-transition-delay:.2s;
 -o-transition-delay:.2s;
 z-index:2;
 opacity:1
}
#details-page-box .detail-header>.child-box .math-tabs-box {
 border-bottom:1px solid #f0f0f0;
 background-color:#fff;
 position:absolute;
 line-height:32px;
 height:32px;
 bottom:0;
 left:0;
 right:0
}
#details-page-box .detail-header>.child-box .math-tabs-box .link-list {
 display:flex;
 height:100%
}
#details-page-box .detail-header>.child-box .math-tabs-box .link-list .link {
 position:relative;
 text-align:center;
 font-size:12px;
 color:#999;
 flex:1
}
#details-page-box .detail-header>.child-box .math-tabs-box .link-list .link,
#details-page-box .detail-header>.child-box .math-tabs-box .link-list .link:before {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d
}
#details-page-box .detail-header>.child-box .math-tabs-box .link-list .link:before {
 background-color:#fa0;
 position:absolute;
 content:"";
 left:50%;
 width:0;
 bottom:-1px;
 height:2px
}
#details-page-box .detail-header>.child-box .math-tabs-box .link-list .link.active {
 font-weight:700;
 color:#333
}
#details-page-box .detail-header>.child-box .math-tabs-box .link-list .link.active:before {
 left:0;
 width:100%
}
#details-page-box .details-content {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%
}
#details-page-box .details-content:after,
#details-page-box .details-content:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box {
 background-color:#fff;
 padding:0 0 15px;
 font-size:0;
 margin-top:10.4rem;
}
#details-page-box .details-content.analysis-data-box .menu {
 font-size:14px
}
#details-page-box .details-content.analysis-data-box .menu .item.active:before {
 display:block
}
#details-page-box .details-content.analysis-data-box .analysis-top {
 display:flex;
 background:#f7f7f7;
 border-bottom:1px solid #edeef0
}
#details-page-box .details-content.analysis-data-box .analysis-top.radius-top {
 border-radius:4px 4px 0 0
}
#details-page-box .details-content.analysis-data-box .analysis-top.b-top {
 border-top:1px solid #edeef0
}
#details-page-box .details-content.analysis-data-box .analysis-top .left,
#details-page-box .details-content.analysis-data-box .analysis-top .right {
 line-height: 1.7rem;
 padding: 0 0.2rem;
 flex:1;
}
#details-page-box .details-content.analysis-data-box .analysis-top .left .icon,
#details-page-box .details-content.analysis-data-box .analysis-top .right .icon {
 background:no-repeat 50%;
 vertical-align:middle;
 width: 1.7rem;
 height: 1.7rem;
}
#details-page-box .details-content.analysis-data-box .analysis-top .left.right,
#details-page-box .details-content.analysis-data-box .analysis-top .right.right {
 text-align:right
}
#details-page-box .details-content.analysis-data-box .analysis-top .center {
 line-height: 1.7rem;
}
#details-page-box .details-content.analysis-data-box .analysis-top .center>.icon {
 vertical-align:middle;
 display:inline-block;
 width:24px;
 height:24px
}
#details-page-box .details-content.analysis-data-box .analysis-top .center .text {
 vertical-align:middle;
 display:inline-block;
 line-height: 1.7rem;
 margin-left:5px;
}
#details-page-box .details-content.analysis-data-box .basic-data {
 display:block;
 padding: 0.4rem 0.2rem;
}
#details-page-box .details-content.analysis-data-box .v-stat-chart {
 display:block;
 margin:0 5px;
 height:140px
}
#details-page-box .details-content.analysis-data-box .v-stat-chart .v-chart {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 height:100%
}
#details-page-box .details-content.analysis-data-box .v-stat-chart .v-chart:after,
#details-page-box .details-content.analysis-data-box .v-stat-chart .v-chart:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .players-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 line-height:20px
}
#details-page-box .details-content.analysis-data-box .players-box:after,
#details-page-box .details-content.analysis-data-box .players-box:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .players-box>.child {
 display:block;
 font-size:0
}
#details-page-box .details-content.analysis-data-box .players-box>.child .flex-box {
 display:flex
}
#details-page-box .details-content.analysis-data-box .players-box>.child .flex-box>.left-box,
#details-page-box .details-content.analysis-data-box .players-box>.child .flex-box>.right-box {
 position:relative;
 flex:1
}
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.left-box .ico-list,
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.right-box .ico-list {
 white-space:nowrap;
 display:block;
 height:60px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.left-box .ico-list .logo,
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.right-box .ico-list .logo {
 box-shadow:0 0 2px rgba(0,0,0,.4);
 background:no-repeat bottom;
 border:1px solid transparent;
 display:inline-block;
 vertical-align:top;
 border-radius:50%;
 margin-right:15px;
 cursor:pointer;
 height:30px;
 width:30px;
 opacity:.5
}
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.left-box .ico-list .logo .name,
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.right-box .ico-list .logo .name {
 text-overflow:ellipsis;
 font-style:normal;
 white-space:nowrap;
 position:absolute;
 text-align:center;
 overflow:hidden;
 font-size:12px;
 display:none;
 color:#333;
 left:0;
 right:0;
 top:100%;
 margin-top:10px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.left-box .ico-list .logo.active,
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.right-box .ico-list .logo.active {
 box-shadow:0 0 2px transparent;
 border-color:#fa0;
 position:absolute;
 height:60px;
 width:60px;
 opacity:1;
 top:0
}
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.left-box .ico-list .logo.active .name,
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.right-box .ico-list .logo.active .name {
 display:block
}
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.left-box.left-box .ico-list,
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.right-box.left-box .ico-list {
 padding-left:65px;
 right:45px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.left-box.left-box .ico-list .logo.active,
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.right-box.left-box .ico-list .logo.active {
 left:0
}
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.left-box.right-box .ico-list,
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.right-box.right-box .ico-list {
 padding-right:65px;
 text-align:right;
 left:45px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.left-box.right-box .ico-list .logo.active,
#details-page-box .details-content.analysis-data-box .players-box>.child .ico-panel>.right-box.right-box .ico-list .logo.active {
 right:0
}
#details-page-box .details-content.analysis-data-box .players-box>.child .data-box .basic-bar li.play-times .top-box .tip {
 padding:0 10px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .data-box .basic-bar li.play-times .top-box .home-tip {
 text-align:right
}
#details-page-box .details-content.analysis-data-box .players-box>.child .data-box .basic-bar li.play-times .top-box .away-tip {
 text-align:left
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box {
 margin-top:10px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box .heros-item,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box .heros-item {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box .heros-item:after,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box .heros-item:before,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box .heros-item:after,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box .heros-item:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box .heros-item .item,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box .heros-item .item {
 display:inline-block;
 text-align:center
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box .heros-item .item .ico,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box .heros-item .item .ico {
 background:no-repeat 50%;
 display:inline-block;
 vertical-align:top;
 height:24px;
 width:24px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box .heros-item .item .count,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box .heros-item .item .count {
 display:block;
 font-size:14px;
 color:#333;
 margin:8px 0 10px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box .heros-item .item .chart-box,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box .heros-item .item .chart-box {
 background:no-repeat 50%;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 position:relative;
 line-height:32px;
 font-size:12px;
 color:#6c80da;
 width:32px;
 height:32px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box .heros-item .item .chart-box .text,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box .heros-item .item .chart-box .text {
 transform:scale(.85);
 -webkit-transform:scale(.85);
 -moz-transform:scale(.85);
 -o-transform:scale(.85);
 white-space:nowrap;
 position:absolute;
 z-index:2;
 right:0;
 top:0;
 left:0
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box .heros-item .item .chart-box .chart,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box .heros-item .item .chart-box .chart {
 position:absolute;
 z-index:0;
 bottom:0;
 left:0;
 right:0;
 top:0
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box.left-box .heros-item .item,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box.left-box .heros-item .item {
 margin-right:20px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box.right-box,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box.right-box {
 text-align:right
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box.right-box .heros-item .item,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box.right-box .heros-item .item {
 margin-left:20px
}
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.left-box.right-box .heros-item .item .chart-box,
#details-page-box .details-content.analysis-data-box .players-box>.child .heros-box>.right-box.right-box .heros-item .item .chart-box {
 color:#fa504c
}
#details-page-box .details-content.analysis-data-box .players-csgo-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin:15px 0;
 font-size:0
}
#details-page-box .details-content.analysis-data-box .players-csgo-box:after,
#details-page-box .details-content.analysis-data-box .players-csgo-box:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 clear:both;
 display:inline-block;
 width:100%;
 border:1px solid #f3f4f7;
 vertical-align:top;
 margin-bottom:10px;
 border-radius:4px;
 overflow:hidden
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li:after,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 background-color:#fcfcfc;
 position:relative;
 cursor:pointer;
 display:flex
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab:after,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab:before {
 border-left:1px solid #f3f4f7;
 position:absolute;
 display:block;
 content:"";
 top:0;
 bottom:0;
 left:50%
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box {
 vertical-align:top;
 padding:5px 10px;
 display:flex;
 flex:1
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .logo,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .logo {
 box-shadow:0 0 2px rgba(0,0,0,.5);
 vertical-align:middle;
 display:inline-block;
 border-radius:50%;
 margin-top:4px;
 width:32px;
 height:32px
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .c-box,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .c-box {
 line-height:17px;
 margin-top:4px;
 font-size:12px;
 color:#333;
 flex:1
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .c-box .name,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .c-box .name {
 font-weight:500;
 display:block
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .c-box .kd,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .c-box .kd {
 display:block
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .chart-box,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .chart-box {
 display:inline-block;
 position:relative;
 text-align:center;
 line-height:25px;
 width:40px;
 height:40px
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .chart-box .chart,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .chart-box .text,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .chart-box .chart,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .chart-box .text {
 position:absolute;
 left:0;
 right:0
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .chart-box .chart,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .chart-box .chart {
 top:0;
 bottom:0
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .chart-box .text,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .chart-box .text {
 transform:scale(.6);
 -webkit-transform:scale(.6);
 -moz-transform:scale(.6);
 -o-transform:scale(.6);
 text-align:center;
 line-height:14px;
 margin-top:-15px;
 font-size:14px;
 top:50%
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .chart-box .text b,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box .chart-box .text span,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .chart-box .text b,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box .chart-box .text span {
 display:block;
 white-space:nowrap
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box.left-box,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box.left-box {
 text-align:left
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box.left-box .logo,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box.left-box .logo {
 margin-right:5px
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box.right-box,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box.right-box {
 text-align:right
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .left-box.right-box .logo,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .top-tab .right-box.right-box .logo {
 margin-left:5px
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 border-top:1px solid #f3f4f7;
 background-color:#fff;
 position:relative;
 padding:5px 0 0;
 display:none
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab:after,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab:before {
 display:table;
 position:absolute;
 display:block;
 content:"";
 z-index:5
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab:before {
 border-top:1px solid #d9d9d9;
 margin-top:-20px;
 top:50%;
 left:0;
 right:0
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab:after {
 background-color:#f3f4f7;
 border:1px solid #d9d9d9;
 border-radius:8px;
 margin:-28px 0 0 -20px;
 text-align:center;
 line-height:16px;
 font-size:12px;
 content:"AVG";
 height:16px;
 width:40px;
 color:#999;
 left:50%;
 top:50%
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box {
 display:inline-block;
 vertical-align:top;
 width:50%
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box .item,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box .item {
 display:inline-block;
 text-align:center;
 position:relative;
 height:145px;
 width:20%
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box .item .bar,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box .item .bar {
 display:inline-block;
 margin:16px 0 0;
 position:relative;
 height:100px;
 width:15px
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box .item .bar .line,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box .item .bar .line {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 min-height:1px
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box .item .bar .line .text,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box .item .bar .line .text {
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 line-height:16px;
 white-space:nowrap;
 position:absolute;
 font-size:12px;
 bottom:100%;
 color:#333;
 left:50%
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box .item .text-tip,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box .item .text-tip {
 transform:scale(.9);
 -webkit-transform:scale(.9);
 -moz-transform:scale(.9);
 -o-transform:scale(.9);
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 white-space:nowrap;
 line-height:14px;
 font-size:12px;
 color:#999
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box .item .text-tip:after,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box .item .text-tip:before,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box .item .text-tip:after,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box .item .text-tip:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box.left-box .item .bar .line,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box.left-box .item .bar .line {
 background-color:#6c80da
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .left-box.right-box .item .bar .line,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li .bottom-tab .right-box.right-box .item .bar .line {
 background-color:#fa504c
}
#details-page-box .details-content.analysis-data-box .players-csgo-box>li.active,
#details-page-box .details-content.analysis-data-box .players-csgo-box>li:hover {
 box-shadow:0 0 15px 0 rgba(0,0,0,.1);
 border:1px solid #fa0
}
#details-page-box .details-content.analysis-data-box .ban-pick-box {
 background-color:#fff;
 position:relative;
 line-height: 0.8rem;
 display:block;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item {
 padding:15px 0 0;
 margin:0 5px;
 display:block
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .top-box {
 text-align:center;
 line-height: 0.7rem;
 display:flex;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .top-box .name {
 font-weight:700;
 font-size: 0.6rem;
 color:#333;
 flex:1;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .top-box .tip {
 vertical-align:middle;
 display:inline-block;
 border-radius:16px;
 line-height: 0.9rem;
 font-size: 0.6rem;
 padding: 0 0.2rem;
 color:#fff;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list {
 display:flex
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box {
 flex:1
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box .d-item,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box .d-item {
 margin-top: 0.5rem;
 display:flex;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box .d-item .icon,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box .d-item .icon {
 background:no-repeat 50%;
 display:inline-block;
 margin-right:0;
 width: 2rem;
 height: 2rem;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box .d-item .dt-l,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box .d-item .dt-l {
 flex:1
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box .d-item .dt-l .name,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box .d-item .dt-l .name {
 clear:both;
 display:inline-block;
 /* vertical-align:top; */width:100%;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 font-size: 0.5rem;
 color:#333;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box .d-item .dt-l .name:after,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box .d-item .dt-l .name:before,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box .d-item .dt-l .name:after,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box .d-item .dt-l .name:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box .d-item .dt-l .bar,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box .d-item .dt-l .bar {
 display:inline-block;
 position:relative;
 height: 0.4rem;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box .d-item .dt-l .bar .text,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box .d-item .dt-l .bar .text {
 white-space:nowrap;
 position:absolute;
 line-height:8px;
 font-size: 0.5rem;
 top:0;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box.home-box,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box.home-box {
 margin-right: 1.8rem;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box.home-box .d-item .icon,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box.home-box .d-item .icon {
 margin-right:10px
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box.home-box .d-item .dt-l .bar,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box.home-box .d-item .dt-l .bar {
 background-color:rgb(64,178,104);
 color:rgb(64,178,104)
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box.home-box .d-item .dt-l .bar .text,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box.home-box .d-item .dt-l .bar .text {
 left:100%;
 margin-left:5px;
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box.away-box,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box.away-box {
 margin-left:45px
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box.away-box .d-item .icon,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box.away-box .d-item .icon {
 margin-left:10px
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box.away-box .d-item .dt-l,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box.away-box .d-item .dt-l {
 text-align:right
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box.away-box .d-item .dt-l .bar,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box.away-box .d-item .dt-l .bar {
 background-color:rgb(219,119,129);
 color:rgb(219,119,129)
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.away-box.away-box .d-item .dt-l .bar .text,
#details-page-box .details-content.analysis-data-box .ban-pick-box .item .list>.home-box.away-box .d-item .dt-l .bar .text {
 right:100%;
 margin-right:5px
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item.ban .top-box .tip {
 background-color:#666
}
#details-page-box .details-content.analysis-data-box .ban-pick-box .item.pick .top-box .tip {
 background-color:#fa0
}
#details-page-box .details-content.analysis-data-box .data-tabel {
 border:1px solid #f0f0f0;
 background-color:#fff;
 vertical-align:top;
 border-radius:4px;
 text-align:center;
 font-size: 0.5rem;
 width:100%;
 color:#333;
}
#details-page-box .details-content.analysis-data-box .data-tabel tr th {
 background-color:#f7f7f7;
 line-height: 1.0rem;
 font-weight:400;
}
#details-page-box .details-content.analysis-data-box .data-tabel tr th:first-child {
 border-radius:4px 0 0 0
}
#details-page-box .details-content.analysis-data-box .data-tabel tr th:last-child {
 border-radius:0 4px 0 0
}
#details-page-box .details-content.analysis-data-box .data-tabel tr td {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 border-top:1px solid #f0f0f0;
 padding:7px 0
}
#details-page-box .details-content.analysis-data-box .data-tabel tr td .team {
 position:relative;
 display:block
}
#details-page-box .details-content.analysis-data-box .data-tabel tr td .team .logo {
 background:no-repeat 50%;
 position:absolute;
 width: 0.7rem;
 height: 0.7rem;
 top:0;
}
#details-page-box .details-content.analysis-data-box .data-tabel tr td .team .name {
 vertical-align:middle;
 line-height: 0.8rem;
 font-size: 0.5rem;
 display:block;
 color:#333;
 max-width:3.0rem;
 text-overflow:ellipsis;
 overflow:hidden;
}
#details-page-box .details-content.analysis-data-box .data-tabel tr td .team.home {
 padding-right:29px;
 text-align:right
}
#details-page-box .details-content.analysis-data-box .data-tabel tr td .team.home .logo {
 right:0
}
#details-page-box .details-content.analysis-data-box .data-tabel tr td .team.away {
 padding-left:29px;
 text-align:left
}
#details-page-box .details-content.analysis-data-box .data-tabel tr td .team.away .logo {
 left:0
}
#details-page-box .details-content.analysis-data-box .data-tabel tr td .link {
 border:1px solid #ccc;
 vertical-align:middle;
 display:inline-block;
 padding:0 5px 0 6px;
 background:#f2f2f2;
 border-radius:8px;
 line-height:17px;
 font-size:12px;
 color:#666;
 height:17px
}
#details-page-box .details-content.analysis-data-box .data-tabel.home tr th {
 background-color:#6c80da
}
#details-page-box .details-content.analysis-data-box .data-tabel.away tr th {
 background-color:#fa504c
}
#details-page-box .details-content.analysis-data-box .historical-box {
 line-height:20px;
 padding:0 5px;
 display:block
}
#details-page-box .details-content.analysis-data-box .historical-box .list {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 display:none;
 text-align:center;
 margin:30px 0 20px
}
#details-page-box .details-content.analysis-data-box .historical-box .list:after,
#details-page-box .details-content.analysis-data-box .historical-box .list:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .historical-box .list li {
 border:1px solid #edeef0;
 background-color:#fcfcfc;
 display:inline-block;
 vertical-align:top;
 padding:5px 15px;
 border-radius:4px;
 min-width:95px;
 margin:0 5px;
 line-height:20px
}
#details-page-box .details-content.analysis-data-box .historical-box .list li .tip {
 display:block;
 font-size:14px
}
#details-page-box .details-content.analysis-data-box .historical-box .list li .text {
 display:block;
 font-size:12px;
 color:#666
}
#details-page-box .details-content.analysis-data-box .recent-box {
 margin:0 5px;
 display:block
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin-top: 0.2rem;
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box:after,
#details-page-box .details-content.analysis-data-box .recent-box .data-box:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box .top-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box .top-box:after,
#details-page-box .details-content.analysis-data-box .recent-box .data-box .top-box:before {
 content:"";
 display:table
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box .top-box .team {
 display:inline-block;
 vertical-align:top;
 line-height: 1.5rem;
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box .top-box .team .icon {
 background:no-repeat 50%;
 display:inline-block;
 vertical-align:top;
 margin:0 8px 0 0;
 width:24px;
 height:24px
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box .top-box .team .name {
 display:inline-block;
 vertical-align:top;
 font-size: 0.5rem;
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box .top-box .right-position {
 line-height: 1.5rem;
 margin-top:3px;
 font-size: 0.5rem;
 float:right;
 color:#333;
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box .top-box .right-position .stats-tip {
 display:inline-block;
 vertical-align:top;
 border-radius:8px;
 line-height:18px;
 padding:0 6px;
 height:18px;
 color:#fff
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box.home .top-box .team .name {
 color:rgb(64,178,104)
}
#details-page-box .details-content.analysis-data-box .recent-box .data-box.away .top-box .team .name {
 color:rgb(232,46,65)
}
#details-page-box .details-content.analysis-data-box .maps-table {
 text-align:center;
 width:100%
}
#details-page-box .details-content.analysis-data-box .maps-table tr th {
 white-space:nowrap;
 position:relative;
 line-height:30px;
 font-weight:400;
 font-size:12px;
 color:#fff
}
#details-page-box .details-content.analysis-data-box .maps-table tr th:first-child {
 border-radius:5px 0 0 0
}
#details-page-box .details-content.analysis-data-box .maps-table tr th:last-child {
 border-radius:0 5px 0 0
}
#details-page-box .details-content.analysis-data-box .maps-table tr th .triangle {
 background-color:#fa504c;
 position:absolute;
 margin-left:-5px;
 left:50%;
 top:0;
 bottom:0;
 right:0
}
#details-page-box .details-content.analysis-data-box .maps-table tr th .triangle span {
 border-color:#6c80da transparent transparent #6c80da;
 border-style:solid;
 border-width:15px 5px;
 position:absolute;
 top:0;
 left:0
}
#details-page-box .details-content.analysis-data-box .maps-table tr th.home {
 background-color:#6c80da
}
#details-page-box .details-content.analysis-data-box .maps-table tr th.away {
 background-color:#fa504c
}
#details-page-box .details-content.analysis-data-box .maps-table tr td {
 border-bottom:1px solid #edeef0;
 font-weight:700;
 font-size:12px;
 color:#333;
 padding-top:6px;
 padding-bottom:6px
}
#details-page-box .details-content.analysis-data-box .maps-table tr td .logo {
 display:inline-block;
 vertical-align:middle;
 position:relative;
 border-radius:2px;
 text-align:center;
 line-height:20px;
 overflow:hidden;
 font-size:12px;
 height:20px;
 color:#fff;
 width:100%
}
#details-page-box .details-content.analysis-data-box .maps-table tr td .logo:before {
 background:rgba(0,0,0,.4);
 position:absolute;
 content:"";
 bottom:0;
 left:0;
 right:0;
 top:0
}
#details-page-box .details-content.analysis-data-box .maps-table tr td:first-child {
 border-left:1px solid #edeef0
}
#details-page-box .details-content.analysis-data-box .maps-table tr td:last-child {
 border-right:1px solid #edeef0
}
#details-page-box .details-content.analysis-data-box .maps-table tr:last-child td:first-child {
 border-radius:0 0 0 5px
}
#details-page-box .details-content.analysis-data-box .maps-table tr:last-child td:last-child {
 border-radius:0 0 5px 0
}
#details-page-box .details-content.preview-data-box .description-box {
 background-color:#fff;
 display:block;
 font-size:0
}
#details-page-box .details-content.preview-data-box .description-box .header-box {
 box-shadow:0 2px 5px 0 rgba(0,0,0,.05);
 padding:10px 10px 5px;
 background-color:#fff;
 display:block
}
#details-page-box .details-content.preview-data-box .description-box .header-box .title {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 margin:0 0 5px;
 font-size:15px;
 color:#333
}
#details-page-box .details-content.preview-data-box .description-box .header-box .title:after,
#details-page-box .details-content.preview-data-box .description-box .header-box .title:before {
 content:"";
 display:table
}
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box,
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .logo,
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .name,
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .see {
 vertical-align:middle;
 display:inline-block
}
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .logo {
 background:no-repeat 50%;
 margin-right:5px;
 width:20px;
 height:20px
}
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .name {
 font-size:12px;
 color:#333
}
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .see {
 margin-left:5px
}
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .see .iconfont,
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .see span {
 vertical-align:middle;
 display:inline-block
}
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .see .iconfont {
 position:relative;
 font-size:12px;
 color:#ccc;
 top:-1px
}
#details-page-box .details-content.preview-data-box .description-box .header-box .user-box .see span {
 font-size:12px;
 color:#999
}
#details-page-box .details-content.preview-data-box .description-box .crumbs {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 font-size:14px
}
#details-page-box .details-content.preview-data-box .description-box .crumbs:after,
#details-page-box .details-content.preview-data-box .description-box .crumbs:before {
 content:"";
 display:table
}
#details-page-box .details-content.preview-data-box .description-box .crumbs .link {
 transition:color .2s ease;
 -webkit-transition:color .2s ease;
 -moz-transition:color .2s ease;
 -o-transition:color .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 display:inline-block;
 color:#999;
 margin-right:5px;
 cursor:pointer
}
#details-page-box .details-content.preview-data-box .description-box .crumbs .link:after {
 content:"\e756"
}
#details-page-box .details-content.preview-data-box .description-box .crumbs .link:hover {
 color:#333
}
#details-page-box .details-content.preview-data-box .description-box .crumbs .tip {
 display:inline-block;
 color:#333
}
#details-page-box .details-content.preview-data-box .description-box .description {
 line-height:32px;
 font-size:14px;
 display:block;
 padding:10px;
 color:#333
}
#details-page-box .details-content.preview-data-box .description-box .description img {
 transition:all .2s ease;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -o-transition:all .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 border-radius:4px;
 vertical-align:top;
 max-width:100%;
 border:0;
 margin:5px 0
}
#details-page-box .details-content.preview-data-box .description-box .description img:hover {
 box-shadow:0 0 5px rgba(0,0,0,.3)
}
#details-page-box .details-content.preview-data-box .description-box .description a {
 transition:color .2s ease;
 -webkit-transition:color .2s ease;
 -moz-transition:color .2s ease;
 -o-transition:color .2s ease;
 transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 color:#333
}
#details-page-box .details-content.preview-data-box .description-box .description a:hover {
 color:#fa0
}
#details-page-box .details-content.video-data-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 font-size:0
}
#details-page-box .details-content.video-data-box:after,
#details-page-box .details-content.video-data-box:before {
 content:"";
 display:table
}
#details-page-box .details-content.video-data-box .vd-top-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 position:relative;
 line-height:30px;
 font-size:14px;
 color:#333
}
#details-page-box .details-content.video-data-box .vd-top-box:after,
#details-page-box .details-content.video-data-box .vd-top-box:before {
 content:"";
 display:table
}
#details-page-box .details-content.video-data-box .vd-top-box:before {
 background-color:#fa0;
 position:absolute;
 margin-top:-9px;
 height:16px;
 content:"";
 width:3px;
 top:50%;
 left:0
}
#details-page-box .details-content.video-data-box .video-box {
 background-color:#fff;
 margin:0 0 10px
}
#details-page-box .details-content.video-data-box .video-box .child {
 padding:0 10px 0 5px;
 display:block
}
#details-page-box .details-content.video-data-box .video-box .child .ele {
 display:inline-block;
 margin-bottom:10px;
 width:50%
}
#details-page-box .details-content.video-data-box .video-box .child .ele .box {
 margin:0 0 0 5px;
 display:block
}
#details-page-box .details-content.video-data-box .video-box .child .ele .box .img-box {
 position:relative;
 border-radius:4px;
 display:block;
 height:95px
}
#details-page-box .details-content.video-data-box .video-box .child .ele .box .img-box .iconfont {
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 color:hsla(0,0%,100%,.8);
 position:absolute;
 left:50%;
 top:50%;
 font-size:30px
}
#details-page-box .details-content.video-data-box .video-box .child .ele .box .img-box .tag {
 background-color:rgba(255,170,0,.8);
 border-radius:0 0 4px 4px;
 position:absolute;
 line-height:14px;
 padding:0 5px;
 font-size:12px;
 color:#fff;
 height:15px;
 right:10px;
 top:0
}
#details-page-box .details-content.video-data-box .video-box .child .ele .box .img-box .time {
 background:rgba(7,11,14,.4);
 border-radius:2px;
 position:absolute;
 line-height:15px;
 font-size:12px;
 padding:0 5px;
 bottom:5px;
 color:#fff;
 right:5px
}
#details-page-box .details-content.video-data-box .video-box .child .ele .box .title {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 line-height:18px;
 margin-top:5px;
 font-size:14px;
 color:#333
}
#details-page-box .details-content.video-data-box .video-box .child .ele .box .title:after,
#details-page-box .details-content.video-data-box .video-box .child .ele .box .title:before {
 content:"";
 display:table
}
#details-page-box .details-content.video-data-box .video-box .child .ele.active .box .title {
 color:#fa0
}
#details-page-box .details-content.message-data-box .confrontation-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 position:relative;
 font-size:0;
 height:60px;
 z-index:2
}
#details-page-box .details-content.message-data-box .confrontation-box:after,
#details-page-box .details-content.message-data-box .confrontation-box:before {
 content:"";
 display:table
}
#details-page-box .details-content.message-data-box .confrontation-box .child {
 border-bottom:1px solid #f0f0f0;
 background-color:#fff;
 position:fixed;
 display:flex;
 height:60px;
 top:284px;
 right:0;
 left:0
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box {
 margin:15px 10px 0;
 line-height:30px;
 flex:1
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box .logo,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box .logo {
 border:1px solid #f0f0f0;
 background:#fff;
 border-radius:50%;
 height:30px;
 width:30px
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box .icon-box,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box .icon-box {
 display:block
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box .icon-box .iconfont,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box .icon-box .iconfont {
 display:inline-block;
 vertical-align:middle;
 color:#e6e6e6;
 font-size:14px
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box.left-box .logo,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box.left-box .logo {
 float:left
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box.left-box .icon-box,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box.left-box .icon-box {
 margin-left:35px
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box.left-box .icon-box .iconfont,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box.left-box .icon-box .iconfont {
 margin-right:5px
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box.right-box .logo,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box.right-box .logo {
 float:right
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box.right-box .icon-box,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box.right-box .icon-box {
 text-align:right;
 margin-right:35px
}
#details-page-box .details-content.message-data-box .confrontation-box .child .left-box.right-box .icon-box .iconfont,
#details-page-box .details-content.message-data-box .confrontation-box .child .right-box.right-box .icon-box .iconfont {
 margin-left:5px
}
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box {
 margin:0 10px
}
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .score {
 white-space:nowrap;
 text-align:center;
 padding-top:10px;
 display:block
}
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .score .away,
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .score .home,
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .score .map-name,
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .score .svg-icon {
 vertical-align:middle;
 display:inline-block
}
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .score .away,
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .score .home {
 font-weight:700;
 font-size:15px
}
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .score .map-name {
 font-size:12px;
 margin:0 6px;
 color:#666
}
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .score .svg-icon {
 margin:0 10px;
 width:14px;
 height:14px
}
#details-page-box .details-content.message-data-box .confrontation-box .child .center-box .time {
 text-align:center;
 font-size:12px;
 display:block;
 color:#666
}
#details-page-box .details-content.message-data-box.message-data-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 font-size:0
}
#details-page-box .details-content.message-data-box.message-data-box:after,
#details-page-box .details-content.message-data-box.message-data-box:before {
 content:"";
 display:table
}
#details-page-box .details-content.message-data-box.message-data-box .list-box {
 display:block;
 padding-top:10px;
 margin:0 10px
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 word-break:break-all;
 margin:3px 0 10px;
 color:#333
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item:after,
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item:before {
 content:"";
 display:table
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .logo {
 background:no-repeat 50%;
 border-radius:50%;
 float:left;
 width:22px;
 height:22px
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .right-box {
 margin-left:32px;
 display:block
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .right-box .hd-top {
 padding:0 0 5px;
 display:block
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .right-box .hd-top .iconfont,
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .right-box .hd-top .name,
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .right-box .hd-top .time {
 display:inline-block;
 vertical-align:middle
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .right-box .hd-top .name {
 margin-right:5px;
 font-size:12px;
 color:#333
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .right-box .hd-top .time {
 margin-right:5px;
 font-size:12px;
 color:#999
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .right-box .hd-top .iconfont {
 margin-right:6px;
 font-size:14px;
 color:#ccc
}
#details-page-box .details-content.message-data-box.message-data-box .list-box .mag-item .right-box .content {
 border-radius:0 4px 4px 4px;
 background-color:#fff;
 padding:9px 10px;
 font-size:12px;
 display:block;
 color:#333
}
#details-page-box .details-content.message-data-box.message-data-box .send-box {
 clear:both;
 display:inline-block;
 vertical-align:top;
 width:100%;
 height:44px
}
#details-page-box .details-content.message-data-box.message-data-box .send-box:after,
#details-page-box .details-content.message-data-box.message-data-box .send-box:before {
 content:"";
 display:table
}
#details-page-box .details-content.message-data-box.message-data-box .send-box .child {
 box-shadow:0 -3px 5px 0 rgba(0,0,0,.05);
 background-color:#fff;
 position:fixed;
 display:flex;
 height:44px;
 bottom:44px;
 right:0;
 left:0
}
#details-page-box .details-content.message-data-box.message-data-box .send-box .child .ico-hot {
 background:url(//static-m.cfesport.com/static/imgs/ico-hot-de845a79a02858023cec5b2a4e686297.png) no-repeat 50%;
 background-size:contain;
 margin-left:10px;
 width:24px
}
#details-page-box .details-content.message-data-box.message-data-box .send-box .child .ico-666 {
 background:url(//static-m.cfesport.com/static/imgs/ico-666-e39614667c88f54896179230e5a2edd8.png) no-repeat 50%;
 background-size:contain;
 width:24px
}
#details-page-box .details-content.message-data-box.message-data-box .send-box .child .ico-gg {
 background:url(//static-m.cfesport.com/static/imgs/ico-gg-17e48dbfbd7c977d200f1c56f8c948e5.png) no-repeat 50%;
 background-size:contain;
 margin:0 10px;
 width:24px
}
#details-page-box .details-content.message-data-box.message-data-box .send-box .child .text {
 background-color:#f0f0f0;
 margin:10px 10px 0;
 border-radius:12px;
 line-height:24px;
 font-size:12px;
 padding:0 10px;
 color:#b3b3b3;
 height:24px;
 flex:1
}
#details-page-box.skin-lol .detail-header>.child-box {
 background-image:url(//static-m.cfesport.com/static/imgs/lol-min-ed5a409ad8a22a5f223f8c96292afe86.png);
 background-size:cover
}
#details-page-box.skin-dota2 .detail-header>.child-box {
 background-image:url(//static-m.cfesport.com/static/imgs/dota2-min-44eeb2e618be801ffdcc1b02a219488c.png);
 background-size:cover
}
#details-page-box.skin-csgo .detail-header>.child-box {
 background-image:url(//static-m.cfesport.com/static/imgs/csgo-min-97a99e0e90eb312701765ce1c5ecaba2.png);
 background-size:cover
}
.echarts {
 width:600px;
 height:400px
}
.vMatch3_signalsPop {
 position:fixed;
 left:0;
 top:0;
 bottom:0;
 display:block;
 width:100%;
 height:100%;
 min-width:320px;
 z-index:9999
}
.vMatch3_signalsPop_background {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.4)
}
.vMatch3_signalsPop_content {
 position:absolute;
 top:50%;
 left:50%;
 width:300px;
 margin-left:-150px;
 margin-top:-9999px;
 border-radius:3px;
 background-color:#fff;
 color:#333;
 overflow:hidden;
 word-wrap:break-word;
 opacity:1;
 z-index:99
}
.vMatch3_signalsPop_content p {
 height:44px;
 line-height:44px;
 border-top:1px solid #f2f2f2;
 text-align:center;
 color:#999;
 font-size:15px;
 overflow:hidden
}
.vMatch3_signalsPop_content p:first-child {
 border-top:none
}
.vMatch3_signalsPop_content .link {
 display:block;
 width:100%;
 height:100%;
 color:#333;
 overflow:hidden
}
.vMatch3_signalsPop_content .button {
 display:block;
 width:100%;
 height:100%;
 line-height:44px;
 color:#999;
 font-size:15px;
 overflow:hidden
}
.vMatch3_videoPlayer {
 width:100%;
 height:11rem;
 background-color:#000;
 overflow:hidden;
 position:fixed;
 top:0;
 min-width:320px;
 z-index:99;
 max-width:800px
}
.vMatch3_videoPlayer video {
 position:relative;
 display:block;
 width:100%;
 margin:0 auto;
 height:160px;
 z-index:0
}
.vMatch3_videoPlayer iframe {
 position:absolute;
 width:100%;
 border:0;
 display:block;
 height:100%;
 -webkit-transform-origin:center 0;
 transform-origin:center 0
}
.vMatch3_videoPlayer_closeBtn {
 position:absolute;
 top:0;
 left:5px;
 display:block;
 height:32px;
 line-height:32px;
 font-size:10px;
 color:rgba(255,255,255,.7);
 text-align:center;
 overflow:hidden;
 z-index:9
}
.vMatch3_animationPlayer {
 width:100%;
 height:11rem;
 background-color:#000;
 overflow:hidden;
 top:0;
 min-width:320px;
 z-index:99;
 position:fixed;
 max-width:800px
}
.vMatch3_animationPlayer iframe {
 position:absolute;
 width:100%;
 border:0;
 display:block;
 height:100%;
 -webkit-transform-origin:center 0;
 transform-origin:center 0
}
.vMatch3_animationPlayer_closeBtn {
 position:absolute;
 top:0.2rem;
 left:0.2rem;
 display:block;
 padding:0 0.2rem;
 height:0.8rem;
 line-height:0.8rem;
 border:1px solid #fff;
 border-radius:2px;
 background-color:rgba(0,0,0,.5);
 font-size:0.5rem;
 color:#fff;
 text-align:center;
 opacity:.8;
 overflow:hidden;
 z-index:100
}
.vMatch3_animationPlayer_moreBtn {
 position:absolute;
 bottom:4px;
 right:8px;
 line-height:20px;
 padding:0 8px 0 5px;
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNp80r8KQVEcwPHjX5nupjyHN7AaTTbJICXlARhlILJ7ARsmk9HiAZRBJt1SlJLSdXxPfsMdfuee+tzlfrvdc34nZa0dGGNKCNEyvkW4wRVnVGE07tHD1v7XDQ1f6GSxkPiBLjJaaOTFTOKX+/d4rP3PROI3hkmhM5L4gzFyvtDp44sI06TQuciXQ1+QxlKiJzpalMdaojva2mYCrGKH39R2HcQm5EZa0w68iL1EbuYVbYRznCQ6oqxtMM0FKiDCAXXstFv2E2AAPiPVWQTeYkUAAAAASUVORK5CYII=);
 background-position:right center;
 background-size:5px 8px;
 background-repeat:no-repeat;
 color:#fff;
 font-size:11px;
 text-align:center;
 overflow:hidden;
 opacity:.7;
 z-index:9
}