body { background: #eceff3; color: #333; font-size: 12px; padding: 0; margin: 0; font-family: Tahoma,Geneva,sans-serif; }
div, form, h1, h2, h3, h4, img, input, p, span, textarea { margin: 0; padding: 0; font-weight: 400 }
ul { margin: 0; padding: 0; list-style-type: none }
li { vertical-align: bottom }
img { border-width: 0 }
select:focus, input:focus { outline: none; }
.clear { clear: both; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover { color: #e9410f; text-decoration: underline; }
#content { width: 1160px; background-color: #FFF; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 10px; border-radius: 4px; }
.content { margin-bottom: 14px; overflow: hidden; }
.btns { float: none; display: block; margin-right: auto; margin-left: auto; border-bottom: 3px solid #277bd5; height: 38px; text-align: center; position: relative; }
.btns .btn { background: #277bd5; display: block; height: 30px; width: 100px; font-size: 14px; line-height: 32px; color: #fff; float: left; text-align: center; }
.btns .btn.on { background: #1C5595; width: 100px; color: #FF6; }

.anlynav { border-top: 1px solid #e5e5e5; }
.anlynav .newsmenu { width: 1180px; height: auto; text-align: center; margin: 0 auto; padding: 5px 0; border: none; position: relative; }
.anlynav .newsmenu li { margin: 0 5px; float: none; display: inline-block; }
.anlynav .newsmenu li a { color: #333; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; border-radius: 30px; float: none; display: inline-block; transition: all 0.2s linear; }
.anlynav .newsmenu li a:hover { color: #e9410f; }
.anlynav .newsmenu .uu_on a, .anlynav .newsmenu .uu_on a:hover, .anlynav .newsmenu .uu_on a:visited { background: #e9410f; color: #fff; height: 30px; border: none; }
.anlynav .newsmenu .rsbtns { position: absolute; right: 0; top: 6px; }
.anlynav .newsmenu .rsbtns a, .anlynav .newsmenu .rsbtns a:hover { background: #f8f6ff; color: #51409d; border: 1px solid #d6d2e7; font-size: 12px; font-weight: normal; height: 26px; line-height: 26px; padding: 0 10px; }
.analyNav { height: 30px; display: inline-block; margin: 8px auto 0; background: #1C5595; border-radius: 4px 4px 0 0; overflow: hidden; }

#matchDIV { margin: 0; }
.against::after { content: ""; display: block; clear: both; }
.against { padding: 16px 0 2px 0; overflow: hidden; }
#home, #guest { float: left; width: 30%; height: auto; text-align: right; display: flex; align-items: center; justify-content: flex-end; }
#guest { justify-content: flex-start; text-align: left; }
#home .teamimg, #guest .teamimg { width: 40px; height: 40px; outline: 5px solid #ffe4b9; border: 3px solid #7e72b3; padding: 5px; margin: 0 20px; border-radius: 18%; flex: 0 0 auto; }
#guest .teamimg { outline-color: #c9e1ff; }
#home img, #guest img { width: 100%; height: 100%; }
#home a, #guest a { text-decoration: none; }
#home .name:hover, #guest .name:hover { color: #51409d; }
#home .name, #guest .name { color: #333; height: 20px; font-size: 20px; line-height: 20px; font-weight: bold; text-align: center; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.lgtime { background: #f0f0f0; color: #333; font-size: 12px; line-height: 20px; text-align: center; width: max-content; padding-right: 5px; margin: 0 auto; border-radius: 4px; overflow: hidden; }
.lgtime span { margin: 0 4px; }
.lgtime .sclassName { color: #fff; padding: 4px 8px; border-radius: 0; display: inline-block; }

#matchItems { float: left; width: 40%; }
#matchItems .item { text-align: center; line-height: 20px; font-size: 12px; overflow: hidden }
#matchItems .item .vs { line-height: 60px; font-weight: bold; color: #d64444; font-size: 40px; font-family: Montserrat }
#matchItems .item .end { margin: 0 auto; width: 100%; }
#matchItems .item .end .row.b { color: #d64444; }
#matchItems .item .score { width: 25% !important; font-size: 40px; font-weight: bold; line-height: 60px; text-align: right; font-family: Montserrat; }
#matchItems .item .end > div { width: 50%; float: left; }
#matchItems .item .end .score { color: #d64444; }
#matchItems .item .row.b { line-height: 20px; font-size: 15px; margin: 5px 0; }
.row { line-height: 30px; width: 100%; display: block; overflow: hidden; margin-top: 0; white-space: nowrap; text-overflow: ellipsis; }
#matchItems .item .gt { text-align: left; }
#matchItems .item .HT { margin: 0 auto; width: 100%; }
#matchItems .item .HT > div { width: 50%; float: left; }
#matchItems .item .HT .score { color: #3473C7; }
#matchItems .item .HT .row.b { color: #3473C7; }
#matchItems .item .half { margin: 0 auto; width: 100%; }
#matchItems .item .half > div { width: 50%; float: left; }
#matchItems .item .half .score { color: #009a01; }
#matchItems .item .half .row.b { color: #009a01; }
#headVs .half { display: flex; align-items: center; }

.b { font-weight: bold; }
.bhTable, .piTable, .statisticsTable { width: 100%; }
.bhTable th, .piTable th, .statisticsTable th, div.title { padding: 12px 0 8px; background: #fff; color: #222; font-size: 14px; text-align: center; font-weight: 700; font-size: 18px; }
.bhTable td, .piTable td, .statisticsTable td, .zsTable td { border-bottom: 1px solid #e5e5e5; font-size: 12px; line-height: 20px; height: 26px }
.bhTable tr td.bg1, .statisticsTable tr td.bg1 { background: #f9f9f9 }
.bhTable tr td.bg2, .statisticsTable tr td.bg2 { background: #f9f9f9 }
.bhTable tr td.bg3, .statisticsTable tr td.bg3 { background: #f9f9f9; color: #666; }
.bhTable tr td.bg4, .statisticsTable tr td.bg4 { background: #f9f9f9; color: #666; }
.ll { border-left: 1px solid #e5e5e5; }
.rl { border-right: 1px solid #e5e5e5; }
.bhTable tr.bg1, .piTable tr.bg1, .statisticsTable tr.bg1 { background: #f9f9f9; }
.barBg2 .info { background: #ff8f02; height: 8px; float: right; border-radius: 4px 0 0 4px; }
.barBg .info { background: #3f9ed8; height: 8px; border-radius: 0 4px 4px 0; }


#matchBox { width: 100%; color: #fff; width: calc(100% - 40px); padding: 4px 20px 0 20px; background-color: #3a671f; border-radius: 8px 8px 0 0; }
#matchBox .plays { width: 100%; height: 468px; display: block; background: url(/images/bf_img/tj_28_2.jpg) no-repeat; background-size: 100% auto; border-radius: 8px; }
#matchBox .plays .home { width: 469px; float: left }
#matchBox .plays .guest { width: 469px; float: right }
#matchBox .plays .playBox { width: 117px; float: left; position: relative }
#matchBox .plays .playBox .play { height: 70px; margin-right: auto; margin-left: auto; float: none; display: table; position: relative; }
#matchBox .plays .playBox .play div { text-align: center; line-height: 20px; display: block; min-height: 20px }
#matchBox .plays .playBox .play .name { background: #3a5c1b; width: 80px; height: 20px; text-align: left; color: #e7f1da; line-height: 20px; padding-right: 5px; font-size: 12px; margin-right: auto; margin-left: auto; display: block; white-space: nowrap; text-overflow: ellipsis; position: relative; border-radius: 3px; }
#matchBox .plays .playBox .play .name a { color: #e7f1da; padding-left: 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* 赛事数据页_球员资料弹框 */
/*#matchBox .plays .playBox .play span { width: 100%; height: 70px; overflow: hidden; vertical-align: middle;}
#matchBox .plays .playBox .play span {height: 60px;display: block;}
#matchBox .plays .playBox .play span {vertical-align: middle;display: table-cell;width: 100%;height: 70px;position: relative;}*/
#matchBox .plays .playBox .play span ul { position: absolute; display: none; background: #fff; color: #333; width: 200px; left: 0; font-size: 12px; padding: 10PX; border-radius: 4PX; *left: 5px; top: 50px; *top: 40px; z-index: 999; }
#matchBox .plays .playBox .play span ul li { line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 115px; }
#matchBox .plays .playBox .play span ul li.icon { float: left; width: 75px; height: 100px; background: #e1e1e1; margin-right: 10px; }
#matchBox .plays .playBox .play span ul li.icon img { width: 100%; height: 100%; }
#matchBox .plays .guest .playBox .play span ul { right: 0; left: auto; }
#matchBox .plays .playBox .play span:hover ul { display: block; }
#matchBox .plays .playBox .play .name a { color: #fff; }

/* 替补 */
#matchBox .backupPlay { width: 100%; height: auto; min-height: 30px; overflow: visible; padding: 15px 0; position: relative; }
#matchBox .backupPlay .play { width: 131px; height: 34px; color: #e7f1da; 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: 14px; text-align: center; line-height: 14px; display: block }
#matchBox .backupPlay .play div img { width: auto; height: 14px; float: left; }
#matchBox .backupPlay .play .name { width: 115px; height: 20px; text-align: left; line-height: 20px; overflow: hidden; padding-right: 5px; padding-left: 5px; display: block; white-space: nowrap; text-overflow: ellipsis }
#matchBox .backupPlay .play .name a { color: #e7f1da }
#matchBox .backupPlay .play .name a:hover { color: #dcde2c }
#matchBox .backupPlay .name i { background: #fb8c00; color: #fff; width: 20px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; font-style: normal; border-radius: 50%; margin-right: 5px; display: inline-block; }
#matchBox .backupPlay .guest .name i { background: #3f9ed8; }
#matchBox .backupPlay .eventicon { padding: 0; margin-left: 22px; height: 14px !important; }
/* #matchBox .backupPlay .bu_txt{left:468px;top:50%;width:60px;height:60px;text-align:center;color:#50b04a;line-height:20px;padding-top:20px;margin-top:-40px;float:left;position:absolute;margin-left:-30px;font-size:14px;background: rgb(53 86 22);} */
#matchBox .backupPlay .bu_txt, #matchBox .hurtPlay .bu_txt { background: #355616; color: #50b04a; width: 62px; height: 100%; position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; font-size: 14px; line-height: 30px; text-align: center; transform: translate(-50%,-50%); }
.bu_txt .center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; }
.bu_txt .subicon { width: 30px; height: 30px; display: block; margin: 0 auto; position: relative; }
#matchBox .backupPlay .home { width: 430px; clear: left; float: left; }
#matchBox .backupPlay .guest { width: 425px; clear: right; float: right }
#matchBox .backupPlay .clean { clear: both; }

#matchBox .backupPlay .play span { vertical-align: middle; display: table-cell; width: 100%; height: 20px; position: relative; }
#matchBox .backupPlay .play span:hover { z-index: 999; }
#matchBox .backupPlay .play span ul { position: absolute; display: none; background: #fff; color: #333; width: 200px; left: 0; font-size: 12px; padding: 10px; border-radius: 4px; *left: 5px; top: -105px; *top: 40px; z-index: 999; }
#matchBox .backupPlay .play span ul li { line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 115px; }
#matchBox .backupPlay .play span ul li.icon { float: left; width: 75px; height: 100px; background: #e1e1e1; margin-right: 10px; }
#matchBox .backupPlay .play span ul li.icon img { width: 100%; height: 100%; }
/* #matchBox .backupPlay .play span:hover .name {background: #FF5722;color: #fff;cursor: pointer;} */
#matchBox .backupPlay .play span:hover .name a:hover { color: #dcde2c; }
#matchBox .backupPlay .play span:hover ul { display: block; }
#matchBox .backupPlay .guest .play span ul { right: 0; left: auto; }

#matchBox .plays .five .playBox { width: 93px }
#matchBox .plays .five .playBox .play .name { position: relative; background: #3a5c1b; width: 70px; height: 20px; text-align: left; color: #e7f1da; line-height: 20px; padding-right: 5px; padding-left: 5px; font-size: 12px; margin-right: auto; margin-left: auto; float: none; display: block; white-space: nowrap; text-overflow: ellipsis }
#matchBox .plays .five .playBox .play .name a { background: #3a5c1b; width: 58px; height: 20px; text-align: left; color: #e7f1da; line-height: 20px; overflow: hidden; padding-right: 12px; padding-left: 0px; font-size: 12px; margin-right: auto; margin-left: auto; display: block; white-space: nowrap; text-overflow: ellipsis }
#matchBox .plays .five .playBox .play .name a:hover { color: #dcde2c }
#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 .plays .guest.five .playBox .play .name a { width: 46px; }
#matchBox .plays .guest .playBox .play .name a { padding: 0 0 0 17px !important; }
#matchBox .plays .home .playBox .play .name a { padding: 0 15px 0 6px !important; }
#matchBox .plays .home .playBox .five .play .name a { padding: 0 10px 0 6px !important; }

#matchBox .plays .playBox .play a:hover { color: #dcde2c }
#matchBox .one .playBox { width: 75%; 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 { width: auto; height: 20px; text-align: left; color: #e7f1da; 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 { background: #3a5c1b; vertical-align: middle; float: left }
#matchBox .one .playBox .play span { padding: 0; display: inline; }
#matchBox .teamNames { height: 30px; line-height: 30px; overflow: hidden; font-size: 12px; text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 6px; }
#matchBox .teamNames .home a { color: #ff8e57; }
#matchBox .teamNames .guest a { color: #4fb4f1; }
#matchBox .teamNames .home { padding-left: 10px; font-weight: 700; margin-top: 3px; float: left; font-size: 16px; color: #ff8e57; }
#matchBox .teamNames .guest { font-weight: 700; margin-top: 3px; margin-right: 10px; float: right; font-size: 16px; color: #4fb4f1; }


#icons { background: #414141; height: auto; text-align: center; line-height: 30px; overflow: hidden; padding: 10px; float: left; color: #b5b1b1 }
#icons.ash { background: #F4F4F4 !important; color: #666; }
#icons div.title { background: url(/images/bf_img/title.jpg) no-repeat left; margin: 0; padding: 0; height: 105px }
#icons .icon { padding: 5px; text-align: left; line-height: 14px; font-size: 12px; margin-left: 20px; float: left; display: block; white-space: nowrap }
#icons .icon img { margin-top: -3px; margin-right: 2px; vertical-align: middle }
.playInfoBar { line-height: 22px }
.playInfoBar .title { font-size: 14px; float: left; margin-right: 10px; padding-left: 10px; width: 550px; display: block }
.playInfoBar a { font-size: 14px; font-weight: 400; color: #FFF; display: block; float: left; padding-right: 10px; padding-left: 10px }
.playInfoBar a.on { background: url(/images/bf_img/buttonbg.jpg) no-repeat; color: #333 }
.yellow_bg { background: #f0f0f0 }
.yellow_l_bg { background-color: #FFF7E1 }
.lightfont { color: #989898 !important }
.tg3s.locate1 { right: 0; left: auto; }
.tg3s.locate2 { right: 42px; }
.tg3s { position: absolute; left: 0; top: 6px; background: #eee; font-size: 12px; line-height: 26px; border: 1px solid #e5e5e5; border-radius: 30px; margin: 0 auto; overflow: hidden; }
.tg3s li a { background: #e5e5e5; color: #666; height: 26px; text-align: center; line-height: 26px; float: left; display: block; }
.tg3s .sh2 a, .tg3s .sh2 a:visited { width: 40px; }
.tg3s .sh2 .selected:hover, .tg3s .sh2 .selected:link, .tg3s .sh2 .selected:visited, .tg3s { background-position: left -69px; background-color: #fff; color: #333; text-decoration: none; }
.anlynav .newsmenu li.tg3s a { background-image: none; color: #666; padding: 0; font-size: 12px; font-weight: normal; height: 26px; line-height: 26px; }
.anlynav .newsmenu li.tg3s .sh2 { background: #e5e5e5; }
.anlynav .newsmenu li.tg3s .sh2 .selected, .anlynav .newsmenu li.tg3s .sh2 .selected:hover { background-image: none; background-color: #fff; color: #333; font-weight: bold; border-radius: 0 2px 2px 0; }
.anlynav .newsmenu li.tg3s .sh2 a:hover { color: #e9410f; }
.sh2 { float: left; }
.adbox { position: relative; display: inline-block; *display: inline; *zoom: 1; }
.adbox i { background: url(/images/ad.png) top right no-repeat; position: absolute; right: 0; bottom: 0; width: 25px; height: 15px }
.red { color: #e54939; }
.content .title { background: #f6f6f6; color: #333; border-bottom: 1px solid #e5e5e5; font-size: 20px; line-height: 40px !important; height: 40px !important; font-weight: bold; text-align: center; padding: 0; position: relative; }
.arrow { position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; cursor: pointer; transition: all 0.2s linear; z-index: 5; }
.arrow::after { content: ""; position: absolute; top: 30%; left: 50%; width: 8px; height: 8px; border: 1px solid #aaa; border-top: none; border-right: none; transform: translate(-50%,0) rotate(-45deg); }
.arrow.up, .arrow:hover { transform: rotate(180deg); }
.arrow.up:hover { transform: rotate(0deg); }
.multiple-tools { position: absolute; top: 5px; line-height: 30px; }
.multiple-tools.locate1 { right: 50px; }
.multiple-tools.locate2 { right: 140px; }
.multiple-tools .multiple-choice { font-size: 14px; font-weight: normal; padding-left: 5px; cursor: pointer; }
.multiple-choice::before { content: ""; background: #efefef; width: 1px; height: 12px; margin-right: px; display: inline-block; vertical-align: -1px; }
.multiple-tools input { display: none; }
.multiple-tools .icon { display: inline-block; width: 13px; height: 13px; background-color: #FFF; border: 1px solid #c7c7c7; border-radius: 50%; vertical-align: -2px; }
.multiple-tools input:checked + .icon { background-image: url(/images/mulit.png); border: 0px; width: 15px; height: 15px; }
.multiple-tools input:checked ~ span { color: #007FE4; }
.multiple-choice:first-child:before { background: none; }
.team-h1 { text-align: center; }
.team-h1 span { display: inline-block; width: 50%; height: 3px; }
.home-bg { background-color: #e27a48; }
.away-bg { background-color: #3f9ed8; }
#sel_probability { width: 86px; position: absolute; right: 42px; top: 8px; order: 1px solid #b7b7b7; display: block; height: 24px; border-radius: 2px; color: #666; }
.ky_tit { height: 35px; }
.ky_tit .t15 { color: #d64444; font-size: 16px; font-weight: bold; }
.ky_tit .blue { color: #d64444; }
.ky_tit td { font-size: 14px; line-height: 34px; font-weight: bold; color: #999; }
.barBg2 { padding-left: 20px; }
.barBg { padding-right: 20px; }
.bhTable .numberleft { font-size: 14px; text-align: left; font-weight: bold; padding-left: 10px; }
.bhTable .numberright { font-size: 14px; text-align: right; font-weight: bold; padding-right: 10px; }
.content .title_name { height: 35px; line-height: 35px; position: relative; color: #fff; font-size: 16px; font-weight: 600; margin-top: 10px; padding-left: 12px; }
.content .title_name.host { background: linear-gradient(90deg,#e67846,#FFA77C); }
.content .title_name.visitor { background: linear-gradient(90deg,#3f9ed8,#64bdf5); }
.select { position: absolute; right: 10px; top: 50%; height: 22px; margin-top: -11px; }
.select a { font-size: 14px; font-weight: 400; color: #FFF; display: block; float: left; padding: 0 8px; height: 22px; line-height: 22px; }
.select a.on { background: #fff; color: #333; border-radius: 2px; }
#drs { background: #f9f9f9; }
.content .zsTable th { font-weight: normal; }
.content table tr th { background: #f5f5f5; color: #666; font-size: 12px; height: 26px; line-height: 26px; text-align: center; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding: 0; }
.content .zsTable td { line-height: 24px; border-right: none; }
.content table { background: #fff; text-align: center; border: none; }
.rl { border-right: 1px solid #e5e5e5 !important; }
.bluebg { background: #edf9ee; }
.redbg { background: #fa8365 !important; color: #fff; }
.greenbg { background-color: #61be50 !important; color: #fff; }
.DarkBluebg { background-color: #4f8dd0 !important; color: #fff; }
.upbg { background-color: #ffb0c8 }
.downbg { background-color: #dcffb9 }

#matchData .content #home img { width: 80px; height: 80px; }
#matchData .content #guest img { width: 80px; height: 80px; }

.companyDiv { width: auto; height: 28px; float: right; position: absolute; right: 200px; top: 5px; display: inline-block; padding: 0; margin: 0; background: #eee; line-height: 28px; border: 1px solid #d9d9d9; border-radius: 4px; overflow: hidden; z-index: 100; }
.companyDiv .item { width: 35px; height: 28px; color: #8c8c8c; font-size: 12px; line-height: 28px; font-weight: normal; cursor: pointer; display: inline-block; padding: 0 10px; text-align: center; }
.companyDiv .item.on { background: #fff; color: #333; font-weight: bold; border-radius: 4px; box-shadow: 0 0 4px rgba(0,0,0,0.14); }

.menunav { text-align: center; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.menunav li { color: #666; font-size: 18px; font-weight: 500; min-width: 130px; display: inline-block; cursor: pointer; transition: all 0.2s linear; position: relative; }
.menunav li:hover,.menunav .ontab { font-size: 22px; font-weight: bold; }
.menunav .ontab,.menunav .ontab:hover { color: #1C5595; }
.menunav .ontab::after { content: ""; position: absolute; bottom: -13px; left: 45%; width: 10px; height: 10px; background: #e5e5e5; transform: rotate(45deg); }

.content .live {background:#212121;color:#fff;text-align: center;position: relative;}
.live .msgBox {width: 100%;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);}
.live .msgBox h4 {font-size: 20px;font-weight: normal;margin: 20px 0;}
.live .msgBox .timeBox li {font-size: 22px;margin: 0 5px;display: inline-block;}
.live .msgBox .timeBox span {font-size:36px;line-height: 30px;min-width: 40px;padding: 12px 6px;margin: 0 11px;border: 1px solid #666;border-radius: 5px;display: inline-block;}