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:1020px;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: 992px;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;
  */
  float:right;
  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;overflow:hidden;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;}