body,
html {
font-size: 12px;
font-weight: normal;
height: 100%;
font-family: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
body {
margin: 0 auto;
position: relative;
line-height: 20px;
}
body {
/* &#Basketball {@primary:red;} */
/*.detailMenuTabs {position: relative;width: 100%;overflow: hidden;display:flex;}
.detailMenu {overflow-x: auto;width:100%;}
.detailMenu .item {flex: 1 0 auto;padding:0 10px;}
.detailMenu .hot {right: 0;}*/
/* mini */
/* #content .mini .header{background: unset;} */
/* #content .mini .gameBox {padding: 0;} */
/* def */
/* #content .gameBox .gameInfo .HT {float: left} */
/*#content .gameBox .gameInfo .video {float: left;padding: 0 5px;border-radius: 4px;margin: 0 5px;line-height: 20px;background: -o-linear-gradient(45deg, #2196F3, #16a22f);background: linear-gradient(45deg, #2196F3, #16a22f);}*/
/* #content h2 .tabs {width: 40%;float: left;margin-left: 5px;vertical-align: middle;height: 30px;border: none;}
#content h2 .tabs .tab {height: 26px;border-radius: 4px;font-size: 12px;line-height: 24px;border: solid 1px #307b06;margin: 2px;} */
/*时间轴线*/
/* .eventBox .eventList .item > div::before {content:" ";display:block;width:100%;} */
/* .eventBox .eventList .item .homeEvent .name,.eventBox .eventList .item .guestEvent .name { white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; line-height: 28px; overflow: hidden; display: inline-block; width: calc(~"100% - 28px"); }*/
/* ------------------ */
/*合并差异化*/
/*V1 BAK*/
/*#content .mini #liveAnt {display: none;}
#content .mini .gameBox .gameInfo .home {width: -webkit-calc(~"50% - 25px");width: calc(~"50% - 25px");-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;text-align: right;padding: 0;}
#content .mini .gameBox .gameInfo .guest {width: -webkit-calc(~"50% - 25px");width: calc(~"50% - 25px");-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;text-align: left;}
#content .gameBox {padding: 0 0 5px 0;width: 100%;height: 100%;background: #226204;text-align: center;position: relative;color: @white;}
#content .gameBox * {-webkit-transition: unset;-o-transition: unset;transition: unset;}
#content .gameBox .date {opacity: 0.5;line-height: 16px;}
#content .gameBox .date.ft {color: red;}
#content .gameBox a {color: white;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;display: block;}
#content .gameBox .name {width: 100%;opacity: 1;line-height: normal;display: block;font-size: 15px;}
#content .gameBox .gameInfo {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;line-height: 20px;}
#content .gameBox .gameInfo .home {text-align: right;}
#content .gameBox .gameInfo .guest {text-align: left;}
#content .gameBox .exlist {opacity: 0.5; line-height: normal;}
#content .gameBox.mini {padding: 10px 0;background: @@bg1;color: #333;}
#content .gameBox.mini a {color: #333;}
#content .gameBox .gameInfo .vs {line-height: 20px;}
#content .gameBox .gameInfo .vs .ant {background:@@primary;color:white;margin:0 auto;border-radius:20px;margin-top:3px;padding:2px 8px;line-height:20px;display:inline;-webkit-box-shadow:none;box-shadow:none;border:0;}
#content .gameBox .gameInfo .FT {font-size: 22px;width: 100%;line-height: 20px;}
#content .gameBox .gameInfo .HT {float: left}*/
/* #content .icon {vertical-align: middle;width: 20px;height: 20px;font-size: 0;} */
/* #content table.eTable tr td{border-right: solid 1px @@bc1;;} */
/* #content h2,#content .h2 {display: block;border-bottom: solid 1px @@bc1;font-weight: bold;font-size: 13px;
padding: 0 5px 0 5px;background: @@bg1;line-height: 29px;margin-top: 5px;height: auto;} */
/*V1.4*/
/* #e6_1 .h3,#e3_1,#f3 {display: none !important;}*/
/*合并差异化end*/
/*---------合并差异化2----------*/
/*.boxtool .selectbox {
background:@@bg2;
color:@@fc1;
height:30px;
padding:1px;
margin-top:8px;
border-radius:4px;
display:flex;
overflow:hidden;
}*/
/*合并差异化2end*/
/* 新阵容 */
/* 阵容-技术统计弹框 */
/* 历史同赔 */
/* 实力对比 */
/*.strength{display:none;}*/
/* 动图回放 */
/*----- 新版公共样式 -----*/
/*----- 表格公共样式 -----*/
/*----- 赔率详情列表 -----*/
/*----- 排行榜 -----*/
color: #1B1B1B;
background: #f5f5f5;
}
body .fw500 {
font-weight: bold;
}
body .DaPic {
background-image: url("../../Images/Dangerous_attack_light.png");
}
body .lineTd {
border-left: solid 1px #f5f5f5;
padding-left: 5px;
}
body #content {
font-size: 12px;
}
body .dataBox .icon {
text-align: center;
}
body #content .icon img {
max-width: 100%;
max-height: 100%;
}
body .detailMenu {
text-align: center;
padding: 0px;
margin: 0px;
background: #ffffff17;
/*border-bottom: solid 1px @@bc1;*/
overflow: hidden;
line-height: 30px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 3px 5px 10px;
box-shadow: rgba(0, 0, 0, 0.1) 3px 5px 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body .detailMenu.peerBox {
overflow-x: auto;
}
body .detailMenu .item {
line-height: 34px;
color: #da2510;
text-transform: uppercase;
white-space: nowrap;
padding: 0;
border: none;
font-size: 14px;
-webkit-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
transition: all 0.2s linear;
}
body .detailMenu .item a {
color: #1B1B1B;
opacity: 0.8;
text-decoration: none;
display: block;
}
body .detailMenu .item.on {
border: none;
font-weight: bold;
position: relative;
}
body .detailMenu .item.on a {
opacity: 1;
color: #da2510 !important;
/*color:lighten(@@primary,20%);*/
}
body .detailMenu .item.on:after {
content: "";
background: #da2510;
position: absolute;
bottom: 0px;
left: 50%;
width: 80%;
height: 2px;
transform: translate(-50%, 0);
animation: online 0.3s ease-out;
}
@keyframes online {
0% {
width: 0%;
}
100% {
width: 80%;
}
}
body .navbox {
background: #ffffff;
/*background:@@headbg;*/
}
body .navbox .detailMenu {
background: transparent;
padding: 0 10px;
width: 100%;
overflow-x: scroll;
scrollbar-width: none;
}
body .navbox .detailMenu .item {
background: transparent;
margin: 0 0 0 20px;
border-radius: 0;
}
body .navbox .detailMenu .item:first-child {
margin: 0;
}
body .playerTechBox {
overflow: hidden;
background: #ffffff;
width: 100%;
padding: 10px;
}
body .playerTechBox .row {
padding: 5px 0;
overflow: hidden;
display: flex;
align-items: center;
}
body .playerTechBox .icon {
width: 90px;
height: 40px;
float: left;
text-align: center;
}
body .playerTechBox .num {
font-size: 15px;
font-weight: bold;
line-height: normal;
flex: 0 20px !important;
}
body .playerTechBox .pname {
line-height: normal;
font-weight: normal;
color: #666;
font-size: 12px;
}
body .playerTechBox .icon img {
border: solid 2px #e6e6e6;
border-radius: 50%;
max-width: 100%;
height: 100%;
margin: 0 auto;
}
body .playerTechBox .techBox {
float: left;
width: -webkit-calc(100% - 180px);
width: calc(100% - 180px);
}
body .playerTechBox .techBox li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
border: none;
margin: 0;
padding: 0;
}
body .playerTechBox .techBox li > div {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
font-size: 14px;
line-height: 40px;
font-weight: bold;
}
body .playerTechBox .techBox .name {
font-size: 12px;
font-weight: normal;
line-height: normal;
text-align: left;
padding: 0;
flex: 0 0 70px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
body .playerTechBox .techBox .name:last-child {
text-align: right;
}
body .playerTechBox .techBox li .PName {
color: #999;
}
body .playerTechBox .techBox li .etit {
line-height: 40px;
}
body #content .mini {
position: static;
top: 0;
height: auto;
margin: 3px 0 3px 3px;
}
body #content .mini .gameBox .date,
body #content .mini .gameBox .gameInfo .icon,
body #content .mini .gameBox .HT,
body #content .mini .gameBox .status {
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
height: 0px;
opacity: 0;
display: block;
}
body #content .mini .gameBox .gameInfo {
height: 20px;
padding: 0;
position: absolute;
top: 16px;
}
body #content .mini .gameBox .gameName {
display: none;
}
body #content .mini .gameBox .gameInfo .vs {
width: 50px;
font-weight: 500;
line-height: 40px;
margin-top: -2px;
}
body #content .gameBox .gameInfo .vs .date {
opacity: 0.7;
}
body #content .mini .gameBox .gameInfo .vs .FT {
font-size: 16px;
line-height: 20px;
}
body #content .mini .gameBox .gameInfo .home {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
padding-left: 40px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
text-align: right;
}
body #content .mini .gameBox .gameInfo .guest {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
text-align: left;
}
body #content .mini .name {
font-size: 13px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
body #content .gameBox {
width: 100%;
height: 100%;
text-align: center;
padding-bottom: 10px;
position: relative;
/* font-size: 0; */
/* line-height: 0; */
}
body #content #match .gameBox.mini {
margin: 0;
}
body #content .gameBox * {
transition: all 0.4s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
body #content .gameBox .gameName {
font-size: 12px;
line-height: 20px;
text-align: left;
max-width: 68%;
width: 100%;
height: 40px;
margin: 0;
opacity: 1;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
position: absolute;
left: 40px;
}
body #content .gameBox .gameName a {
font-size: 14px;
line-height: 40px;
padding-left: 5px;
display: block;
text-overflow: ellipsis;
}
body #content .gameBox .gameName .date {
font-size: 11px;
opacity: 0.6;
display: block;
}
body #content .gameBox .name {
font-size: 14px;
line-height: 16px;
width: 100%;
opacity: 1;
display: block;
clear: both;
}
body #content .gameBox .gameInfo {
overflow: hidden;
width: 100%;
padding: 0 5px;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
body #content .gameBox .gameInfo .icon {
/*background: rgba(255,255,255,0.3);background-color:@white;*/
color: #ffffff;
border-radius: 5px;
width: 32px;
height: 32px;
overflow: hidden;
display: inline-block;
}
body #content .gameBox .gameInfo .collect {
color: #ffffff !important;
background: none;
line-height: 32px;
position: absolute;
left: 1px;
opacity: 0.7;
}
body #content .gameBox .gameInfo .collect.on {
color: #da2510 !important;
opacity: 1;
}
body #content .gameBox .gameInfo .guest .collect {
left: auto;
right: 1px;
}
body #content .gameBox .gameInfo .vs {
width: 34%;
font-weight: normal;
line-height: 20px;
/*height: 70px;*/
position: relative;
}
body #content .gameBox .gameInfo .vs .score {
font-size: 30px;
font-weight: bold;
line-height: 40px;
width: 40px;
position: absolute;
top: 45%;
transform: translate(0, -50%);
}
body #content .gameBox .gameInfo .vs .hs {
left: -10px;
}
body #content .gameBox .gameInfo .vs .as {
right: -10px;
}
body #content .gameBox .gameInfo .vs .icon {
background: none;
height: 22px;
font-size: 18px;
border-radius: 0;
}
body #content .gameBox .gameInfo .icon.ant {
border: none;
}
body #content .gameBox .gameInfo .icon img {
max-width: 100%;
max-height: 100%;
top: 0;
}
body #content .gameBox .gameInfo .exlist {
width: 100%;
}
body #content .gameBox .gameInfo .status {
position: relative;
}
body #content .gameBox .gameInfo .status i.min {
right: -5px;
top: 0;
background: url(/Images/in_w.gif) no-repeat top right;
height: 10px;
width: 3px;
display: inline-block;
/*width:10px;position:absolute;*/
}
body #content .gameBox .gameInfo > div {
float: left;
}
body #content .gameBox .gameInfo .guest,
body #content .gameBox .gameInfo .home {
width: 33%;
margin-top: 22px;
position: relative;
}
body #content .gameBox .gameInfo .FT {
font-size: 20px;
width: 100%;
line-height: 16px;
}
body #content .gameBox .gameInfo .HT {
color: #BFBFBF;
}
body #content .gameBox .gameInfo .atCon {
width: max-content;
min-width: 50px;
height: 24px;
line-height: 22px;
padding: 0;
margin: 5px auto 0 auto;
}
body #content .gameBox .gameInfo .atBtn {
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
padding: 0 1px;
display: flex;
align-items: center;
}
body #content .gameBox .gameInfo .atBtn .icon {
color: #46e1ff;
flex: 1;
animation: sparkle 1.5s infinite;
}
body #content .gameBox .gameInfo .atBtn .icon:nth-child(2) {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
body #content .gameBox .gameInfo .atBtn .icon-live_on {
color: #46e1ff !important;
font-size: 16px !important;
}
body #content .gameBox .gameInfo .atBtn .live {
font-size: 14px;
}
body #content .gameBox .gameInfo #liveVS {
margin: 12px 0;
}
body #content .gameBox .gameInfo #liveFt {
margin-top: 27px;
}
body #content .gameBox .gameInfo div.video {
background: #da2510;
padding: 0 5px;
border-radius: 20px;
margin: 0 5px;
line-height: 20px;
height: 20px;
display: inline-block;
margin-top: 7px;
}
body #content .gameBox .gameInfo div.video .icon {
color: #ffffff;
font-weight: normal;
height: auto;
}
@keyframes sparkle {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
body #content .mini .exlist {
display: none;
}
body #content .tob.mini .gameBox .gameInfo .vs {
margin: 0;
}
body #content .gameBox a.back {
z-index: 99999;
top: 20px;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
margin: 0;
}
body .HomeNum,
body .GuestNum {
color: #ffffff;
font-size: 11px;
line-height: 18px;
text-align: center;
width: 18px;
height: 18px;
margin: 0 auto;
border-radius: 50%;
display: block;
}
body .HomeNum {
background: #006699;
}
body .GuestNum {
background: #ff6600;
}
body #youtubeBox {
height: 50vw;
}
body .ePart .rsmchar {
padding: 10px 10px 0 10px;
}
body #content .match {
position: fixed;
z-index: 99;
top: 0;
width: 100%;
max-width: 640px;
text-align: center;
background: linear-gradient(90deg, #5e2200 0%, #013667 100%);
color: #ffffff;
}
body #content .gameBox table tr td {
background: transparent;
border: none;
padding: 0;
line-height: normal;
height: auto;
}
body #content .gameBox a {
color: #ffffff;
overflow: hidden;
white-space: nowrap;
}
body #content .gameBox a div {
margin: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body #content .gameBox a div.bor {
width: min-content;
background: rgba(255, 255, 255, 0.1);
padding: 0 10px;
border-radius: 3px;
}
body .header .match-tools .icon {
color: #ffffff;
float: right;
position: static;
width: 28px;
height: 28px;
line-height: 28px;
font-size: 20px;
margin: 5px 0 0 8px;
opacity: 0.9;
}
body #content h2,
body #content .h2 {
display: block;
border-bottom: solid 0.5px #EBEBEB !important;
border-top: 1px solid #ffffff;
font-weight: bold;
font-size: 15px;
padding: 0 10px;
background: #ffffff;
line-height: 40px;
margin-top: 8px;
height: auto;
}
@media screen and (min-width: 320px) and (max-width: 320px) {
body #content .h2 {
font-size: 12px;
}
body .boxtool {
font-size: 10px !important;
}
}
body #content h2 .tools,
body #content .h2 .tools {
border-bottom: solid 1px #f5f5f5;
}
body #content h2::before,
body #content .h2::before {
float: left;
height: 13px;
width: 3px;
background: #e0e0e0;
margin: 8px 5px 0 0;
}
body #content h2 .tit {
float: left;
}
body #content .h2 .icon {
color: #8C8C8C;
float: right;
width: 30px;
height: auto;
margin-right: -10px;
background-size: 25px 25px;
font-weight: normal;
}
body #content h3,
body #content .h3 {
border-bottom: solid 1px #f5f5f5;
font-weight: bold;
font-size: 12px;
padding: 0 5px;
background: #ffffff;
line-height: 30px;
color: #1B1B1B;
text-align: left;
padding: 0 10px;
}
body #tabContent0 .h3,
body #tabContent1 .h3 {
background: #EBEBEB;
}
body #tabContent0 table tr td,
body #tabContent1 table tr td {
height: 30px !important;
}
body #content table tr th,
body #content table tr td {
background: #ffffff;
height: 28px;
text-align: center;
line-height: normal;
border-bottom: solid 1px #EBEBEB;
font-size: 12px;
}
body #content table tr td .icon {
font-size: 16px;
}
body #content table tr th {
font-size: 11px;
font-weight: bold;
background: #ffffff;
height: 30px;
line-height: normal;
color: #999999;
}
body #content table.fixed {
table-layout: fixed;
}
body #content table.fixed tr td,
body #content table.fixed tr th {
word-break: break-all;
}
body #content table.eTable tr td {
background: #ffffff;
font-size: 13px;
}
body #oddsPop #settingPop table.oTable tr th,
body #oddsPop #settingPop table.opTable tr th {
white-space: normal;
line-height: 26px;
}
body #settingPop table.oTable td {
padding: 4px 0;
}
body #settingPop table.oTable tr th,
body #content table.eTable tr th,
body #content table.eTable2 tr th {
background: #f5f5f5;
color: #595959;
font-size: 10px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
height: 26px;
padding: 3px 0;
border-bottom: solid 1px #f5f5f5;
}
body .bodanTable tr {
background-color: #ffffff !important;
}
body .bodanTable td {
border-bottom: solid 1px #f5f5f5 !important;
border-right: solid 1px #f5f5f5 !important;
}
body #e1_1 table.eTable2 tr td:nth-child(3),
body #e1_1 table.eTable2 tr td:nth-child(2),
body #e1_1 table.eTable2 tr td:nth-child(4),
body #e1_1 table.eTable2 tr td:nth-child(5),
body #e2_1 table.eTable2 tr td:nth-child(3),
body #e2_1 table.eTable2 tr td:nth-child(4),
body #e2_1 table.eTable2 tr td:nth-child(5),
body #e3_1 table.eTable2 tr td:nth-child(2),
body #e3_1 table.eTable2 tr td:nth-child(3),
body #e3_1 table.eTable2 tr td:nth-child(4) {
border-left: 1px solid #EBEBEB;
}
body .tl {
border-top: 1px solid #f5f5f5;
}
body #settingPop .Hft {
background: #ffffff;
border-top: 1px solid #f5f5f5;
}
body #settingPop table.oTable tr,
body #settingPop table.opTable tr {
text-align: center;
}
body #settingPop .Hft .tabs {
margin: 8px 0px 8px 18%;
float: none;
}
body #settingPop table.oTable tr:nth-child(even),
body #settingPop table.opTable tr:nth-child(even) {
background: #EBEBEB;
}
body #settingPop table.oTable tr th,
body #settingPop table.opTable tr th,
body #content table.eTable tr th,
body .bl {
border-bottom: solid 1px #D9D9D9;
}
body #content table.eTable .h3 {
border-bottom: solid 1px #D9D9D9 !important;
}
body #content table tr td .lRow {
display: block;
width: 100%;
text-align: left;
line-height: 18px;
padding-left: 6px;
}
body #content .lRow {
text-align: left;
padding-left: 6px !important;
}
body #content .rRow {
text-align: right;
padding-right: 8px !important;
}
body #content .LName {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: left;
}
body #content .TAL {
text-align: left;
}
body #content .scoreBox span {
color: #ffffff;
font-size: 12px;
font-weight: normal;
text-align: center;
width: 20px !important;
height: 20px;
line-height: 20px;
margin: 0 auto;
border-radius: 50%;
display: block;
}
body #content .content {
margin-bottom: 5px;
/*padding-bottom: 1.5px;*/
}
body #content .eTable.detail td,
body #content .eTable.detail th {
border: none;
}
body #content .eTable.detail .lRow {
background: #f5f5f5;
font-weight: normal;
}
body #content .eTable.detail .LName {
padding: 0 0 0 8px;
}
body #eventContent {
font-size: 11px;
padding: 10px;
background: #ffffff;
}
body .eventBox .timeLine {
background: #5086c4;
width: 4px;
height: 100%;
position: relative;
top: 0;
bottom: 0;
left: 50%;
margin-left: -2.5px;
}
body .eventBox .eventList {
background: #ffffff;
width: 100%;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
body .eventBox .eventList img {
/* width: 16px;height: 16px;*/
/* height:100%;*/
margin: 0 3px;
vertical-align: middle;
width: 18px;
max-height: 100%;
}
body .eventBox .eventList .item {
background-color: #ffffff;
line-height: 20px;
width: 100%;
padding: 5px 0;
position: relative;
}
body .eventBox .eventList .item::after {
content: "";
background: #8BC34A;
width: 1px;
height: 36px;
position: absolute;
left: 50%;
display: none;
}
body .eventBox .eventList .item > div {
/* background: @@bg0; */
min-height: unset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body .eventBox .eventList .item .namebox {
padding: 0 5px;
display: flex;
align-items: center;
overflow: hidden;
}
body .eventBox .eventList .item .name,
body .eventBox .eventList .item .name2 {
font-size: 12px;
line-height: 20px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
body .eventBox .eventList .item .name2 {
color: #8C8C8C;
}
body .eventBox .eventList .item .time {
color: #1B1B1B;
font-size: 12px;
font-weight: bold;
flex: 0 0 35px;
}
body .eventBox .eventList .item .time font {
font-size: 11px;
}
body .eventBox .eventList .item .homeEvent,
body .eventBox .eventList .item .guestEvent {
width: 100%;
text-align: left;
display: flex;
align-items: center;
justify-content: flex-start;
}
body .eventBox .eventList .item .guestEvent {
text-align: right;
justify-content: flex-end;
}
body .eventBox .eventList .item .homeEvent .name {
margin-right: 5px;
}
body .eventBox .eventList .item .guestEvent .name {
margin-left: 5px;
}
body .eventBox .eventList .item .homeEvent > span,
body .eventBox .eventList .item .guestEvent > span {
font-size: 0;
line-height: normal;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 -webkit-calc(50% - 20px);
-ms-flex: 1 1 calc(50% - 20px);
flex: 0 0 calc(100% - 20px);
flex-direction: column;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
body .eventBox .eventList .item .homeEvent > span > span:nth-of-type(2),
body .eventBox .eventList .item .guestEvent > span > span:nth-of-type(2) {
color: #bbbbbb;
}
body .eventBox .eventIcon {
background: #f5f5f5;
text-align: center;
padding: 5px 0;
border-radius: 4px;
}
body .eventBox .eventIcon img {
width: 16px;
height: 16px;
margin-right: 2px;
vertical-align: -4px;
}
body .eventBox .eventProcess {
background: #f5f5f5;
color: #1B1B1B;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 2px 0;
margin: 5px 0;
border-radius: 20px;
clear: both;
}
body .eventBox .eventProcess span {
display: inline-block;
margin-right: 5px;
}
body .eventBox .no_eventProcess {
font-size: 12px;
text-align: center;
padding: 2px 0;
margin: 12px 0;
clear: both;
}
body .eventBox .no_eventProcess span {
min-width: 60px;
display: inline-block;
}
body .eventBox .eventList .tit {
background: #f5f5f5;
color: #595959;
font-size: 12px;
font-weight: 500;
line-height: 26px;
text-align: center;
}
body .eventBox .eventList .item .homeEvent > img {
float: right;
}
body .eventBox .eventList .item .guestEvent > img {
float: left;
}
body .sjImg {
width: 24px;
}
body .teamBox {
padding: 5px 0;
overflow: hidden;
background: #ffffff;
border-bottom: solid 1px #e1e1e1;
}
body .teamBox > div {
float: left;
}
body .teamBox .icon {
width: 28px;
height: 28px;
border-radius: 50%;
overflow: hidden;
background: #ffffff;
}
body .teamBox .name {
line-height: 28px;
font-weight: bold;
padding: 0 5px;
}
body .teamBox .home {
width: -webkit-calc(50% - 14px);
width: calc(50% - 14px);
text-align: right;
}
body .teamBox .home .icon {
float: right;
margin-top: 4px;
}
body .teamBox .vs {
width: 20px;
}
body .teamBox .guest {
width: -webkit-calc(50% - 14px);
width: calc(50% - 14px);
}
body .teamBox .guest .icon {
float: left;
margin-top: 4px;
}
body .pm {
text-align: center;
}
body .pm span {
display: inline-block;
margin-bottom: -3px;
height: 20px;
overflow: hidden;
}
body #companys .company {
border-radius: 4px;
height: 25px;
margin: 2px;
background: #f4fafb;
border: 1px solid #ccc;
display: block;
line-height: 25px;
position: relative;
}
body #companys .company.on::before {
content: "";
border-top: solid 4px transparent;
border-bottom: solid 4px transparent;
width: 0px;
height: 0px;
display: block;
border-left: solid 6px #5a8ee1;
position: absolute;
right: -6px;
top: 50%;
margin-top: -4px;
}
body #companys .company.on {
border-radius: 4px;
background: #5a8ee1;
color: #ffffff;
border-color: #ffffff;
}
body #content {
position: relative;
}
body #content .alterbg td {
background: #ffffff;
}
body .tabBox {
background-color: #ffffff;
padding: 5px;
border-bottom: solid 1px #f5f5f5;
}
body .tabs {
position: static;
width: 80%;
font-size: 14px;
height: 26px;
margin: 0 auto;
border-color: #387f1a;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
body .tabs .tab {
height: 24px;
line-height: 24px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: #333;
font-weight: normal;
}
body .tabs .tab.on {
background-color: #387f1a;
color: #ffffff;
font-weight: 500;
}
body .tabs.mini {
overflow: hidden;
height: auto;
margin: 3px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 90px;
padding: 0;
float: right;
border-color: #387f1a;
position: static;
}
body .tabs.mini .tab {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: inline-block;
font-size: 12px;
height: 26px;
line-height: 18px;
white-space: nowrap;
}
body .tabs.mini .tab.on {
background: #387f1a;
color: #ffffff;
}
body #content table.eTable tr td.ll,
body .ll {
border-left: solid 1px #f5f5f5;
}
body #content table.eTable tr td.rl,
body .rl {
border-right: solid 1px #f5f5f5;
}
body #content table.eTable tr td.rl:last-child {
border-right: none;
}
body #content table tr td.CName {
text-align: left;
width: 100px;
padding-left: 6px !important;
color: #1B1B1B;
font-weight: 500;
}
body #content table tr td.CName img {
position: relative;
top: -2px;
margin-right: 4px;
}
body .pk {
color: #0b73c5;
}
body .fr {
float: right;
padding-right: 5px;
}
body .fl {
float: left;
padding-left: 5px;
}
body .oddsPopup,
body .oPop.ddlBG {
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 999;
}
body .oddsPopup {
padding-top: 71px;
z-index: 1000;
margin: 10px;
height: -webkit-calc(100% - 20px);
height: calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
position: absolute;
top: 0;
left: 0;
border-radius: 4px;
}
body .oddsPopup .header {
background: #307b06;
position: absolute;
width: 100%;
top: 0;
height: auto;
font-size: 12px;
}
body .oddsPopup .header .close {
right: 5px;
top: 5px;
width: 20px;
height: 20px;
position: absolute;
z-index: 9;
}
body .oddsPopup .header .title {
height: 35px;
line-height: 35px;
width: 100%;
background: #307b06;
font-size: 14px;
padding: 0px;
text-align: center;
position: relative;
color: #ffffff;
}
body .oddsPopup .header .menu span {
display: block;
float: left;
width: 25%;
text-align: center;
background: #307b06;
color: #ffffff;
font-weight: 500;
line-height: 30px;
}
body .oddsPopup .info,
body .oddsPopup .pinfo {
overflow-y: auto;
height: 100%;
}
body .oddsPopup .info table,
body .oddsPopup .pinfo table {
background: #ffffff;
width: 100%;
border-radius: 0 0 4px 4px;
border-spacing: 0;
}
body .oddsPopup .info table tr td {
text-align: center;
line-height: normal;
width: 25%;
padding: 4px 0;
}
body .oddsPopup .info table tr:nth-child(2n) td,
body .oddsPopup .pinfo table tr:nth-child(2n) td {
background: #EBEBEB;
}
body .oddsPopup .pinfo table tr td {
text-align: center;
line-height: normal;
padding: 4px 0;
}
body .oddsPopup .pinfo table tr td > span {
line-height: normal;
display: block;
}
body .loaddingBox {
-webkit-box-shadow: #ccc 0px 0px 6px;
box-shadow: #ccc 0px 0px 6px;
position: fixed;
top: 40%;
left: 50%;
border: solid 1px #f5f5f5;
font-size: 14px;
background: #ffffff;
width: 120px;
height: 80px;
padding: 20px;
border-radius: 4px;
text-align: center;
margin: 0 0 0 -60px;
}
body .loaddingBox img {
vertical-align: middle;
}
body .loaddingBox .loaddingMsg {
font-size: 14px;
font-weight: bold;
color: #00519e;
}
body .NRB {
border-right: none;
}
body .boxtool {
font-weight: normal;
float: right;
font-size: 12px;
position: relative;
}
body .boxtool label {
position: relative;
}
body .boxtool input[type="checkbox"] + label::before {
content: "";
background-color: #ffffff;
border-radius: 2px;
border: 1px solid #8C8C8C;
width: 14px;
height: 14px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 14px;
font-weight: bold;
margin-top: -4px;
margin-right: 3px;
}
body .boxtool input[type="checkbox"]:checked + label::after {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 8px;
height: 4px;
border: 2px solid #595959;
border-top: none;
border-right: none;
transform: rotate(-45deg);
display: inline-block;
}
body .boxtool input[type="checkbox"] {
display: none;
}
body #oContent {
background: #ffffff;
}
body #oContent table.eTable tr th:last-child {
border-right: none;
}
body #oDetail table {
width: 100%;
}
body .oddsPopup .oTable tr th {
text-align: center;
line-height: 30px;
width: 25%;
color: #ffffff;
font-weight: normal;
}
body .oddsPopup .opTable tr th {
text-align: center;
line-height: 30px;
color: #ffffff;
font-weight: normal;
}
body .splitbar {
color: #ccc;
margin: 0px 6px;
}
body .odds {
line-height: 24px;
font-weight: 500;
font-size: 13px;
}
body .match-tools {
position: absolute;
top: 0;
right: 8px;
z-index: 2;
display: inline-block;
}
body .match-tools > * {
cursor: pointer;
display: inline-block;
margin: 5px 3px 5px 0;
}
body .match-tools .iconfont {
float: right;
position: static;
width: 30px;
height: 30px;
font-size: 30px;
line-height: 30px;
margin: 5px 0;
color: #ffffff;
opacity: 0.9;
}
body .popShare {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body .popShare li {
background: none;
float: left;
padding: 0;
border: none;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
body .popShare li img {
display: block;
width: 48px;
height: 48px;
margin: 0px auto;
}
body .popShare li span {
display: block;
line-height: 20px;
}
body #content table {
border-collapse: collapse;
}
body #content table tr td.tbDesc {
text-align: left;
padding: 5px;
}
body #content table tr td.tbDesc label {
white-space: normal;
color: #434343;
float: left;
margin: 0 5px;
}
body .boxtool select {
margin: 0 3px;
border-radius: 4px;
line-height: 22px;
position: relative;
height: 18px;
background: #f5f5f5;
color: #595959;
}
body#Basketball .detailMenu .item {
color: #693131;
}
@-webkit-keyframes timeMin {
0% {
color: #ffffff;
}
25% {
color: #545454;
}
75% {
color: #545454;
}
100% {
color: #ffffff;
}
}
body .red2 {
color: #e81e06;
}
body .noAnimation.barData .item {
padding: 5px 2px;
overflow: hidden;
line-height: 29px;
font-size: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
body .noAnimation.barData .item .home,
body .noAnimation.barData .item .guest {
width: 39%;
float: left;
text-align: right;
position: relative;
height: 10px;
line-height: 10px;
border: none;
margin: 0;
}
body .noAnimation.barData .item .home {
text-align: left;
}
body .noAnimation.barData .item .home .value {
position: absolute;
width: 10%;
left: 0;
height: 10px;
font-weight: 500;
}
body .noAnimation.barData .item .home .bar,
body .noAnimation.barData .item .guest .bar {
background: #EBEBEB;
position: absolute;
width: 80%;
right: 0;
height: 8px;
margin: 1px 0;
}
body .noAnimation.barData .item .guest .bar {
left: 0;
right: auto;
}
body .noAnimation.barData .item .home i {
display: block;
position: absolute;
bottom: 0;
right: 0;
height: 8px;
border-radius: 10px 0 0 10px;
background: #da2510;
}
body .noAnimation.barData .item .guest i {
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 8px;
border-radius: 0 10px 10px 0;
background: #1b6ebd;
}
body .noAnimation.barData .item .guest .value {
position: absolute;
width: fit-content;
right: 0;
height: 10px;
font-weight: 500;
}
body .noAnimation.barData .item .tit {
float: left;
width: 25%;
max-width: 1000px;
text-align: center;
line-height: normal;
height: auto;
font-size: 10px;
border: none;
margin: 0;
position: inherit;
}
body .noAnimation.barData .item .bat-aver .value {
width: 20%;
}
body .noAnimation.barData .item .bat-aver .bar {
width: 80%;
}
body .panel {
border-bottom: 1px solid #f5f5f5;
}
body .corner_icon {
background: url(/Images/com/corners4.png) no-repeat left top;
background-size: auto 100%;
display: inline-block;
vertical-align: middle;
height: 12px;
width: 12px;
}
body .yellowcard_icon {
display: inline-block;
width: 10px;
height: 12px;
background-color: #ffbf00;
vertical-align: middle;
border: 1px solid #BFBFBF;
}
body .vote {
display: flex;
text-align: center;
align-items: center;
justify-content: space-between;
margin: 10px 5px 5px 5px;
}
body .vote .teamicon {
flex: 0 0 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
}
body .vote .teamicon img {
width: 100%;
height: auto;
}
body .vote .button {
flex: 1;
}
body .vote .pItem {
background: #ffffff;
border: 1px solid #EBEBEB;
min-width: 70px;
height: auto;
line-height: 20px;
font-size: 12px;
font-weight: 600;
text-align: center;
padding: 4px 10px;
margin: 0 2px;
border-radius: 30px;
display: inline-block;
}
body .vote .button.on .pItem {
background: #f5f5f5;
color: #595959;
}
body .vote .win,
body .vote .draw,
body .vote .loss {
font-weight: 700;
}
body .vote .win span,
body .vote .draw span,
body .vote .loss span {
color: #8C8C8C;
font-size: 11px;
font-weight: normal;
margin-left: 4px;
}
body .vote .ext {
color: #595959;
font-size: 12px;
text-align: center;
flex: 1;
}
body .vote-bar {
height: 10px;
margin: 5px;
border-radius: 10px;
overflow: hidden;
position: relative;
}
body .vote-bar .barH {
height: 100%;
position: absolute;
left: 0;
border-right: 1px solid #f5f5f5;
}
body .vote-bar .barG {
height: 100%;
position: absolute;
right: 0;
border-left: 1px solid #f5f5f5;
}
body .lineTd {
border-left: solid 1px #f1f1f1;
padding-left: 5px;
}
body .dataPanel {
background: #ffffff;
padding: 10px;
display: flex;
gap: 8px;
flex-direction: column;
}
body .dataPanel .pieBox {
float: left;
width: 36px;
height: 36px;
margin-right: 8px;
}
body .dataPanel li {
line-height: 18px;
padding: 4px;
}
body .dataPanel .detail {
top: -17px !important;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid #EBEBEB;
height: 26px !important;
}
body .dataPanel table.detail {
border: none !important;
margin-bottom: 6px;
}
body .dataPanel table.detail b {
width: 100%;
display: inline-block;
border-right: 1px solid #EBEBEB !important;
}
body #content .dataPanel table.detail th {
border-radius: 20px;
padding-left: 10px !important;
}
body .dataPanel .iconfont {
width: 18px;
height: 18px;
font-size: 14px;
}
body#Football .gameBox .header,
body#Basketball .gameBox .header,
body#Baseball .gameBox .header,
body#Cricket .gameBox .header {
background: transparent !important;
font-size: 12px;
font-weight: normal;
}
body #content .gameBox .header > .iconfont {
font-size: 30px;
color: white;
width: 40px;
height: 40px;
float: right;
margin: 0 0 0 5px;
padding: 0;
position: relative;
cursor: pointer;
line-height: 40px;
}
body #content .gameBox .gameInfo .exlist {
margin: 6px auto 0 auto;
float: unset;
clear: left;
background: rgba(255, 255, 255, 0.1);
display: inline-block;
padding: 0 10px;
border-radius: 4px;
width: auto;
}
body#Basketball #content .match .header {
background: rgba(105, 49, 49, 0.75);
}
body#Football #content .match .header {
background: rgba(0, 47, 30, 0.75);
}
body #content table tr th span {
line-height: normal;
}
body .matchRow .home,
body .matchRow .vs,
body .matchRow .guest,
body .matchRow .win,
body .matchRow .draw,
body .matchRow .loss,
body .row .home,
body .row .vs,
body .row .guest {
width: 33.3%;
min-height: 35px;
line-height: 35px;
vertical-align: bottom;
float: left;
text-align: center;
display: table-cell;
background: #ffffff;
}
body .tabs {
position: static;
width: 90%;
font-size: 14px;
height: 26px;
margin: 0 auto;
border-color: #307b06;
}
body .tabs .tab {
height: 24px;
line-height: 24px;
width: 33.33%;
color: #333;
font-weight: normal;
}
body .match-tools .iconfont {
position: static;
width: 30px;
height: 30px;
/* background: url(/Images/com/staroff2.png) no-repeat center center;background-size: 97% auto; */
}
body #settingPop {
background: transparent;
height: unset;
bottom: 0;
position: fixed;
z-index: 10000;
}
body #settingPop .info {
bottom: 0;
width: 100%;
top: 0;
position: relative;
background: #f5f5f5;
overflow-y: scroll;
max-height: 80vh;
}
body #settingPop .info::-webkit-scrollbar {
width: 2px;
position: fixed;
float: right;
}
body #settingPop .info::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.2);
}
body #settingPop .info::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}
body .liveTime_earyl {
background: #60A93C !important;
color: white;
}
body .liveTime_live {
background: #EC4545 !important;
color: white;
}
body .liveTime_ht {
background: #346EC5 !important;
color: white;
}
body .live_odds_early {
background: rgba(255, 165, 0, 0.1) !important;
}
body #content table.eTable tr th,
body #content table.eTable2 tr th {
min-width: 20px;
}
body #content table tr td .icon-font-returnon {
font-size: 12px;
}
body#Football .matchRow .home,
body#Football .matchRow .vs,
body#Football .matchRow .guest,
body#Football .matchRow .win,
body#Football .matchRow .draw,
body#Football .matchRow .loss,
body#Football .row .home,
body#Football .row .vs,
body#Football .row .guest {
width: 20%;
}
body#Basketball .matchRow .home,
body#Basketball .matchRow .vs,
body#Basketball .matchRow .guest,
body#Basketball .matchRow .win,
body#Basketball .matchRow .draw,
body#Basketball .matchRow .loss,
body#Basketball .row .home,
body#Basketball .row .vs,
body#Basketball .row .guest {
width: 20%;
}
body#Basketball #content table tr td:first-child,
body#Basketball #content table tr th:first-child {
border-left: 0px;
}
body#Basketball .tabs {
width: 89%;
}
body .eTable td.item_title {
background-color: #fafafa !important;
font-weight: normal !important;
color: #595959;
}
@media screen and (max-width: 347px) {
}
body .lineupContent .eTable tr:nth-child(even) td {
background-color: #f8f8f8 !important;
}
body #content .lineupContent .eTable .lRow {
padding-left: 0 !important;
}
body #content .lineupContent .eTable td {
border-bottom: none !important;
line-height: 36px;
font-weight: 500;
}
body .lineupContent .rRow {
text-align: right !important;
}
body .tabs_box {
display: none;
height: 42px;
overflow: hidden;
background: #ffffff;
border-bottom: 1px solid #EBEBEB;
}
body .tabs_group {
display: flex;
line-height: 40px;
padding: 8px 10px 15px 8px;
overflow-x: auto;
width: 100%;
flex-direction: row;
gap: 8px;
align-items: flex-start;
}
body .tabs_group a {
display: inline-block;
padding: 0 8px;
border-radius: 6px;
color: #595959;
background: #EBEBEB;
font-size: 12px;
font-weight: 500;
line-height: 26px;
flex: none;
text-transform: uppercase;
order: 1;
flex-grow: 0;
}
body .tabs_group a.on {
background: #387f1a;
color: #FFF;
}
body #e0_1,
body #e7_1,
body #e8_1,
body #e9s_1,
body #e3_1,
body #e4_1,
body #e5_1,
body #e1_1,
body #e2_1,
body #e9_1,
body #e10_1,
body #e11_1,
body #e14_1,
body #e13_1,
body #e15_1,
body #e17_1 {
padding: 10px;
background: #ffffff;
}
body #e9s_1 table,
body #e3_1 table,
body #e4_1 .eTable,
body #e0_1 table,
body #e1_1 table,
body #e2_1 table,
body #e10_1 table,
body #e15_1 table {
border-left: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
}
body .ePart {
background: #ffffff;
padding: 10px;
}
body .ePart table {
border-left: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
}
body #e8_1 table td,
body #e9s_1 table td {
font-weight: 500;
}
body #e3_1 .h3 {
padding: 0;
}
body #e3_1 .h3 .fr {
font-weight: normal;
}
body #e3_1 .eTable {
margin-bottom: 4px;
}
body #e3_1 .eTable tr td:first-child,
body #e4_1 .eTable tr td:first-child {
border-right: 1px solid #f5f5f5;
font-weight: 500;
font-size: 13px;
text-align: left;
padding-left: 6px;
}
body #e3_1 .eTable th:first-child {
text-align: left;
padding-left: 6px;
}
body #e3_1 .eTable tr td:last-child {
font-weight: 500;
}
body #e14_1 tr td {
padding: 6px 0;
}
body #e6_1 {
padding: 0 10px 10px 10px;
background: #ffffff;
}
body .f-odds {
font-size: 12px !important;
font-weight: 500;
}
body .team_tabs {
background: #ffffff;
padding: 6px 0;
display: flex;
align-items: center;
gap: 6px;
border-top: 1px solid #f5f5f5;
}
body .team_tabs a {
background: #EBEBEB;
color: #8C8C8C;
font-size: 12px;
font-weight: 500;
line-height: 36px;
text-align: center;
border-radius: 6px;
padding: 0 5px;
flex: 1;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body .team_tabs a.on {
background: #387f1a;
color: #FFF;
}
body #srTabs {
display: none !important;
}
body #content .gameBox {
background: linear-gradient(90deg, #843535 0%, #013667 100%);
}
body .selectPopup.minipopup {
top: 40px;
border-radius: 5px 0 0 5px;
}
body .header .info .name {
width: 90%;
}
body #content .mini {
margin: 3px;
}
body #content .gameBox .name {
line-height: 16px;
max-height: 32px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
body #content .gameBox .gameInfo .exlist {
margin-top: 6px;
padding: 2px 6px;
line-height: normal;
}
body #content .gameBox .gameInfo .vs #liveVS {
margin: 12px 0;
}
body #content .gameBox .gameInfo .vs .statusCon {
display: flex;
flex-direction: column;
height: 40px;
justify-content: center;
align-items: center;
}
body#Basketball #content .gameBox .gameInfo .vs .score,
body#Cricket #content .gameBox .gameInfo .vs .score {
font-size: 20px;
top: 50%;
}
body#Baseball #content .gameBox .gameInfo .icon img {
height: 40px;
}
body .lRow .date,
body .lRow .gameName {
color: #595959;
font-size: 9px;
}
body #content table tr td {
height: 30px;
}
body #content .h2 .tools,
body .panel,
body .ll,
body .rl,
body .bl,
body #content table tr td,
body #content table.eTable tr td.ll,
body #content table.eTable tr td.rl,
body .dataPanel li,
body #spnLoading #subSpnLoading,
body .spanLoading .subSapnLoading,
body .filterBox .filterBtn,
body .ddlBox .tools,
body .ddlBox .tools .button {
border-color: #f5f5f5;
}
body #content .h2,
body #content .h3,
body #content table tr th,
body #content table.eTable tr th,
body #settingPop table.oTable tr th,
body #settingPop table.opTable tr th {
border-color: #EBEBEB;
}
body .filterPopup {
background: #ffffff;
}
body #settingPop table.oTable tr:nth-child(even),
body #settingPop table.opTable tr:nth-child(even),
body #settingPop table.oTable tr th,
body #settingPop table.opTable tr th,
body .ddlBox .tools .button {
background: #f5f5f5;
}
body #settingPop .tabs {
background: #f5f5f5;
padding: 1px;
border: none;
border-radius: 4px;
margin: 8px auto;
}
body #settingPop .tabs .tab {
background: transparent;
color: #333;
font-weight: normal;
}
body #settingPop .tabs .tab.on {
background: #ffffff;
color: #387f1a;
font-weight: bold !important;
border-radius: 3px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
body #content .tabs.mini {
background: rgba(235, 235, 235, 0.5);
width: 120px;
padding: 1px;
margin: 6px 4px 6px 5px;
border-radius: 6px;
border: none;
overflow: hidden;
float: right;
display: flex;
}
body #content .tabs.mini.center {
width: 90%;
margin: 6px auto;
float: none;
}
body #content .tabs.mini .tab {
background: transparent;
color: #595959;
font-size: 13px;
line-height: 26px;
flex: 1;
}
body #content .tabs.mini .tab.on {
background: #ffffff;
color: #1B1B1B;
font-weight: bold !important;
border-radius: 6px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06);
}
body #content .panel.peerBox {
display: flex;
}
body #content .panel.peerBox .tabs.mini {
flex: 1 0 auto;
width: auto;
}
body #content .panel.peerBox .tabs.mini .tab.on {
background: #387f1a;
color: #ffffff;
}
body #content .panel.peerBox .tabs.mini .tab {
width: auto;
line-height: 30px;
height: 30px;
}
body #content #oContent table.eTable tr th {
line-height: 14px;
height: 14px;
}
body #content .gameBox .exlist {
margin-top: 6px;
padding: 2px 6px;
line-height: normal;
}
body .xsVS {
line-height: 20px !important;
font-size: 12px !important;
margin: 0 !important;
}
body #container #content h2:first-of-type,
body #container #content .h2:first-of-type {
margin: 0;
}
body #content #oContent table.eTable tr td {
padding: 4px 0;
}
body .filter i.icon {
background: none;
color: #8C8C8C;
font-size: 16px;
font-weight: normal;
height: auto;
vertical-align: -1px;
}
body .oddUp::after,
body .oddDown::after {
font-size: 10px;
}
body .eTable2 .o-win,
body .eTable2 .o-loss,
body .eTable2 .o-void,
body .eTable2 .o-unBG {
background: #178109;
color: #ffffff;
min-width: 16px;
line-height: 16px;
border-radius: 2px;
display: inline-block;
padding: 0;
margin: 2px;
}
body .eTable2 .o-loss {
background: #E00606;
}
body .eTable2 .o-void {
background: #BD9A00;
}
body .eTable2 .o-unBG {
background: #8C8C8C;
}
body .h3 .teamLogo {
width: 20px;
height: 20px;
margin-right: 4px;
vertical-align: -5px;
}
body #content .lineupContent .eTable td {
line-height: normal;
padding: 8px 0;
}
body .tools .boxtool {
width: auto;
margin: 5px;
border: none;
}
body .boxtool span,
body .tabBox .boxtool span {
flex: auto;
text-align: center;
line-height: 30px;
margin: 8px 2px;
}
body .boxtool label {
background: #ffffff;
color: #1B1B1B;
text-align: left;
line-height: 30px;
width: 100%;
padding: 0 6px;
border-radius: 6px;
display: inline-block;
position: relative;
}
body .boxtool input[type="checkbox"] + label::before {
content: "";
background: #ffffff;
border-radius: 50%;
border: 1px solid #BFBFBF;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
font-weight: bold;
margin: 0 3px 0 0;
vertical-align: -3px;
display: inline-block;
}
body .boxtool input[type="checkbox"]:checked + label {
background: rgba(56, 127, 26, 0.1);
color: #387f1a;
font-weight: 500;
}
body .boxtool input[type="checkbox"]:checked + label::before {
content: "";
background: #387f1a;
border-color: #387f1a;
}
body .boxtool input[type="checkbox"]:checked + label::after {
content: "";
position: absolute;
top: 13px;
left: 9px;
width: 8px;
height: 4px;
border: 1px solid #ffffff;
border-top: none;
border-right: none;
transform: rotate(-45deg);
display: inline-block;
}
body .boxtool .selectDDL {
background: #ffffff;
color: #595959;
height: 30px;
border-radius: 4px;
display: flex;
overflow: hidden;
border: 0px;
}
body .datacom-box::after,
body .barbox .bar::after {
content: "";
clear: both;
display: block;
}
body .datacom-box .datacom-lists {
padding: 0;
margin: 0 0 10px 0;
border: none;
}
body .datacom-box .data {
color: #1B1B1B;
text-align: center;
line-height: 24px;
margin: 0;
display: flex;
justify-content: space-between;
}
body .datacom-box .data span {
font-size: 14px;
flex: 0 0 auto;
padding: 0 4px;
}
body .datacom-box .data .red {
color: #da2510 !important;
}
body .datacom-box .barbox {
background: #EBEBEB;
height: 6px;
border-radius: 20px;
margin: 0;
}
body .datacom-box .barbox .bar {
width: 50%;
float: left;
padding: 0 1px;
}
body .datacom-box .barbox .Ht {
background: #da2510;
float: right;
width: 0;
height: 6px;
border-radius: 10px 0 0 10px;
display: inline-block;
}
body .datacom-box .barbox .Gt {
background: #1b6ebd;
float: left;
width: 0;
height: 6px;
border-radius: 0 10px 10px 0;
display: inline-block;
}
body #swTabs_VA.tabs.mini {
width: 140px;
}
body .datacom-box .barbox .Ht.win,
body .datacom-box .barbox .Gt.win {
background: #da2510;
}
body .datacom-box .barbox .Ht.loss,
body .datacom-box .barbox .Gt.loss {
background: #BFBFBF;
}
body .HomeNum {
background: #da2510;
}
body .GuestNum {
background: #1b6ebd;
}
body .live_odds_early {
background: #fbfff0 !important;
}
body .h2Title {
margin-top: 8px !important;
border-top: unset !important;
}
body .datacom-box .rankbox .LName {
width: 100px;
display: inline-block;
}
@media screen and (max-width: 360px) {
body .datacom-box .rankbox .LName {
width: 88px;
}
}
body .showMore {
background: #ffffff;
color: #0b73c5;
text-align: center;
max-width: 100%;
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
display: block;
}
body .showMore a {
color: #0b73c5;
}
body .arrange {
color: #ffffff;
font-size: 12px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
padding: 0 10px;
}
body .upArr {
padding-top: 5px;
}
body .downArr {
padding-bottom: 5px;
}
body .lineupContent {
background: #ffffff;
padding: 0 10px 10px 10px;
}
body .lineupbox {
background: #35845B url(/images/ballcourt.svg) no-repeat center 10px;
background-size: auto;
padding: 8px;
height: 370px;
border-radius: 8px;
transition: all 0.2s linear;
position: relative;
/* .away .numCon .number {background:#2b9bff;} */
}
body .lineupbox::after {
content: "";
width: 120px;
height: 60px;
border: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: none;
border-radius: 100px 100px 0 0;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
position: absolute;
}
body .lineupbox .lineupteam {
height: 100%;
/*min-height:283px;*/
padding: 0;
display: flex;
flex-direction: column;
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
}
body .lineupbox .formation {
padding: 0;
margin-bottom: 6px;
border: none;
flex: 1;
display: flex;
justify-content: center;
}
body .lineupbox .formation:last-child,
body .lineupbox .player:first-child {
margin: 0;
}
body .lineupbox .player {
flex: 1 0 15%;
/*max-width: 80px;*/
padding-top: 10px;
margin: 0 0 0 6px;
text-align: center;
cursor: pointer;
}
body .lineupbox .nameCon {
margin-top: 2px;
text-overflow: ellipsis;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
overflow: hidden;
}
body .lineupbox .name {
color: #ffffff;
font-size: 12px;
line-height: 14px;
/*overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:unset;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-pack: center;*/
}
body .lineupbox .num {
color: #BFBFBF;
font-size: 12px;
font-weight: bold;
font-style: italic;
margin-right: 3px;
}
body .lineupbox .numCon {
margin: 0 auto;
width: 30px;
position: relative;
}
body .lineupbox .numCon .number {
background: #ffffff;
width: 30px;
height: 30px;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
}
body .lineupbox .numCon .playpic {
width: auto;
height: 100%;
object-fit: cover;
}
body .lineupbox .numCon .goalnum {
background: #e81e06;
color: #ffffff;
font-size: 10px;
line-height: 11px;
padding: 0 3px;
border-radius: 50%;
position: absolute;
bottom: 2px;
left: -18px;
z-index: 2;
}
body .lineupbox .numCon .goalnum.d {
left: -18px;
top: 0;
bottom: auto;
}
body .lineupbox .numCon .goalnum.f {
left: -8px;
top: -14px;
bottom: auto;
}
body .lineupbox .numCon .goalnum.g {
right: -8px;
top: -14px;
bottom: auto;
left: auto;
}
body .lineupbox .numCon .goalnum.h {
right: -18px;
top: 0;
bottom: auto;
left: auto;
}
body .lineupbox .numCon .icon {
width: 14px;
font-size: 13px;
line-height: 13px;
position: absolute;
}
body .lineupbox .numCon .GF {
left: -16px;
top: 0;
color: #333;
}
body .lineupbox .numCon .PS {
left: -24px;
top: 0;
color: #333;
}
body .lineupbox .numCon .LT {
left: -10px;
top: 0;
color: #333;
}
body .lineupbox .numCon .RT {
right: -10px;
top: 0;
color: #f93d1d;
background: none;
}
body .lineupbox .numCon .LY {
left: -2px;
top: -12px;
color: #f93d1d;
background: none;
z-index: 1;
}
body .lineupbox .numCon .RY {
right: -2px;
top: -12px;
color: #f93d1d;
background: none;
}
body .lineupbox .numCon .LDO {
left: -10px;
bottom: 0;
color: #FF4B1A;
}
body .lineupbox .numCon .LD {
left: -10px;
bottom: 0;
color: #4FBA34;
}
body .lineupbox .numCon .RD {
right: -10px;
bottom: 0;
color: #4FBA34;
}
body .lineupbox .numCon .yll {
right: -10px;
top: 0;
color: #FFC53D;
background: none;
}
body .lineupbox .numCon .fumble {
left: -10px;
top: 0;
color: #FF4B1A;
}
body .lineupbox .numCon .sr {
background: #999;
color: #ffffff;
font-size: 11px;
line-height: 14px;
text-align: center;
font-style: normal;
padding: 0 3px;
border-radius: 10px;
bottom: 0px;
right: -18px;
position: absolute;
font-weight: normal;
}
body .lineupbox .numCon .sr.on {
background: #e81e06;
}
body .lineupbox.start .formation {
flex-wrap: wrap;
transform: scale(0.88);
}
body .lineupbox.start .formation .player {
min-width: 80px;
}
@media screen and (max-width: 360px) {
body .lineupbox {
height: 400px;
}
body .lineupbox .formation {
transform: scale(0.88);
}
}
@media screen and (max-width: 320px) {
body .lineupbox.start .formation .player {
min-width: 70px;
}
}
body .substitute .tit {
font-size: 14px;
line-height: 20px;
font-weight: 600;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
body .substitute .backuplis {
padding: 0;
margin-bottom: 10px;
border: none;
display: flex;
align-items: center;
}
body .substitute .backuplis:last-child {
margin: 0;
}
body .substitute .backuplis .player {
flex: 1;
overflow: hidden;
}
body .substitute .backuplis .player:first-child {
margin-right: 10px;
}
body .substitute .backuplis .evt {
color: #ffffff;
text-align: center;
height: 26px;
padding: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
float: right;
}
body .substitute .backuplis .evt .icon {
color: rgba(218, 37, 16, 0.6);
width: 16px;
}
body .substitute .backuplis .sr {
background: #BFBFBF;
color: #ffffff;
font-size: 11px;
line-height: 14px;
font-style: normal;
padding: 0 2px;
margin-left: 2px;
border-radius: 20px;
}
body .substitute .backuplis .sr.on {
background: #e81e06;
}
body .substitute .backuplis .layevt {
text-align: left;
height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0;
}
body .substitute .backuplis .away .evt {
flex-direction: row-reverse;
float: left;
}
body .substitute .backuplis .away .layevt {
flex-direction: row-reverse;
text-align: right;
}
body .substitute .backuplis .sjImg {
width: auto;
height: 14px;
margin: 0px;
}
body .substitute .backuplis .name {
background: #f5f5f5;
padding: 0 4px;
border-radius: 20px;
display: flex;
align-items: center;
}
body .substitute .backuplis .name_txt {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
flex: 1;
}
body .substitute .backuplis .away .name_txt {
flex-direction: row-reverse;
}
body .substitute .backuplis .name span {
line-height: 26px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
float: left;
/*color: @white;text-transform: uppercase;*/
/*width: calc(~"100% - 22px");*/
}
body .substitute .backuplis .name .num {
background: #da2510;
color: #ffffff;
font-size: 11px;
font-weight: bold;
font-style: italic;
line-height: 18px;
text-align: center;
width: 18px;
height: 18px;
border-radius: 50%;
margin: 0 4px 0 0;
display: inline-block;
}
body .substitute .backuplis .away .name .num {
background: #1b6ebd;
float: right;
margin: 4px 0 4px 4px;
}
body .substitute .backuplis .away .name span {
text-align: right;
float: right;
}
body .substitute .backuplis .player.no > div {
display: none;
}
body .substitute .lineup-guest .name .num {
background: #1b6ebd;
}
body .lay .home .evt {
text-align: left;
padding: 0 5px;
}
body .lay .away .evt {
text-align: right;
padding: 0 5px;
}
body .teamIcon {
width: 18px;
height: 18px;
border-radius: 4px;
}
body .team-home-f {
color: #da2510;
}
body .team-away-f {
color: #1b6ebd;
}
body .playerPopBody {
animation: rise 0.5s ease-in-out;
background: #ffffff;
width: 100%;
max-width: 640px;
height: 80vh;
padding: 0 0 10px 0;
border-radius: 16px 16px 0 0;
position: fixed;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 10000;
}
body .playerPopBody .close_b {
width: 16px;
height: 16px;
margin: 10px;
position: absolute;
right: 0px;
top: 2px;
}
body .playerPopBody .text {
padding: 0 10px 10px 10px;
height: calc(100% - 52px);
overflow-y: scroll;
}
body .playerPopBody .PYbasic-info {
padding: 10px;
border-bottom: 2px solid #EBEBEB;
display: flex;
align-items: center;
}
body .playerPopBody .PYbasic-info .lg-icon {
background: #ffffff;
width: 40px;
height: 40px;
text-align: center;
border: 1px solid #EBEBEB;
border-radius: 50%;
overflow: hidden;
}
body .playerPopBody .PYbasic-info .Tbox {
flex: 1;
margin: 0 10px;
}
body .playerPopBody .PYbasic-info .PName {
font-size: 14px;
}
body .playerPopBody .PLnum {
color: #8C8C8C;
font-weight: 500;
/*font-size:12px;text-align:center;font-weight:bold;line-height:28px;width:28px;height:28px;*/
margin: 0 5px 0 0;
display: inline-block;
position: relative;
z-index: 1;
}
body .playerPopBody .PLnum .icon {
color: #387f1a;
font-size: 28px;
font-weight: normal;
width: auto;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: none;
}
body .playerPopBody .rate {
background: #da2510;
color: #ffffff;
font-size: 12px;
line-height: 18px;
font-style: normal;
width: max-content;
margin: 0 0 0 5px;
padding: 0 5px;
border-radius: 10px;
display: inline-block;
}
body .playerPopBody .dbtools .stTool {
background-color: #EBEBEB;
width: 100%;
line-height: 20px;
margin: 0 auto;
padding: 2px;
border-radius: 20px;
overflow: hidden;
float: none;
display: flex;
}
body .playerPopBody .dbtools .stTool li {
flex: 1;
float: left;
text-align: center;
font-weight: normal;
padding: 3px 0px;
border: none !important;
}
body .playerPopBody .dbtools .stTool li.on {
background-color: #ffffff;
border-radius: 20px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
}
body .playerPopBody .selectBox .dbtools.ptTools {
flex: 0 0 100%;
}
body .playerPopBody .itembox .typetit {
background: #EBEBEB;
color: #8C8C8C;
font-size: 12px;
text-align: center;
line-height: 26px;
width: 100px;
margin: 15px auto;
border-radius: 20px;
}
body .playerPopBody .itembox .intelbox {
display: flex;
align-items: flex-start;
justify-content: center;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #EBEBEB;
}
body .playerPopBody .itembox .intelbox:last-child {
border: none;
padding: 0;
}
body .playerPopBody .itembox .intellis {
font-size: 14px;
font-weight: bold;
text-align: center;
border: none;
line-height: 20px;
min-height: 43px;
padding: 0;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
body .playerPopBody .itembox .intellis.lt {
flex: 0 0 150px;
}
body .playerPopBody .itembox .decs {
color: #8C8C8C;
font-size: 11px;
font-weight: normal;
line-height: normal;
display: block;
}
body .playerPopBody .itembox.data .intellis {
min-height: inherit;
}
body .playerPopBody .space {
background: #EBEBEB;
width: 100%;
height: 5px;
}
body .playerPopBody .up {
color: #5FCE00;
}
body .playerPopBody .down {
color: #FF5A2E;
}
body .playerPopBody .evt {
display: flex;
flex-direction: row;
}
body .playerPopBody .evt span {
justify-content: flex-start;
line-height: 20px;
display: flex;
align-items: center;
margin-right: 5px;
position: relative;
}
body .playerPopBody .evt span img {
flex: 0 0 16px;
width: 16px;
}
body .playerPopBody .snote {
background: #333;
color: #ffffff;
width: max-content;
font-size: 11px;
line-height: normal;
text-align: left;
padding: 5px 8px;
border-radius: 4px;
position: absolute;
top: 20px;
left: -10px;
z-index: 999;
}
body .playerPopBody .ssbtn {
margin-top: 20px;
}
body .playerPopBody .ssbtn a {
background: #f5f5f5;
color: #1B1B1B !important;
font-size: 12px;
font-weight: normal;
line-height: 30px;
text-align: center;
border-radius: 4px;
padding: 0 5px;
flex: 1;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body .same-odds {
display: none;
}
body .same-odds .team_tabs {
border: none;
}
body .same-odds .bar_shade {
height: 0;
transition: height 1s ease;
}
body .same-odds .team-h1 .home-bg {
float: left;
}
body .same-odds .team-h1 .away-bg {
float: right;
}
body .same-odds .bar {
width: 50%;
margin: 10px auto;
display: block;
float: none;
}
body .same-odds .fx-vote-data .fx-tb-a {
float: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
body .same-odds .fx-vote-data .vote {
font-size: 14px;
flex: 0 0 50%;
margin: 0;
padding: 0;
border: none;
display: block;
}
body .same-odds .fx-vote-data .vote .item {
display: flex;
justify-content: center;
border-right: 1px solid #f5f5f5;
padding: 0 10px;
}
body .same-odds .fx-vote-data .vote:nth-child(2) .item {
border: none;
}
body .same-odds .fx-vote-data .vote:nth-child(4) .item {
border: none;
}
body .same-odds .fx-vote-data .vote .pItem {
color: #1B1B1B;
width: 80%;
padding: 4px 10px;
margin: 10px 5px 0 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: auto;
}
body .same-odds .fx-vote-data .ext {
color: #595959;
text-align: center;
line-height: 20px;
margin: 10px 0;
}
body .same-odds .fx-vote-data .ext b {
margin: 0 5px;
}
body .same-odds .fx-vote-data .ext .ident {
color: #8C8C8C;
line-height: normal;
margin: 0 5px;
display: inline-block;
}
body .same-odds .fx-vote-data .ext .ident i {
width: 10px;
height: 10px;
margin: 0 5px;
border-radius: 2px;
display: inline-block;
}
body .same-odds .fx-ht-data {
height: 80px;
margin: 20px 0 5px 0;
flex: 1;
display: flex;
align-items: flex-end;
justify-content: center;
}
body .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;
}
body .same-odds .fx-ht-data .home-bg {
border-color: #da2510;
}
body .same-odds .fx-ht-data .away-bg {
border-color: #1b6ebd;
}
body .same-odds .fx-ht-data-w {
width: 100%;
font-weight: bold;
position: absolute;
top: -18px;
left: 50%;
transform: translateX(-50%);
}
body .same-odds .home-bg .fx-ht-data-w {
color: #da2510;
}
body .same-odds .draw-bg .fx-ht-data-w {
color: #595959;
}
body .same-odds .away-bg .fx-ht-data-w {
color: #1b6ebd;
}
body .stat .homes .stat-bar,
body .home-bg {
background: #da2510;
}
body .stat .aways .stat-bar,
body .away-bg {
background: #1b6ebd;
}
body .draw-bg {
background: #8C8C8C;
}
@media screen and (max-width: 340px) {
body .same-odds .fx-vote-data .vote {
width: 150px;
}
}
body .strength .away-bg {
float: right;
}
body .strength .home-bg {
float: left;
}
body .bar_shade {
transition: width 1s ease;
}
body .strength .radar {
width: 100%;
margin: 5px 0 0 0;
display: inline-block;
}
body .strength .radar .container {
height: 280px;
display: flex;
align-items: center;
justify-content: center;
}
body .strength .radar .score {
display: flex;
align-items: center;
justify-content: space-between;
}
body .strength .radar .score .home_score,
body .strength .radar .score .guest_score {
color: #da2510;
font-size: 24px;
font-weight: bold;
}
body .strength .radar .score .guest_score {
color: #1b6ebd;
}
body .strength .radar .score .teamLogo {
width: 30px;
height: 30px;
margin: 0 5px 5px 5px;
}
body .strength .radar .map {
display: inline-block;
width: 100%;
height: 220px;
margin-top: 15px;
}
body .strength .bar {
width: 100%;
margin-top: 8px;
}
body .strength .bar::after {
content: "";
clear: both;
display: block;
}
body .strength .options {
text-align: left;
margin: 0;
}
body .strength .options span {
background: #EBEBEB;
padding: 2px;
border-radius: 20px;
display: flex;
align-items: center;
}
body .strength .options li {
background: #EBEBEB;
color: #434343;
flex: 1;
padding: 8px 0;
margin: 2px;
border-radius: 4px;
text-align: center;
line-height: normal;
vertical-align: middle;
cursor: pointer;
display: inline-block;
}
body .strength .options li.on {
background: #387f1a;
color: #ffffff;
font-weight: bold;
border-radius: 20px;
}
body .strength .fx-tb-a {
width: 100%;
float: left;
}
body .strength .compare {
width: 100%;
margin: 0 auto;
float: none;
}
body .strength .fx-tb-a li {
width: 100%;
float: left;
text-align: center;
padding: 0;
margin: 5px 0;
border: none;
}
body .strength .fx-tb-a li .fx-tb-title {
padding-bottom: 6px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
body .strength .fx-tb-a li .fx-td-data {
background: #EBEBEB !important;
width: 28%;
height: 6px;
float: left;
position: relative;
margin: 2px 1px;
border-radius: 10px 0 0 10px;
}
body .strength .fx-tb-a li .fx-td-data div {
width: 0;
height: 6px;
position: absolute;
bottom: 0;
right: 0;
border-radius: 10px 0 0 10px;
}
body .strength .fx-tb-a li .fx-td-data.guest {
border-radius: 0 10px 10px 0;
}
body .strength .fx-tb-a li .fx-td-data.guest div {
right: auto;
border-radius: 0 10px 10px 0;
}
body .strength .bar .bar-title span {
font-weight: bold;
font-size: 14px;
}
body .strength .bar .team-h1 {
margin-bottom: 10px;
}
body .strength .team-h1 span {
display: inline-block;
width: 50%;
height: 3px;
}
body .strength .bar .team-h1 .home-bg,
body .bar .team-h1 .away-bg {
width: 50%;
}
body .strength .bar .team-h1 .gray-bg {
background: #EBEBEB;
width: 100%;
float: left;
}
body .strength .bar .detail {
width: 21%;
display: inline-block;
float: left;
position: relative;
bottom: 5px;
}
body .strength .bar .kind {
background: #f5f5f5;
min-width: 100px;
line-height: 24px;
padding: 0 10px;
border-radius: 30px;
display: inline-block;
}
body .strength .survey {
width: 100%;
text-align: center;
margin-top: 10px;
padding: 0 10px;
}
body .strength .survey .tips {
color: #8C8C8C;
text-align: left;
line-height: normal;
padding: 5px 0;
}
body .strength .survey .supportbtn {
margin: 10px 0;
display: flex;
align-items: center;
justify-content: center;
}
body .strength .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;
}
body .strength .survey .icon:before {
font-size: 20px;
margin: 2px auto;
display: block;
}
body .strength .survey .good {
color: #178109;
border: 1px solid #178109;
}
body .strength .survey .bad {
color: #e00606;
border: 1px solid #e00606;
}
body .strength .survey .bad::before {
transform: rotate(180deg);
}
body .strength .survey .on .good {
background: #178109;
color: #ffffff;
}
body .strength .survey .on .bad {
background: #e00606;
color: #ffffff;
}
body #content .mini {
position: static;
top: 0;
height: auto;
margin: 3px 0 3px 3px;
}
body #content .mini .gameBox .date,
body #content .mini .gameBox .gameInfo .icon,
body #content .mini .gameBox .HT,
body #content .mini .gameBox .status {
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
height: 0px;
opacity: 0;
display: block;
}
body #content .mini .gameBox .gameInfo {
height: 20px;
padding: 0;
position: absolute;
top: 16px;
}
body #content .mini .gameBox .gameName {
display: none;
}
body #content .mini .gameBox .gameInfo .vs {
width: 50px;
font-weight: 500;
line-height: 40px;
margin-top: -2px;
}
body #content .mini .gameBox .gameInfo .vs .FT {
font-size: 16px;
line-height: 20px;
}
body #content .mini .gameBox .gameInfo .home {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
padding-left: 40px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
text-align: right;
}
body #content .mini .gameBox .gameInfo .guest {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
text-align: left;
}
body #content #match .gameBox.mini {
margin: 0;
}
body #content .mini.Ant {
margin: 0;
}
body #content .mini.Ant .match-tools .close {
display: inline-block;
}
body #content .mini.Ant .close::before,
body #content .mini.Ant .close::after {
background: #ffffff;
}
body #content .mini.Ant .gameBox {
background: rgba(0, 0, 0, 0.35);
height: 40px;
padding: 0;
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
body #content .mini.Ant .gameBox.yb {
background: rgba(0, 0, 0, 0);
}
body #content .mini.Ant .gameBox.yb .back {
display: none;
}
body #content .mini.Ant .gameInfo {
height: auto;
top: 7px;
align-items: center;
justify-content: center;
}
body #content .mini.Ant .gameInfo .vs {
width: 100px;
line-height: normal;
}
body #content .mini.Ant .gameInfo .vs .score {
font-size: 24px;
}
body #content .mini.Ant .gameInfo .statusCon {
height: 16px;
}
body #content .mini.Ant .gameInfo .vs #liveVS {
margin: 0;
}
body #content .mini.Ant .gameInfo .home,
body #content .mini.Ant .gameInfo .guest {
width: calc(50% - 50px);
width: -webkit-calc(50% - 50px);
margin: 0;
display: flex;
align-items: center;
}
body #content .mini.Ant .gameInfo .home {
justify-content: flex-end;
padding-left: 30px;
}
body #content .mini.Ant .gameInfo .icon,
body #content .mini.Ant .gameInfo .status {
height: auto;
opacity: 1;
display: inline-block;
transform: translate3d(0, 2px, 0);
-webkit-transform: translate3d(0, 2px, 0);
}
body #content .mini.Ant .gameInfo .icon {
width: 26px;
height: 26px;
margin: 0 5px;
transform: translate3d(0, 0, 0);
}
body #content .mini.Ant .match-tools .icon,
body #content .mini.Ant .gameInfo .atBtn,
body #content .mini.Ant .gameInfo .atCon,
body #content .mini.Ant .gameInfo .collect,
body #content .mini.Ant .gameInfo .name {
display: none !important;
}
body #content .mini.Ant .gameInfo .evticons img {
vertical-align: 0;
}
body #content .mini.Ant .status {
width: 40px;
}
body .tvLinkBox {
background: #ffffff;
border-radius: 5px;
width: 50%;
position: absolute;
top: 110px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
z-index: 10;
}
body .tvLinkBox .tvLinklis {
color: #1B1B1B;
font-size: 14px;
cursor: pointer;
}
body .tvLinkBox .tvLinklis:last-child {
border: none;
}
body #content .mini .exlist {
display: none;
}
body #content .tob.mini .gameBox .gameInfo .vs {
margin: 0;
}
body #content .gameBox a.back {
z-index: 99999;
top: 20px;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
margin: 0;
}
body .HomeNum,
body .GuestNum {
display: block;
margin: 0 auto;
line-height: 18px;
color: #ffffff;
font-size: 11px;
width: 18px;
height: 18px;
border-radius: 50%;
}
body .HomeNum {
background: #006699;
}
body .GuestNum {
background: #ff6600;
}
body #content .match {
position: fixed;
z-index: 99;
top: 0;
width: 100%;
max-width: 640px;
text-align: center;
background: linear-gradient(90deg, #5e2200 0%, #013667 100%);
color: #ffffff;
}
body #content .gameBox a {
color: #ffffff;
overflow: hidden;
white-space: nowrap;
}
body #content .gameBox a div {
margin: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body #content .gameBox a div.bor {
width: min-content;
background: rgba(255, 255, 255, 0.1);
padding: 0 10px;
border-radius: 3px;
}
body .header .match-tools .icon {
color: #ffffff;
float: right;
position: static;
width: 28px;
height: 28px;
line-height: 28px;
font-size: 20px;
margin: 5px 0 0 8px;
opacity: 0.9;
}
body .header .match-tools .close {
display: none;
width: 16px;
height: 16px;
margin: 5px 2px 0 8px;
}
body .team_tabs .teamLogo {
width: 24px;
height: 24px;
}
body .eTable .countryLogo {
height: 20px;
}
body #strengthTabs {
justify-content: space-around;
border-top: 0px;
}
body .thSp {
height: 0px !important;
margin: 0px !important;
padding: 0px !important;
border: 0px !important;
}
body #settingPop.ststpop .info.cel1 li {
width: calc(100% - 8px);
}
body #settingPop.ststpop .info.cel3 li {
width: calc(33.3% - 8px);
}
body #settingPop.ststpop .info.cel4 li {
width: calc(25% - 8px);
}
body #settingPop.ststpop .info.cel5 li {
width: calc(20% - 8px);
}
body #settingPop.ststpop .info.cel8 li {
width: calc(14.28% - 8px);
}
body #settingPop.ststpop .title {
line-height: normal;
padding: 10px 40px 10px 10px;
overflow: unset;
text-overflow: unset;
white-space: unset;
}
body #settingPop.ststpop .title .close_b {
margin: 8px;
top: 6px;
}
body #settingPop.ststpop #morePopContent th {
background: #f5f5f5;
border-bottom: solid 1px #D9D9D9;
font-weight: 600;
color: #000000;
font-size: 12px;
}
body #settingPop.ststpop #morePopContent {
max-height: 80vh;
}
body #settingPop.ststpop ul::after {
content: "";
display: block;
clear: both;
}
body #settingPop.ststpop .info {
background: #ffffff;
padding: 10px;
height: unset;
max-height: 440px;
}
body #settingPop.ststpop .info .eTable {
padding: 0;
}
body #settingPop.ststpop .info li {
background: #EBEBEB;
float: left;
width: calc(50% - 8px);
justify-content: center;
text-align: center;
line-height: normal;
margin: 4px;
padding: 8px 5px;
border: none;
border-radius: 6px;
}
body #settingPop.ststpop .info li a {
color: #1B1B1B;
line-height: normal;
text-align: center;
width: 100%;
float: none;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
body #settingPop.ststpop .info li.on,
body #settingPop.ststpop .info li.on a {
background: rgba(56, 127, 26, 0.1);
color: #1B1B1B;
font-weight: bold;
}
body #settingPop.ststpop .info li.on a {
background: none;
}
body #settingPop.ststpop .info li.def,
body #settingPop.ststpop .info li.def a {
color: #ff0000 !important;
font-weight: bold;
}
body .popupGif {
position: fixed;
width: 100%;
height: 100%;
z-index: 10001;
}
body .popupGifBox {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 12;
}
body .popupGifBox-Info {
background: #333;
text-align: center;
border-radius: 4px;
/* margin: 0 16px;*/
position: relative;
top: 50%;
transform: translateY(-50%);
z-index: 9;
overflow: hidden;
}
body .popupGifBox-Title {
background: rgba(0, 0, 0, 0.4);
color: #ffffff;
font-weight: normal;
font-size: 12px;
line-height: 30px;
text-align: left;
padding: 0 10px;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
body .popupGifBox-Title .close {
width: 15px;
height: 30px;
float: right;
cursor: pointer;
}
body .popupGifBox-Title .close::before,
body .popupGifBox-Title .close::after {
height: 1px;
}
body.dark .popupGifBox-Title .close::before,
body.dark .popupGifBox-Title .close::after {
background: #ffffff;
}
body .popupGifBox-Body,
body .popupGifBox-Body img {
width: 100%;
min-height: 150px;
background: url("/images/loadding.gif") no-repeat center;
}
body.dark .popupGifBox-Body img {
background: #333;
}
body .Htitle {
color: #1B1B1B;
font-size: 14px;
font-weight: bold;
line-height: 34px;
}
body .Htitle::before {
content: "";
background: #da2510;
width: 5px;
height: 16px;
margin-right: 5px;
vertical-align: -4px;
display: inline-block;
}
body .grouptit {
background: linear-gradient(90deg, #f5f5f5, transparent);
font-size: 14px;
font-weight: bold;
line-height: 24px;
text-align: left;
padding: 0 10px;
margin: 5px 0;
border-radius: 20px;
}
body .grouptit:first-child {
margin-top: 10px;
}
body .eTable .grouptit + .eTablelis,
body .eTable .TBlistit + .eTablelis,
body .all .eTable .TBlistit:first-child + .eTablelis {
border-top: none;
}
body .all .eTable .TBlistit + .eTablelis {
border-top: 1px solid #f5f5f5;
}
body .w60 {
width: 60px !important;
}
body .atBtn .icon-live_on {
color: #ffffff !important;
font-size: 14px !important;
}
body .toolbox {
background: #ffffff;
width: 100%;
padding: 10px;
/*display:flex;align-items:center;*/
}
body .toolbox .selectbox {
display: flex;
align-items: center;
}
body .toolbox .selectbox.wrap {
flex-wrap: wrap;
}
body .toolbox .selectbox.wrap span {
flex: 0 0 calc(33.5% - 5px);
}
body .toolbox .selectbox.wrap .mb5 {
margin-bottom: 5px;
}
body .toolbox .selectbox.wrap .ml0 {
margin-left: 0;
}
body .toolbox .selectbox span {
background: #f5f5f5;
font-size: 14px;
line-height: 32px;
text-align: center;
border-radius: 4px;
padding: 0 5px;
margin: 0 0 0 5px;
flex: 1;
/*flex:1 0 auto;*/
}
body .toolbox .selectbox span:first-child {
margin: 0;
}
body .toolbox .selectbox .on {
background: rgba(218, 37, 16, 0.15);
color: #da2510;
font-weight: 500;
}
body .toolbox .selectbox .team {
padding: 0 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
body .toolbox .selectbox .team span {
background: none;
font-size: 14px;
font-weight: bold;
padding: 0;
flex: 0 0 auto;
}
body .toolbox .selectbox .team .teamLogo {
width: 20px;
height: 20px;
}
body .toolbox .selectbox.teamtab .teamLogo {
background: rgba(255, 255, 255, 0);
width: 24px;
height: 24px;
vertical-align: -7px;
border-radius: 5px;
}
body .toolbox .SlitemBox {
margin-top: 10px;
padding: 3px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
body .toolbox .SlitemBox .choicebox span {
font-size: 12px;
margin-right: 5px;
}
body .toolbox .SlitemBox .choicebox .on,
body .toolbox .SlitemBox .choicebox .on .icon {
color: #da2510;
}
body .toolbox .SlitemBox .choicebox .icon {
color: #BFBFBF;
font-size: 18px;
margin-right: 2px;
vertical-align: -2px;
}
body .toolbox .SlitemBox .pullbox .icon {
color: #BFBFBF;
font-size: 12px;
line-height: 12px;
vertical-align: 0;
}
body .eTable {
background: #ffffff;
padding: 0 10px;
}
body .eTable::before {
content: "";
display: table;
}
body .eTable .eTablelis {
padding: 10px 0;
border-top: 1px solid #f5f5f5;
display: flex;
align-items: center;
}
body .eTable .eTablelis:first-child {
border: none;
}
body .eTable .eTablelis.bt {
border-top: 1px solid #f5f5f5;
}
body .eTable .eTablelis.tit {
padding: 3px 5px;
}
body .eTable .eTablelis.tit span {
color: #8C8C8C;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-align: center;
}
body .eTable .eTablelis .time {
width: 40px;
line-height: 16px;
text-align: center;
margin: 0;
}
body .eTable .eTablelis .date {
color: #8C8C8C;
display: block;
font-size: 11px;
}
body .eTable .eTablelis .team_item {
color: #1B1B1B;
flex: 1;
overflow: hidden;
}
body .eTable .eTablelis .team_item .home,
body .eTable .eTablelis .team_item .guest {
font-size: 14px;
margin-left: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body .eTable .eTablelis .home {
margin-bottom: 5px;
}
body .eTable .eTablelis .teamLogo {
margin: 0 2px;
vertical-align: -4px;
}
body .eTable .eTablelis .score {
width: 20px;
margin-left: 10px;
}
body .eTable .eTablelis .score span {
color: #1B1B1B;
font-size: 16px;
line-height: 20px;
font-weight: bold;
text-align: center;
display: block;
}
body .eTable .eTablelis .score span:first-child {
margin-bottom: 5px;
}
body .eTable .eTablelis .score .lose {
color: #8C8C8C;
}
body .eTable .eTablelis .scoreBox {
width: 20px;
margin: 0 5px 0 10px;
}
body .eTable .TBlistit {
background: #f5f5f5;
font-size: 12px;
line-height: 22px;
padding: 0 10px;
border-radius: 20px;
}
body .eTable .TBlistit .cImg {
margin: 0 5px 0 0;
vertical-align: 0;
}
body .eTable.oddbox {
padding: 0 10px 10px 10px;
}
body .eTable.oddbox .eTablelis {
line-height: 28px;
padding: 0;
border: 1px solid #f5f5f5;
border-top: none;
}
body .eTable.oddbox .eTablelis:nth-child(odd) {
background: rgba(191, 191, 191, 0.08);
}
body .eTable.oddbox .odditem {
flex: 1;
}
body .eTable.oddbox .oRtitle {
background: #f5f5f5;
color: #8C8C8C;
line-height: 24px;
}
body .eTable.oddbox .oRtitle .oddsCName {
font-weight: normal;
width: 135px;
}
body .eTable.oddbox .oRtitle .oddsRow {
border: none;
}
body .eTable.oddbox .oddsCName {
font-weight: bold;
text-align: center;
width: 65px;
}
body .eTable.oddbox .oddsRow {
text-align: center;
border-top: 1px solid #f5f5f5;
display: flex;
justify-content: space-around;
}
body .eTable.oddbox .oddsRow:first-child {
border: none;
}
body .eTable.oddbox .oddsPan {
flex: 1;
max-width: 70px;
}
body .eTable.oddbox .oddsCon {
flex: 1;
display: flex;
justify-content: space-around;
}
body .eTable.oddbox .oddsCon span {
width: 50px;
}
body .eTable.oddbox .icon {
width: 26px;
height: auto;
color: #8C8C8C;
font-size: 12px;
}
body .oTable .oTablelis {
font-size: 12px;
text-align: center;
line-height: 30px;
border-bottom: 1px solid #f5f5f5;
padding: 0;
display: flex;
align-items: center;
}
body .oTable .oTablelis.tit {
background: #f5f5f5;
color: #8C8C8C;
font-size: 12px;
line-height: 26px;
font-weight: normal;
padding: 0 10px;
}
body .oTable .oTablelis.tit .time {
color: #8C8C8C;
}
body .oTable .oTablelis.tit .date {
color: #8C8C8C;
}
body .oTable .oTablelis > div {
flex: 0 0 50px;
}
body .oTable .oTablelis .odditems {
flex: 1;
display: flex;
align-items: center;
}
body .oTable .oTablelis .odditems span {
flex: 1;
}
body .oTable .oTablelis .time {
color: #595959;
flex: 0 0 60px;
}
body .oTable .oTablelis .date {
color: #595959;
flex: 0 0 80px;
}
body .oTable .oTablelis .mark-on {
background: rgba(218, 37, 16, 0.08);
}
body .oTable .info {
background: #ffffff !important;
height: calc(80vh - 78px) !important;
padding: 0 10px 30px 10px;
}
body .rankbox {
background: #ffffff;
padding-bottom: 10px;
}
body .rankbox::before {
content: "";
display: table;
}
body .rankbox::after {
content: "";
display: block;
clear: both;
}
body .rankdata {
background: #ffffff;
width: 100%;
padding: 0 10px;
/*border-left:1px solid @@bc1;*/
float: left;
overflow-x: auto;
}
body .rankdata .ranklis {
color: #595959;
font-size: 14px;
font-weight: normal;
text-align: center;
line-height: 20px;
padding: 8px 0;
border-top: 1px solid #f5f5f5;
display: flex;
align-items: center;
}
body .rankdata .ranklis:first-child {
border: none;
}
body .rankdata .ranklis.on {
background: rgba(218, 37, 16, 0.07);
}
body .rankdata .ranklis.tit {
color: #8C8C8C;
font-size: 12px;
line-height: 26px;
padding: 0;
border-top: none;
}
body .rankdata .ranklis span {
width: 26px;
}
body .rankdata .ranklis .team_item {
flex: 1;
overflow: hidden;
}
body .rankdata .ranklis .team_item .LName {
color: #1B1B1B;
font-size: 14px;
text-align: left;
padding-left: 3px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}
body .rankdata .ranklis .teamIcon {
margin-right: 5px;
padding: 0;
vertical-align: -4px;
}
body .rankdata .area {
background: #ffffff;
color: #8C8C8C;
font-size: 11px;
height: 26px;
line-height: 26px;
font-weight: normal;
text-align: left;
padding: 0 8px;
border-top: 1px solid #f5f5f5;
}
body .rankdata .title.area {
margin-top: 5px;
}
body #selCompanyMain #setting_popSel .selectpop .odd_li .icon {
color: #BFBFBF;
font-size: 20px;
height: auto;
display: block;
float: right;
}
body #selCompanyMain #setting_popSel .selectpop .odd_li.on {
color: #da2510;
}
body #selCompanyMain #setting_popSel .selectpop .odd_li.on .icon {
color: #da2510;
}
body.dark {
/*.detailMenuTabs {position: relative;width: 100%;overflow: hidden;display:flex;}
.detailMenu {overflow-x: auto;width:100%;}
.detailMenu .item {flex: 1 0 auto;padding:0 10px;}
.detailMenu .hot {right: 0;}*/
/* mini */
/* #content .mini .header{background: unset;} */
/* #content .mini .gameBox {padding: 0;} */
/* def */
/* #content .gameBox .gameInfo .HT {float: left} */
/*#content .gameBox .gameInfo .video {float: left;padding: 0 5px;border-radius: 4px;margin: 0 5px;line-height: 20px;background: -o-linear-gradient(45deg, #2196F3, #16a22f);background: linear-gradient(45deg, #2196F3, #16a22f);}*/
/* #content h2 .tabs {width: 40%;float: left;margin-left: 5px;vertical-align: middle;height: 30px;border: none;}
#content h2 .tabs .tab {height: 26px;border-radius: 4px;font-size: 12px;line-height: 24px;border: solid 1px #307b06;margin: 2px;} */
/*时间轴线*/
/* .eventBox .eventList .item > div::before {content:" ";display:block;width:100%;} */
/* .eventBox .eventList .item .homeEvent .name,.eventBox .eventList .item .guestEvent .name { white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; line-height: 28px; overflow: hidden; display: inline-block; width: calc(~"100% - 28px"); }*/
/* ------------------ */
/*合并差异化*/
/*V1 BAK*/
/*#content .mini #liveAnt {display: none;}
#content .mini .gameBox .gameInfo .home {width: -webkit-calc(~"50% - 25px");width: calc(~"50% - 25px");-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;text-align: right;padding: 0;}
#content .mini .gameBox .gameInfo .guest {width: -webkit-calc(~"50% - 25px");width: calc(~"50% - 25px");-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;text-align: left;}
#content .gameBox {padding: 0 0 5px 0;width: 100%;height: 100%;background: #226204;text-align: center;position: relative;color: @white;}
#content .gameBox * {-webkit-transition: unset;-o-transition: unset;transition: unset;}
#content .gameBox .date {opacity: 0.5;line-height: 16px;}
#content .gameBox .date.ft {color: red;}
#content .gameBox a {color: white;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;display: block;}
#content .gameBox .name {width: 100%;opacity: 1;line-height: normal;display: block;font-size: 15px;}
#content .gameBox .gameInfo {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;line-height: 20px;}
#content .gameBox .gameInfo .home {text-align: right;}
#content .gameBox .gameInfo .guest {text-align: left;}
#content .gameBox .exlist {opacity: 0.5; line-height: normal;}
#content .gameBox.mini {padding: 10px 0;background: @@bg1;color: #333;}
#content .gameBox.mini a {color: #333;}
#content .gameBox .gameInfo .vs {line-height: 20px;}
#content .gameBox .gameInfo .vs .ant {background:@@primary;color:white;margin:0 auto;border-radius:20px;margin-top:3px;padding:2px 8px;line-height:20px;display:inline;-webkit-box-shadow:none;box-shadow:none;border:0;}
#content .gameBox .gameInfo .FT {font-size: 22px;width: 100%;line-height: 20px;}
#content .gameBox .gameInfo .HT {float: left}*/
/* #content .icon {vertical-align: middle;width: 20px;height: 20px;font-size: 0;} */
/* #content table.eTable tr td{border-right: solid 1px @@bc1;;} */
/* #content h2,#content .h2 {display: block;border-bottom: solid 1px @@bc1;font-weight: bold;font-size: 13px;
padding: 0 5px 0 5px;background: @@bg1;line-height: 29px;margin-top: 5px;height: auto;} */
/*V1.4*/
/* #e6_1 .h3,#e3_1,#f3 {display: none !important;}*/
/*合并差异化end*/
/*---------合并差异化2----------*/
/*.boxtool .selectbox {
background:@@bg2;
color:@@fc1;
height:30px;
padding:1px;
margin-top:8px;
border-radius:4px;
display:flex;
overflow:hidden;
}*/
/*合并差异化2end*/
/* 新阵容 */
/* 阵容-技术统计弹框 */
/* 历史同赔 */
/* 实力对比 */
/*.strength{display:none;}*/
/* 动图回放 */
/*----- 新版公共样式 -----*/
/*----- 表格公共样式 -----*/
/*----- 赔率详情列表 -----*/
/*----- 排行榜 -----*/
color: #D9D9D9;
background: #232323;
}
body.dark .fw500 {
font-weight: bold;
}
body.dark .DaPic {
background-image: url("../../Images/Dangerous_attack_light.png");
}
body.dark .lineTd {
border-left: solid 1px #262626;
padding-left: 5px;
}
body.dark #content {
font-size: 12px;
}
body.dark .dataBox .icon {
text-align: center;
}
body.dark #content .icon img {
max-width: 100%;
max-height: 100%;
}
body.dark .detailMenu {
text-align: center;
padding: 0px;
margin: 0px;
background: #ffffff17;
/*border-bottom: solid 1px @@bc1;*/
overflow: hidden;
line-height: 30px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 3px 5px 10px;
box-shadow: rgba(0, 0, 0, 0.1) 3px 5px 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body.dark .detailMenu.peerBox {
overflow-x: auto;
}
body.dark .detailMenu .item {
line-height: 34px;
color: #b41f0d;
text-transform: uppercase;
white-space: nowrap;
padding: 0;
border: none;
font-size: 14px;
-webkit-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
transition: all 0.2s linear;
}
body.dark .detailMenu .item a {
color: #ffffff;
opacity: 0.8;
text-decoration: none;
display: block;
}
body.dark .detailMenu .item.on {
border: none;
font-weight: bold;
position: relative;
}
body.dark .detailMenu .item.on a {
opacity: 1;
color: #b41f0d !important;
/*color:lighten(@@primary,20%);*/
}
body.dark .detailMenu .item.on:after {
content: "";
background: #b41f0d;
position: absolute;
bottom: 0px;
left: 50%;
width: 80%;
height: 2px;
transform: translate(-50%, 0);
animation: online 0.3s ease-out;
}
@keyframes online {
0% {
width: 0%;
}
100% {
width: 80%;
}
}
body.dark .navbox {
background: #1B1B1B;
/*background:@@headbg;*/
}
body.dark .navbox .detailMenu {
background: transparent;
padding: 0 10px;
width: 100%;
overflow-x: scroll;
scrollbar-width: none;
}
body.dark .navbox .detailMenu .item {
background: transparent;
margin: 0 0 0 20px;
border-radius: 0;
}
body.dark .navbox .detailMenu .item:first-child {
margin: 0;
}
body.dark .playerTechBox {
overflow: hidden;
background: #1B1B1B;
width: 100%;
padding: 10px;
}
body.dark .playerTechBox .row {
padding: 5px 0;
overflow: hidden;
display: flex;
align-items: center;
}
body.dark .playerTechBox .icon {
width: 90px;
height: 40px;
float: left;
text-align: center;
}
body.dark .playerTechBox .num {
font-size: 15px;
font-weight: bold;
line-height: normal;
flex: 0 20px !important;
}
body.dark .playerTechBox .pname {
line-height: normal;
font-weight: normal;
color: #666;
font-size: 12px;
}
body.dark .playerTechBox .icon img {
border: solid 2px #e6e6e6;
border-radius: 50%;
max-width: 100%;
height: 100%;
margin: 0 auto;
}
body.dark .playerTechBox .techBox {
float: left;
width: -webkit-calc(100% - 180px);
width: calc(100% - 180px);
}
body.dark .playerTechBox .techBox li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
border: none;
margin: 0;
padding: 0;
}
body.dark .playerTechBox .techBox li > div {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
font-size: 14px;
line-height: 40px;
font-weight: bold;
}
body.dark .playerTechBox .techBox .name {
font-size: 12px;
font-weight: normal;
line-height: normal;
text-align: left;
padding: 0;
flex: 0 0 70px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
body.dark .playerTechBox .techBox .name:last-child {
text-align: right;
}
body.dark .playerTechBox .techBox li .PName {
color: #999;
}
body.dark .playerTechBox .techBox li .etit {
line-height: 40px;
}
body.dark #content .mini {
position: static;
top: 0;
height: auto;
margin: 3px 0 3px 3px;
}
body.dark #content .mini .gameBox .date,
body.dark #content .mini .gameBox .gameInfo .icon,
body.dark #content .mini .gameBox .HT,
body.dark #content .mini .gameBox .status {
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
height: 0px;
opacity: 0;
display: block;
}
body.dark #content .mini .gameBox .gameInfo {
height: 20px;
padding: 0;
position: absolute;
top: 16px;
}
body.dark #content .mini .gameBox .gameName {
display: none;
}
body.dark #content .mini .gameBox .gameInfo .vs {
width: 50px;
font-weight: 500;
line-height: 40px;
margin-top: -2px;
}
body.dark #content .gameBox .gameInfo .vs .date {
opacity: 0.7;
}
body.dark #content .mini .gameBox .gameInfo .vs .FT {
font-size: 16px;
line-height: 20px;
}
body.dark #content .mini .gameBox .gameInfo .home {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
padding-left: 40px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
text-align: right;
}
body.dark #content .mini .gameBox .gameInfo .guest {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
text-align: left;
}
body.dark #content .mini .name {
font-size: 13px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
body.dark #content .gameBox {
width: 100%;
height: 100%;
text-align: center;
padding-bottom: 10px;
position: relative;
/* font-size: 0; */
/* line-height: 0; */
}
body.dark #content #match .gameBox.mini {
margin: 0;
}
body.dark #content .gameBox * {
transition: all 0.4s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
body.dark #content .gameBox .gameName {
font-size: 12px;
line-height: 20px;
text-align: left;
max-width: 68%;
width: 100%;
height: 40px;
margin: 0;
opacity: 1;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
position: absolute;
left: 40px;
}
body.dark #content .gameBox .gameName a {
font-size: 14px;
line-height: 40px;
padding-left: 5px;
display: block;
text-overflow: ellipsis;
}
body.dark #content .gameBox .gameName .date {
font-size: 11px;
opacity: 0.6;
display: block;
}
body.dark #content .gameBox .name {
font-size: 14px;
line-height: 16px;
width: 100%;
opacity: 1;
display: block;
clear: both;
}
body.dark #content .gameBox .gameInfo {
overflow: hidden;
width: 100%;
padding: 0 5px;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
body.dark #content .gameBox .gameInfo .icon {
/*background: rgba(255,255,255,0.3);background-color:@white;*/
color: #ffffff;
border-radius: 5px;
width: 32px;
height: 32px;
overflow: hidden;
display: inline-block;
}
body.dark #content .gameBox .gameInfo .collect {
color: #ffffff !important;
background: none;
line-height: 32px;
position: absolute;
left: 1px;
opacity: 0.7;
}
body.dark #content .gameBox .gameInfo .collect.on {
color: #b41f0d !important;
opacity: 1;
}
body.dark #content .gameBox .gameInfo .guest .collect {
left: auto;
right: 1px;
}
body.dark #content .gameBox .gameInfo .vs {
width: 34%;
font-weight: normal;
line-height: 20px;
/*height: 70px;*/
position: relative;
}
body.dark #content .gameBox .gameInfo .vs .score {
font-size: 30px;
font-weight: bold;
line-height: 40px;
width: 40px;
position: absolute;
top: 45%;
transform: translate(0, -50%);
}
body.dark #content .gameBox .gameInfo .vs .hs {
left: -10px;
}
body.dark #content .gameBox .gameInfo .vs .as {
right: -10px;
}
body.dark #content .gameBox .gameInfo .vs .icon {
background: none;
height: 22px;
font-size: 18px;
border-radius: 0;
}
body.dark #content .gameBox .gameInfo .icon.ant {
border: none;
}
body.dark #content .gameBox .gameInfo .icon img {
max-width: 100%;
max-height: 100%;
top: 0;
}
body.dark #content .gameBox .gameInfo .exlist {
width: 100%;
}
body.dark #content .gameBox .gameInfo .status {
position: relative;
}
body.dark #content .gameBox .gameInfo .status i.min {
right: -5px;
top: 0;
background: url(/Images/in_w.gif) no-repeat top right;
height: 10px;
width: 3px;
display: inline-block;
/*width:10px;position:absolute;*/
}
body.dark #content .gameBox .gameInfo > div {
float: left;
}
body.dark #content .gameBox .gameInfo .guest,
body.dark #content .gameBox .gameInfo .home {
width: 33%;
margin-top: 22px;
position: relative;
}
body.dark #content .gameBox .gameInfo .FT {
font-size: 20px;
width: 100%;
line-height: 16px;
}
body.dark #content .gameBox .gameInfo .HT {
color: #BFBFBF;
}
body.dark #content .gameBox .gameInfo .atCon {
width: max-content;
min-width: 50px;
height: 24px;
line-height: 22px;
padding: 0;
margin: 5px auto 0 auto;
}
body.dark #content .gameBox .gameInfo .atBtn {
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
padding: 0 1px;
display: flex;
align-items: center;
}
body.dark #content .gameBox .gameInfo .atBtn .icon {
color: #46e1ff;
flex: 1;
animation: sparkle 1.5s infinite;
}
body.dark #content .gameBox .gameInfo .atBtn .icon:nth-child(2) {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
body.dark #content .gameBox .gameInfo .atBtn .icon-live_on {
color: #46e1ff !important;
font-size: 16px !important;
}
body.dark #content .gameBox .gameInfo .atBtn .live {
font-size: 14px;
}
body.dark #content .gameBox .gameInfo #liveVS {
margin: 12px 0;
}
body.dark #content .gameBox .gameInfo #liveFt {
margin-top: 27px;
}
body.dark #content .gameBox .gameInfo div.video {
background: #b41f0d;
padding: 0 5px;
border-radius: 20px;
margin: 0 5px;
line-height: 20px;
height: 20px;
display: inline-block;
margin-top: 7px;
}
body.dark #content .gameBox .gameInfo div.video .icon {
color: #ffffff;
font-weight: normal;
height: auto;
}
@keyframes sparkle {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
body.dark #content .mini .exlist {
display: none;
}
body.dark #content .tob.mini .gameBox .gameInfo .vs {
margin: 0;
}
body.dark #content .gameBox a.back {
z-index: 99999;
top: 20px;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
margin: 0;
}
body.dark .HomeNum,
body.dark .GuestNum {
color: #ffffff;
font-size: 11px;
line-height: 18px;
text-align: center;
width: 18px;
height: 18px;
margin: 0 auto;
border-radius: 50%;
display: block;
}
body.dark .HomeNum {
background: #006699;
}
body.dark .GuestNum {
background: #ff6600;
}
body.dark #youtubeBox {
height: 50vw;
}
body.dark .ePart .rsmchar {
padding: 10px 10px 0 10px;
}
body.dark #content .match {
position: fixed;
z-index: 99;
top: 0;
width: 100%;
max-width: 640px;
text-align: center;
background: linear-gradient(90deg, #5e2200 0%, #013667 100%);
color: #ffffff;
}
body.dark #content .gameBox table tr td {
background: transparent;
border: none;
padding: 0;
line-height: normal;
height: auto;
}
body.dark #content .gameBox a {
color: #ffffff;
overflow: hidden;
white-space: nowrap;
}
body.dark #content .gameBox a div {
margin: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body.dark #content .gameBox a div.bor {
width: min-content;
background: rgba(255, 255, 255, 0.1);
padding: 0 10px;
border-radius: 3px;
}
body.dark .header .match-tools .icon {
color: #ffffff;
float: right;
position: static;
width: 28px;
height: 28px;
line-height: 28px;
font-size: 20px;
margin: 5px 0 0 8px;
opacity: 0.9;
}
body.dark #content h2,
body.dark #content .h2 {
display: block;
border-bottom: solid 0.5px #262626 !important;
border-top: 1px solid #1B1B1B;
font-weight: bold;
font-size: 15px;
padding: 0 10px;
background: #1B1B1B;
line-height: 40px;
margin-top: 8px;
height: auto;
}
@media screen and (min-width: 320px) and (max-width: 320px) {
body.dark #content .h2 {
font-size: 12px;
}
body.dark .boxtool {
font-size: 10px !important;
}
}
body.dark #content h2 .tools,
body.dark #content .h2 .tools {
border-bottom: solid 1px #262626;
}
body.dark #content h2::before,
body.dark #content .h2::before {
float: left;
height: 13px;
width: 3px;
background: #e0e0e0;
margin: 8px 5px 0 0;
}
body.dark #content h2 .tit {
float: left;
}
body.dark #content .h2 .icon {
color: #595959;
float: right;
width: 30px;
height: auto;
margin-right: -10px;
background-size: 25px 25px;
font-weight: normal;
}
body.dark #content h3,
body.dark #content .h3 {
border-bottom: solid 1px #262626;
font-weight: bold;
font-size: 12px;
padding: 0 5px;
background: #1B1B1B;
line-height: 30px;
color: #ffffff;
text-align: left;
padding: 0 10px;
}
body.dark #tabContent0 .h3,
body.dark #tabContent1 .h3 {
background: #262626;
}
body.dark #tabContent0 table tr td,
body.dark #tabContent1 table tr td {
height: 30px !important;
}
body.dark #content table tr th,
body.dark #content table tr td {
background: #1B1B1B;
height: 28px;
text-align: center;
line-height: normal;
border-bottom: solid 1px #1B1B1B;
font-size: 12px;
}
body.dark #content table tr td .icon {
font-size: 16px;
}
body.dark #content table tr th {
font-size: 11px;
font-weight: bold;
background: #1B1B1B;
height: 30px;
line-height: normal;
color: #999999;
}
body.dark #content table.fixed {
table-layout: fixed;
}
body.dark #content table.fixed tr td,
body.dark #content table.fixed tr th {
word-break: break-all;
}
body.dark #content table.eTable tr td {
background: #1B1B1B;
font-size: 13px;
}
body.dark #oddsPop #settingPop table.oTable tr th,
body.dark #oddsPop #settingPop table.opTable tr th {
white-space: normal;
line-height: 26px;
}
body.dark #settingPop table.oTable td {
padding: 4px 0;
}
body.dark #settingPop table.oTable tr th,
body.dark #content table.eTable tr th,
body.dark #content table.eTable2 tr th {
background: #232323;
color: #8C8C8C;
font-size: 10px;
line-height: 20px;
font-weight: normal;
text-transform: uppercase;
height: 26px;
padding: 3px 0;
border-bottom: solid 1px #262626;
}
body.dark .bodanTable tr {
background-color: #1B1B1B !important;
}
body.dark .bodanTable td {
border-bottom: solid 1px #262626 !important;
border-right: solid 1px #262626 !important;
}
body.dark #e1_1 table.eTable2 tr td:nth-child(3),
body.dark #e1_1 table.eTable2 tr td:nth-child(2),
body.dark #e1_1 table.eTable2 tr td:nth-child(4),
body.dark #e1_1 table.eTable2 tr td:nth-child(5),
body.dark #e2_1 table.eTable2 tr td:nth-child(3),
body.dark #e2_1 table.eTable2 tr td:nth-child(4),
body.dark #e2_1 table.eTable2 tr td:nth-child(5),
body.dark #e3_1 table.eTable2 tr td:nth-child(2),
body.dark #e3_1 table.eTable2 tr td:nth-child(3),
body.dark #e3_1 table.eTable2 tr td:nth-child(4) {
border-left: 1px solid #1B1B1B;
}
body.dark .tl {
border-top: 1px solid #262626;
}
body.dark #settingPop .Hft {
background: #1B1B1B;
border-top: 1px solid #262626;
}
body.dark #settingPop table.oTable tr,
body.dark #settingPop table.opTable tr {
text-align: center;
}
body.dark #settingPop .Hft .tabs {
margin: 8px 0px 8px 18%;
float: none;
}
body.dark #settingPop table.oTable tr:nth-child(even),
body.dark #settingPop table.opTable tr:nth-child(even) {
background: #262626;
}
body.dark #settingPop table.oTable tr th,
body.dark #settingPop table.opTable tr th,
body.dark #content table.eTable tr th,
body.dark .bl {
border-bottom: solid 1px #000000;
}
body.dark #content table.eTable .h3 {
border-bottom: solid 1px #000000 !important;
}
body.dark #content table tr td .lRow {
display: block;
width: 100%;
text-align: left;
line-height: 18px;
padding-left: 6px;
}
body.dark #content .lRow {
text-align: left;
padding-left: 6px !important;
}
body.dark #content .rRow {
text-align: right;
padding-right: 8px !important;
}
body.dark #content .LName {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: left;
}
body.dark #content .TAL {
text-align: left;
}
body.dark #content .scoreBox span {
color: #ffffff;
font-size: 12px;
font-weight: normal;
text-align: center;
width: 20px !important;
height: 20px;
line-height: 20px;
margin: 0 auto;
border-radius: 50%;
display: block;
}
body.dark #content .content {
margin-bottom: 5px;
/*padding-bottom: 1.5px;*/
}
body.dark #content .eTable.detail td,
body.dark #content .eTable.detail th {
border: none;
}
body.dark #content .eTable.detail .lRow {
background: #232323;
font-weight: normal;
}
body.dark #content .eTable.detail .LName {
padding: 0 0 0 8px;
}
body.dark #eventContent {
font-size: 11px;
padding: 10px;
background: #1B1B1B;
}
body.dark .eventBox .timeLine {
background: #5086c4;
width: 4px;
height: 100%;
position: relative;
top: 0;
bottom: 0;
left: 50%;
margin-left: -2.5px;
}
body.dark .eventBox .eventList {
background: #1B1B1B;
width: 100%;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
body.dark .eventBox .eventList img {
/* width: 16px;height: 16px;*/
/* height:100%;*/
margin: 0 3px;
vertical-align: middle;
width: 18px;
max-height: 100%;
}
body.dark .eventBox .eventList .item {
background-color: #1B1B1B;
line-height: 20px;
width: 100%;
padding: 5px 0;
position: relative;
}
body.dark .eventBox .eventList .item::after {
content: "";
background: #3c571d;
width: 1px;
height: 36px;
position: absolute;
left: 50%;
display: none;
}
body.dark .eventBox .eventList .item > div {
/* background: @@bg0; */
min-height: unset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body.dark .eventBox .eventList .item .namebox {
padding: 0 5px;
display: flex;
align-items: center;
overflow: hidden;
}
body.dark .eventBox .eventList .item .name,
body.dark .eventBox .eventList .item .name2 {
font-size: 12px;
line-height: 20px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
body.dark .eventBox .eventList .item .name2 {
color: #8C8C8C;
}
body.dark .eventBox .eventList .item .time {
color: #ffffff;
font-size: 12px;
font-weight: bold;
flex: 0 0 35px;
}
body.dark .eventBox .eventList .item .time font {
font-size: 11px;
}
body.dark .eventBox .eventList .item .homeEvent,
body.dark .eventBox .eventList .item .guestEvent {
width: 100%;
text-align: left;
display: flex;
align-items: center;
justify-content: flex-start;
}
body.dark .eventBox .eventList .item .guestEvent {
text-align: right;
justify-content: flex-end;
}
body.dark .eventBox .eventList .item .homeEvent .name {
margin-right: 5px;
}
body.dark .eventBox .eventList .item .guestEvent .name {
margin-left: 5px;
}
body.dark .eventBox .eventList .item .homeEvent > span,
body.dark .eventBox .eventList .item .guestEvent > span {
font-size: 0;
line-height: normal;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 -webkit-calc(50% - 20px);
-ms-flex: 1 1 calc(50% - 20px);
flex: 0 0 calc(100% - 20px);
flex-direction: column;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
body.dark .eventBox .eventList .item .homeEvent > span > span:nth-of-type(2),
body.dark .eventBox .eventList .item .guestEvent > span > span:nth-of-type(2) {
color: #bbbbbb;
}
body.dark .eventBox .eventIcon {
background: #232323;
text-align: center;
padding: 5px 0;
border-radius: 4px;
}
body.dark .eventBox .eventIcon img {
width: 16px;
height: 16px;
margin-right: 2px;
vertical-align: -4px;
}
body.dark .eventBox .eventProcess {
background: #232323;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 2px 0;
margin: 5px 0;
border-radius: 20px;
clear: both;
}
body.dark .eventBox .eventProcess span {
display: inline-block;
margin-right: 5px;
}
body.dark .eventBox .no_eventProcess {
font-size: 12px;
text-align: center;
padding: 2px 0;
margin: 12px 0;
clear: both;
}
body.dark .eventBox .no_eventProcess span {
min-width: 60px;
display: inline-block;
}
body.dark .eventBox .eventList .tit {
background: #232323;
color: #8C8C8C;
font-size: 12px;
font-weight: 500;
line-height: 26px;
text-align: center;
}
body.dark .eventBox .eventList .item .homeEvent > img {
float: right;
}
body.dark .eventBox .eventList .item .guestEvent > img {
float: left;
}
body.dark .sjImg {
width: 24px;
}
body.dark .teamBox {
padding: 5px 0;
overflow: hidden;
background: #ffffff;
border-bottom: solid 1px #e1e1e1;
}
body.dark .teamBox > div {
float: left;
}
body.dark .teamBox .icon {
width: 28px;
height: 28px;
border-radius: 50%;
overflow: hidden;
background: #ffffff;
}
body.dark .teamBox .name {
line-height: 28px;
font-weight: bold;
padding: 0 5px;
}
body.dark .teamBox .home {
width: -webkit-calc(50% - 14px);
width: calc(50% - 14px);
text-align: right;
}
body.dark .teamBox .home .icon {
float: right;
margin-top: 4px;
}
body.dark .teamBox .vs {
width: 20px;
}
body.dark .teamBox .guest {
width: -webkit-calc(50% - 14px);
width: calc(50% - 14px);
}
body.dark .teamBox .guest .icon {
float: left;
margin-top: 4px;
}
body.dark .pm {
text-align: center;
}
body.dark .pm span {
display: inline-block;
margin-bottom: -3px;
height: 20px;
overflow: hidden;
}
body.dark #companys .company {
border-radius: 4px;
height: 25px;
margin: 2px;
background: #f4fafb;
border: 1px solid #ccc;
display: block;
line-height: 25px;
position: relative;
}
body.dark #companys .company.on::before {
content: "";
border-top: solid 4px transparent;
border-bottom: solid 4px transparent;
width: 0px;
height: 0px;
display: block;
border-left: solid 6px #5a8ee1;
position: absolute;
right: -6px;
top: 50%;
margin-top: -4px;
}
body.dark #companys .company.on {
border-radius: 4px;
background: #5a8ee1;
color: #ffffff;
border-color: #ffffff;
}
body.dark #content {
position: relative;
}
body.dark #content .alterbg td {
background: #1B1B1B;
}
body.dark .tabBox {
background-color: #1B1B1B;
padding: 5px;
border-bottom: solid 1px #262626;
}
body.dark .tabs {
position: static;
width: 80%;
font-size: 14px;
height: 26px;
margin: 0 auto;
border-color: #295d13;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
body.dark .tabs .tab {
height: 24px;
line-height: 24px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: #BFBFBF;
font-weight: normal;
}
body.dark .tabs .tab.on {
background-color: #295d13;
color: #ffffff;
font-weight: 500;
}
body.dark .tabs.mini {
overflow: hidden;
height: auto;
margin: 3px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 90px;
padding: 0;
float: right;
border-color: #295d13;
position: static;
}
body.dark .tabs.mini .tab {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: inline-block;
font-size: 12px;
height: 26px;
line-height: 18px;
white-space: nowrap;
}
body.dark .tabs.mini .tab.on {
background: #295d13;
color: #ffffff;
}
body.dark #content table.eTable tr td.ll,
body.dark .ll {
border-left: solid 1px #262626;
}
body.dark #content table.eTable tr td.rl,
body.dark .rl {
border-right: solid 1px #262626;
}
body.dark #content table.eTable tr td.rl:last-child {
border-right: none;
}
body.dark #content table tr td.CName {
text-align: left;
width: 100px;
padding-left: 6px !important;
color: #ffffff;
font-weight: 500;
}
body.dark #content table tr td.CName img {
position: relative;
top: -2px;
margin-right: 4px;
}
body.dark .pk {
color: #0a6bb7;
}
body.dark .fr {
float: right;
padding-right: 5px;
}
body.dark .fl {
float: left;
padding-left: 5px;
}
body.dark .oddsPopup,
body.dark .oPop.ddlBG {
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 999;
}
body.dark .oddsPopup {
padding-top: 71px;
z-index: 1000;
margin: 10px;
height: -webkit-calc(100% - 20px);
height: calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
position: absolute;
top: 0;
left: 0;
border-radius: 4px;
}
body.dark .oddsPopup .header {
background: #307b06;
position: absolute;
width: 100%;
top: 0;
height: auto;
font-size: 12px;
}
body.dark .oddsPopup .header .close {
right: 5px;
top: 5px;
width: 20px;
height: 20px;
position: absolute;
z-index: 9;
}
body.dark .oddsPopup .header .title {
height: 35px;
line-height: 35px;
width: 100%;
background: #307b06;
font-size: 14px;
padding: 0px;
text-align: center;
position: relative;
color: #ffffff;
}
body.dark .oddsPopup .header .menu span {
display: block;
float: left;
width: 25%;
text-align: center;
background: #307b06;
color: #ffffff;
font-weight: 500;
line-height: 30px;
}
body.dark .oddsPopup .info,
body.dark .oddsPopup .pinfo {
overflow-y: auto;
height: 100%;
}
body.dark .oddsPopup .info table,
body.dark .oddsPopup .pinfo table {
background: #1B1B1B;
width: 100%;
border-radius: 0 0 4px 4px;
border-spacing: 0;
}
body.dark .oddsPopup .info table tr td {
text-align: center;
line-height: normal;
width: 25%;
padding: 4px 0;
}
body.dark .oddsPopup .info table tr:nth-child(2n) td,
body.dark .oddsPopup .pinfo table tr:nth-child(2n) td {
background: #262626;
}
body.dark .oddsPopup .pinfo table tr td {
text-align: center;
line-height: normal;
padding: 4px 0;
}
body.dark .oddsPopup .pinfo table tr td > span {
line-height: normal;
display: block;
}
body.dark .loaddingBox {
-webkit-box-shadow: #ccc 0px 0px 6px;
box-shadow: #ccc 0px 0px 6px;
position: fixed;
top: 40%;
left: 50%;
border: solid 1px #262626;
font-size: 14px;
background: #1B1B1B;
width: 120px;
height: 80px;
padding: 20px;
border-radius: 4px;
text-align: center;
margin: 0 0 0 -60px;
}
body.dark .loaddingBox img {
vertical-align: middle;
}
body.dark .loaddingBox .loaddingMsg {
font-size: 14px;
font-weight: bold;
color: #00519e;
}
body.dark .NRB {
border-right: none;
}
body.dark .boxtool {
font-weight: normal;
float: right;
font-size: 12px;
position: relative;
}
body.dark .boxtool label {
position: relative;
}
body.dark .boxtool input[type="checkbox"] + label::before {
content: "";
background-color: #1B1B1B;
border-radius: 2px;
border: 1px solid #8C8C8C;
width: 14px;
height: 14px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 14px;
font-weight: bold;
margin-top: -4px;
margin-right: 3px;
}
body.dark .boxtool input[type="checkbox"]:checked + label::after {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 8px;
height: 4px;
border: 2px solid #8C8C8C;
border-top: none;
border-right: none;
transform: rotate(-45deg);
display: inline-block;
}
body.dark .boxtool input[type="checkbox"] {
display: none;
}
body.dark #oContent {
background: #1B1B1B;
}
body.dark #oContent table.eTable tr th:last-child {
border-right: none;
}
body.dark #oDetail table {
width: 100%;
}
body.dark .oddsPopup .oTable tr th {
text-align: center;
line-height: 30px;
width: 25%;
color: #ffffff;
font-weight: normal;
}
body.dark .oddsPopup .opTable tr th {
text-align: center;
line-height: 30px;
color: #ffffff;
font-weight: normal;
}
body.dark .splitbar {
color: #ccc;
margin: 0px 6px;
}
body.dark .odds {
line-height: 24px;
font-weight: 500;
font-size: 13px;
}
body.dark .match-tools {
position: absolute;
top: 0;
right: 8px;
z-index: 2;
display: inline-block;
}
body.dark .match-tools > * {
cursor: pointer;
display: inline-block;
margin: 5px 3px 5px 0;
}
body.dark .match-tools .iconfont {
float: right;
position: static;
width: 30px;
height: 30px;
font-size: 30px;
line-height: 30px;
margin: 5px 0;
color: #ffffff;
opacity: 0.9;
}
body.dark .popShare {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body.dark .popShare li {
background: none;
float: left;
padding: 0;
border: none;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
body.dark .popShare li img {
display: block;
width: 48px;
height: 48px;
margin: 0px auto;
}
body.dark .popShare li span {
display: block;
line-height: 20px;
}
body.dark #content table {
border-collapse: collapse;
}
body.dark #content table tr td.tbDesc {
text-align: left;
padding: 5px;
}
body.dark #content table tr td.tbDesc label {
white-space: normal;
color: #8C8C8C;
float: left;
margin: 0 5px;
}
body.dark .boxtool select {
margin: 0 3px;
border-radius: 4px;
line-height: 22px;
position: relative;
height: 18px;
background: #232323;
color: #8C8C8C;
}
body.dark#Basketball .detailMenu .item {
color: #693131;
}
@-webkit-keyframes timeMin {
0% {
color: #ffffff;
}
25% {
color: #545454;
}
75% {
color: #545454;
}
100% {
color: #ffffff;
}
}
body.dark .red2 {
color: #F44336;
}
body.dark .noAnimation.barData .item {
padding: 5px 2px;
overflow: hidden;
line-height: 29px;
font-size: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
body.dark .noAnimation.barData .item .home,
body.dark .noAnimation.barData .item .guest {
width: 39%;
float: left;
text-align: right;
position: relative;
height: 10px;
line-height: 10px;
border: none;
margin: 0;
}
body.dark .noAnimation.barData .item .home {
text-align: left;
}
body.dark .noAnimation.barData .item .home .value {
position: absolute;
width: 10%;
left: 0;
height: 10px;
font-weight: 500;
}
body.dark .noAnimation.barData .item .home .bar,
body.dark .noAnimation.barData .item .guest .bar {
background: #262626;
position: absolute;
width: 80%;
right: 0;
height: 8px;
margin: 1px 0;
}
body.dark .noAnimation.barData .item .guest .bar {
left: 0;
right: auto;
}
body.dark .noAnimation.barData .item .home i {
display: block;
position: absolute;
bottom: 0;
right: 0;
height: 8px;
border-radius: 10px 0 0 10px;
background: rgba(218, 37, 16, 0.6);
}
body.dark .noAnimation.barData .item .guest i {
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 8px;
border-radius: 0 10px 10px 0;
background: rgba(27, 110, 189, 0.6);
}
body.dark .noAnimation.barData .item .guest .value {
position: absolute;
width: fit-content;
right: 0;
height: 10px;
font-weight: 500;
}
body.dark .noAnimation.barData .item .tit {
float: left;
width: 25%;
max-width: 1000px;
text-align: center;
line-height: normal;
height: auto;
font-size: 10px;
border: none;
margin: 0;
position: inherit;
}
body.dark .noAnimation.barData .item .bat-aver .value {
width: 20%;
}
body.dark .noAnimation.barData .item .bat-aver .bar {
width: 80%;
}
body.dark .panel {
border-bottom: 1px solid #262626;
}
body.dark .corner_icon {
background: url(/Images/com/corners4.png) no-repeat left top;
background-size: auto 100%;
display: inline-block;
vertical-align: middle;
height: 12px;
width: 12px;
}
body.dark .yellowcard_icon {
display: inline-block;
width: 10px;
height: 12px;
background-color: #191300;
vertical-align: middle;
border: 1px solid #333;
}
body.dark .vote {
display: flex;
text-align: center;
align-items: center;
justify-content: space-between;
margin: 10px 5px 5px 5px;
}
body.dark .vote .teamicon {
flex: 0 0 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
}
body.dark .vote .teamicon img {
width: 100%;
height: auto;
}
body.dark .vote .button {
flex: 1;
}
body.dark .vote .pItem {
background: #1B1B1B;
border: 1px solid #262626;
min-width: 70px;
height: auto;
line-height: 20px;
font-size: 12px;
font-weight: 600;
text-align: center;
padding: 4px 10px;
margin: 0 2px;
border-radius: 30px;
display: inline-block;
}
body.dark .vote .button.on .pItem {
background: #232323;
color: #8C8C8C;
}
body.dark .vote .win,
body.dark .vote .draw,
body.dark .vote .loss {
font-weight: 700;
}
body.dark .vote .win span,
body.dark .vote .draw span,
body.dark .vote .loss span {
color: #595959;
font-size: 11px;
font-weight: normal;
margin-left: 4px;
}
body.dark .vote .ext {
color: #8C8C8C;
font-size: 12px;
text-align: center;
flex: 1;
}
body.dark .vote-bar {
height: 10px;
margin: 5px;
border-radius: 10px;
overflow: hidden;
position: relative;
}
body.dark .vote-bar .barH {
height: 100%;
position: absolute;
left: 0;
border-right: 1px solid #262626;
}
body.dark .vote-bar .barG {
height: 100%;
position: absolute;
right: 0;
border-left: 1px solid #262626;
}
body.dark .lineTd {
border-left: solid 1px #f1f1f1;
padding-left: 5px;
}
body.dark .dataPanel {
background: #1B1B1B;
padding: 10px;
display: flex;
gap: 8px;
flex-direction: column;
}
body.dark .dataPanel .pieBox {
float: left;
width: 36px;
height: 36px;
margin-right: 8px;
}
body.dark .dataPanel li {
line-height: 18px;
padding: 4px;
}
body.dark .dataPanel .detail {
top: -17px !important;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid #1B1B1B;
height: 26px !important;
}
body.dark .dataPanel table.detail {
border: none !important;
margin-bottom: 6px;
}
body.dark .dataPanel table.detail b {
width: 100%;
display: inline-block;
border-right: 1px solid #1B1B1B !important;
}
body.dark #content .dataPanel table.detail th {
border-radius: 20px;
padding-left: 10px !important;
}
body.dark .dataPanel .iconfont {
width: 18px;
height: 18px;
font-size: 14px;
}
body.dark#Football .gameBox .header,
body.dark#Basketball .gameBox .header,
body.dark#Baseball .gameBox .header,
body.dark#Cricket .gameBox .header {
background: transparent !important;
font-size: 12px;
font-weight: normal;
}
body.dark #content .gameBox .header > .iconfont {
font-size: 30px;
color: white;
width: 40px;
height: 40px;
float: right;
margin: 0 0 0 5px;
padding: 0;
position: relative;
cursor: pointer;
line-height: 40px;
}
body.dark #content .gameBox .gameInfo .exlist {
margin: 6px auto 0 auto;
float: unset;
clear: left;
background: rgba(255, 255, 255, 0.1);
display: inline-block;
padding: 0 10px;
border-radius: 4px;
width: auto;
}
body.dark#Basketball #content .match .header {
background: rgba(105, 49, 49, 0.75);
}
body.dark#Football #content .match .header {
background: rgba(0, 47, 30, 0.75);
}
body.dark #content table tr th span {
line-height: normal;
}
body.dark .matchRow .home,
body.dark .matchRow .vs,
body.dark .matchRow .guest,
body.dark .matchRow .win,
body.dark .matchRow .draw,
body.dark .matchRow .loss,
body.dark .row .home,
body.dark .row .vs,
body.dark .row .guest {
width: 33.3%;
min-height: 35px;
line-height: 35px;
vertical-align: bottom;
float: left;
text-align: center;
display: table-cell;
background: #1B1B1B;
}
body.dark .tabs {
position: static;
width: 90%;
font-size: 14px;
height: 26px;
margin: 0 auto;
border-color: #307b06;
}
body.dark .tabs .tab {
height: 24px;
line-height: 24px;
width: 33.33%;
color: #BFBFBF;
font-weight: normal;
}
body.dark .match-tools .iconfont {
position: static;
width: 30px;
height: 30px;
/* background: url(/Images/com/staroff2.png) no-repeat center center;background-size: 97% auto; */
}
body.dark #settingPop {
background: transparent;
height: unset;
bottom: 0;
position: fixed;
z-index: 10000;
}
body.dark #settingPop .info {
bottom: 0;
width: 100%;
top: 0;
position: relative;
background: #232323;
overflow-y: scroll;
max-height: 80vh;
}
body.dark #settingPop .info::-webkit-scrollbar {
width: 2px;
position: fixed;
float: right;
}
body.dark #settingPop .info::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.2);
}
body.dark #settingPop .info::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}
body.dark .liveTime_earyl {
background: #60A93C !important;
color: white;
}
body.dark .liveTime_live {
background: #EC4545 !important;
color: white;
}
body.dark .liveTime_ht {
background: #346EC5 !important;
color: white;
}
body.dark .live_odds_early {
background: rgba(255, 165, 0, 0.1) !important;
}
body.dark #content table.eTable tr th,
body.dark #content table.eTable2 tr th {
min-width: 20px;
}
body.dark #content table tr td .icon-font-returnon {
font-size: 12px;
}
body.dark#Football .matchRow .home,
body.dark#Football .matchRow .vs,
body.dark#Football .matchRow .guest,
body.dark#Football .matchRow .win,
body.dark#Football .matchRow .draw,
body.dark#Football .matchRow .loss,
body.dark#Football .row .home,
body.dark#Football .row .vs,
body.dark#Football .row .guest {
width: 20%;
}
body.dark#Basketball .matchRow .home,
body.dark#Basketball .matchRow .vs,
body.dark#Basketball .matchRow .guest,
body.dark#Basketball .matchRow .win,
body.dark#Basketball .matchRow .draw,
body.dark#Basketball .matchRow .loss,
body.dark#Basketball .row .home,
body.dark#Basketball .row .vs,
body.dark#Basketball .row .guest {
width: 20%;
}
body.dark#Basketball #content table tr td:first-child,
body.dark#Basketball #content table tr th:first-child {
border-left: 0px;
}
body.dark#Basketball .tabs {
width: 89%;
}
body.dark .eTable td.item_title {
background-color: #282828 !important;
font-weight: normal !important;
color: #8C8C8C;
}
@media screen and (max-width: 347px) {
}
body.dark .lineupContent .eTable tr:nth-child(even) td {
background-color: #262626 !important;
}
body.dark #content .lineupContent .eTable .lRow {
padding-left: 0 !important;
}
body.dark #content .lineupContent .eTable td {
border-bottom: none !important;
line-height: 36px;
font-weight: 500;
}
body.dark .lineupContent .rRow {
text-align: right !important;
}
body.dark .tabs_box {
display: none;
height: 42px;
overflow: hidden;
background: #1B1B1B;
border-bottom: 1px solid #1B1B1B;
}
body.dark .tabs_group {
display: flex;
line-height: 40px;
padding: 8px 10px 15px 8px;
overflow-x: auto;
width: 100%;
flex-direction: row;
gap: 8px;
align-items: flex-start;
}
body.dark .tabs_group a {
display: inline-block;
padding: 0 8px;
border-radius: 6px;
color: #8C8C8C;
background: #262626;
font-size: 12px;
font-weight: 500;
line-height: 26px;
flex: none;
text-transform: uppercase;
order: 1;
flex-grow: 0;
}
body.dark .tabs_group a.on {
background: #295d13;
color: #FFF;
}
body.dark #e0_1,
body.dark #e7_1,
body.dark #e8_1,
body.dark #e9s_1,
body.dark #e3_1,
body.dark #e4_1,
body.dark #e5_1,
body.dark #e1_1,
body.dark #e2_1,
body.dark #e9_1,
body.dark #e10_1,
body.dark #e11_1,
body.dark #e14_1,
body.dark #e13_1,
body.dark #e15_1,
body.dark #e17_1 {
padding: 10px;
background: #1B1B1B;
}
body.dark #e9s_1 table,
body.dark #e3_1 table,
body.dark #e4_1 .eTable,
body.dark #e0_1 table,
body.dark #e1_1 table,
body.dark #e2_1 table,
body.dark #e10_1 table,
body.dark #e15_1 table {
border-left: 1px solid #262626;
border-right: 1px solid #262626;
}
body.dark .ePart {
background: #1B1B1B;
padding: 10px;
}
body.dark .ePart table {
border-left: 1px solid #262626;
border-right: 1px solid #262626;
}
body.dark #e8_1 table td,
body.dark #e9s_1 table td {
font-weight: 500;
}
body.dark #e3_1 .h3 {
padding: 0;
}
body.dark #e3_1 .h3 .fr {
font-weight: normal;
}
body.dark #e3_1 .eTable {
margin-bottom: 4px;
}
body.dark #e3_1 .eTable tr td:first-child,
body.dark #e4_1 .eTable tr td:first-child {
border-right: 1px solid #262626;
font-weight: 500;
font-size: 13px;
text-align: left;
padding-left: 6px;
}
body.dark #e3_1 .eTable th:first-child {
text-align: left;
padding-left: 6px;
}
body.dark #e3_1 .eTable tr td:last-child {
font-weight: 500;
}
body.dark #e14_1 tr td {
padding: 6px 0;
}
body.dark #e6_1 {
padding: 0 10px 10px 10px;
background: #1B1B1B;
}
body.dark .f-odds {
font-size: 12px !important;
font-weight: 500;
}
body.dark .team_tabs {
background: #1B1B1B;
padding: 6px 0;
display: flex;
align-items: center;
gap: 6px;
border-top: 1px solid #262626;
}
body.dark .team_tabs a {
background: #262626;
color: #595959;
font-size: 12px;
font-weight: 500;
line-height: 36px;
text-align: center;
border-radius: 6px;
padding: 0 5px;
flex: 1;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.dark .team_tabs a.on {
background: #295d13;
color: #FFF;
}
body.dark #srTabs {
display: none !important;
}
body.dark #content .gameBox {
background: linear-gradient(90deg, #843535 0%, #013667 100%);
}
body.dark .selectPopup.minipopup {
top: 40px;
border-radius: 5px 0 0 5px;
}
body.dark .header .info .name {
width: 90%;
}
body.dark #content .mini {
margin: 3px;
}
body.dark #content .gameBox .name {
line-height: 16px;
max-height: 32px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
body.dark #content .gameBox .gameInfo .exlist {
margin-top: 6px;
padding: 2px 6px;
line-height: normal;
}
body.dark #content .gameBox .gameInfo .vs #liveVS {
margin: 12px 0;
}
body.dark #content .gameBox .gameInfo .vs .statusCon {
display: flex;
flex-direction: column;
height: 40px;
justify-content: center;
align-items: center;
}
body.dark#Basketball #content .gameBox .gameInfo .vs .score,
body.dark#Cricket #content .gameBox .gameInfo .vs .score {
font-size: 20px;
top: 50%;
}
body.dark#Baseball #content .gameBox .gameInfo .icon img {
height: 40px;
}
body.dark .lRow .date,
body.dark .lRow .gameName {
color: #8C8C8C;
font-size: 9px;
}
body.dark #content table tr td {
height: 30px;
}
body.dark #content .h2 .tools,
body.dark .panel,
body.dark .ll,
body.dark .rl,
body.dark .bl,
body.dark #content table tr td,
body.dark #content table.eTable tr td.ll,
body.dark #content table.eTable tr td.rl,
body.dark .dataPanel li,
body.dark #spnLoading #subSpnLoading,
body.dark .spanLoading .subSapnLoading,
body.dark .filterBox .filterBtn,
body.dark .ddlBox .tools,
body.dark .ddlBox .tools .button {
border-color: #262626;
}
body.dark #content .h2,
body.dark #content .h3,
body.dark #content table tr th,
body.dark #content table.eTable tr th,
body.dark #settingPop table.oTable tr th,
body.dark #settingPop table.opTable tr th {
border-color: #262626;
}
body.dark .filterPopup {
background: #1B1B1B;
}
body.dark #settingPop table.oTable tr:nth-child(even),
body.dark #settingPop table.opTable tr:nth-child(even),
body.dark #settingPop table.oTable tr th,
body.dark #settingPop table.opTable tr th,
body.dark .ddlBox .tools .button {
background: #232323;
}
body.dark #settingPop .tabs {
background: #232323;
padding: 1px;
border: none;
border-radius: 4px;
margin: 8px auto;
}
body.dark #settingPop .tabs .tab {
background: transparent;
color: #BFBFBF;
font-weight: normal;
}
body.dark #settingPop .tabs .tab.on {
background: #1B1B1B;
color: #FFF;
font-weight: bold !important;
border-radius: 3px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
body.dark #content .tabs.mini {
background: rgba(38, 38, 38, 0.5);
width: 120px;
padding: 1px;
margin: 6px 4px 6px 5px;
border-radius: 6px;
border: none;
overflow: hidden;
float: right;
display: flex;
}
body.dark #content .tabs.mini.center {
width: 90%;
margin: 6px auto;
float: none;
}
body.dark #content .tabs.mini .tab {
background: transparent;
color: #8C8C8C;
font-size: 13px;
line-height: 26px;
flex: 1;
}
body.dark #content .tabs.mini .tab.on {
background: #1B1B1B;
color: #ffffff;
font-weight: bold !important;
border-radius: 6px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06);
}
body.dark #content .panel.peerBox {
display: flex;
}
body.dark #content .panel.peerBox .tabs.mini {
flex: 1 0 auto;
width: auto;
}
body.dark #content .panel.peerBox .tabs.mini .tab.on {
background: #295d13;
color: #ffffff;
}
body.dark #content .panel.peerBox .tabs.mini .tab {
width: auto;
line-height: 30px;
height: 30px;
}
body.dark #content #oContent table.eTable tr th {
line-height: 14px;
height: 14px;
}
body.dark #content .gameBox .exlist {
margin-top: 6px;
padding: 2px 6px;
line-height: normal;
}
body.dark .xsVS {
line-height: 20px !important;
font-size: 12px !important;
margin: 0 !important;
}
body.dark #container #content h2:first-of-type,
body.dark #container #content .h2:first-of-type {
margin: 0;
}
body.dark #content #oContent table.eTable tr td {
padding: 4px 0;
}
body.dark .filter i.icon {
background: none;
color: #8C8C8C;
font-size: 16px;
font-weight: normal;
height: auto;
vertical-align: -1px;
}
body.dark .oddUp::after,
body.dark .oddDown::after {
font-size: 10px;
}
body.dark .eTable2 .o-win,
body.dark .eTable2 .o-loss,
body.dark .eTable2 .o-void,
body.dark .eTable2 .o-unBG {
background: #178109;
color: #ffffff;
min-width: 16px;
line-height: 16px;
border-radius: 2px;
display: inline-block;
padding: 0;
margin: 2px;
}
body.dark .eTable2 .o-loss {
background: #E00606;
}
body.dark .eTable2 .o-void {
background: #BD9A00;
}
body.dark .eTable2 .o-unBG {
background: #595959;
}
body.dark .h3 .teamLogo {
width: 20px;
height: 20px;
margin-right: 4px;
vertical-align: -5px;
}
body.dark #content .lineupContent .eTable td {
line-height: normal;
padding: 8px 0;
}
body.dark .tools .boxtool {
width: auto;
margin: 5px;
border: none;
}
body.dark .boxtool span,
body.dark .tabBox .boxtool span {
flex: auto;
text-align: center;
line-height: 30px;
margin: 8px 2px;
}
body.dark .boxtool label {
background: #1B1B1B;
color: #ffffff;
text-align: left;
line-height: 30px;
width: 100%;
padding: 0 6px;
border-radius: 6px;
display: inline-block;
position: relative;
}
body.dark .boxtool input[type="checkbox"] + label::before {
content: "";
background: #1B1B1B;
border-radius: 50%;
border: 1px solid #333;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
font-weight: bold;
margin: 0 3px 0 0;
vertical-align: -3px;
display: inline-block;
}
body.dark .boxtool input[type="checkbox"]:checked + label {
background: rgba(41, 93, 19, 0.1);
color: #295d13;
font-weight: 500;
}
body.dark .boxtool input[type="checkbox"]:checked + label::before {
content: "";
background: #295d13;
border-color: #295d13;
}
body.dark .boxtool input[type="checkbox"]:checked + label::after {
content: "";
position: absolute;
top: 13px;
left: 9px;
width: 8px;
height: 4px;
border: 1px solid #ffffff;
border-top: none;
border-right: none;
transform: rotate(-45deg);
display: inline-block;
}
body.dark .boxtool .selectDDL {
background: #1B1B1B;
color: #8C8C8C;
height: 30px;
border-radius: 4px;
display: flex;
overflow: hidden;
border: 0px;
}
body.dark .datacom-box::after,
body.dark .barbox .bar::after {
content: "";
clear: both;
display: block;
}
body.dark .datacom-box .datacom-lists {
padding: 0;
margin: 0 0 10px 0;
border: none;
}
body.dark .datacom-box .data {
color: #ffffff;
text-align: center;
line-height: 24px;
margin: 0;
display: flex;
justify-content: space-between;
}
body.dark .datacom-box .data span {
font-size: 14px;
flex: 0 0 auto;
padding: 0 4px;
}
body.dark .datacom-box .data .red {
color: #b41f0d !important;
}
body.dark .datacom-box .barbox {
background: #262626;
height: 6px;
border-radius: 20px;
margin: 0;
}
body.dark .datacom-box .barbox .bar {
width: 50%;
float: left;
padding: 0 1px;
}
body.dark .datacom-box .barbox .Ht {
background: rgba(218, 37, 16, 0.6);
float: right;
width: 0;
height: 6px;
border-radius: 10px 0 0 10px;
display: inline-block;
}
body.dark .datacom-box .barbox .Gt {
background: rgba(27, 110, 189, 0.6);
float: left;
width: 0;
height: 6px;
border-radius: 0 10px 10px 0;
display: inline-block;
}
body.dark #swTabs_VA.tabs.mini {
width: 140px;
}
body.dark .datacom-box .barbox .Ht.win,
body.dark .datacom-box .barbox .Gt.win {
background: rgba(218, 37, 16, 0.6);
}
body.dark .datacom-box .barbox .Ht.loss,
body.dark .datacom-box .barbox .Gt.loss {
background: #434343;
}
body.dark .HomeNum {
background: rgba(218, 37, 16, 0.6);
}
body.dark .GuestNum {
background: rgba(27, 110, 189, 0.6);
}
body.dark .live_odds_early {
background: #1e2900 !important;
}
body.dark .h2Title {
margin-top: 8px !important;
border-top: unset !important;
}
body.dark .datacom-box .rankbox .LName {
width: 100px;
display: inline-block;
}
@media screen and (max-width: 360px) {
body.dark .datacom-box .rankbox .LName {
width: 88px;
}
}
body.dark .showMore {
background: #1B1B1B;
color: #0a6bb7;
text-align: center;
max-width: 100%;
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
display: block;
}
body.dark .showMore a {
color: #0a6bb7;
}
body.dark .arrange {
color: #ffffff;
font-size: 12px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
padding: 0 10px;
}
body.dark .upArr {
padding-top: 5px;
}
body.dark .downArr {
padding-bottom: 5px;
}
body.dark .lineupContent {
background: #1B1B1B;
padding: 0 10px 10px 10px;
}
body.dark .lineupbox {
background: #35845B url(/images/ballcourt.svg) no-repeat center 10px;
background-size: auto;
padding: 8px;
height: 370px;
border-radius: 8px;
transition: all 0.2s linear;
position: relative;
/* .away .numCon .number {background:#2b9bff;} */
}
body.dark .lineupbox::after {
content: "";
width: 120px;
height: 60px;
border: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: none;
border-radius: 100px 100px 0 0;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
position: absolute;
}
body.dark .lineupbox .lineupteam {
height: 100%;
/*min-height:283px;*/
padding: 0;
display: flex;
flex-direction: column;
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
}
body.dark .lineupbox .formation {
padding: 0;
margin-bottom: 6px;
border: none;
flex: 1;
display: flex;
justify-content: center;
}
body.dark .lineupbox .formation:last-child,
body.dark .lineupbox .player:first-child {
margin: 0;
}
body.dark .lineupbox .player {
flex: 1 0 15%;
/*max-width: 80px;*/
padding-top: 10px;
margin: 0 0 0 6px;
text-align: center;
cursor: pointer;
}
body.dark .lineupbox .nameCon {
margin-top: 2px;
text-overflow: ellipsis;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
overflow: hidden;
}
body.dark .lineupbox .name {
color: #ffffff;
font-size: 12px;
line-height: 14px;
/*overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:unset;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-pack: center;*/
}
body.dark .lineupbox .num {
color: #BFBFBF;
font-size: 12px;
font-weight: bold;
font-style: italic;
margin-right: 3px;
}
body.dark .lineupbox .numCon {
margin: 0 auto;
width: 30px;
position: relative;
}
body.dark .lineupbox .numCon .number {
background: #ffffff;
width: 30px;
height: 30px;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
}
body.dark .lineupbox .numCon .playpic {
width: auto;
height: 100%;
object-fit: cover;
}
body.dark .lineupbox .numCon .goalnum {
background: #F44336;
color: #ffffff;
font-size: 10px;
line-height: 11px;
padding: 0 3px;
border-radius: 50%;
position: absolute;
bottom: 2px;
left: -18px;
z-index: 2;
}
body.dark .lineupbox .numCon .goalnum.d {
left: -18px;
top: 0;
bottom: auto;
}
body.dark .lineupbox .numCon .goalnum.f {
left: -8px;
top: -14px;
bottom: auto;
}
body.dark .lineupbox .numCon .goalnum.g {
right: -8px;
top: -14px;
bottom: auto;
left: auto;
}
body.dark .lineupbox .numCon .goalnum.h {
right: -18px;
top: 0;
bottom: auto;
left: auto;
}
body.dark .lineupbox .numCon .icon {
width: 14px;
font-size: 13px;
line-height: 13px;
position: absolute;
}
body.dark .lineupbox .numCon .GF {
left: -16px;
top: 0;
color: #333;
}
body.dark .lineupbox .numCon .PS {
left: -24px;
top: 0;
color: #333;
}
body.dark .lineupbox .numCon .LT {
left: -10px;
top: 0;
color: #333;
}
body.dark .lineupbox .numCon .RT {
right: -10px;
top: 0;
color: #f93d1d;
background: none;
}
body.dark .lineupbox .numCon .LY {
left: -2px;
top: -12px;
color: #f93d1d;
background: none;
z-index: 1;
}
body.dark .lineupbox .numCon .RY {
right: -2px;
top: -12px;
color: #f93d1d;
background: none;
}
body.dark .lineupbox .numCon .LDO {
left: -10px;
bottom: 0;
color: #FF4B1A;
}
body.dark .lineupbox .numCon .LD {
left: -10px;
bottom: 0;
color: #4FBA34;
}
body.dark .lineupbox .numCon .RD {
right: -10px;
bottom: 0;
color: #4FBA34;
}
body.dark .lineupbox .numCon .yll {
right: -10px;
top: 0;
color: #FFC53D;
background: none;
}
body.dark .lineupbox .numCon .fumble {
left: -10px;
top: 0;
color: #FF4B1A;
}
body.dark .lineupbox .numCon .sr {
background: #999;
color: #ffffff;
font-size: 11px;
line-height: 14px;
text-align: center;
font-style: normal;
padding: 0 3px;
border-radius: 10px;
bottom: 0px;
right: -18px;
position: absolute;
font-weight: normal;
}
body.dark .lineupbox .numCon .sr.on {
background: #F44336;
}
body.dark .lineupbox.start .formation {
flex-wrap: wrap;
transform: scale(0.88);
}
body.dark .lineupbox.start .formation .player {
min-width: 80px;
}
@media screen and (max-width: 360px) {
body.dark .lineupbox {
height: 400px;
}
body.dark .lineupbox .formation {
transform: scale(0.88);
}
}
@media screen and (max-width: 320px) {
body.dark .lineupbox.start .formation .player {
min-width: 70px;
}
}
body.dark .substitute .tit {
font-size: 14px;
line-height: 20px;
font-weight: 600;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
body.dark .substitute .backuplis {
padding: 0;
margin-bottom: 10px;
border: none;
display: flex;
align-items: center;
}
body.dark .substitute .backuplis:last-child {
margin: 0;
}
body.dark .substitute .backuplis .player {
flex: 1;
overflow: hidden;
}
body.dark .substitute .backuplis .player:first-child {
margin-right: 10px;
}
body.dark .substitute .backuplis .evt {
color: #ffffff;
text-align: center;
height: 26px;
padding: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
float: right;
}
body.dark .substitute .backuplis .evt .icon {
color: rgba(218, 37, 16, 0.6);
width: 16px;
}
body.dark .substitute .backuplis .sr {
background: #434343;
color: #ffffff;
font-size: 11px;
line-height: 14px;
font-style: normal;
padding: 0 2px;
margin-left: 2px;
border-radius: 20px;
}
body.dark .substitute .backuplis .sr.on {
background: #F44336;
}
body.dark .substitute .backuplis .layevt {
text-align: left;
height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0;
}
body.dark .substitute .backuplis .away .evt {
flex-direction: row-reverse;
float: left;
}
body.dark .substitute .backuplis .away .layevt {
flex-direction: row-reverse;
text-align: right;
}
body.dark .substitute .backuplis .sjImg {
width: auto;
height: 14px;
margin: 0px;
}
body.dark .substitute .backuplis .name {
background: #232323;
padding: 0 4px;
border-radius: 20px;
display: flex;
align-items: center;
}
body.dark .substitute .backuplis .name_txt {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
flex: 1;
}
body.dark .substitute .backuplis .away .name_txt {
flex-direction: row-reverse;
}
body.dark .substitute .backuplis .name span {
line-height: 26px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
float: left;
/*color: @white;text-transform: uppercase;*/
/*width: calc(~"100% - 22px");*/
}
body.dark .substitute .backuplis .name .num {
background: rgba(218, 37, 16, 0.6);
color: #ffffff;
font-size: 11px;
font-weight: bold;
font-style: italic;
line-height: 18px;
text-align: center;
width: 18px;
height: 18px;
border-radius: 50%;
margin: 0 4px 0 0;
display: inline-block;
}
body.dark .substitute .backuplis .away .name .num {
background: rgba(27, 110, 189, 0.6);
float: right;
margin: 4px 0 4px 4px;
}
body.dark .substitute .backuplis .away .name span {
text-align: right;
float: right;
}
body.dark .substitute .backuplis .player.no > div {
display: none;
}
body.dark .substitute .lineup-guest .name .num {
background: rgba(27, 110, 189, 0.6);
}
body.dark .lay .home .evt {
text-align: left;
padding: 0 5px;
}
body.dark .lay .away .evt {
text-align: right;
padding: 0 5px;
}
body.dark .teamIcon {
width: 18px;
height: 18px;
border-radius: 4px;
}
body.dark .team-home-f {
color: rgba(218, 37, 16, 0.6);
}
body.dark .team-away-f {
color: rgba(27, 110, 189, 0.6);
}
body.dark .playerPopBody {
animation: rise 0.5s ease-in-out;
background: #1B1B1B;
width: 100%;
max-width: 640px;
height: 80vh;
padding: 0 0 10px 0;
border-radius: 16px 16px 0 0;
position: fixed;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 10000;
}
body.dark .playerPopBody .close_b {
width: 16px;
height: 16px;
margin: 10px;
position: absolute;
right: 0px;
top: 2px;
}
body.dark .playerPopBody .text {
padding: 0 10px 10px 10px;
height: calc(100% - 52px);
overflow-y: scroll;
}
body.dark .playerPopBody .PYbasic-info {
padding: 10px;
border-bottom: 2px solid #262626;
display: flex;
align-items: center;
}
body.dark .playerPopBody .PYbasic-info .lg-icon {
background: #ffffff;
width: 40px;
height: 40px;
text-align: center;
border: 1px solid #262626;
border-radius: 50%;
overflow: hidden;
}
body.dark .playerPopBody .PYbasic-info .Tbox {
flex: 1;
margin: 0 10px;
}
body.dark .playerPopBody .PYbasic-info .PName {
font-size: 14px;
}
body.dark .playerPopBody .PLnum {
color: #595959;
font-weight: 500;
/*font-size:12px;text-align:center;font-weight:bold;line-height:28px;width:28px;height:28px;*/
margin: 0 5px 0 0;
display: inline-block;
position: relative;
z-index: 1;
}
body.dark .playerPopBody .PLnum .icon {
color: #295d13;
font-size: 28px;
font-weight: normal;
width: auto;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: none;
}
body.dark .playerPopBody .rate {
background: #b41f0d;
color: #ffffff;
font-size: 12px;
line-height: 18px;
font-style: normal;
width: max-content;
margin: 0 0 0 5px;
padding: 0 5px;
border-radius: 10px;
display: inline-block;
}
body.dark .playerPopBody .dbtools .stTool {
background-color: #262626;
width: 100%;
line-height: 20px;
margin: 0 auto;
padding: 2px;
border-radius: 20px;
overflow: hidden;
float: none;
display: flex;
}
body.dark .playerPopBody .dbtools .stTool li {
flex: 1;
float: left;
text-align: center;
font-weight: normal;
padding: 3px 0px;
border: none !important;
}
body.dark .playerPopBody .dbtools .stTool li.on {
background-color: #1B1B1B;
border-radius: 20px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
}
body.dark .playerPopBody .selectBox .dbtools.ptTools {
flex: 0 0 100%;
}
body.dark .playerPopBody .itembox .typetit {
background: #262626;
color: #595959;
font-size: 12px;
text-align: center;
line-height: 26px;
width: 100px;
margin: 15px auto;
border-radius: 20px;
}
body.dark .playerPopBody .itembox .intelbox {
display: flex;
align-items: flex-start;
justify-content: center;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #262626;
}
body.dark .playerPopBody .itembox .intelbox:last-child {
border: none;
padding: 0;
}
body.dark .playerPopBody .itembox .intellis {
font-size: 14px;
font-weight: bold;
text-align: center;
border: none;
line-height: 20px;
min-height: 43px;
padding: 0;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
body.dark .playerPopBody .itembox .intellis.lt {
flex: 0 0 150px;
}
body.dark .playerPopBody .itembox .decs {
color: #595959;
font-size: 11px;
font-weight: normal;
line-height: normal;
display: block;
}
body.dark .playerPopBody .itembox.data .intellis {
min-height: inherit;
}
body.dark .playerPopBody .space {
background: #262626;
width: 100%;
height: 5px;
}
body.dark .playerPopBody .up {
color: #5FCE00;
}
body.dark .playerPopBody .down {
color: #FF5A2E;
}
body.dark .playerPopBody .evt {
display: flex;
flex-direction: row;
}
body.dark .playerPopBody .evt span {
justify-content: flex-start;
line-height: 20px;
display: flex;
align-items: center;
margin-right: 5px;
position: relative;
}
body.dark .playerPopBody .evt span img {
flex: 0 0 16px;
width: 16px;
}
body.dark .playerPopBody .snote {
background: #333;
color: #ffffff;
width: max-content;
font-size: 11px;
line-height: normal;
text-align: left;
padding: 5px 8px;
border-radius: 4px;
position: absolute;
top: 20px;
left: -10px;
z-index: 999;
}
body.dark .playerPopBody .ssbtn {
margin-top: 20px;
}
body.dark .playerPopBody .ssbtn a {
background: #232323;
color: #ffffff !important;
font-size: 12px;
font-weight: normal;
line-height: 30px;
text-align: center;
border-radius: 4px;
padding: 0 5px;
flex: 1;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.dark .same-odds {
display: none;
}
body.dark .same-odds .team_tabs {
border: none;
}
body.dark .same-odds .bar_shade {
height: 0;
transition: height 1s ease;
}
body.dark .same-odds .team-h1 .home-bg {
float: left;
}
body.dark .same-odds .team-h1 .away-bg {
float: right;
}
body.dark .same-odds .bar {
width: 50%;
margin: 10px auto;
display: block;
float: none;
}
body.dark .same-odds .fx-vote-data .fx-tb-a {
float: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
body.dark .same-odds .fx-vote-data .vote {
font-size: 14px;
flex: 0 0 50%;
margin: 0;
padding: 0;
border: none;
display: block;
}
body.dark .same-odds .fx-vote-data .vote .item {
display: flex;
justify-content: center;
border-right: 1px solid #262626;
padding: 0 10px;
}
body.dark .same-odds .fx-vote-data .vote:nth-child(2) .item {
border: none;
}
body.dark .same-odds .fx-vote-data .vote:nth-child(4) .item {
border: none;
}
body.dark .same-odds .fx-vote-data .vote .pItem {
color: #ffffff;
width: 80%;
padding: 4px 10px;
margin: 10px 5px 0 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: auto;
}
body.dark .same-odds .fx-vote-data .ext {
color: #8C8C8C;
text-align: center;
line-height: 20px;
margin: 10px 0;
}
body.dark .same-odds .fx-vote-data .ext b {
margin: 0 5px;
}
body.dark .same-odds .fx-vote-data .ext .ident {
color: #595959;
line-height: normal;
margin: 0 5px;
display: inline-block;
}
body.dark .same-odds .fx-vote-data .ext .ident i {
width: 10px;
height: 10px;
margin: 0 5px;
border-radius: 2px;
display: inline-block;
}
body.dark .same-odds .fx-ht-data {
height: 80px;
margin: 20px 0 5px 0;
flex: 1;
display: flex;
align-items: flex-end;
justify-content: center;
}
body.dark .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;
}
body.dark .same-odds .fx-ht-data .home-bg {
border-color: rgba(218, 37, 16, 0.6);
}
body.dark .same-odds .fx-ht-data .away-bg {
border-color: rgba(27, 110, 189, 0.6);
}
body.dark .same-odds .fx-ht-data-w {
width: 100%;
font-weight: bold;
position: absolute;
top: -18px;
left: 50%;
transform: translateX(-50%);
}
body.dark .same-odds .home-bg .fx-ht-data-w {
color: rgba(218, 37, 16, 0.6);
}
body.dark .same-odds .draw-bg .fx-ht-data-w {
color: #8C8C8C;
}
body.dark .same-odds .away-bg .fx-ht-data-w {
color: rgba(27, 110, 189, 0.6);
}
body.dark .stat .homes .stat-bar,
body.dark .home-bg {
background: rgba(218, 37, 16, 0.6);
}
body.dark .stat .aways .stat-bar,
body.dark .away-bg {
background: rgba(27, 110, 189, 0.6);
}
body.dark .draw-bg {
background: #8C8C8C;
}
@media screen and (max-width: 340px) {
body.dark .same-odds .fx-vote-data .vote {
width: 150px;
}
}
body.dark .strength .away-bg {
float: right;
}
body.dark .strength .home-bg {
float: left;
}
body.dark .bar_shade {
transition: width 1s ease;
}
body.dark .strength .radar {
width: 100%;
margin: 5px 0 0 0;
display: inline-block;
}
body.dark .strength .radar .container {
height: 280px;
display: flex;
align-items: center;
justify-content: center;
}
body.dark .strength .radar .score {
display: flex;
align-items: center;
justify-content: space-between;
}
body.dark .strength .radar .score .home_score,
body.dark .strength .radar .score .guest_score {
color: rgba(218, 37, 16, 0.6);
font-size: 24px;
font-weight: bold;
}
body.dark .strength .radar .score .guest_score {
color: rgba(27, 110, 189, 0.6);
}
body.dark .strength .radar .score .teamLogo {
width: 30px;
height: 30px;
margin: 0 5px 5px 5px;
}
body.dark .strength .radar .map {
display: inline-block;
width: 100%;
height: 220px;
margin-top: 15px;
}
body.dark .strength .bar {
width: 100%;
margin-top: 8px;
}
body.dark .strength .bar::after {
content: "";
clear: both;
display: block;
}
body.dark .strength .options {
text-align: left;
margin: 0;
}
body.dark .strength .options span {
background: #1B1B1B;
padding: 2px;
border-radius: 20px;
display: flex;
align-items: center;
}
body.dark .strength .options li {
background: #1B1B1B;
color: #8C8C8C;
flex: 1;
padding: 8px 0;
margin: 2px;
border-radius: 4px;
text-align: center;
line-height: normal;
vertical-align: middle;
cursor: pointer;
display: inline-block;
}
body.dark .strength .options li.on {
background: #295d13;
color: #333;
font-weight: bold;
border-radius: 20px;
}
body.dark .strength .fx-tb-a {
width: 100%;
float: left;
}
body.dark .strength .compare {
width: 100%;
margin: 0 auto;
float: none;
}
body.dark .strength .fx-tb-a li {
width: 100%;
float: left;
text-align: center;
padding: 0;
margin: 5px 0;
border: none;
}
body.dark .strength .fx-tb-a li .fx-tb-title {
padding-bottom: 6px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
body.dark .strength .fx-tb-a li .fx-td-data {
background: #1B1B1B !important;
width: 28%;
height: 6px;
float: left;
position: relative;
margin: 2px 1px;
border-radius: 10px 0 0 10px;
}
body.dark .strength .fx-tb-a li .fx-td-data div {
width: 0;
height: 6px;
position: absolute;
bottom: 0;
right: 0;
border-radius: 10px 0 0 10px;
}
body.dark .strength .fx-tb-a li .fx-td-data.guest {
border-radius: 0 10px 10px 0;
}
body.dark .strength .fx-tb-a li .fx-td-data.guest div {
right: auto;
border-radius: 0 10px 10px 0;
}
body.dark .strength .bar .bar-title span {
font-weight: bold;
font-size: 14px;
}
body.dark .strength .bar .team-h1 {
margin-bottom: 10px;
}
body.dark .strength .team-h1 span {
display: inline-block;
width: 50%;
height: 3px;
}
body.dark .strength .bar .team-h1 .home-bg,
body.dark .bar .team-h1 .away-bg {
width: 50%;
}
body.dark .strength .bar .team-h1 .gray-bg {
background: #262626;
width: 100%;
float: left;
}
body.dark .strength .bar .detail {
width: 21%;
display: inline-block;
float: left;
position: relative;
bottom: 5px;
}
body.dark .strength .bar .kind {
background: #232323;
min-width: 100px;
line-height: 24px;
padding: 0 10px;
border-radius: 30px;
display: inline-block;
}
body.dark .strength .survey {
width: 100%;
text-align: center;
margin-top: 10px;
padding: 0 10px;
}
body.dark .strength .survey .tips {
color: #595959;
text-align: left;
line-height: normal;
padding: 5px 0;
}
body.dark .strength .survey .supportbtn {
margin: 10px 0;
display: flex;
align-items: center;
justify-content: center;
}
body.dark .strength .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;
}
body.dark .strength .survey .icon:before {
font-size: 20px;
margin: 2px auto;
display: block;
}
body.dark .strength .survey .good {
color: #136907;
border: 1px solid #136907;
}
body.dark .strength .survey .bad {
color: #ae0505;
border: 1px solid #ae0505;
}
body.dark .strength .survey .bad::before {
transform: rotate(180deg);
}
body.dark .strength .survey .on .good {
background: #136907;
color: #333;
}
body.dark .strength .survey .on .bad {
background: #ae0505;
color: #333;
}
body.dark #content .mini {
position: static;
top: 0;
height: auto;
margin: 3px 0 3px 3px;
}
body.dark #content .mini .gameBox .date,
body.dark #content .mini .gameBox .gameInfo .icon,
body.dark #content .mini .gameBox .HT,
body.dark #content .mini .gameBox .status {
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0);
height: 0px;
opacity: 0;
display: block;
}
body.dark #content .mini .gameBox .gameInfo {
height: 20px;
padding: 0;
position: absolute;
top: 16px;
}
body.dark #content .mini .gameBox .gameName {
display: none;
}
body.dark #content .mini .gameBox .gameInfo .vs {
width: 50px;
font-weight: 500;
line-height: 40px;
margin-top: -2px;
}
body.dark #content .mini .gameBox .gameInfo .vs .FT {
font-size: 16px;
line-height: 20px;
}
body.dark #content .mini .gameBox .gameInfo .home {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
padding-left: 40px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
text-align: right;
}
body.dark #content .mini .gameBox .gameInfo .guest {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
text-align: left;
}
body.dark #content #match .gameBox.mini {
margin: 0;
}
body.dark #content .mini.Ant {
margin: 0;
}
body.dark #content .mini.Ant .match-tools .close {
display: inline-block;
}
body.dark #content .mini.Ant .close::before,
body.dark #content .mini.Ant .close::after {
background: #ffffff;
}
body.dark #content .mini.Ant .gameBox {
background: rgba(0, 0, 0, 0.35);
height: 40px;
padding: 0;
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
body.dark #content .mini.Ant .gameBox.yb {
background: rgba(0, 0, 0, 0);
}
body.dark #content .mini.Ant .gameBox.yb .back {
display: none;
}
body.dark #content .mini.Ant .gameInfo {
height: auto;
top: 7px;
align-items: center;
justify-content: center;
}
body.dark #content .mini.Ant .gameInfo .vs {
width: 100px;
line-height: normal;
}
body.dark #content .mini.Ant .gameInfo .vs .score {
font-size: 24px;
}
body.dark #content .mini.Ant .gameInfo .statusCon {
height: 16px;
}
body.dark #content .mini.Ant .gameInfo .vs #liveVS {
margin: 0;
}
body.dark #content .mini.Ant .gameInfo .home,
body.dark #content .mini.Ant .gameInfo .guest {
width: calc(50% - 50px);
width: -webkit-calc(50% - 50px);
margin: 0;
display: flex;
align-items: center;
}
body.dark #content .mini.Ant .gameInfo .home {
justify-content: flex-end;
padding-left: 30px;
}
body.dark #content .mini.Ant .gameInfo .icon,
body.dark #content .mini.Ant .gameInfo .status {
height: auto;
opacity: 1;
display: inline-block;
transform: translate3d(0, 2px, 0);
-webkit-transform: translate3d(0, 2px, 0);
}
body.dark #content .mini.Ant .gameInfo .icon {
width: 26px;
height: 26px;
margin: 0 5px;
transform: translate3d(0, 0, 0);
}
body.dark #content .mini.Ant .match-tools .icon,
body.dark #content .mini.Ant .gameInfo .atBtn,
body.dark #content .mini.Ant .gameInfo .atCon,
body.dark #content .mini.Ant .gameInfo .collect,
body.dark #content .mini.Ant .gameInfo .name {
display: none !important;
}
body.dark #content .mini.Ant .gameInfo .evticons img {
vertical-align: 0;
}
body.dark #content .mini.Ant .status {
width: 40px;
}
body.dark .tvLinkBox {
background: #1B1B1B;
border-radius: 5px;
width: 50%;
position: absolute;
top: 110px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
z-index: 10;
}
body.dark .tvLinkBox .tvLinklis {
color: #ffffff;
font-size: 14px;
cursor: pointer;
}
body.dark .tvLinkBox .tvLinklis:last-child {
border: none;
}
body.dark #content .mini .exlist {
display: none;
}
body.dark #content .tob.mini .gameBox .gameInfo .vs {
margin: 0;
}
body.dark #content .gameBox a.back {
z-index: 99999;
top: 20px;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
margin: 0;
}
body.dark .HomeNum,
body.dark .GuestNum {
display: block;
margin: 0 auto;
line-height: 18px;
color: #ffffff;
font-size: 11px;
width: 18px;
height: 18px;
border-radius: 50%;
}
body.dark .HomeNum {
background: #006699;
}
body.dark .GuestNum {
background: #ff6600;
}
body.dark #content .match {
position: fixed;
z-index: 99;
top: 0;
width: 100%;
max-width: 640px;
text-align: center;
background: linear-gradient(90deg, #5e2200 0%, #013667 100%);
color: #ffffff;
}
body.dark #content .gameBox a {
color: #ffffff;
overflow: hidden;
white-space: nowrap;
}
body.dark #content .gameBox a div {
margin: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
body.dark #content .gameBox a div.bor {
width: min-content;
background: rgba(255, 255, 255, 0.1);
padding: 0 10px;
border-radius: 3px;
}
body.dark .header .match-tools .icon {
color: #ffffff;
float: right;
position: static;
width: 28px;
height: 28px;
line-height: 28px;
font-size: 20px;
margin: 5px 0 0 8px;
opacity: 0.9;
}
body.dark .header .match-tools .close {
display: none;
width: 16px;
height: 16px;
margin: 5px 2px 0 8px;
}
body.dark .team_tabs .teamLogo {
width: 24px;
height: 24px;
}
body.dark .eTable .countryLogo {
height: 20px;
}
body.dark #strengthTabs {
justify-content: space-around;
border-top: 0px;
}
body.dark .thSp {
height: 0px !important;
margin: 0px !important;
padding: 0px !important;
border: 0px !important;
}
body.dark #settingPop.ststpop .info.cel1 li {
width: calc(100% - 8px);
}
body.dark #settingPop.ststpop .info.cel3 li {
width: calc(33.3% - 8px);
}
body.dark #settingPop.ststpop .info.cel4 li {
width: calc(25% - 8px);
}
body.dark #settingPop.ststpop .info.cel5 li {
width: calc(20% - 8px);
}
body.dark #settingPop.ststpop .info.cel8 li {
width: calc(14.28% - 8px);
}
body.dark #settingPop.ststpop .title {
line-height: normal;
padding: 10px 40px 10px 10px;
overflow: unset;
text-overflow: unset;
white-space: unset;
}
body.dark #settingPop.ststpop .title .close_b {
margin: 8px;
top: 6px;
}
body.dark #settingPop.ststpop #morePopContent th {
background: #232323;
border-bottom: solid 1px #000000;
font-weight: 600;
color: #000000;
font-size: 12px;
}
body.dark #settingPop.ststpop #morePopContent {
max-height: 80vh;
}
body.dark #settingPop.ststpop ul::after {
content: "";
display: block;
clear: both;
}
body.dark #settingPop.ststpop .info {
background: #1B1B1B;
padding: 10px;
height: unset;
max-height: 440px;
}
body.dark #settingPop.ststpop .info .eTable {
padding: 0;
}
body.dark #settingPop.ststpop .info li {
background: #262626;
float: left;
width: calc(50% - 8px);
justify-content: center;
text-align: center;
line-height: normal;
margin: 4px;
padding: 8px 5px;
border: none;
border-radius: 6px;
}
body.dark #settingPop.ststpop .info li a {
color: #ffffff;
line-height: normal;
text-align: center;
width: 100%;
float: none;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
body.dark #settingPop.ststpop .info li.on,
body.dark #settingPop.ststpop .info li.on a {
background: #295d13;
color: #ffffff;
font-weight: bold;
}
body.dark #settingPop.ststpop .info li.on a {
background: none;
}
body.dark #settingPop.ststpop .info li.def,
body.dark #settingPop.ststpop .info li.def a {
color: #f44336 !important;
font-weight: bold;
}
body.dark .popupGif {
position: fixed;
width: 100%;
height: 100%;
z-index: 10001;
}
body.dark .popupGifBox {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 12;
}
body.dark .popupGifBox-Info {
background: #333;
text-align: center;
border-radius: 4px;
/* margin: 0 16px;*/
position: relative;
top: 50%;
transform: translateY(-50%);
z-index: 9;
overflow: hidden;
}
body.dark .popupGifBox-Title {
background: rgba(0, 0, 0, 0.4);
color: #ffffff;
font-weight: normal;
font-size: 12px;
line-height: 30px;
text-align: left;
padding: 0 10px;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
body.dark .popupGifBox-Title .close {
width: 15px;
height: 30px;
float: right;
cursor: pointer;
}
body.dark .popupGifBox-Title .close::before,
body.dark .popupGifBox-Title .close::after {
height: 1px;
}
body.dark.dark .popupGifBox-Title .close::before,
body.dark.dark .popupGifBox-Title .close::after {
background: #ffffff;
}
body.dark .popupGifBox-Body,
body.dark .popupGifBox-Body img {
width: 100%;
min-height: 150px;
background: url("/images/loadding.gif") no-repeat center;
}
body.dark.dark .popupGifBox-Body img {
background: #333;
}
body.dark .Htitle {
color: #ffffff;
font-size: 14px;
font-weight: bold;
line-height: 34px;
}
body.dark .Htitle::before {
content: "";
background: #b41f0d;
width: 5px;
height: 16px;
margin-right: 5px;
vertical-align: -4px;
display: inline-block;
}
body.dark .grouptit {
background: linear-gradient(90deg, #232323, transparent);
font-size: 14px;
font-weight: bold;
line-height: 24px;
text-align: left;
padding: 0 10px;
margin: 5px 0;
border-radius: 20px;
}
body.dark .grouptit:first-child {
margin-top: 10px;
}
body.dark .eTable .grouptit + .eTablelis,
body.dark .eTable .TBlistit + .eTablelis,
body.dark .all .eTable .TBlistit:first-child + .eTablelis {
border-top: none;
}
body.dark .all .eTable .TBlistit + .eTablelis {
border-top: 1px solid #262626;
}
body.dark .w60 {
width: 60px !important;
}
body.dark .atBtn .icon-live_on {
color: #ffffff !important;
font-size: 14px !important;
}
body.dark .toolbox {
background: #1B1B1B;
width: 100%;
padding: 10px;
/*display:flex;align-items:center;*/
}
body.dark .toolbox .selectbox {
display: flex;
align-items: center;
}
body.dark .toolbox .selectbox.wrap {
flex-wrap: wrap;
}
body.dark .toolbox .selectbox.wrap span {
flex: 0 0 calc(33.5% - 5px);
}
body.dark .toolbox .selectbox.wrap .mb5 {
margin-bottom: 5px;
}
body.dark .toolbox .selectbox.wrap .ml0 {
margin-left: 0;
}
body.dark .toolbox .selectbox span {
background: #232323;
font-size: 14px;
line-height: 32px;
text-align: center;
border-radius: 4px;
padding: 0 5px;
margin: 0 0 0 5px;
flex: 1;
/*flex:1 0 auto;*/
}
body.dark .toolbox .selectbox span:first-child {
margin: 0;
}
body.dark .toolbox .selectbox .on {
background: rgba(180, 31, 13, 0.15);
color: #b41f0d;
font-weight: 500;
}
body.dark .toolbox .selectbox .team {
padding: 0 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
body.dark .toolbox .selectbox .team span {
background: none;
font-size: 14px;
font-weight: bold;
padding: 0;
flex: 0 0 auto;
}
body.dark .toolbox .selectbox .team .teamLogo {
width: 20px;
height: 20px;
}
body.dark .toolbox .selectbox.teamtab .teamLogo {
background: rgba(255, 255, 255, 0);
width: 24px;
height: 24px;
vertical-align: -7px;
border-radius: 5px;
}
body.dark .toolbox .SlitemBox {
margin-top: 10px;
padding: 3px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
body.dark .toolbox .SlitemBox .choicebox span {
font-size: 12px;
margin-right: 5px;
}
body.dark .toolbox .SlitemBox .choicebox .on,
body.dark .toolbox .SlitemBox .choicebox .on .icon {
color: #b41f0d;
}
body.dark .toolbox .SlitemBox .choicebox .icon {
color: #BFBFBF;
font-size: 18px;
margin-right: 2px;
vertical-align: -2px;
}
body.dark .toolbox .SlitemBox .pullbox .icon {
color: #BFBFBF;
font-size: 12px;
line-height: 12px;
vertical-align: 0;
}
body.dark .eTable {
background: #1B1B1B;
padding: 0 10px;
}
body.dark .eTable::before {
content: "";
display: table;
}
body.dark .eTable .eTablelis {
padding: 10px 0;
border-top: 1px solid #262626;
display: flex;
align-items: center;
}
body.dark .eTable .eTablelis:first-child {
border: none;
}
body.dark .eTable .eTablelis.bt {
border-top: 1px solid #262626;
}
body.dark .eTable .eTablelis.tit {
padding: 3px 5px;
}
body.dark .eTable .eTablelis.tit span {
color: #595959;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-align: center;
}
body.dark .eTable .eTablelis .time {
width: 40px;
line-height: 16px;
text-align: center;
margin: 0;
}
body.dark .eTable .eTablelis .date {
color: #595959;
display: block;
font-size: 11px;
}
body.dark .eTable .eTablelis .team_item {
color: #ffffff;
flex: 1;
overflow: hidden;
}
body.dark .eTable .eTablelis .team_item .home,
body.dark .eTable .eTablelis .team_item .guest {
font-size: 14px;
margin-left: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.dark .eTable .eTablelis .home {
margin-bottom: 5px;
}
body.dark .eTable .eTablelis .teamLogo {
margin: 0 2px;
vertical-align: -4px;
}
body.dark .eTable .eTablelis .score {
width: 20px;
margin-left: 10px;
}
body.dark .eTable .eTablelis .score span {
color: #ffffff;
font-size: 16px;
line-height: 20px;
font-weight: bold;
text-align: center;
display: block;
}
body.dark .eTable .eTablelis .score span:first-child {
margin-bottom: 5px;
}
body.dark .eTable .eTablelis .score .lose {
color: #595959;
}
body.dark .eTable .eTablelis .scoreBox {
width: 20px;
margin: 0 5px 0 10px;
}
body.dark .eTable .TBlistit {
background: #232323;
font-size: 12px;
line-height: 22px;
padding: 0 10px;
border-radius: 20px;
}
body.dark .eTable .TBlistit .cImg {
margin: 0 5px 0 0;
vertical-align: 0;
}
body.dark .eTable.oddbox {
padding: 0 10px 10px 10px;
}
body.dark .eTable.oddbox .eTablelis {
line-height: 28px;
padding: 0;
border: 1px solid #262626;
border-top: none;
}
body.dark .eTable.oddbox .eTablelis:nth-child(odd) {
background: rgba(191, 191, 191, 0.08);
}
body.dark .eTable.oddbox .odditem {
flex: 1;
}
body.dark .eTable.oddbox .oRtitle {
background: #232323;
color: #595959;
line-height: 24px;
}
body.dark .eTable.oddbox .oRtitle .oddsCName {
font-weight: normal;
width: 135px;
}
body.dark .eTable.oddbox .oRtitle .oddsRow {
border: none;
}
body.dark .eTable.oddbox .oddsCName {
font-weight: bold;
text-align: center;
width: 65px;
}
body.dark .eTable.oddbox .oddsRow {
text-align: center;
border-top: 1px solid #262626;
display: flex;
justify-content: space-around;
}
body.dark .eTable.oddbox .oddsRow:first-child {
border: none;
}
body.dark .eTable.oddbox .oddsPan {
flex: 1;
max-width: 70px;
}
body.dark .eTable.oddbox .oddsCon {
flex: 1;
display: flex;
justify-content: space-around;
}
body.dark .eTable.oddbox .oddsCon span {
width: 50px;
}
body.dark .eTable.oddbox .icon {
width: 26px;
height: auto;
color: #595959;
font-size: 12px;
}
body.dark .oTable .oTablelis {
font-size: 12px;
text-align: center;
line-height: 30px;
border-bottom: 1px solid #262626;
padding: 0;
display: flex;
align-items: center;
}
body.dark .oTable .oTablelis.tit {
background: #232323;
color: #595959;
font-size: 12px;
line-height: 26px;
font-weight: normal;
padding: 0 10px;
}
body.dark .oTable .oTablelis.tit .time {
color: #595959;
}
body.dark .oTable .oTablelis.tit .date {
color: #595959;
}
body.dark .oTable .oTablelis > div {
flex: 0 0 50px;
}
body.dark .oTable .oTablelis .odditems {
flex: 1;
display: flex;
align-items: center;
}
body.dark .oTable .oTablelis .odditems span {
flex: 1;
}
body.dark .oTable .oTablelis .time {
color: #8C8C8C;
flex: 0 0 60px;
}
body.dark .oTable .oTablelis .date {
color: #8C8C8C;
flex: 0 0 80px;
}
body.dark .oTable .oTablelis .mark-on {
background: rgba(180, 31, 13, 0.08);
}
body.dark .oTable .info {
background: #1B1B1B !important;
height: calc(80vh - 78px) !important;
padding: 0 10px 30px 10px;
}
body.dark .rankbox {
background: #1B1B1B;
padding-bottom: 10px;
}
body.dark .rankbox::before {
content: "";
display: table;
}
body.dark .rankbox::after {
content: "";
display: block;
clear: both;
}
body.dark .rankdata {
background: #1B1B1B;
width: 100%;
padding: 0 10px;
/*border-left:1px solid @@bc1;*/
float: left;
overflow-x: auto;
}
body.dark .rankdata .ranklis {
color: #8C8C8C;
font-size: 14px;
font-weight: normal;
text-align: center;
line-height: 20px;
padding: 8px 0;
border-top: 1px solid #262626;
display: flex;
align-items: center;
}
body.dark .rankdata .ranklis:first-child {
border: none;
}
body.dark .rankdata .ranklis.on {
background: rgba(180, 31, 13, 0.07);
}
body.dark .rankdata .ranklis.tit {
color: #595959;
font-size: 12px;
line-height: 26px;
padding: 0;
border-top: none;
}
body.dark .rankdata .ranklis span {
width: 26px;
}
body.dark .rankdata .ranklis .team_item {
flex: 1;
overflow: hidden;
}
body.dark .rankdata .ranklis .team_item .LName {
color: #ffffff;
font-size: 14px;
text-align: left;
padding-left: 3px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}
body.dark .rankdata .ranklis .teamIcon {
margin-right: 5px;
padding: 0;
vertical-align: -4px;
}
body.dark .rankdata .area {
background: #1B1B1B;
color: #595959;
font-size: 11px;
height: 26px;
line-height: 26px;
font-weight: normal;
text-align: left;
padding: 0 8px;
border-top: 1px solid #262626;
}
body.dark .rankdata .title.area {
margin-top: 5px;
}
body.dark #selCompanyMain #setting_popSel .selectpop .odd_li .icon {
color: #BFBFBF;
font-size: 20px;
height: auto;
display: block;
float: right;
}
body.dark #selCompanyMain #setting_popSel .selectpop .odd_li.on {
color: #b41f0d;
}
body.dark #selCompanyMain #setting_popSel .selectpop .odd_li.on .icon {
color: #b41f0d;
}