select,label{cursor:pointer;}
select{background-color:#fff !important;color:#222 !important;}
.mintopnav { text-align: center; }
.mintopnav a { display: inline-block; text-align: center; padding: 0 30px; line-height: 24px; border-radius: 2px 2px 0 0; }
.mintopnav a:hover { text-decoration: none; }
.mintopnav.v2 li a { text-align: center; float: none; line-height: 30px;  position: relative;}
.mintopnav.v2 li a i{right:0px;top:-5px;}
.mintopnav.v2 li { display: inline-block; margin: 0 -1px }
.mintopnav.v2 li.on a, .mintopnav li.on a { color: #fff; line-height: 30px; border-radius: 2px 2px 0 0; font-weight: 600; }

.nav_select { overflow: hidden; }
.nav_select ul { }
.nav_select li { display: inline-block; padding: 0 10px; float: left; margin: 5px 3px; line-height: 24px; color: #FFF; cursor: pointer; }
.nav_select li:first-child { margin-left: 10px }
.nav_select li a { color: #FFF; }
.nav_select .nav_selected { background-color: #114779; border-radius: 3px; opacity: 1; }

.stat-bar-wrapper { display: inline-block; position: relative; background-color: #eaeaea; width: 280px; height: 18px; overflow: hidden; vertical-align: middle; }
.dark .stat-bar-wrapper { background-color: #3a3a3a; }
.stat-bar-wrapper.homes { border-radius: 3px 0 0 3px; }
.stat-bar-wrapper.aways { border-radius: 0 3px 3px 0; }
.stat-bar { display: inline-block; height: 18px; position: absolute; }
.stat { overflow: hidden; padding: 5px 0 20px 0; text-align: center }
.stat li { line-height: 18px; padding: 0 15px; margin-bottom: -1px }
.stat-c { display: inline-block; width: 50px; text-align: center; font-size: 14px }
/*.stat-title { display: inline-block; width: 140px; text-align: center; border: 1px solid #dcdcdc; box-shadow: 1px 1px 6px #d6d6d6; vertical-align: middle; line-height: 30px; background-color: #fff; margin: 0 -4px }*/
.stat .homes .stat-bar, .home-bg { background-color: #de682f; }
.stat .aways .stat-bar, .away-bg { background-color: #2495da; }
.stat .homes .stat-bar { border-radius: 3px 0 0 3px; }
.stat .aways .stat-bar { border-radius: 0 3px 3px 0; }
.stat li:hover .stat-title { background-color: #fbfbcd }
.dark .stat li:hover .stat-title { background-color: #333 }
.stat li:hover .stat-c { font-weight: bold; color: #d64444; }

.posediv { width: 1000px; position: relative }
.fx-title { text-align: center; margin-bottom: 10px; color: #666; }
.fx-title img { display: none; height: 25px; vertical-align: middle; margin: 0 20px; border: 1px solid #e5e5e5; padding: 10px; background-color: #fff; border-radius: 10px 0 10px 0; }
.fx-title span { display: inline-block; font-weight: bold }
.fx-title-name { font-size: 18px; width: 310px }
.fx-title .fx-title-vs { margin: 0 10px; width: 350px; font-size: 20px; }
.f-l { text-align: left !important;}
.f-r { text-align: right !important;}
.fx-tab { text-align: center; margin: 20px auto }
.fx-tab li { display: inline-block; color: #666; width: 150px; line-height: 25px; vertical-align: middle; }
.fx-tab .middle-line { display: inline-block; width: 1px; background-color: #e5e5e5; margin: 0 170px; height: 30px; vertical-align: middle; padding: 0; border: none }
.fx-tab span { border-radius: 20px; display: inline-block; height: 25px }
.fx-tab .fx-tab-on { color: #e27a48; }
.fx-tab .fx-tab-on2 { color: #3f9ed8; }
.fx-tab .fx-tab-on, .fx-tab .fx-tab-on2 { font-weight: bold; box-shadow: 0 1px 8px 0 rgba(0,0,0,0.36); border-radius: 20px; }
.fx-tab2 { text-align: center; margin: 10px auto }
.fx-tab2 li { display: inline-block; color: #666; width: 120px; line-height: 25px; vertical-align: middle; cursor: pointer; }
.fx-tab2 span { background-color: #e5e5e5; border-radius: 20px; display: inline-block; height: 25px; padding: 2px; }
.fx-tab2 .fx-tab2-on { color: #555; font-weight: bold; border-radius: 20px; background-color: #fff; }
.fx-comparision { width: 500px; margin: 0 auto; text-align: center }
.fx-data-left, .fx-data-right { display: inline-block; vertical-align: middle; }
.fx-data-left li, .fx-data-right li { width: 200px; }
.fx-data-left li span { float: right; }
.fx-data-right li div, .fx-data-right li span { float: left; }
.fx-c2 { font-size: 15px; font-weight: bold; padding: 0 5px; text-align: center }
.fx-c2:after { content: "%"; font-size: 12px; padding: 0 1px }
.fx-c-l { border-radius: 3px 0 0 3px; }
.fx-c-r { border-radius: 0 3px 3px 0; }
.scoreComp { float: left; }
.missComp { float: right; }
.fx-c-l, .fx-c-r { height: 18px }
.fx-c-3 { width: 60px; background-color: #FFF; box-shadow: 1px 1px 4px #888; line-height: 30px; margin: 0 -3px -1px -4px; display: inline-block; vertical-align: middle; }
.fl { left: 0 }
.fr { right: 0 }

#tr_com_h td,
#tr_com_g td { text-align: center; }

.team-table-other .fx-green { background-color: #60a93c !important; color: #fff }
.team-table-other .fx-red { background-color: #ec4545 !important; color: #fff }
.team-table-other .fx-blue { background-color: #346ec5 !important; color: #fff }
.dark .team-table-other .fx-green { background-color: #407228 !important; }
.dark .team-table-other .fx-red { background-color: #742222 !important; }
.dark .team-table-other .fx-blue { background-color: #17335c !important;  }

/*2019-08-02新增,队员信息弹窗*/
.plays .playBox .play span ul { position: absolute; display: none; background: #1f3508; color: #d8d8d8; left: 0; font-size: 12px; padding: 20PX; border-radius: 5px; top: 75px; z-index: 999; padding-left: 95px; box-shadow: 0 28px 50px rgba(25,24,40,.35); }
.plays .playBox .play span ul li, #matchBox .backupPlay .play span ul li { line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 15px; }
.plays .playBox .play span ul li.icon, #matchBox .backupPlay .play span ul li.icon { float: left; width: 75px; height: 100px; background: #e1e1e1; position: absolute; left: 15px; top: 15px; margin-left: 0; border: 3px solid #d8d8d8 }
.plays .playBox .play span ul li.icon img, #matchBox .backupPlay .play span ul li.icon img { width: 100%; height: 100%; }
#matchBox .one .guest .playBox .play span ul { left: auto; right: auto; }
#matchBox .one .playBox .play span ul { top: 25px; left: auto; }
.plays .playBox .play span:hover ul, #matchBox .backupPlay .play span:hover ul { display: block; }
.plays .guest .playBox .play span ul { right: 0; left: auto; }
#matchBox .plays .playBox .play span:hover .name, #matchBox .backupPlay .play span:hover .name { /*background: #FF5722;*/ color: #e55100; cursor: pointer; }
#matchBox .plays .playBox .play span:hover .name a:hover, #matchBox .backupPlay .play span:hover .name a:hover { color: #e55100; text-decoration: none; }
#matchBox .backupPlay .play span { vertical-align: middle; display: table-cell; width: 95%; height: 20px; position: relative; }
#matchBox .backupPlay .play span:hover { z-index: 999; }
#matchBox .backupPlay .play span ul { position: absolute; display: none; background: #1f3508; color: #d8d8d8; left: 0; font-size: 12px; padding: 20PX; border-radius: 5PX; top: -125px; z-index: 999; padding-left: 95px; box-shadow: 0 -28px 50px rgba(25,24,40,.35); }
#matchBox .backupPlay .guest .play span ul { right: 0; left: auto; }
#matchBox .backupPlay .clean { clear: both; }
#matchBox ul li b { color: #a7a7a7; margin-right: 3px; font-weight: normal }
#matchBox .number { line-height: 24px; display: inline-block; width: 24px; height: 24px; vertical-align: top; text-align: center; margin-right: 5px; position: absolute; border-radius: 20px; bacolor: #fff; border: 2px solid #3c5d1a; }
#matchBox .home .number { background-color: #e27a48; left: 61px; top: -4px; font-weight: bold }
#matchBox .guest .number { background-color: #3f9ed8; left: -12px; top: -4px; font-weight: bold }
#matchBox .one .home .number { left: -20px; top: -4px; }
#matchBox .one .guest .number { left: -20px; top: -4px; }

#mactbox-black {background: var(--bgcolor-2);overflow: hidden;padding: 10px 0;}
#matchBox { background: url("/images/PC-field.svg") no-repeat;background-size: 100%;color: #fff;margin: 0 auto; clear: both }
.dark #matchBox { opacity: 0.85; }
.teamNames { position: relative; text-align: center;margin: 0 auto; }
.teamNames a { color: #fff }
.tn-home, .tn-away { width: 50%; display: inline-block; float: left; color: #fff; line-height: 30px; font-size: 16px; font-weight: bold; border-radius: 8px 0 0 0; }
.tn-away{border-radius:0 8px 0 0;}
.tn-vs-d { position: absolute; left: 400px; width: 180px; height: 46px; border-radius: 6px; top: -3px; display: inline-block; transform: perspective(1.5em) rotateX(-5deg); transform-origin: top; background-color: #e8e8e8; background-image: linear-gradient(180deg,transparent,#ccc,#f0f0f0); box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.25); }
.tn-vs-c { position: absolute; left: 400px; width: 180px; font-size: 22px; font-weight: bold; color: #555; top: -1px; display: inline-block; }
#matchBox .backupPlay { background: #adde8e;border-bottom: 3px solid #94cd70;height: auto;border-radius: 0 0 8px 8px; }
#matchBox .backupPlay .play { width: 131px; height: 40px; color: #333;line-height: 20px; font-size: 12px; text-decoration: none; margin-right: 5px; margin-left: 5px; float: left; display: block; white-space: nowrap; }
/* #matchBox .backupPlay .play div { height: 20px; text-align: center; line-height: 20px; display: block; } */
#matchBox .backupPlay .play .name { /*background: var(--black30);*/ width: 90%; height: 20px; text-align: left; line-height: 20px; overflow: hidden; padding-right: 5px; padding-left: 5px; display: block; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; }
#matchBox .backupPlay .play .name a, #matchBox .backupPlay .play .name a:hover { color: #333; }
#matchBox .backupPlay .bu_txt { text-align: center;color: var(--black50); font-size: 14px; }
#matchBox .backupPlay .home { width: 425px; clear: left; float: left; padding-left: 15px; }
#matchBox .backupPlay .guest { width: 425px; clear: right; float: right; }
#matchBox .plays {height: 510px;padding: 10px;display: block; }
#matchBox .plays .home,#matchBox .plays .guest { width: 490px;height: 100%;float: left;display: flex;align-items: center; }
#matchBox .plays .guest { float: right;}
#matchBox .plays .playBox { width: 117px; float: left; position: relative;flex:1; }
#matchBox .plays .playBox .play { height: 90px; margin: 0 auto;float: none; display: table; position: relative }
#matchBox .plays .playBox .play div { text-align: center; line-height: 20px; display: block; min-height: 20px; }
.plays .playBox .play span { vertical-align: middle; display: table-cell; }
#matchBox .plays .playBox .play .name { /*background: var(--black30);*/color: #333;width: 80px; height: 20px; text-align: left;line-height: 20px; padding-right: 5px; font-size: 12px; display: block; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; position: relative }
#matchBox .plays .playBox .play .name a { color: #333; overflow: hidden; width: 60px; display: inline-block; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; }
#matchBox .plays .guest .playBox .play .name a { padding-left: 20px; }
#matchBox .plays .five .playBox { width: 93px; }
#matchBox .plays .five .playBox .play .name { /*background: var(--black30);*/color: #333;width: 80px; height: 20px; text-align: left;line-height: 20px; padding-right: 5px; ont-size: 12px; float: none; display: block; white-space: nowrap; text-overflow: ellipsis; }
#matchBox .plays .five .playBox .play .name a { color: #333;width: 52px; height: 20px; text-align: left;line-height: 20px; overflow: hidden; font-size: 12px; display: block; white-space: nowrap; text-overflow: ellipsis; }
#matchBox .plays .guest.five .playBox .play .name a { padding-left: 25px }
#matchBox .plays .playBox .play a:hover { color: rgb(220, 222, 44); }
#matchBox .one .playBox { width: 77%; text-align: left; padding-top: 8px; margin-left: 25%; }
#matchBox .one .playBox .play { margin: 10px auto; width: 90%; height: 20px; white-space: nowrap; }
#matchBox .one .playBox .play .name { color: #333;width: auto; height: 20px; text-align: left;line-height: 20px; padding-right: 5px; padding-left: 5px; font-size: 12px; margin-right: auto; margin-left: auto; float: left; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; }
#matchBox .one .playBox .play .img { vertical-align: middle; float: left; padding-left: 5px }
#matchBox .hurtPlay { background: #adde8e;border-bottom: 3px solid #94cd70;position: relative; height: auto; padding-bottom: 10px;border-radius: 0 0 8px 8px; overflow: hidden; }
#matchBox .hurtPlay h3 { color: #FF0; display: block; font-weight: normal; text-align: center; padding: 0px; line-height: 30px; margin: 0px; font-size: 14px; }
#matchBox .hurtPlay ul li,#matchBox .hurtPlay ul { list-style: none; padding: 0px; margin: 0px; }
#matchBox .hurtPlay ul li { width: 50%; float: left; text-align: center; font-size: 12px; }
#matchBox .hurtPlay .title { background: #93c972;color: var(--black50);line-height: 30px;margin: 0 0 1px 0;}
#matchBox .hurtPlay .home li:first-child .title {border-right: 1px solid #adde8e;}
#matchBox .hurtPlay .guest li:last-child .title {border-left: 1px solid #adde8e;}
#matchBox .hurtPlay .guest .name {margin: 1px 0 1px 1px;}
#matchBox .hurtPlay .name { background: #9ed17e;color: #333; line-height: 20px;text-align: center; height: 20px;padding: 2px 0; margin: 1px 1px 1px 0;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
#matchBox .hurtPlay .name a { color: #333; }
#matchBox .hurtPlay .play { color: #333; text-decoration: none; display: block; float: left; white-space: nowrap; margin-right: 5px; margin-left: 5px; line-height: 20px; font-size: 12px; width: 114px; height: 40px; }
#matchBox .hurtPlay .bu_txt {background: #93c972;color: var(--black50);width: 100px;height: 100%;font-size: 14px;text-align: center;line-height: 20px;padding-top: 10px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);display: flex;align-items: center;}
#matchBox .hurtPlay .home ul { width: 100%; }
#matchBox .hurtPlay .home,#matchBox .hurtPlay .guest { width: calc(50% - 60px);float: left;margin: 0 0 0 10px;min-height: 70px;clear: left; }
#matchBox .hurtPlay .guest { float: right;margin: 0 10px 0 0;clear: right; }
#matchBox .shutup { height: 24px; position: relative }
#matchBox .shutup table { display: none }
#matchBox .shutup-btn { background-color: var(--black30); color: #FFF; margin: 0 auto; text-align: center; line-height: 24px; width: 100px; border-radius: 3px 3px 0 0; cursor: pointer; }
#matchBox .shutup-btn:hover { background-color: rgb(42, 82, 6); }
#matchBox .shutup .shutup-btn { background-color: #41750D; width: 100%; }
/* #matchBox .shutup-btn:after { display: inline-block; content: ""; width: 0; height: 0; border-bottom: 4px solid rgba(255, 255, 255,0.5); border-top: 0 none; border-left: 4px solid transparent; border-right: 4px solid transparent; vertical-align: 2px; margin-left: 5px; } */
#matchBox .backupPlay table { padding: 10px 0 }
.one .playBox .play span { padding: 0; display: inline; }

#home,#guest { float: left; width: 170px; height: auto; text-align: center; margin-top: 10px; }
#home { width: 170px; height: auto; text-align: center; margin-top: 10px; float: left; }
#guest { width: 170px; height: auto; text-align: center; margin-top: 10px; float: left; }
#home .name { text-align: center; color: rgb(18, 134, 197); line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 5px; display: block; }
#guest .name { text-align: center; color: rgb(18, 134, 197); line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 5px; display: block; }

.team-h1 { text-align: center }
.team-h1 span { display: inline-block; width: 50%; height: 3px; }
#icons { line-height: 30px; overflow: hidden; padding: 5px 10px 0 10px; color: var(--textcolor-2); width: 1000px; margin: 0 auto; }
#icons div.title { background: url("../images/bf_img/title.jpg") no-repeat left; margin: 0px; padding: 0px; height: 105px; }
#icons .icon { text-align: left; line-height: 24px; margin-left: 5px; float: left; display: block; white-space: nowrap; width: 190px; padding-right: 5px; }
#icons .icon img { margin-top: -3px; margin-right: 5px; vertical-align: middle; }

.playInfoBar { line-height: 22px; }
.playInfoBar .title { float: left; margin-right: 10px; padding-left: 10px; display: block; }
.playInfoBar a { font-weight: normal; color: #FFF; display: block; float: left; padding-right: 10px; padding-left: 10px; }
.playInfoBar a.on { color: #ca6800; background-color: #fff; font-weight: bold; opacity: 0.8; }

/*分析页*/
.team-table-title { font-size: 20px; line-height: 40px; font-weight: bold; text-align: center; margin-top: 10px; position: relative; height: 40px; clear: both }
.team-table-title .h-tools { display: inline-block; position: absolute; right: 10px; font-size: 14px }
.team-table-title2 { text-align: center; margin-top: 10px; position: relative; height: 20px }
.team-table-title2 span { position: inherit; bottom: -20px; font-weight: bold; font-size: 20px }
.team-table-home { float: left;margin-bottom:10px; }
.team-table-guest { float: right;margin-bottom:10px; }
.team-table-home, .team-table-guest, .team-table-other { line-height: 20px; }
.team-table-home tr td, .team-table-guest tr td, .team-table-other tr td { padding: 3px 0 }
.team-table-home td, .team-table-guest td, .team-table-other td { text-align: center; }
.team-table-home .team-name,.team-table-guest .team-name{width:140px;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden;padding-top:3px;}

.team-table-home th, .team-table-guest th, .team-table-other th { color: #888; font-weight: normal; line-height: 24px; background-color: #eaeaea; border-bottom: 1px solid #d8d8d8; white-space: nowrap; }
.dark .team-table-home th, .dark .team-table-guest th, .dark .team-table-other th { background-color: #403f3f; border-bottom: 1px solid #525252; }
.team-div th.ll {border-left:0}
.team-div th.rl {border-right:0}

.team-home td, .home-m, .team-table-home .playInfoBar { background-color: #de682f !important; color: #fff !important; text-align: center; line-height: 28px }
.team-guest td, .guest-m, .team-table-guest .playInfoBar { background-color: #2495da !important; color: #fff !important; text-align: center; line-height: 28px }

.dark .team-home td, .dark .home-m, .dark .fx-home .fx-win, .dark .fx-home .fx-lose, .dark .stat .homes .stat-bar, .dark .home-bg, .dark .team-table-home .playInfoBar { background-color: #de682f !important; }
.dark .team-guest td, .dark .guest-m, .dark .fx-guest .fx-win, .dark .fx-guest .fx-lose, .dark .stat .away .stat-bar, .dark .away-bg, .dark .stat .aways .stat-bar, .dark .away-bg, .dark .team-table-guest .playInfoBar { background-color: #2495da !important; }
.dark .team-home-f, .dark .team-table-home .teamcolor { color: #c36233; }
.dark .team-away-f,.dark .team-table-guest .teamcolor,.dark .blueLink  { color: #5cb1e6}

.team-home2 td, .team-guest2 td { background-color: #b5b5b5; height: 1px; overflow: hidden; }
.team-home2 span, .team-guest2 span { display: none }
.team-home td a, .team-guest td a, .home-m a, .guest-m a,.other-title td a { color: #fff; font-size: 14px; font-weight: bold }
.other-title td, .team-table-other .other-title td{ background-color: #888; line-height: 28px; color: #fff; }
.team-home-f, .team-table-home .teamcolor { color: #e27a48; }
.team-away-f, .team-table-guest .teamcolor, .blueLink { color: #3f9ed8 }
.team-table-other th select, .team-table-home th select, .team-table-guest th select { margin-top: 5px; border: 1px solid #d2d2d2 }
.team-table-other label, .team-table-home label, .team-table-guest label { font-size: 14px }

.home-m b, .guest-m b{ font-size:14px;cursor:pointer; }
.home-m b:hover,.guest-m b:hover{ text-decoration:underline; }

.rl { border-right: 1px solid #d8d8d8 }
.ll { border-left: 1px solid #d8d8d8 }

.dark .rl { border-right: 1px solid #525252 }
.dark .ll { border-left: 1px solid #525252 }
.team-table-other .no-b-l, .team-table-home .no-b-l, .team-table-guest .no-b-l { border-bottom: none }

.hbg-td1r { background-color: #fff !important }
.hbg-td2r { background-color: #fff !important }
.hbg-td3r { background-color: #fff !important }
.hbg-td4r { background-color: #fff !important }

.dark .hbg-td1r { background-color: #404040 !important }
.dark .hbg-td2r { background-color: #404040 !important }
.dark .hbg-td3r { background-color: #404040 !important }
.dark .hbg-td4r { background-color: #404040 !important }

.th-bg2 { font-weight: bold !important; background-color: #e0e0e0 !important }
.dark .th-bg2 { background-color: #353434 !important }
.th-bg3 { font-weight: bold !important; }
.bg-td2 { background-color: #F5F5F5 }

.lo-f2 { font-weight: bold }

.prediction-info { line-height: 35px; color: #666 }
.Prediction-t { font-size: 14px; font-weight: bold; }
.team-table-other .Prediction-c { padding: 20px; line-height: 22px; text-align: left; font-size: 12px; }
.team-table-other .addIcon { vertical-align: -4px; margin-left: 5px; cursor: pointer; }

.ky_tit th {font-size: 14px;line-height: 34px;font-weight: bold;}
.ky_tit .t15 {color: #e86e33;font-size: 16px;font-weight: bold;}
.ky_tit .blue {color: #0089F1;}

.team-div { overflow: hidden; clear: both; z-index: 999 }
.home-div { width: 49.5%; float: left }
.guest-div { width: 49.5%; float: right }

.player-list { padding: 10px; overflow: hidden; line-height: 28px }
.player-row { float: left; display: inline-block; width: 47%; white-space: nowrap; overflow: hidden; padding-right: 10px;cursor:pointer; }
.player-row a{display: inline-block;vertical-align: -8px;width: 180px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.player-row span { background:#e5e5e5;display: inline-block;margin-right: 5px;width: 20px;text-align: center;border-radius: 20px;line-height: 20px; }
.dark .player-row span{background:#565656;}
.player-row b { display:inline-block;margin-right:3px;width:20px;text-align:center;color:#386e90; }
.home-div .Lineup { line-height: 25px; padding-left: 10px; background-color: #fffcec; border-bottom: 1px solid #e6deb1; }
.dark .home-div .Lineup { background-color: #403e37; border-bottom: 1px solid #504d3c; }

.home-div .Lineup:before { display: inline-grid; content: ''; width: 10px; height: 10px; background-color: #f5d155; border-radius: 20px; margin-right: 8px; }
.dark .home-div .Lineup:before { background-color: #776527; }
.guest-div .Lineup { line-height: 25px; padding-left: 10px; background-color: #ecf8ff; border-bottom: 1px solid #cbdfec; }
.dark .guest-div .Lineup { background-color: #4e5558; border-bottom: 1px solid #606e77; }

.guest-div .Lineup:before { display: inline-grid; content: ''; width: 10px; height: 10px; background-color: #9fcbe6; border-radius: 20px; margin-right: 8px; }
.dark .guest-div .Lineup:before { background-color: #546e7d; }

.Backup { line-height: 25px; padding-left: 10px; background-color: #eaeaea; border-bottom: 1px solid #d8d8d8; }
.Backup:before { display: inline-grid; content: ''; width: 10px; height: 10px; background-color: #bdbdbd; border-radius: 20px; margin-right: 8px; }
.dark .Backup { background-color: #3a3a3a; border-bottom: 1px solid #444; }
.dark .Backup:before { background-color: #565656; }

.team-table-home .vv, .team-table-guest .vv { line-height: 30px; font-weight: bold; font-size: 16px; display: inline-block; width: 514px; }
.team-table-home .vv { border-bottom: 2px solid #e27a48; color: #e27a48; }
.team-table-guest .vv { border-bottom: 2px solid #3f9ed8; color: #3f9ed8; text-align: right }

.data-comp-select { position: absolute;right: 0;margin-top:14px;text-align:left; }


/*分析图表*/
.team-div.compare {background: #f9f9f9;}
.compare .content::after {content:"";display: block;clear: both;}
.compare h4 {background: #f0f0f0;color: #666;display: flex;align-items: center;justify-content: space-around;text-align: center;font-size: 14px;line-height: 30px;padding: 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.compare h4 span {flex: 1;}
.compare .fx {width: 46%;padding: 15px 20px;}
.compare .fx-div {border: none !important;padding: 0;}
.compare .fx-line {height: 144px;margin: 0;}
.compare .fx-tb-title .win-f {color: #de682f;}
.compare .fx-tb-title .lose-f {color: #2495da;}

.dark .team-div.compare {background: #2f2f2f;}
.dark .compare h4 {background: #3a3a3a;color: #888;border-color: #444;}
.dark .compare .fx-tb-a li .fx-td-data {background: #383838;}

.fx { padding: 10px; }
.fx-div { overflow: hidden; padding-bottom: 25px; margin: 0 auto; }

.fx-div h3 { font-size: 18px; color: #666; text-align: center; line-height: 40px; font-weight: bold; margin-bottom: 10px }
.dark .fx-div h3 {color: #888; }
.fx-tb-a { overflow: hidden; float: left;width: 100%; }
.fx-tb-a li { width: 100%; float: left; text-align: center;margin-bottom: 10px; }
.fx-tb-a li .fx-td-data { height: 8px;width: 49.5%;float: left;position: relative; margin: 0 1px; border-radius: 4px 0 0 4px; }
.fx-tb-a li .fx-td-data div {height: 8px;bottom: 0;position: absolute; border-radius: 4px 0 0 4px;right: 0; }
.fx-tb-a li .fx-td-data.guest {border-radius: 0 4px 4px 0;}
.fx-tb-a li .fx-td-data.guest div {right: auto;border-radius: 0 4px 4px 0;}
.fx-tb-a h4 { text-align: center; font-size: 14px; font-weight: bold; color: #666; margin-bottom: 10px }
.fx-line { height: 140px; width: 1px; overflow: hidden; margin: 0 10px; float: left }
.fx-tb-a li .fx-tb-title { padding-bottom: 6px;width: 100%;display: flex;align-items: center;justify-content: space-between; }
.fx-tb-a li .fx-tb-title b { display: block; }
.short li { width: 77px; }
.long li { width: 90px; }

.fx-tb-b { overflow: hidden; padding-bottom: 5px }
.fx-tb-b h4 { font-weight: bold;font-size: 12px; }
.fx-tb-b li { display: block; clear: both; line-height: 30px }
.fx-tb-b li .fx-td-data2 { height: 18px; float: left; margin: 7px 0 0 -0; border-radius: 0 3px 3px 0; }
.fx-tb-b li b { font-weight: normal }
.fx-tb-b li b, .fx-tb-b h4 { width: 100px; text-align: center; float: left; box-shadow: 1px 1px 4px #d5d5d5; border: 1px solid #dedede; margin-bottom: -1px; color: #666; line-height: 30px }
.dark .fx-tb-b li b,.dark .fx-tb-b h4 {color: #888;}

.fx-tb-b li span { display: inline-block; float: left; margin: 0 5px }
.long2 li, .short2 li, .short3 li { width: 460px; }
.fx-logo { position: absolute; top: 185px; }
.fx-logo img { height: 80px; vertical-align: middle; margin: 0 20px; border: 1px solid #e5e5e5; padding: 10px; background-color: #fff; border-radius: 10px 0 10px 0; }

.fx-div.fx-home, .fx-div.fx-guest { height: 470px;padding: 5px 0;overflow: visible; position: relative }
.fx-guest .short2 { top: 160px }
.fx-guest .short3 { top: 315px }
.fx-guest .fx-tb-b { position: absolute; left: -70px;}
.fx-guest .win-f, .fx-guest .lose-f { color: #2495da; font-size: 14px }
.fx-guest .fx-logo { right: 20px }
.fx-home .fx-logo { left: 20px }
.fx-home .fx-tb-b.short2 { top: 190px }
.fx-home .fx-tb-b.short3 { top: 346px }
.fx-home .fx-tb-b { position: absolute; right: 28px; top: 36px }

.fx-home .fx-tb-b h4, .fx-home .fx-tb-b li b { display: none }
.fx-home .fx-tb-b li .fx-td-data2 { float: right; border-radius: 3px 0 0 3px; }
.fx-home .fx-tb-b li { line-height: 31px }
.fx-home .fx-tb-b li span { float: right }
.fx-home .win-f, .fx-home .lose-f { color: #de682f; font-size: 14px }

.fx-win { background-color: #60b723 }
.fx-lose { background-color: #EE6435 }
.fx-draw { background-color: #aaa }
.win-f { color: #60b723 }
.lose-f { color: #EE6435 }
.draw-f { color: #aaa }

/*-----事件页事件板块-----*/
.team-table-title .team-table-xq-home a {color: #e27a48;line-height: 30px;font-weight: bold;font-size: 16px;position: absolute;left: 10px;bottom: 0;}
.team-table-title .team-table-xq-guest a {color: #3f9ed8;line-height: 30px;font-weight: bold;font-size: 16px;position: absolute;right: 10px;bottom: 0;}

/*投票模块*/
.vote { display: flex;font-size: 16px; text-align: center; align-items: center; justify-content: space-between; margin: 10px 5px 5px 5px; }
.vote .teamicon { flex: 0 0 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.vote .teamicon img { width: 100%; height: auto; }
.vote .button { flex: 1; }
.vote .pItem { background: var(--bgcolor-1); border: 1px solid var(--bgcolor-3); width: 20%; height: auto; line-height: 20px; font-size: 12px; font-weight: 600; text-align: center; padding: 5px 10px; margin: 0 auto; border-radius: 30px; display: inline-block; cursor:pointer;}
.vote .button.on .pItem { background: var(--bgcolor-3); color: var(--textcolor-2); cursor:default; }
.vote .button .o-win,.vote .button .o-draw,.vote .button .o-lose { color: var(--text-white) !important; }
.vote .win-f,.vote .draw-f,.vote .lose-f { font-weight: 700; }
.vote .win-f span,.vote .draw-f span,.vote .lose-f span { color: var(--textcolor-3); font-size: 12px; font-weight: normal;vertical-align: 1px; margin-left: 4px; }
.vote .ext { color: var(--textcolor-2); font-size: 12px; text-align: center; flex: 1; }

.vote-bar { height: 10px; margin: 5px 0 15px 0; border-radius: 10px; overflow: hidden; position: relative; width:100%;}
.vote-bar .barH { height: 100%; position: absolute; left: 0; border-right: 2px solid var(--border-2);border-radius: 0; }
.vote-bar .barG { height: 100%; position: absolute; right: 0; border-left: 2px solid var(--border-2);border-radius: 0; }

div.porletP { float: left; width: 100%; position: relative; }
.porletP .icon-font-reduce {font-size: 17px;}

.porlet_right { width: 100px; height: 25px; float: right; position: absolute; right: 8px; line-height: 25px; display: none }
.porlet_right span { width: 22px; height: 22px; margin-top: 2px; margin-right: 2px; float: right; cursor: pointer; background-image: url(/images/starnew.png); }
.porlet_right .porlet_up { background-position: -22px top; }
.porlet_right .porlet_up:hover { background-position: -22px -22px; }
.porlet_right .porlet_down { background-position: left top; }
.porlet_right .porlet_down:hover { background-position: left -22px; }
.porlet_right .porlet_close { background-position: -44px top; }
.porlet_right .porlet_close:hover { background-position: -44px -22px; }

#analyMap a { width: 66px; text-align: center; color: #fff; line-height: 26px; margin-bottom: 2px; display: block; }
#analyMap a:hover, #analyMap a:first-child { background-color: #f60 !important; text-decoration: none; }

.popinfo {padding: 20px 10px;margin: 0 auto;align-items:center;overflow:hidden;}
.fx20 { padding: 20px; clear: both; margin-bottom: 20px }
.ky img { vertical-align: -4px; margin: 0 3px; }
.dark .stat-title, .dark .fx-c-3, .dark .fx-tb-b li b, .dark .fx-tb-b h4 { border: 1px solid #444; box-shadow: 1px 1px 6px #212121; background-color: #3e3e3e }
.dark .fx-tb-b h4 { background-color: #2f2f2f !important }
.pk_hdp_td { width: 156px; }
.pk_odd_td { width: 30px; }

.teaminfo_td { background-color: #FFF7E1; font-weight: bold; }
#teammain2 h3{ font-size: 14px; line-height: 25px; font-weight: bold; color: #FFF; }


/* 实力对比 */
.strength{display:none;}
.strength .away-bg{float:right;}
.strength .home-bg{float:left;}
.strength .bar_shade{transition: width 1s ease;}
.radar{width:49%;display:inline-block;}
.radar .container{height:280px;display:flex;align-items:center;justify-content: center;}
.radar .home_score,.radar .guest_score{display:inline-block;width:14%;font-weight:bold;font-size:35px;text-align:center;}
.radar .home_score{color:#de682f;}
.radar .guest_score{color:#2495da;}
.radar .map{display:inline-block;width:70%;height:100%;margin-top: 15px;}
.bar{width:49%;display:inline-block;float:right;}
.bar .options{text-align:center;margin-top:15px;}
.bar .options span {background:var(--bgcolor-3);padding:2px;border-radius:20px;display:flex;align-items: center;}
.bar .options li{color:var(--textcolor-2);flex:1;padding: 8px 0;text-align: center;line-height:normal;vertical-align:middle;cursor:pointer;display:inline-block;}
.bar .options li.on{background:var(--bgcolor-1);color:var(--textcolor-1);font-weight:bold;border-radius:20px;}
.bar .compare{width:100%;margin:25px auto 0 auto;float: none;}
.bar .team-h1 {margin-bottom: 15px;}
.bar .title span{font-weight:bolder;font-size:15px;}
.bar .fx-tb-a li {margin-bottom: 15px;}
.bar .fx-tb-a li .fx-td-data{width:28%;}
.bar .fx-td-data .home-bg,.bar .fx-td-data .away-bg{width:0px;}
.bar .team-h1 .home-bg,.bar .team-h1 .away-bg{width:50%;}
.bar .detail{width:21%;display:inline-block;float:left;position:relative;bottom:5px;}

.survey {width:100%;text-align:center;margin-top: 10px;}
.survey .tips {color: var(--textcolor-2);line-height: normal;padding: 5px 0;}
.survey .supportbtn {margin: 10px 0;display: flex;align-items: center;justify-content: center;}
.survey .icon {width:50px;height: 50px;font-size: 12px;border-radius: 50%;margin: 0 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor:pointer;}
.survey .icon:before {font-size: 20px;margin: 2px auto;display: block;}
.survey .good {border: 1px solid #71ab49;}
.survey .bad {border: 1px solid #d64444;}
.survey .bad::before {transform: rotate(180deg);}
.survey .on .good,.survey .on .bad {color: var(--text-white);}

/*精简内页实力对比*/
.summary .radar{width:100%;margin:0 0 10px 0;}
.summary .radar .guest_score{float:right;font-size:25px;width:9%;}
.summary .radar .home_score{font-size:25px;width:9%;}
.summary .radar .map{width:100%;height:220px;}
.summary .bar{float:none;width:100%;}
.summary .bar .compare {width:100%;margin-top: 15px;}
.summary .bar .team-h1 {margin-bottom: 10px;}
.summary .bar .options {margin: 0;text-align: left;}
.summary .bar .options li {background:var(--bgcolor-3);width:108px;margin:2px;border-radius:4px;}
.summary .bar .options li.on {background-color:var(--second-color);color:var(--text-white);}
.summary .survey .tips {text-align: left;}
.summary .strength .fx-tb-a li{margin-bottom:10px;}
.summary .strength .fx-tb-a li .fx-td-data{height:6px;}
.summary .strength .fx-tb-a .fx-td-data div{height:6px;}

/* 历史同赔 */
.draw-bg {background: var(--gray50);}
.same-odds{display:none;}
.same-odds .bar_shade{height:0;transition: height 1s ease;}
.same-odds .team-h1 .home-bg {float:left;}
.same-odds .team-h1 .away-bg {float:right;}
.same-odds .bar {width: 50%;margin: 10px auto;display: block;float: none;}
.same-odds .fx-vote-data .fx-tb-a {float: none;display: flex;}
.same-odds .fx-vote-data .vote {font-size: 14px;flex: 1;margin: 10px 0;display: block;}
.same-odds .fx-vote-data .vote .item {display:flex;justify-content:center;border-right: 1px solid var(--border-3);}
.same-odds .fx-vote-data .vote:last-child .item {border: none;}
.same-odds .fx-vote-data .vote .pItem {color: var(--textcolor-2);width: 80%;padding: 4px 10px;margin: 10px 5px 5px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: auto;}
.same-odds .fx-vote-data .ext {color: var(--textcolor-2);text-align: center;line-height: 20px;margin: 10px 0;}
.same-odds .fx-vote-data .ext b {margin: 0 5px;}
.same-odds .fx-vote-data .ext .ident {margin: 0 5px;display: inline-block;}
.same-odds .fx-vote-data .ext .ident i {width: 10px;height: 10px;margin: 0 5px;border-radius: 2px;display: inline-block;}
.same-odds .fx-ht-data {height:80px;margin: 20px 0 5px 0;flex: 1;display: flex;align-items: flex-end;justify-content: center;}
.same-odds .fx-ht-data div {flex: 0 0 50%;margin: 0 5px;border-bottom: 2px solid transparent;border-radius: 5px 5px 0 0;position: relative;}
.same-odds .fx-ht-data .home-bg {border-color: #de682f;}
.same-odds .fx-ht-data .away-bg {border-color: #2495da;}
.same-odds .fx-ht-data-w {width: 100%;font-weight: bold;position: absolute;top: -18px;left: 50%;transform: translateX(-50%);}
.same-odds .home-bg .fx-ht-data-w {color: #de682f;}
.same-odds .draw-bg .fx-ht-data-w {color: var(--gray50);}
.same-odds .away-bg .fx-ht-data-w {color: #2495da;}

.plates.same-odds .fx-vote-data .fx-tb-a {flex-direction:row;flex-wrap:wrap;}
.plates.same-odds .fx-vote-data .vote {flex: 0 0 50%;}
.plates.same-odds .fx-vote-data .vote:nth-child(2) .item {border: none;}


/*新阵容队形版块*/
#mactbox-black iframe,#mactbox-black #flashBG{height:620px;border:0;}
#mactbox-black iframe,#mactbox-black #flashBG,#mactbox-black #antLine{width:1020px;}
#flashBox,#youtubeBox{text-align:center;}
#flashBox{max-height:752px;}
#mactbox-black #antLine{margin-left:10px;}
.lineup-menu {display:none;height:45px;width:100%;position: relative;}
.lineup-menu .switch-btn {background:var(--bgcolor-1);width: max-content;line-height:30px;padding:2px;border: 1px solid var(--border-3);border-radius:22px;margin:0 auto;}
.lineup-menu .switch-btn span {font-size:12px;line-height:30px;text-align:center;border-radius:20px;cursor:pointer;display:inline-block;min-width:120px;padding: 0 10px;}
.lineup-menu .switch-btn span.on {background:var(--primary-color);color:var(--text-white);font-weight:bold;}
.lineup-menu .tv-btn {display:none;background:var(--thirdly-color);color:var(--text-white);font-weight:bold;line-height:32px;text-align:center;min-width:120px;border-radius:20px;float:right;position: absolute;top: 1px;right: 10px;cursor:pointer;}
.lineup-menu .tv-btn .icon {font-size:18px;font-weight:normal;vertical-align:-2px;margin-right:5px;}

#matchBox .home .number {background: url(/images/homeT.png)no-repeat center;background-size: 100%;}
#matchBox .guest .number {background: url(/images/guestT.png)no-repeat center;background-size: 100%;}
#matchBox .playerevent .number {width: 34px;height: 34px;line-height: 34px !important;color: var(--text-white);font-size: 12px;text-align: center;font-weight: normal;border: none;border-radius: 0;margin: 0 auto;display: block;position: static;}
#matchBox .playerevent {position: relative;}
#matchBox .playerevent .events {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#matchBox .playerevent .icon {width: 16px;position: absolute;}
#matchBox .playerevent .num {background: var(--red40);color: var(--text-white);font-size:12px;line-height: 12px;font-style: normal;padding: 1px 4px;transform: scale(0.8);border-radius: 50%;position: absolute;top: -2px;left: 2px;z-index: 2;}
#matchBox .playerevent .num.D {top: auto;bottom: 5px;}
#matchBox .playerevent .num.T {left: auto;right: 2px;}
#matchBox .playerevent .num.L {top: -18px;left: 22%;}
#matchBox .playerevent .num.R {top: -18px;left: auto;right: 22%;}
#matchBox .playerevent .LT {top: 0;left: 12px;}
#matchBox .playerevent .LD {bottom: 0px;left: 12px;}
#matchBox .playerevent .TL {top: -16px;left: 32%;}
#matchBox .playerevent .TR {top: -16px;left: 50%;}
#matchBox .playerevent .RT {top: 0;right: 12px;}
#matchBox .playerevent .sr {bottom: 1px;right: 0;background: var(--white-bg);color: var(--gray80);font-size:12px;line-height: 14px;text-align: center;font-style: normal;padding: 0 4px;transform: scale(0.85);border-radius: 20px;position: absolute;}
#matchBox .playerevent .sr.on {background: #ffe000;}
#matchBox .playBox .play .new .name {padding: 0 5px !important;}
#matchBox .playBox .play .new .name a {width: 100% !important;text-align: center !important;padding: 0 !important;}

#matchBox .one .playBox {margin-left:15%;}
#matchBox .one .playBox .play {width: 100px;height: 90px;margin: 0 5px;display: inline-table;}
#matchBox .one .playBox .play span {display: table-cell;}
#matchBox .one .playBox .play .name {width: 100px;}
#matchBox .one .playBox .play span ul {top: 75px;}

#matchBox .backupPlay {padding: 0 0 10px 0;}
#matchBox .backupPlay::after {content:"";clear: both;display: block;}
#matchBox .backupPlay .home,#matchBox .backupPlay .guest {width: 49%;padding: 0 4px;}
#matchBox .backupPlay .play {width: 17.8%;height: auto;margin: 10px 5px;}
#matchBox .backupPlay .play .new {height: auto;display: block;}
#matchBox .backupPlay .play .name {text-align: center;}
#matchBox .backupPlay .play span ul {top: -140px;}
#matchBox .shutup-btn {background: #8ac169;border-radius: 0 0 5px 5px;}
#matchBox .shutup-btn:hover {background: #8ac169;opacity: 0.85;}
#matchBox .shutup-btn .icon {color: var(--white60);font-size: 12px;margin-left: 4px;display: inline-block;}
#matchBox .shutup-btn.on .icon {transform: rotate(180deg);}

/*分析柱状图*/
.x-bar{padding:5px 10px 20px 10px;}
.x-bar .tit{font-size: 14px; line-height: 30px;text-align: center; position: relative; height: 30px; clear: both}
.x-bar .tit .home,.x-bar .tit .home span{color: #de682f;font-weight:bold;}
.x-bar .tit .away,.x-bar .tit .away span{color: #2495da;font-weight:bold;}
.x-bar .tit .loss,.x-bar .tit .loss span{color:var(--gray50);font-weight:bold;}
.x-bar .tit .left{position: absolute;left: 10px;bottom: 0;}
.x-bar .tit .right{position: absolute;right: 10px;bottom: 0;}
.x-bar .tit .explain{color:var(--textcolor-1);bottom: 0;font-weight:bold;}
.x-bar .bar{display:block;width:100%;}
.x-bar .bar span{display:inline-block;width:50%;height:10px;transition:width 1s ease;}
.x-bar .bar .loss{background-color:var(--gray50);}
.x-bar .bar .left{float:left;border-radius:5px 0 0 5px;}
.x-bar .bar .right{float:right;border-radius:0 5px 5px 0;}

.y-bar{display:flex;}
.y-bar .group{flex:1;display:block;}
.y-bar .group .bars {border-right:1px solid var(--border-3);}
.y-bar .group:last-child .bars{border-right:none;}
.y-bar .bars{flex:1;display:flex;justify-content:center;font-size:14px;margin:20px 0;}
.y-bar .item{flex:1;display:flex;align-items:flex-end;justify-content:center;height:80px;margin:20px 0 20px 0px;}
.y-bar .item .bar{position:relative;flex:0 0 20%;border-radius:5px 5px 0 0;border-bottom: 2px solid transparent;transition:height 1s ease;height:0%;}
.y-bar .item .txt{position:absolute;font-weight:600;bottom:-25px;color:var(--textcolor-2);left:50%;transform:translateX(-50%);white-space:nowrap;}
.y-bar .item.small .bar{flex:0 0 50%;}
.y-bar .item.small .txt{font-size:11px;}
.y-bar .item2{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;height:80px;margin:auto 0 20px 0px;}
.y-bar .item2 .bar{position:relative;flex:0 0 20%;border-radius:5px 5px 0 0;border-bottom: 2px solid transparent;transition:height 1s ease;}
.y-bar .item2 .bar:first-child{margin-left:25%;}
.y-bar .item2 .bar:nth-child(2){margin-right:25%;}
.y-bar .item2 .txt{position:absolute;font-weight:600;color:var(--textcolor-2);bottom:-15px;}
.y-bar .item2.large{flex:2;height:120px;}
.y-bar .item2.small{height:60px;}
.y-bar .item2.small .bar{flex:0 0 30%;}
.y-bar .item2.small .bar:first-child{margin-left:15%;}
.y-bar .item2.small .bar:nth-child(2){margin-right:15%;}
.y-bar .Lhigh{height:120px !important;}
.y-bar .tit{display:block;color:var(--textcolor-1);font-weight:bold;width: 80%;padding: 4px 10px;margin: 5px auto;background:var(--bgcolor-1);border:1px solid var(--bgcolor-3);height:auto;line-height:20px;text-align:center;border-radius:30px;}
.y-bar .tit span{color:var(--textcolor-3);font-weight:bold;}
.y-bar .value{position:absolute;width:100%;font-weight:bold;top:-18px;left:50%;transform:translateX(-50%);text-align:center;}
.y-bar .draw-f{color:#F09B57;}
.y-bar .bar.draw .value{color:#aaa;}
.y-bar .bar.home .value{color:#de682f;}
.y-bar .bar.away .value{color:#2495da;}

.option-rt{float:right;margin:6px 20px auto;}
.option-rt select{margin-right:15px;height:20px;width:80px;}

.y-bar .bar.draw{background-color:#aaa;}
.x-bar .bar .home,.y-bar .bar.home{background-color:#de682f;}
.x-bar .bar .away,.y-bar .bar.away{background-color:#2495da;}

/*Customizing*/
/*EVENTS*/
.timeline {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .timeline::before {
        content: '';
        position: absolute;
        width: 2px;
        background-color: #8bc34a;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .timeline-event {
        display: flex;
        align-items: center;
        margin: 10px 0;
        width: 100%;
        position: relative;
    }

    .gray {
        background-color: #e0e0e0;
    }

    .timeline-event .event-content {
        /* display: flex; */
        flex: 1;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        padding: 5px 10px;
        min-width: 50px;
    }

    .event-time {
        /* flex: 1; */
        background-color: #8bc34a;
        color: #fff;
        border-radius: 20px;
        padding: 5px 10px;
        margin: 0 20px;
        position: relative;
    }

    .event-icon {
        font-size: 18px;
        margin: 0 5px;
    }

    .event-icon.goal {
        color: #4caf50;
    }

    .event-icon.red-card {
        color: #f44336;
    }

    .event-icon.yellow-card {
        color: #ffeb3b;
    }

    .event-icon.penalty-scored {
        color: #4caf50;
    }

    .event-icon.own-goal {
        color: #f44336;
    }

    .event-icon.second-yellow {
        color: #ffeb3b;
    }

    .event-icon.substitution {
        color: #2196f3;
    }

    .event-icon.penalty-missed {
        color: #f44336;
    }

    .event-icon.var {
        color: #4caf50;
    }

    .event-icon.unknown {
        color: #9e9e9e;
    }

    .line {
        position: absolute;
        height: 2px;
        background-color: #8bc34a;
        top: 50%;
        left: 0;
        right: 0;
        z-index: -1;
    }

        header.entry-header h1{
            /*display: none;*/
        }
        #content {
             /*border: 1px solid gray; */
             /*background-color: white !important; */
        }
                    @media screen and (min-width: 850px) {
            /*.col.col-divided:not(.col-first):last-child {*/
            /*    border-left: 1px solid #ececec;*/
            /*    border-right: 0;*/
            /*    padding-left: 0;*/
            /*    padding-right: 0;*/
            /*}*/
        }
        
        .stat-bar {
            display: inline-block;
            height: 25px;
            position: absolute;
        }
        .stat li {
            line-height: 25px !important;
            padding: 0 15px;
            margin-bottom: -1px;
        }
        .stat-bar-wrapper {
            display: inline-block;
            position: relative;
            background-color: #eaeaea;
            width: 280px;
            height: 25px !important;
            overflow: hidden;
            vertical-align: middle;
        }
        @media screen and (max-width: 500px) {
            .fx20 {
                padding: 0px !important;
                clear: both;
                margin-bottom: 20px;
            }

            #mactbox-black iframe,
            #mactbox-black #flashBG,
            #mactbox-black #antLine {
                width: 100% !important;
                height: 328px !important;
            }

            #flashBox {
                height: 318px !important;
                padding-top: 0px;
                max-height: 318px !important;
            }
        }