/*品牌色*/

:root {
  --text-primary: #3a9507;
  --primary-color: #307b06;
  --second-color: #226204;
}
.dark {
  --primary-color: #235a04;
  --second-color: #194802;
}
/*比分页动画弹窗*/

/*---- title弹出信息 ----*/

.analyze-icon:hover:after {
  content: "Match analyzsis";
}
.allno:hover:after {
  content: "Remove All My Games";
}
.highlight-icon:hover:after {
  content: "Highlights Videos";
}
/*---- 分析页 ----*/

.popup-container2 .popup-content2 {
  border: 3px solid var(--second-color);
}
#choose_right .on {
  background: url(/images/see.png) no-repeat right;
  background-position-x: 460px;
}
#choose_right li.on:hover {
  background: #fffcd8 url('/images/see.png') no-repeat right;
  background-position-x: 460px;
}
.dark #choose_right li.on:hover {
  background: #4e4b3f url('/images/see.png') no-repeat right;
  background-position-x: 460px;
  color: var(--text-white);
}
.badge_fill.ve {
  position: absolute;
  top: -5px;
  right: -13px;
  height: 13px;
  padding: 0 6px;
}
/*---- 球类统一主题色 ----*/

#soccer #header-wrapper,
#soccer .oddsHead select,
#soccer #analyMap a,
#soccer .mintopnav li.on a,
#soccer .bts .ent,
#soccer .search-title span,
#basketball #header-wrapper,
#basketball .oddsHead select,
#basketball #analyMap a,
#basketball .mintopnav li.on a,
#basketball .bts .LQent,
#basketball .search-title span,
.popup-container2 .popup-titlebar2,
.btn .gl_btn.on {
  background: var(--second-color);
}
#soccer .menu2,
#soccer #tools .on span,
#soccer #tools .on span:hover,
#soccer .mintopnav.v2 li.on a,
#soccer .nav_select,
#soccer .scoretitle td,
.jqTitle,
.on-bg-color,
#basketball .menu2,
#basketball #tools .on span,
#basketball #tools .on span:hover,
#basketball .mintopnav.v2 li.on a,
#basketball .nav_select {
  background: var(--primary-color);
}
.bts .ent,
.bts .ent:hover {
  color: var(--text-white);
}
#soccer .Leaguestitle,
#basketball .Leaguestitle,
#soccer .team_leaguetitle,
#basketball .team_leaguetitle {
  background: var(--table_header);
}
#soccer .Leaguestitle.team,
#basketball .Leaguestitle.team {
  background: var(--bgcolor-3) !important;
}
.tr-title {
  background: var(--table_header) !important;
}
#soccer .Leaguestitle td,
#basketball .Leaguestitle td {
  border-bottom: 1px solid var(--black05) !important;
}
#soccer.dark .Leaguestitle td,
#basketball.dark .Leaguestitle td {
  border-bottom: 1px solid var(--white10) !important;
}
/* .arrow-up, .arrow-down { border-color: var(--primary-color); } */

#soccer .tools,
#soccer .mintopnav,
#basketball .tools,
#basketball .mintopnav {
  border-bottom: 3px solid var(--primary-color);
}
#soccer .menu2 li a,
#basketball .menu2 li a,
#baseball .menu2 li a,
#cricket .menu2 li a {
  border-right: 1px solid var(--black20);
}
#soccer .menu2 li a:hover,
#basketball .menu2 li a:hover,
#baseball .menu2 li a:hover,
#cricket .menu2 li a:hover {
  background: var(--black40);
}
#soccer .menu2 li .on,
#soccer .menu2 li .on:hover,
#basketball .menu2 li .on,
#basketball .menu2 li .on:hover {
  background: var(--body-bg);
  color: var(--text-primary);
}
#soccer.dark .menu2 li .on,
#soccer.dark .menu2 li .on:hover,
#basketball.dark .menu2 li .on,
#basketball.dark .menu2 li .on:hover {
  color: var(--text-white);
}
.newsetting .selectbox span.on,
.switch > input[type="checkbox"]:checked + .switch-style {
  background: var(--second-color) !important;
}
.vi #menu li a {
  padding: 0 5px;
}
/*---- 背景色 ----*/

body,
.menu2 li .on,
.menu2 li .on:hover {
  background: var(--body-bg);
}
.ant .matchdata .databtns,
#settingPop .box-footer,
.matchList .item .exbar,
#settingPop .dbList ul div,
.w10,
.calendar__days,
#oddsChange,
#panluDiv,
#calendar,
#calendar .datelayer_td-blank,
#calendar .datelayer_td-blank:hover,
#main #min,
#main3,
#info,
#main #right .lrdiv,
#main #left .lrdiv,
.rf,
#showoptional2,
#showCountry,
#showFilterBox,
#showCompany,
.rbl,
.b1,
.com LI SPAN A:hover,
.white-bg,
.white-bg2,
.livetab,
.team-table-home .vv,
.team-table-guest .vv,
.home-div a span,
.guest-div a span,
select,
.fx-tb-b li b,
.fx-tb-b h4,
.fx-tab .fx-tab-on,
.fx-tab .fx-tab-on2,
.twin,
.bak_div,
.tvLink,
.BtvLink,
.n-search {
  background: var(--bgcolor-1);
}
.sotit,
.bts span,
.scoretitle td,
.litab2,
.listtab .stsw td,
.com LI SPAN A,
.tds:hover,
.team-table-home td,
.team-table-guest td,
.team-table-other td,
.team-table-home tr,
.team-table-guest tr,
.team-table-other tr,
.fx,
.team-table-home,
.team-table-guest,
.team-table-other,
.player-list,
.jqSubTitle2,
.jqTitle2,
#calendar td,
.loadngdiv,
.fx20,
.oddstitle,
.search-container .searchItem:nth-child(odd),
.sbtn,
.sbtn2 {
  background: var(--bgcolor-2);
}
#tools li span,
.oodstable-t,
.date-table th,
.gray-bg2,
.fx-tb-a li .fx-td-data,
.fx-line,
.mintopnav a,
.lo-f2,
.fx-tb-b h4,
.fx-tab span,
.oddsCaption,
.home-div a span,
.guest-div a span {
  background: var(--bgcolor-3);
}
#tools li span:hover,
.oddstable,
.schedule:hover,
.collapse:hover,
.closes:hover,
.expand:hover {
  background: var(--bgcolor-4);
}
#soccer .mcontent .oddstd {
  background: transparent !important;
}
.oods-bg1,
.tbg2 td,
.tb-bgcolor {
  background: var(--table_highlight);
}
.redcard {
  background: var(--red40);
  color: var(--text-white);
}
.yellowcard {
  background: var(--yellow60);
  color: var(--gray80);
}
.mcontent .result-split {
  background: var(--yellow20);
  color: var(--textcolor-2);
}
.mcontent .oddstd,
.mcontent .otOdds,
.mcontent .ouOdds,
.mcontent .handOdds,
.hbg-td1,
.isLeaTop,
.oddate {
  background: var(--yellow20) !important;
}
.loginBox .sign_in_btn {
  color: var(--text-white);
  border-color: var(--border-1);
}
#bottom {
  background: var(--footer-bg) !important;
  color: var(--textcolor-3);
}
.team-table-home th,
.team-table-guest th,
.team-table-other th {
  background: var(--table_header);
  color: var(--textcolor-3);
  border-color: var(--border-3);
}
/*---- 字体色 ----*/

#menu li a,
.menu2 li a,
.f-white,
.on-bg-color {
  color: var(--text-white);
}
a:hover,
.rs_ser .nks a,
.rs_ser .nks a:hover,
#myGamesCount,
#hiddencount,
#nshowhide {
  color: var(--thirdly-color);
}
#soccer .scoretitle td {
  color: var(--white70);
}
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: var(--textcolor-1);
}
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,
body select,
body .sd:link,
body .sd:visited {
  color: var(--textcolor-2);
}
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,
body .nosclassLink {
  color: var(--red40) !important;
}
body .odds1 {
  color: var(--red60) !important;
}
body .yellow {
  color: var(--yellow60);
}
body .blue,
body .blue2,
body .gocheck A:link,
body .status {
  color: var(--blue40);
}
body .odds3 {
  color: var(--blue60) !important;
}
body .green {
  color: var(--green40);
}
/*赔率色*/

.vote .draw-f {
  color: #F09B57;
}
/*---- 线条色 ----*/

#mintable td,
.date-picker,
.sotit,
.rbl,
.scoretitle td,
.listtab td,
.listtab .stsw td,
.com LI,
.lr_tit.on,
.newsetting .selectbox,
.team-table-home td,
.team-table-guest td,
.team-table-other td,
.fx-div,
.fg_Title,
#calendar .d-line,
.tgs2 td,
.rs_ser li a,
.r-line,
.jqSubTitle2,
.jqTitle2,
.Prediction-t,
ul.menu li,
#calendar .l-line,
.bts span,
.win-note,
.loadngdiv,
ul.menu,
.tabsBox,
.twin,
.discription span,
.Leaguestitle td,
.date-picker .date-picker-calendar,
.tvLink ul li a,
.BtvLink ul li a,
#div_search,
.search-container .searchItem,
.bt-selected,
.searchexplain,
.rb,
.lb,
.sb,
.ll,
.rl,
.tr-title th,
.f_odds th,
.tcenter td {
  border-color: var(--border-3) !important;
}
.bts {
  border-top: 1px solid var(--border-3);
}
.switch .switch-style {
  background: var(--border-4);
}
.matchList .item .odds,
.date-table,
.date-table td,
.date-table th,
#selectsound1,
#selectsound2 {
  border-color: var(--border-4) !important;
}
/*---- 分析页 ----*/

.tennisAnalysis-win .other-title td {
  background: var(--textcolor-3);
}
/*logo*/

#top .weblogo {
  height: 32px;
}
.webid {
  margin: 10px 0;
}
/*公告*/

.top-tools-left2 {
  position: relative;
  height: 36px;
}
.top-tools-left2 .msg {
  position: absolute;
  left: 20px;
  overflow: hidden;
}
.top-tools-left2 .msg a {
  color: var(--yellow60);
  text-decoration: none;
  display: block;
}
/*引流弹窗*/

.drainage {
  background: #ff6600 !important;
  border-color: #fbac78 !important;
}
.drainage .closeBtn {
  position: absolute;
  right: 0;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-indent: 0em;
  top: 0;
  background-color: #fbac78;
  line-height: 14px;
  padding: 0 7px 7px 12px;
  border-radius: 0 0 0 50px;
}
/*AD页*/

.ad-div {
  border-radius: 0;
}
.ad-info {
  font-size: 16px;
  line-height: 26px;
  width: 90%;
  margin: 0 auto 30px auto;
}
.step .step-primary a {
  margin-top: 15px;
}
.contactlist {
  font-weight: bold;
  list-style: circle;
  margin-left: 20px;
}
.Contacts a,
.Contacts span {
  color: var(--blue40);
  font-weight: normal;
  margin-left: 5px;
}
.dark .Contacts a,
.Contacts span {
  color: var(--blue40);
}
/*.pc_Img img {width: 80%;margin: 0 auto;border-radius: 8px;display: block;}*/

/*通知弹窗*/

.NotificalPop {
  bottom: unset !important;
  right: unset;
  left: 50%;
  top: 30%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}