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 {
  /* ==================差异化调整版开始============================= */

  /* 主色开始 */

  /* 主色结束 */

  /* 主字色开始 */

  /* 主字色结束 */

  /* 主色高光开始 */

  /* 主色高光结束 */

  /* 主边框色开始 */

  /* 主边框色结束 */

  /* ==================差异化调整版结束============================= */

  color: #1b1b1b;
  background: #ebebeb;
}
body .header a.logo {
  width: auto;
}
body .header a.logo img {
  top: 3px;
  height: 20px;
}
body .header .select {
  border-radius: 30px;
}
@media screen and (min-width: 370px) {
  body .header a.logo img {
    top: 1px;
    height: 24px;
  }
  body .header .select {
    font-size: 14px;
  }
}
body .swal2-styled.swal2-confirm {
  min-width: 90px;
}
body .swal2-styled.swal2-cancel {
  background: #aaaaaa !important;
}
body .regBox .logo img {
  max-height: 30px;
}
body #navWrapper li a {
  width: auto;
  display: inline-block;
}
body #navWrapper li.on a {
  font-weight: bold;
}
body .menu .hot {
  color: #ffcd00;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: -15px;
}
body .detailMenu .hot {
  right: auto;
}
body .i_top,
body .i_hot {
  width: auto !important;
  padding: 0 3px !important;
}
body #titleBar .tab.on {
  border-bottom-color: #387f1a !important;
}
body .liveTools .tabs .tab {
  font-weight: normal;
}
body .liveTools .tabs .tab.on a {
  color: #387f1a !important;
  font-weight: bold !important;
}
body .liveTools .tabs .tab.on::after,
body .liveTools .on::after {
  background: #387f1a;
}
body #content .match {
  /*background: url(/Images/com/detailBG.jpg) no-repeat center bottom;*/
  background-size: 100% auto;
  color: white;
  width: 100%;
  max-width: 640px;
  text-align: center;
  top: 0;
}
body .matchModule .hit {
  color: #378d0f;
}
body .matchModule .wrong {
  color: #e00606;
}
body #fHead #match,
body #fHead .teamBox,
body#football .header,
body#football .menu,
body .userDetail {
  background: #387f1a !important;
}
body .timeZoneBox ul li.on,
body .matchItem .vs .btn,
body .matchItem .vs .btn:hover,
body .matchItem .kind,
body .userBox i.btn.on,
body .userBox i.btn.on:hover,
body .floatLeftTit,
body .sloader span:nth-child(1),
body .sloader span:nth-child(2),
body .sloader span:nth-child(3),
body .sloader span:nth-child(4),
body .sloader span:nth-child(5),
body .replySort .tabItem--on,
body .replyFloat .tools > div,
body .button--max--success,
body .button--mini--success,
body .button--success,
body .userMenu .count .btn,
body .userMenu .btn.on,
body #navWrapper,
body .sort a.on,
body .login-body .header .content,
body #myguess .td .JC .btn,
body .lockBox .btn.end,
body .detail .type,
body .userBox .userName .type,
body .swal2-styled.swal2-confirm,
body .matchBox .type,
body button,
body a.btn,
body span.btn-liveTv,
body .settingPop.screenbox .screenBTN .button.on,
body .settingSwitch > input[type="checkbox"]:checked + .settingSwitch-style {
  background: #387f1a !important;
}
body .popBtns .on,
body .finance .regBox .txtBox .changeBtn,
body .HTabs_b .tab.on,
body .finance p:last-child,
body a.defColor,
body .defColor,
body .weiquBox .right .name,
body .tab.tabMenu .tabItem--on,
body .userMenu .menu.menu-horizontal .mItem.on,
body .dataItem .row a,
body .tabs .tab.on,
body .liveTools .tabs .ta,
body .menu404 li a,
body .selectList .leagueBar,
body .tit .opt li.on,
body .userMenu .email_menu .data,
body .header .select ul.GameList li.on .name,
body .header .select ul.GameList li.on .iconfont {
  color: #387f1a !important;
}
body .header .icon-font-class.on,
body .selectPopup.minipopup,
body #content .gameBox .gameInfo div.video {
  background: #307b06;
}
body #chooseBox .chooseBox .selectpop .odd_li.on,
body #chooseBox .chooseBox .selectpop .tz_li.on {
  background: rgba(56, 127, 26, 0.1);
}
body .tabs.mini,
body .userMenu .menu.menu-horizontal .mItem.on,
body .button--max--success,
body .button--mini--success,
body .button--success,
body .sort a.on,
body .tab.tabMenu .tabItem--on {
  border-color: #387f1a !important;
}
body.dark {
  /* ==================差异化调整版开始============================= */

  /* 主色开始 */

  /* 主色结束 */

  /* 主字色开始 */

  /* 主字色结束 */

  /* 主色高光开始 */

  /* 主色高光结束 */

  /* 主边框色开始 */

  /* 主边框色结束 */

  /* ==================差异化调整版结束============================= */

  color: #d9d9d9;
  background: #262626;
}
body.dark .header a.logo {
  width: auto;
}
body.dark .header a.logo img {
  top: 3px;
  height: 20px;
}
body.dark .header .select {
  border-radius: 30px;
}
@media screen and (min-width: 370px) {
  body.dark .header a.logo img {
    top: 1px;
    height: 24px;
  }
  body.dark .header .select {
    font-size: 14px;
  }
}
body.dark .swal2-styled.swal2-confirm {
  min-width: 90px;
}
body.dark .swal2-styled.swal2-cancel {
  background: #aaaaaa !important;
}
body.dark .regBox .logo img {
  max-height: 30px;
}
body.dark #navWrapper li a {
  width: auto;
  display: inline-block;
}
body.dark #navWrapper li.on a {
  font-weight: bold;
}
body.dark .menu .hot {
  color: #b38f00;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  right: -15px;
}
body.dark .detailMenu .hot {
  right: auto;
}
body.dark .i_top,
body.dark .i_hot {
  width: auto !important;
  padding: 0 3px !important;
}
body.dark #titleBar .tab.on {
  border-bottom-color: #387f1a !important;
}
body.dark .liveTools .tabs .tab {
  font-weight: normal;
}
body.dark .liveTools .tabs .tab.on a {
  color: #387f1a !important;
  font-weight: bold !important;
}
body.dark .liveTools .tabs .tab.on::after,
body.dark .liveTools .on::after {
  background: #387f1a;
}
body.dark #content .match {
  /*background: url(/Images/com/detailBG.jpg) no-repeat center bottom;*/
  background-size: 100% auto;
  color: white;
  width: 100%;
  max-width: 640px;
  text-align: center;
  top: 0;
}
body.dark .matchModule .hit {
  color: #29680b;
}
body.dark .matchModule .wrong {
  color: #f44336;
}
body.dark #fHead #match,
body.dark #fHead .teamBox,
body.dark#football .header,
body.dark#football .menu,
body.dark .userDetail {
  background: #1c400d !important;
}
body.dark .timeZoneBox ul li.on,
body.dark .matchItem .vs .btn,
body.dark .matchItem .vs .btn:hover,
body.dark .matchItem .kind,
body.dark .userBox i.btn.on,
body.dark .userBox i.btn.on:hover,
body.dark .floatLeftTit,
body.dark .sloader span:nth-child(1),
body.dark .sloader span:nth-child(2),
body.dark .sloader span:nth-child(3),
body.dark .sloader span:nth-child(4),
body.dark .sloader span:nth-child(5),
body.dark .replySort .tabItem--on,
body.dark .replyFloat .tools > div,
body.dark .button--max--success,
body.dark .button--mini--success,
body.dark .button--success,
body.dark .userMenu .count .btn,
body.dark .userMenu .btn.on,
body.dark #navWrapper,
body.dark .sort a.on,
body.dark .login-body .header .content,
body.dark #myguess .td .JC .btn,
body.dark .lockBox .btn.end,
body.dark .detail .type,
body.dark .userBox .userName .type,
body.dark .swal2-styled.swal2-confirm,
body.dark .matchBox .type,
body.dark button,
body.dark a.btn,
body.dark span.btn-liveTv,
body.dark .settingPop.screenbox .screenBTN .button.on,
body.dark .settingSwitch > input[type="checkbox"]:checked + .settingSwitch-style {
  background: #387f1a !important;
}
body.dark .popBtns .on,
body.dark .finance .regBox .txtBox .changeBtn,
body.dark .HTabs_b .tab.on,
body.dark .finance p:last-child,
body.dark a.defColor,
body.dark .defColor,
body.dark .weiquBox .right .name,
body.dark .tab.tabMenu .tabItem--on,
body.dark .userMenu .menu.menu-horizontal .mItem.on,
body.dark .dataItem .row a,
body.dark .tabs .tab.on,
body.dark .liveTools .tabs .ta,
body.dark .menu404 li a,
body.dark .selectList .leagueBar,
body.dark .tit .opt li.on,
body.dark .userMenu .email_menu .data,
body.dark .header .select ul.GameList li.on .name,
body.dark .header .select ul.GameList li.on .iconfont {
  color: #387f1a !important;
}
body.dark .header .icon-font-class.on,
body.dark .selectPopup.minipopup,
body.dark #content .gameBox .gameInfo div.video {
  background: #307b06;
}
body.dark #chooseBox .chooseBox .selectpop .odd_li.on,
body.dark #chooseBox .chooseBox .selectpop .tz_li.on {
  background: #295d13;
}
body.dark .tabs.mini,
body.dark .userMenu .menu.menu-horizontal .mItem.on,
body.dark .button--max--success,
body.dark .button--mini--success,
body.dark .button--success,
body.dark .sort a.on,
body.dark .tab.tabMenu .tabItem--on {
  border-color: #387f1a !important;
}