body {
  background-color: #e5e5e5;
  color: #222;
  /*---白色背景--------*/

  /*--------灰色背景--1--500-----*/

  /*--------灰色背景--2--300-----*/

  /*--------灰色背景--3---600----*/

  /*--------文字灰度--1------*/

  /*--------文字灰度--2------*/

  /*--------线框灰度--1------*/

  /*--------线框灰度--2--深----*/

  /*导航共用*/

  /*----红-----------------*/

  /*-----篮球比分无指数版-----*/

  /*比分页亚指让球方标识*/

  /*页脚触屏入口*/

  /*积分榜标识*/

  /*手指鼠标*/

  /*引流弹窗*/

  /*加载弹窗*/

  /*遮罩*/

  /*足球分析页*/

  /* 筛选弹窗 */

  /* 比分事件弹窗 */

  /* 比分国旗 */

  /* 联系我们跳转小弹窗 */

  /*版本切换按钮*/

  /*导航下拉图标*/

  /*联赛筛选首字母选择栏*/

  /*赔率升降（无箭头）*/

  /*中立场标识*/

  /*无数据提示*/

  /*鼠标悬浮提示，适配多语种站*/

}
body .ant .matchdata .databtns,
body #settingPop .box-footer,
body .matchList .item .exbar,
body #settingPop .dbList ul div,
body .w10,
body .calendar__days,
body #div_search,
body #oddsChange,
body #panluDiv,
body #calendar,
body #calendar .datelayer_td-blank,
body #calendar .datelayer_td-blank:hover,
body #main #min,
body #main3,
body #info,
body #main #right .lrdiv,
body #main #left .lrdiv,
body .rf,
body #showoptional2,
body #showCountry,
body #showFilterBox,
body #showoptional,
body #showCompany,
body .rbl,
body .b1,
body .com LI SPAN A:hover,
body .white-bg,
body .white-bg2,
body .livetab,
body .team-table-home .vv,
body .team-table-guest .vv,
body .home-div a span,
body .guest-div a span,
body body select,
body .fx-tb-b li b,
body .fx-tb-b h4,
body .fx-tab .fx-tab-on,
body .fx-tab .fx-tab-on2,
body .twin,
body .bak_div,
body .tvLink,
body .BtvLink,
body .n-search {
  background-color: #fff !important;
}
body #tools li span,
body .oodstable-t,
body .date-table th,
body .gray-bg2,
body .fx-tb-a li .fx-td-data,
body .fx-line,
body .mintopnav a,
body .lo-f2,
body .fx-tb-b h4,
body .fx-tab span,
body .oddsCaption,
body .home-div a span,
body .guest-div a span,
body .Leaguestitle {
  background-color: #e5e5e5;
}
body .sotit,
body .bts span,
body .scoretitle td,
body .litab2,
body .listtab .stsw td,
body .com LI SPAN A,
body .team-table-home td,
body .team-table-guest td,
body .team-table-other td,
body .team-table-home tr,
body .team-table-guest tr,
body .team-table-other tr,
body .fx,
body .team-table-home,
body .team-table-guest,
body .team-table-other,
body .player-list,
body .jqSubTitle2,
body .jqTitle2,
body #calendar td,
body .loadngdiv,
body .fx20,
body .oddstitle,
body .search-container .searchItem:nth-child(odd) {
  background-color: #f9f9f9;
}
body #tools li span:hover,
body .oddstable,
body .schedule:hover,
body .collapse:hover,
body .closes:hover,
body .expand:hover {
  background-color: #dadada;
}
body body,
body .Leaguestitle,
body a,
body .sotit,
body A.sb:hover,
body a.pk:hover,
body .team-table-title,
body .team-table-title a,
body .team-table-title2,
body .fx-title .fx-title-vs,
body .team_bf,
body .lr_tit {
  color: #222;
}
body .time,
body #tools .odds_setting p,
body .rbl,
body #tools li span:hover,
body .date-table th,
body .odd-bg1 span,
body .bts span,
body .team-table-other b,
body .stat-title,
body .fx-c-3,
body .oddstitle,
body .oodstable-t {
  color: #666;
}
body #mintable td,
body .date-picker,
body .sotit,
body .rbl,
body .scoretitle td,
body .listtab td,
body .listtab .stsw td,
body .com LI,
body .team-table-home td,
body .team-table-guest td,
body .team-table-other td,
body .fx-div,
body .fg_Title,
body #calendar .d-line,
body .tgs2 td,
body .rs_ser li a,
body .r-line,
body .jqSubTitle2,
body .jqTitle2,
body .Prediction-t,
body ul.menu li,
body #calendar .l-line,
body .bts span,
body .win-note,
body .loadngdiv,
body ul.menu,
body .tabsBox,
body .twin,
body .discription span,
body .Leaguestitle td,
body .date-picker .date-picker-calendar,
body .tvLink ul li a,
body .BtvLink ul li a,
body #div_search,
body .search-container .searchItem,
body .bt-selected,
body .searchexplain {
  border-color: #e5e5e5 !important;
}
body #mintable td,
body .date-picker,
body .sotit,
body .rbl,
body .scoretitle td,
body .listtab td,
body .listtab .stsw td,
body .com LI,
body .team-table-home td,
body .team-table-guest td,
body .team-table-other td,
body .fx-div,
body .fg_Title,
body #calendar .d-line,
body .tgs2 td,
body .search-container .searchItem {
  border-bottom: 1px solid transparent;
}
body .rs_ser li a {
  border-bottom: 3px solid transparent;
}
body .r-line,
body .jqSubTitle2,
body .jqTitle2,
body .Prediction-t,
body ul.menu li {
  border-right: 1px solid transparent;
}
body .jqSubTitle2,
body .jqTitle2,
body #calendar .l-line,
body .date-picker .date-picker-calendar {
  border-left: 1px solid transparent;
}
body .bts span,
body .win-note,
body .loadngdiv,
body ul.menu,
body .tabsBox,
body .twin,
body .discription span,
body .tvLink ul li a,
body .BtvLink ul li a,
body #div_search {
  border: 1px solid transparent;
}
body .bts {
  border-top: 1px solid #e5e5e5;
}
body .matchList .item .odds,
body .date-table,
body .date-table td,
body .date-table th,
body #selectsound1,
body #selectsound2 {
  border-color: #d0d0d0 !important;
}
body .Leaguestitle td,
body .date-table {
  border-bottom: 1px solid transparent;
}
body .date-table {
  border-right: 1px solid transparent;
}
body .date-table td,
body .date-table th {
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
}
body .menu2 li .on,
body .menu2 li .on:hover {
  background-color: #e5e5e5;
}
body .red,
body .red2,
body .lo-f2,
body .fbheader .row .LName,
body .fbheader .row .LName a,
body .fbheader .row .end .score,
body .sclassLink,
body .zbf {
  color: #d64444 !important;
}
body .only-score .odds-title,
body .only-score .otOdds,
body .only-score .ouOdds,
body .only-score .handOdds {
  display: none;
}
body #table_live .tds .hdpstar {
  display: inline;
  padding: 2px 0px 0px 0px;
  margin: 0px;
  color: red;
}
body #table_live .tds .hdpstar::before {
  content: "*";
}
body #bottom .webid .mobile-version {
  background: url("/Images/phone.svg") no-repeat;
  background-position-y: 2px;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  width: 148px;
}
body .Leaguestitle .rankicon,
body .team_leaguetitle .rankicon {
  background: url(/Images/rank.svg) no-repeat center;
  width: 24px;
  height: 24px;
  margin: 2px 6px;
  float: right;
  display: inline-block;
  cursor: pointer;
}
body a,
body .tvLinkBtn,
body .glove {
  cursor: pointer;
}
body .drainage {
  position: fixed;
  top: 350px;
  z-index: 1000;
  width: 420px;
  left: 50%;
  margin-left: -210px;
  padding: 12px;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  text-indent: 1em;
  border-radius: 6px;
  background: #196ab7;
  border: 4px solid #2d8de8;
  box-shadow: 0 8px 40px #00407d;
}
body .drainage .linkDesc {
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
}
body .drainage .countdown {
  text-align: center;
  margin: 8px 0px;
}
body .drainage #drainageCountDown {
  color: yellow;
  font-size: 24px;
}
body .drainage .btn {
  background: var(--white-bg);
  color: var(--thirdly-color);
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  text-indent: initial;
  width: 30%;
  margin: 8px auto 4px;
  padding: 2px 10px;
  border-radius: 4px;
  cursor: pointer;
}
body .sloading {
  position: fixed;
  width: 95%;
  top: 250px;
  left: 1px;
  z-index: 8;
  text-align: center;
}
body .sloading .loadngdiv {
  width: 300px;
  height: 120px;
  border-collapse: collapse;
  border: 1px;
}
body .sloading .loadngdiv img {
  border: 1px;
}
body .drainage_mask {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999;
}
body .win_lose {
  display: flex;
  justify-content: center;
}
body .win_lose .o-lose,
body .win_lose .o-win,
body .win_lose .o-draw,
body .win_lose .o-none {
  margin: 0 2px;
}
body .bt-selected {
  border-top: solid 1px transparent;
  text-align: center;
  padding: 6px 0 2px 0;
}
body .detail_player {
  display: inline-block;
  max-width: 141px;
  height: 20px;
  vertical-align: -2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body .scoretab .odds-table-bg img {
  vertical-align: -5px;
}
body .Leaguestitle .cImg,
body .team_leaguetitle .cImg {
  position: relative;
  width: 18px;
  height: 12px;
  top: 1px;
  padding: 0 4px;
  vertical-align: 0;
}
body .NotificalPop {
  background: var(--bgcolor-1);
  width: 280px;
  padding: 10px;
  border-radius: 6px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 10000;
}
body .NotificalPop .tit {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}
body .NotificalPop p {
  color: var(--textcolor-1);
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  padding: 10px;
}
body .NotificalPop .btn {
  background: var(--primary-color);
  color: var(--text-white);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  padding: 8px 0;
  margin: 5px 10px;
  cursor: pointer;
}
body #tools.tools {
  overflow: initial;
}
body .tools .switch-btn {
  background: var(--primary-color);
  height: 22px;
  padding: 1px;
  margin: 2px 10px;
  border-radius: 20px;
  float: right;
  display: inline-block;
  position: relative;
}
body .tools .switch-btn span {
  color: var(--text-white);
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  padding: 0 3px;
  border-radius: 20px;
  float: left;
  display: inline-block;
  cursor: pointer;
}
body .tools .switch-btn span.on {
  background: var(--white-bg);
  color: var(--primary-color);
  font-weight: bold;
}
body .tools .switch-btn .pop {
  min-width: 150px;
  background: var(--gray80);
  color: var(--text-white);
  text-align: center;
  line-height: normal;
  padding: 15px;
  border-radius: 5px;
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
body .tools .switch-btn .pop .btn {
  background: var(--primary-color);
  color: var(--text-white);
  text-align: center;
  line-height: 24px;
  width: 50%;
  padding: 0 10px;
  margin: 10px auto 0 auto;
  border-radius: 5px;
  cursor: pointer;
}
body #tools li span .icon {
  color: var(--textcolor-2);
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  margin-left: 2px;
}
body #tools li.on span .icon {
  color: var(--text-white);
}
body #showoptional2 .quickPos {
  background: var(--bgcolor-2);
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 4px 0;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  z-index: 99;
}
body #showoptional2 .quickPos li {
  color: var(--textcolor-1);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 2px;
  display: block;
  float: none;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
body #showoptional2 .quickPos li.on {
  background-color: var(--black);
  color: var(--text-white);
}
body .down3 {
  color: var(--down);
}
body .up3 {
  color: var(--up);
}
body .neutraity {
  color: #FF2929;
  font-weight: normal;
}
body .no-match-box .no_data {
  height: 255px;
  padding: 20px;
}
body .no-match-box .no_data p {
  text-align: center;
  line-height: 30px;
  margin: 10px 0;
}
body .no-match-box .no_data .title {
  font-size: 20px;
  font-weight: 600;
  margin-top: 55px;
}
body .no-match-box .no_data .logo {
  font-size: 30px;
  margin-top: 55px;
}
body .no-match-box .no_data .logo img {
  height: 50px;
}
body .no-match-box .no_data .explain {
  font-size: 16px;
}
body .no-match-box .no_data .explain .icon {
  background: var(--bgcolor-2);
  color: var(--textcolor-3);
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin: 0 4px;
  display: inline-block;
}
body .no-match-box .no_data .searchbtn {
  background: var(--primary-color);
  color: var(--text-white);
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 500;
  min-width: 150px;
  padding: 5px 10px;
  margin: 10px 0;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
body .no-match-box .no_data .searchbtn .icon {
  font-size: 18px;
  font-weight: normal;
  margin-right: 5px;
}
body .th .neutral_info:hover:after {
  content: "สนามกลาง";
}
body .th .add-info:hover:after {
  content: "ติดตามเกมนี้";
}
body .th .add-info2:hover:after {
  content: "เลิกติดตามเกมนี้";
}
body .th .add-info-l:hover:after {
  content: "ติดตามลีกนี้";
}
body .th .add-info-l2:hover:after {
  content: "เลิกติดตามลีกนี้";
}
body .th .add-info-t:hover:after {
  content: "ติดตามทีมนี้";
}
body .th .add-info-t2:hover:after {
  content: "เลือกติดตามทีมนี้";
}
body .th .hidden-team:hover:after {
  content: "ซ่องเกมทั้งหมดของลีกนี้";
}
body .th .display-team:hover:after {
  content: "แสดงเกมทั้งหมดของลีกนี้";
}
body .th .close-info:hover:after {
  content: "เลิกติดตามเกมทั้งหมดของลีกนี้ ";
}
body .th .hidden-info:hover:after {
  content: "ซ่อนเกมทั้งหมดของลีกนี้ ";
}
body .th .display-info:hover:after {
  content: "แสดงเกมทั้งหมดของลีกนี้";
}
body .th .odds-icon:hover:after {
  content: "ราคา";
}
body .th .odds-icon1x2:hover:after {
  content: "ราคา";
}
body .th .analyze-icon:hover:after {
  content: "วิเคราะห์";
}
body .th .Detail-icon:hover:after {
  content: "สถิติ";
}
body .th .threeinone-icon:hover:after {
  content: "3in1";
}
body .th .x12-icon:hover:after {
  content: "1x2";
}
body .th .Detail-basketball-icon:hover:after {
  content: "สถิติ";
}
body .th .matchdata-icon:hover:after {
  content: "แอนิเมชั่นสด";
}
body .th .closedata-icon:hover:after {
  content: "ปิด";
}
body .th .allno:hover:after {
  content: "เลิกติดตาม";
}
body .th .rankicon:hover:after {
  content: "ตารางคะแนน";
}
body .th .highlight-icon:hover:after {
  content: "ไฮไลท์การแข่งขัน";
}
body .th .bkflash-icon:hover:after {
  content: "แอนิเมชั่นสด";
}
body .th .fbsclass:hover::after {
  content: "ไม่พบข้อมูลลีก";
}
body .th .ht-desc:hover::after {
  content: "สถิติเฉพาะครึ่งแรก";
}
body .vi .neutral_info:hover:after {
  content: "sân trung lập";
}
body .vi .add-info:hover:after {
  content: "Theo dõi trận đấu";
}
body .vi .add-info2:hover:after {
  content: "Hủy theo dõi trận đấu";
}
body .vi .add-info-l:hover:after {
  content: "Theo dõi giải đấu";
}
body .vi .add-info-l2:hover:after {
  content: "Hủy theo dõi giải đấu";
}
body .vi .add-info-t:hover:after {
  content: "Theo dõi đội bóng";
}
body .vi .add-info-t2:hover:after {
  content: "Hủy theo dõi đội bóng";
}
body .vi .hidden-team:hover:after {
  content: "Ẩn tất cả các trận đấu của đội bóng";
}
body .vi .display-team:hover:after {
  content: "Hiển thị tất cả các trận đấu của đội bóng";
}
body .vi .close-info:hover:after {
  content: "Xóa giải đấu này";
}
body .vi .hidden-info:hover:after {
  content: "Ẩn lại giải đấu này";
}
body .vi .display-info:hover:after {
  content: "Hiển thị giải đấu này";
}
body .vi .odds-icon:hover:after {
  content: "So sánh TL";
}
body .vi .odds-icon1x2:hover:after {
  content: "So sánh TL";
}
body .vi .analyze-icon:hover:after {
  content: "Phân tích";
}
body .vi .matchdata-icon:hover:after,
body .vi .closedata-icon:hover:after {
  content: "Dữ liệu";
}
body .vi .Detail-icon:hover:after {
  content: "Chi tiết";
}
body .vi .threeinone-icon:hover:after {
  content: "3in1";
}
body .vi .x12-icon:hover:after {
  content: "1x2";
}
body .vi .Detail-basketball-icon:hover:after {
  content: "Chi tiết";
}
body .vi .matchdata-icon:hover:after,
body .vi .closedata-icon:hover:after {
  content: "Dữ liệu";
}
body .vi .rankicon:hover:after {
  content: "Bảng xếp hạng";
}
body .vi .highlight-icon:hover:after {
  content: "trận đấu highlights";
}
body .vi .bkflash-icon:hover:after {
  content: "Hoạt hình trực tiếp";
}
body .vi .allno:hover:after {
  content: "Xóa tất cả đội bóng đã theo dõi";
}
body .vi .fbsclass:hover::after {
  content: "Không tìm thấy thông tin giải đấu này";
}
body.dark {
  background-color: #151515;
  color: #fff;
  /*---白色背景--------*/

  /*--------灰色背景--1--500-----*/

  /*--------灰色背景--2--300-----*/

  /*--------灰色背景--3---600----*/

  /*--------文字灰度--1------*/

  /*--------文字灰度--2------*/

  /*--------线框灰度--1------*/

  /*--------线框灰度--2--深----*/

  /*导航共用*/

  /*----红-----------------*/

  /*-----篮球比分无指数版-----*/

  /*比分页亚指让球方标识*/

  /*页脚触屏入口*/

  /*积分榜标识*/

  /*手指鼠标*/

  /*引流弹窗*/

  /*加载弹窗*/

  /*遮罩*/

  /*足球分析页*/

  /* 筛选弹窗 */

  /* 比分事件弹窗 */

  /* 比分国旗 */

  /* 联系我们跳转小弹窗 */

  /*版本切换按钮*/

  /*导航下拉图标*/

  /*联赛筛选首字母选择栏*/

  /*赔率升降（无箭头）*/

  /*中立场标识*/

  /*无数据提示*/

  /*鼠标悬浮提示，适配多语种站*/

}
body.dark .ant .matchdata .databtns,
body.dark #settingPop .box-footer,
body.dark .matchList .item .exbar,
body.dark #settingPop .dbList ul div,
body.dark .w10,
body.dark .calendar__days,
body.dark #div_search,
body.dark #oddsChange,
body.dark #panluDiv,
body.dark #calendar,
body.dark #calendar .datelayer_td-blank,
body.dark #calendar .datelayer_td-blank:hover,
body.dark #main #min,
body.dark #main3,
body.dark #info,
body.dark #main #right .lrdiv,
body.dark #main #left .lrdiv,
body.dark .rf,
body.dark #showoptional2,
body.dark #showCountry,
body.dark #showFilterBox,
body.dark #showoptional,
body.dark #showCompany,
body.dark .rbl,
body.dark .b1,
body.dark .com LI SPAN A:hover,
body.dark .white-bg,
body.dark .white-bg2,
body.dark .livetab,
body.dark .team-table-home .vv,
body.dark .team-table-guest .vv,
body.dark .home-div a span,
body.dark .guest-div a span,
body.dark body select,
body.dark .fx-tb-b li b,
body.dark .fx-tb-b h4,
body.dark .fx-tab .fx-tab-on,
body.dark .fx-tab .fx-tab-on2,
body.dark .twin,
body.dark .bak_div,
body.dark .tvLink,
body.dark .BtvLink,
body.dark .n-search {
  background-color: #282828 !important;
}
body.dark #tools li span,
body.dark .oodstable-t,
body.dark .date-table th,
body.dark .gray-bg2,
body.dark .fx-tb-a li .fx-td-data,
body.dark .fx-line,
body.dark .mintopnav a,
body.dark .lo-f2,
body.dark .fx-tb-b h4,
body.dark .fx-tab span,
body.dark .oddsCaption,
body.dark .home-div a span,
body.dark .guest-div a span,
body.dark .Leaguestitle {
  background-color: #333;
}
body.dark .sotit,
body.dark .bts span,
body.dark .scoretitle td,
body.dark .litab2,
body.dark .listtab .stsw td,
body.dark .com LI SPAN A,
body.dark .team-table-home td,
body.dark .team-table-guest td,
body.dark .team-table-other td,
body.dark .team-table-home tr,
body.dark .team-table-guest tr,
body.dark .team-table-other tr,
body.dark .fx,
body.dark .team-table-home,
body.dark .team-table-guest,
body.dark .team-table-other,
body.dark .player-list,
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark #calendar td,
body.dark .loadngdiv,
body.dark .fx20,
body.dark .oddstitle,
body.dark .search-container .searchItem:nth-child(odd) {
  background-color: #2f2f2f;
}
body.dark #tools li span:hover,
body.dark .oddstable,
body.dark .schedule:hover,
body.dark .collapse:hover,
body.dark .closes:hover,
body.dark .expand:hover {
  background-color: #505050;
}
body.dark body,
body.dark .Leaguestitle,
body.dark a,
body.dark .sotit,
body.dark A.sb:hover,
body.dark a.pk:hover,
body.dark .team-table-title,
body.dark .team-table-title a,
body.dark .team-table-title2,
body.dark .fx-title .fx-title-vs,
body.dark .team_bf,
body.dark .lr_tit {
  color: #fff;
}
body.dark .time,
body.dark #tools .odds_setting p,
body.dark .rbl,
body.dark #tools li span:hover,
body.dark .date-table th,
body.dark .odd-bg1 span,
body.dark .bts span,
body.dark .team-table-other b,
body.dark .stat-title,
body.dark .fx-c-3,
body.dark .oddstitle,
body.dark .oodstable-t {
  color: #999;
}
body.dark #mintable td,
body.dark .date-picker,
body.dark .sotit,
body.dark .rbl,
body.dark .scoretitle td,
body.dark .listtab td,
body.dark .listtab .stsw td,
body.dark .com LI,
body.dark .team-table-home td,
body.dark .team-table-guest td,
body.dark .team-table-other td,
body.dark .fx-div,
body.dark .fg_Title,
body.dark #calendar .d-line,
body.dark .tgs2 td,
body.dark .rs_ser li a,
body.dark .r-line,
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark .Prediction-t,
body.dark ul.menu li,
body.dark #calendar .l-line,
body.dark .bts span,
body.dark .win-note,
body.dark .loadngdiv,
body.dark ul.menu,
body.dark .tabsBox,
body.dark .twin,
body.dark .discription span,
body.dark .Leaguestitle td,
body.dark .date-picker .date-picker-calendar,
body.dark .tvLink ul li a,
body.dark .BtvLink ul li a,
body.dark #div_search,
body.dark .search-container .searchItem,
body.dark .bt-selected,
body.dark .searchexplain {
  border-color: #444 !important;
}
body.dark #mintable td,
body.dark .date-picker,
body.dark .sotit,
body.dark .rbl,
body.dark .scoretitle td,
body.dark .listtab td,
body.dark .listtab .stsw td,
body.dark .com LI,
body.dark .team-table-home td,
body.dark .team-table-guest td,
body.dark .team-table-other td,
body.dark .fx-div,
body.dark .fg_Title,
body.dark #calendar .d-line,
body.dark .tgs2 td,
body.dark .search-container .searchItem {
  border-bottom: 1px solid transparent;
}
body.dark .rs_ser li a {
  border-bottom: 3px solid transparent;
}
body.dark .r-line,
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark .Prediction-t,
body.dark ul.menu li {
  border-right: 1px solid transparent;
}
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark #calendar .l-line,
body.dark .date-picker .date-picker-calendar {
  border-left: 1px solid transparent;
}
body.dark .bts span,
body.dark .win-note,
body.dark .loadngdiv,
body.dark ul.menu,
body.dark .tabsBox,
body.dark .twin,
body.dark .discription span,
body.dark .tvLink ul li a,
body.dark .BtvLink ul li a,
body.dark #div_search {
  border: 1px solid transparent;
}
body.dark .bts {
  border-top: 1px solid #444;
}
body.dark .matchList .item .odds,
body.dark .date-table,
body.dark .date-table td,
body.dark .date-table th,
body.dark #selectsound1,
body.dark #selectsound2 {
  border-color: #444 !important;
}
body.dark .Leaguestitle td,
body.dark .date-table {
  border-bottom: 1px solid transparent;
}
body.dark .date-table {
  border-right: 1px solid transparent;
}
body.dark .date-table td,
body.dark .date-table th {
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
}
body.dark .menu2 li .on,
body.dark .menu2 li .on:hover {
  background-color: #151515;
}
body.dark .red,
body.dark .red2,
body.dark .lo-f2,
body.dark .fbheader .row .LName,
body.dark .fbheader .row .LName a,
body.dark .fbheader .row .end .score,
body.dark .sclassLink,
body.dark .zbf {
  color: #de5b5c !important;
}
body.dark .only-score .odds-title,
body.dark .only-score .otOdds,
body.dark .only-score .ouOdds,
body.dark .only-score .handOdds {
  display: none;
}
body.dark #table_live .tds .hdpstar {
  display: inline;
  padding: 2px 0px 0px 0px;
  margin: 0px;
  color: red;
}
body.dark #table_live .tds .hdpstar::before {
  content: "*";
}
body.dark #bottom .webid .mobile-version {
  background: url("/Images/phone.svg") no-repeat;
  background-position-y: 2px;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  width: 148px;
}
body.dark .Leaguestitle .rankicon,
body.dark .team_leaguetitle .rankicon {
  background: url(/Images/rank.svg) no-repeat center;
  width: 24px;
  height: 24px;
  margin: 2px 6px;
  float: right;
  display: inline-block;
  cursor: pointer;
}
body.dark a,
body.dark .tvLinkBtn,
body.dark .glove {
  cursor: pointer;
}
body.dark .drainage {
  position: fixed;
  top: 350px;
  z-index: 1000;
  width: 420px;
  left: 50%;
  margin-left: -210px;
  padding: 12px;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  text-indent: 1em;
  border-radius: 6px;
  background: #196ab7;
  border: 4px solid #2d8de8;
  box-shadow: 0 8px 40px #00407d;
}
body.dark .drainage .linkDesc {
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
}
body.dark .drainage .countdown {
  text-align: center;
  margin: 8px 0px;
}
body.dark .drainage #drainageCountDown {
  color: yellow;
  font-size: 24px;
}
body.dark .drainage .btn {
  background: var(--white-bg);
  color: var(--thirdly-color);
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  text-indent: initial;
  width: 30%;
  margin: 8px auto 4px;
  padding: 2px 10px;
  border-radius: 4px;
  cursor: pointer;
}
body.dark .sloading {
  position: fixed;
  width: 95%;
  top: 250px;
  left: 1px;
  z-index: 8;
  text-align: center;
}
body.dark .sloading .loadngdiv {
  width: 300px;
  height: 120px;
  border-collapse: collapse;
  border: 1px;
}
body.dark .sloading .loadngdiv img {
  border: 1px;
}
body.dark .drainage_mask {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999;
}
body.dark .win_lose {
  display: flex;
  justify-content: center;
}
body.dark .win_lose .o-lose,
body.dark .win_lose .o-win,
body.dark .win_lose .o-draw,
body.dark .win_lose .o-none {
  margin: 0 2px;
}
body.dark .bt-selected {
  border-top: solid 1px transparent;
  text-align: center;
  padding: 6px 0 2px 0;
}
body.dark .detail_player {
  display: inline-block;
  max-width: 141px;
  height: 20px;
  vertical-align: -2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body.dark .scoretab .odds-table-bg img {
  vertical-align: -5px;
}
body.dark .Leaguestitle .cImg,
body.dark .team_leaguetitle .cImg {
  position: relative;
  width: 18px;
  height: 12px;
  top: 1px;
  padding: 0 4px;
  vertical-align: 0;
}
body.dark .NotificalPop {
  background: var(--bgcolor-1);
  width: 280px;
  padding: 10px;
  border-radius: 6px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 10000;
}
body.dark .NotificalPop .tit {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}
body.dark .NotificalPop p {
  color: var(--textcolor-1);
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  padding: 10px;
}
body.dark .NotificalPop .btn {
  background: var(--primary-color);
  color: var(--text-white);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  padding: 8px 0;
  margin: 5px 10px;
  cursor: pointer;
}
body.dark #tools.tools {
  overflow: initial;
}
body.dark .tools .switch-btn {
  background: var(--primary-color);
  height: 22px;
  padding: 1px;
  margin: 2px 10px;
  border-radius: 20px;
  float: right;
  display: inline-block;
  position: relative;
}
body.dark .tools .switch-btn span {
  color: var(--text-white);
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  padding: 0 3px;
  border-radius: 20px;
  float: left;
  display: inline-block;
  cursor: pointer;
}
body.dark .tools .switch-btn span.on {
  background: var(--white-bg);
  color: var(--primary-color);
  font-weight: bold;
}
body.dark .tools .switch-btn .pop {
  min-width: 150px;
  background: var(--gray80);
  color: var(--text-white);
  text-align: center;
  line-height: normal;
  padding: 15px;
  border-radius: 5px;
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
body.dark .tools .switch-btn .pop .btn {
  background: var(--primary-color);
  color: var(--text-white);
  text-align: center;
  line-height: 24px;
  width: 50%;
  padding: 0 10px;
  margin: 10px auto 0 auto;
  border-radius: 5px;
  cursor: pointer;
}
body.dark #tools li span .icon {
  color: var(--textcolor-2);
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  margin-left: 2px;
}
body.dark #tools li.on span .icon {
  color: var(--text-white);
}
body.dark #showoptional2 .quickPos {
  background: var(--bgcolor-2);
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 4px 0;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  z-index: 99;
}
body.dark #showoptional2 .quickPos li {
  color: var(--textcolor-1);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 2px;
  display: block;
  float: none;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
body.dark #showoptional2 .quickPos li.on {
  background-color: var(--black);
  color: var(--text-white);
}
body.dark .down3 {
  color: var(--down);
}
body.dark .up3 {
  color: var(--up);
}
body.dark .neutraity {
  color: #FF2929;
  font-weight: normal;
}
body.dark .no-match-box .no_data {
  height: 255px;
  padding: 20px;
}
body.dark .no-match-box .no_data p {
  text-align: center;
  line-height: 30px;
  margin: 10px 0;
}
body.dark .no-match-box .no_data .title {
  font-size: 20px;
  font-weight: 600;
  margin-top: 55px;
}
body.dark .no-match-box .no_data .logo {
  font-size: 30px;
  margin-top: 55px;
}
body.dark .no-match-box .no_data .logo img {
  height: 50px;
}
body.dark .no-match-box .no_data .explain {
  font-size: 16px;
}
body.dark .no-match-box .no_data .explain .icon {
  background: var(--bgcolor-2);
  color: var(--textcolor-3);
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin: 0 4px;
  display: inline-block;
}
body.dark .no-match-box .no_data .searchbtn {
  background: var(--primary-color);
  color: var(--text-white);
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 500;
  min-width: 150px;
  padding: 5px 10px;
  margin: 10px 0;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
body.dark .no-match-box .no_data .searchbtn .icon {
  font-size: 18px;
  font-weight: normal;
  margin-right: 5px;
}
body.dark .th .neutral_info:hover:after {
  content: "สนามกลาง";
}
body.dark .th .add-info:hover:after {
  content: "ติดตามเกมนี้";
}
body.dark .th .add-info2:hover:after {
  content: "เลิกติดตามเกมนี้";
}
body.dark .th .add-info-l:hover:after {
  content: "ติดตามลีกนี้";
}
body.dark .th .add-info-l2:hover:after {
  content: "เลิกติดตามลีกนี้";
}
body.dark .th .add-info-t:hover:after {
  content: "ติดตามทีมนี้";
}
body.dark .th .add-info-t2:hover:after {
  content: "เลือกติดตามทีมนี้";
}
body.dark .th .hidden-team:hover:after {
  content: "ซ่องเกมทั้งหมดของลีกนี้";
}
body.dark .th .display-team:hover:after {
  content: "แสดงเกมทั้งหมดของลีกนี้";
}
body.dark .th .close-info:hover:after {
  content: "เลิกติดตามเกมทั้งหมดของลีกนี้ ";
}
body.dark .th .hidden-info:hover:after {
  content: "ซ่อนเกมทั้งหมดของลีกนี้ ";
}
body.dark .th .display-info:hover:after {
  content: "แสดงเกมทั้งหมดของลีกนี้";
}
body.dark .th .odds-icon:hover:after {
  content: "ราคา";
}
body.dark .th .odds-icon1x2:hover:after {
  content: "ราคา";
}
body.dark .th .analyze-icon:hover:after {
  content: "วิเคราะห์";
}
body.dark .th .Detail-icon:hover:after {
  content: "สถิติ";
}
body.dark .th .threeinone-icon:hover:after {
  content: "3in1";
}
body.dark .th .x12-icon:hover:after {
  content: "1x2";
}
body.dark .th .Detail-basketball-icon:hover:after {
  content: "สถิติ";
}
body.dark .th .matchdata-icon:hover:after {
  content: "แอนิเมชั่นสด";
}
body.dark .th .closedata-icon:hover:after {
  content: "ปิด";
}
body.dark .th .allno:hover:after {
  content: "เลิกติดตาม";
}
body.dark .th .rankicon:hover:after {
  content: "ตารางคะแนน";
}
body.dark .th .highlight-icon:hover:after {
  content: "ไฮไลท์การแข่งขัน";
}
body.dark .th .bkflash-icon:hover:after {
  content: "แอนิเมชั่นสด";
}
body.dark .th .fbsclass:hover::after {
  content: "ไม่พบข้อมูลลีก";
}
body.dark .th .ht-desc:hover::after {
  content: "สถิติเฉพาะครึ่งแรก";
}
body.dark .vi .neutral_info:hover:after {
  content: "sân trung lập";
}
body.dark .vi .add-info:hover:after {
  content: "Theo dõi trận đấu";
}
body.dark .vi .add-info2:hover:after {
  content: "Hủy theo dõi trận đấu";
}
body.dark .vi .add-info-l:hover:after {
  content: "Theo dõi giải đấu";
}
body.dark .vi .add-info-l2:hover:after {
  content: "Hủy theo dõi giải đấu";
}
body.dark .vi .add-info-t:hover:after {
  content: "Theo dõi đội bóng";
}
body.dark .vi .add-info-t2:hover:after {
  content: "Hủy theo dõi đội bóng";
}
body.dark .vi .hidden-team:hover:after {
  content: "Ẩn tất cả các trận đấu của đội bóng";
}
body.dark .vi .display-team:hover:after {
  content: "Hiển thị tất cả các trận đấu của đội bóng";
}
body.dark .vi .close-info:hover:after {
  content: "Xóa giải đấu này";
}
body.dark .vi .hidden-info:hover:after {
  content: "Ẩn lại giải đấu này";
}
body.dark .vi .display-info:hover:after {
  content: "Hiển thị giải đấu này";
}
body.dark .vi .odds-icon:hover:after {
  content: "So sánh TL";
}
body.dark .vi .odds-icon1x2:hover:after {
  content: "So sánh TL";
}
body.dark .vi .analyze-icon:hover:after {
  content: "Phân tích";
}
body.dark .vi .matchdata-icon:hover:after,
body.dark .vi .closedata-icon:hover:after {
  content: "Dữ liệu";
}
body.dark .vi .Detail-icon:hover:after {
  content: "Chi tiết";
}
body.dark .vi .threeinone-icon:hover:after {
  content: "3in1";
}
body.dark .vi .x12-icon:hover:after {
  content: "1x2";
}
body.dark .vi .Detail-basketball-icon:hover:after {
  content: "Chi tiết";
}
body.dark .vi .matchdata-icon:hover:after,
body.dark .vi .closedata-icon:hover:after {
  content: "Dữ liệu";
}
body.dark .vi .rankicon:hover:after {
  content: "Bảng xếp hạng";
}
body.dark .vi .highlight-icon:hover:after {
  content: "trận đấu highlights";
}
body.dark .vi .bkflash-icon:hover:after {
  content: "Hoạt hình trực tiếp";
}
body.dark .vi .allno:hover:after {
  content: "Xóa tất cả đội bóng đã theo dõi";
}
body.dark .vi .fbsclass:hover::after {
  content: "Không tìm thấy thông tin giải đấu này";
}
/*公用样式*/

body {
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-family: "Tahoma", "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-width: 1060px;
}
div,
h1,
h2,
h3,
h4,
p,
form,
input,
textarea,
img,
span {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
li {
  vertical-align: bottom;
}
img {
  border-width: 0;
}
a {
  text-decoration: none;
}
a:hover,
.f11:hover {
  color: #f60;
  text-decoration: underline;
  cursor: pointer;
}
.teamNames a:hover {
  color: #fff;
  text-decoration: underline;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 2px 5px 0 0;
  vertical-align: -2px;
  cursor: pointer;
}
._hide {
  display: none;
}
.tipsText {
  font-weight: normal;
  background: #FFF3E8 !important;
  color: #cb6f2d !important;
  height: 16px;
  line-height: 16px;
  border-radius: 2px;
  min-width: 10px;
  min-height: 10px;
  padding: 0 5px;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  font-style: normal;
  vertical-align: unset !important;
  margin: 2px;
  cursor: pointer;
}
.fbsclass {
  color: var(--textcolor-1);
  font-weight: bold;
}
.fbsclass:hover {
  color: #222;
  text-decoration: none;
  cursor: not-allowed;
}
.dark .fbsclass:hover {
  color: #fff;
  text-decoration: none;
  cursor: not-allowed;
}
.LGname {
  color: var(--textcolor-1);
  font-weight: bold;
  cursor: pointer;
}
.LGname:hover {
  color: #f60;
  text-decoration: underline;
}
.nounderline {
  text-decoration: none !important;
  cursor: auto;
}
.nolink {
  cursor: text !important;
  text-decoration: none !important;
  color: var(--textcolor-2) !important;
}
dark .nolink {
  color: #fff;
}
.new_icon {
  color: #fff;
  background: #F44336;
  background-image: none !important;
  height: 15px;
  line-height: 13px;
  margin-left: 5px;
  font-weight: normal;
  border-radius: 10px;
  font-size: 12px;
  font-style: normal;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
  white-space: nowrap;
}
/*--足球风格--soccer-------*/

#header-wrapper,
#analyMap a,
.mintopnav li.on a,
.dark .jqTitle {
  background-color: var(--second-color);
}
.menu2,
#soccer .scoretitle td,
#tools .on span,
#tools .on span:hover,
#soccer.dark #tools .on span,
#soccer.dark #tools .on span:hover,
.mintopnav.v2 li.on a,
.oddsHead select,
.nav_select,
.jqTitle {
  background-color: var(--primary-color);
}
.nav_select {
  padding: 5px 10px;
  line-height: 20px;
  overflow: hidden;
  margin-top: -1px;
}
.dark .sbtn,
.dark .sbtn2,
.dark option {
  background: #333;
  color: #fff;
}
.dark .sbtn2:after {
  border-top-color: #fff;
}
#soccer .scoretitle td {
  color: rgba(255, 255, 255, 0.7);
  padding-bottom: 3px;
  line-height: 18px;
}
.tools,
.mintopnav {
  border-bottom: 3px solid var(--primary-color);
}
.menu2 li a:hover {
  background-color: var(--black40);
}
.menu2 li a {
  border-right: 1px solid var(--black20);
}
.menu2 li .on,
.menu2 li .on:hover {
  color: var(--text-primary);
}
#soccer .Leaguestitle td {
  padding-left: 0;
}
/*--篮球风格--Basketball-----------*/

#basketball #header-wrapper,
#basketball .oddsHead select,
#basketball #analyMap a,
#basketball .nav_select,
#basketball .mintopnav li.on a {
  background-color: #693131;
}
#basketball .menu2,
#basketball #tools .on span,
#basketball #tools .on span:hover,
#basketball .mintopnav.v2 li.on a,
.on-bg-color {
  background-color: #a94446;
}
#basketball .Leaguestitle {
  background-color: var(--table_header);
}
#basketball .scoretitle td {
  line-height: 24px;
}
#basketball .bftab {
  line-height: 16px;
}
#basketball .bftab .b1 {
  height: 30px;
}
#basketball .bf {
  font-weight: 600;
}
#basketball .txtad_div {
  text-align: center;
  width: 100%;
  background-color: #FFF;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}
#basketball.dark .txtad_div {
  background-color: #222;
  border-color: #444;
}
#basketball .nolink {
  cursor: not-allowed;
  text-decoration: none;
  color: #222;
}
#basketball.dark .nolink {
  cursor: not-allowed;
  text-decoration: none;
  color: #fff;
}
/*二级导航栏*/

#basketball .menu2 li .on,
#basketball .menu2 li .on:hover {
  color: var(--text-primary);
  background-color: #e5e5e5;
}
#basketball.dark .menu2 li .on,
#basketball.dark .menu2 li .on:hover {
  background-color: #151515 !important;
}
#basketball .menu2 .sub2_4 {
  width: 130px;
}
#basketball .tools,
#basketball .mintopnav {
  border-bottom: 3px solid var(--primary-color);
}
/*--网球风格--Tennis-------*/

/**/
#tennis #header-wrapper,
#tennis .oddsHead select,
#tennis #analyMap a,
#tennis .nav_select,
#tennis .mintopnav li.on a,
#tennis .menu2,
#tennis #tools .on span,
#tennis #tools .on span:hover,
#tennis .mintopnav.v2 li.on a,
#tennis .date-tab b,
#tennis .date-tab a.on {
  background-color: #57750c;
}
/**/
/**/
#tennis .tools,
#tennis #tool {
  border-bottom: 3px solid #57750c;
}
/**/
/**/
#tennis .Leaguestitle {
  background-color: #e5ead5;
}
#tennis.dark .Leaguestitle {
  background-color: #41520e;
}
#tennis .Leaguestitle td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#tennis.dark .Leaguestitle td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
/**/
/*---------------------------*/

/*单黑暗模式*/

.dark .menu2 li .on,
.dark .menu2 li .on:hover {
  color: #fff !important;
}
.dark select,
.dark .o-lose,
.dark .o-win,
.dark .o-draw,
.dark .fx-logo img,
.dark .fbheader .home img,
.dark .fbheader .guest img,
.dark .fx-title img,
.dark #newsList li .img img,
.dark .black-down {
  opacity: 0.8;
}
.dark .scoretitle td,
.dark .listtab .stsw td {
  color: #949494;
}
/*---dark情景-弹出窗背景-------*/

.dark .Preferences li:hover,
.dark .leftnav li a:hover,
.dark .leftnav .select a,
.dark #showoptional2 li:hover,
.dark #countryListDiv li:hover,
.dark #showCompany li:hover,
.dark .rbl,
.dark #goalTable tr:hover td {
  background-color: #3a3a3a;
}
.dark .schedule:hover,
.dark .collapse:hover,
.dark .closes:hover,
.dark .expand:hover {
  background-color: #151515;
}
/*--------弹出窗口阴影--------*/

#oddsChange,
#panluDiv,
.livetab,
.bak_div {
  box-shadow: 0 0 10px #666;
}
.dark #oddsChange,
.dark #panluDiv,
.dark .livetab,
.dark .bak_div {
  box-shadow: 0 0 10px #000;
}
/*赔率内页菜单栏*/

.match-odds-menu {
  position: relative;
  height: 30px;
  margin-top: 8px;
}
.match-odds-menu a {
  display: inline-block;
  padding: 0 5px;
  margin: 0 2px;
  height: 30px;
  line-height: 30px;
  min-width: 90px;
  text-align: center;
  font-weight: bold;
  border: 1px solid var(--border-3);
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.dark .match-odds-menu a {
  border: 0px;
  background: #333;
}
.match-odds-menu .on {
  background-color: var(--primary-color) !important;
  color: var(--text-white);
  font-weight: 600;
}
.match-odds-menu a select,
.match-odds-menu a select:focus {
  height: 24px;
  background: none;
  border: none;
  outline: none;
}
/*比分页赛事表*/

/*分析页即时赔率*/

#liveCompareDiv .nodata,
#iframeA .nodata {
  background: var(--gray3);
  color: var(--textcolor-2);
  border: 1px solid var(--border-3);
  height: 80px;
  font-size: 15px;
  line-height: 35px;
  text-align: center;
  padding: 10px 0;
  display: none;
}
#liveCompareDiv .nodata .btn,
#iframeA .nodata .btn {
  background: var(--primary-color);
  color: var(--text-white);
  width: auto;
  margin: 0 auto 10px auto;
  padding: 0 30px;
  border-radius: 30px;
  display: table;
  cursor: pointer;
}
#liveCompareDiv .nodata .btn .icon,
#iframeA .nodata .btn .icon {
  margin-right: 4px;
}
.dark #liveCompareDiv .nodata,
.dark #iframeA .nodata {
  background: #2f2f2f;
}
@keyframes loader4Animation {
  0% {
    background-color: #7d7d7d;
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.67), 30px 0px 0px 0px rgba(125, 125, 125, 0.33);
  }
  17% {
    background-color: rgba(125, 125, 125, 0.67);
    box-shadow: 15px 0px 0px 0px #7d7d7d, 30px 0px 0px 0px rgba(125, 125, 125, 0.67);
  }
  33% {
    background-color: rgba(125, 125, 125, 0.33);
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.67), 30px 0px 0px 0px #7d7d7d;
  }
  50% {
    background-color: rgba(125, 125, 125, 0);
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.33), 30px 0px 0px 0px rgba(125, 125, 125, 0.67);
  }
  67% {
    background-color: rgba(125, 125, 125, 0.33);
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0), 30px 0px 0px 0px rgba(125, 125, 125, 0.33);
  }
  83% {
    background-color: rgba(125, 125, 125, 0.67);
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.33), 30px 0px 0px 0px rgba(125, 125, 125, 0);
  }
  100% {
    background-color: #7d7d7d;
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.67), 30px 0px 0px 0px rgba(125, 125, 125, 0.33);
  }
}
.loading-box {
  width: 100%;
  text-align: center;
  padding: 40px 0;
}
.loading {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  animation: loader4Animation 1s linear infinite;
}
.isports-txt {
  background: var(--thirdly-color);
  color: var(--text-white) !important;
  text-align: center;
  line-height: 24px;
  padding: 2px 10px 2px 15px;
  margin-bottom: 6px;
  border-radius: 4px;
  display: block;
}
.isports-txt .icon {
  font-size: 12px;
  transform: rotate(-90deg);
  display: inline-block;
}