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;} */

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

  color: #1B1B1B;
  background: #f5f5f5;
}
body h2,
body h3 {
  font-size: 16px !important;
  font-weight: bold !important;
  display: inline-block !important;
  background: unset !important;
  width: unset !important;
}
body .newsbox ul::after,
body .article::after,
body .articlebox::after {
  content: "";
  display: block;
  clear: both;
}
body .fcg {
  color: #595959;
}
body .newsbox img {
  width: 100%;
  height: 100%;
  min-height: 70px;
}
body .newsbox .view img {
  min-height: 70px;
}
body .mcontent {
  margin: 0 auto 10px auto;
  min-height: 400px;
}
body .ad {
  margin-bottom: 8px;
}
body .content.index {
  padding: 10px 0;
}
body .header.comHeader .iconfont {
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px;
}
body .crumbs {
  width: 1060px;
  color: #8C8C8C;
  font-size: 12px;
  line-height: 20px;
  margin: 0 auto;
}
body .crumbs a.off {
  color: #307b06;
  font-weight: 600;
  margin: 0 5px;
}
body .newLeft {
  width: 690px;
  float: left;
  border-radius: 4px;
  overflow: hidden;
}
body .newLeft .Htitle {
  line-height: 30px;
}
body .index .newsbox {
  padding: 0 10px 15px 10px;
}
body .newsbox {
  background: #ffffff;
  margin: 0;
  padding: 5px 10px;
  border-radius: 8px;
}
body .newsbox.pic {
  margin: 0 10px;
  padding: 0 0 10px 0;
  overflow: hidden;
  position: relative;
}
body .newsbox.pic .text {
  color: #1B1B1B;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 8px 10px 0 10px;
  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 .newsbox.pic img {
  border-radius: 8px;
}
body .newsbox.pic .Lbtn,
body .newsbox.pic .Rbtn {
  position: absolute;
  top: 40%;
  left: 0;
  transform: translate(0, -50%);
  background: #000;
  width: 25px;
  height: 40px;
  border-radius: 0 20px 20px 0;
  opacity: 0.5;
  outline: none;
  cursor: pointer;
}
body .newsbox.pic .Rbtn {
  left: auto;
  right: 0;
  border-radius: 20px 0 0 20px;
}
body .newsbox.pic .Lbtn::before,
body .newsbox.pic .Rbtn::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 8px;
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  display: block;
  z-index: 10;
}
body .newsbox.pic .Rbtn::before {
  transform: rotate(-135deg);
  left: 5px;
}
body .newsbox.pic .Lbtn:hover,
body .newsbox.pic .Rbtn:hover {
  opacity: 0.8;
}
body .space {
  background: #EBEBEB;
  height: 6px;
}
body .article {
  margin-bottom: 8px;
  padding: 0;
  cursor: pointer;
  border: unset !important;
}
body .article:last-child {
  margin: 0;
}
body .artimg {
  width: 125px;
  height: 70px;
  float: left;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
body .artimg .live {
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  background: #ffffff;
  border-radius: 50%;
  opacity: 0.7;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
body .artimg .live::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 56%;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-bottom: 0 none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: translate(-50%, -50%) rotate(-90deg);
}
body .article .match {
  color: #1B1B1B;
  float: left;
  width: calc(100% - 135px);
  height: 70px;
  text-align: left;
  margin-left: 10px;
  border-bottom: 0px dashed #EBEBEB;
  position: relative;
}
body .article .match:hover {
  color: #f60;
}
body .article:last-child .match {
  border: none;
}
body .match .text {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 0px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .match .relation {
  color: #8C8C8C;
  position: absolute;
  bottom: 0px;
  left: 0;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  vertical-align: top;
}
body .match .relation span {
  color: #333;
  display: inline-block;
  margin: 0 2px;
}
body .match .relation span.time {
  color: #8C8C8C;
}
body .relation .play {
  width: 40px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #EBEBEB;
  border-radius: 10px;
}
body .relation .ln {
  width: 135px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #8C8C8C;
  float: right;
}
body .view .article {
  width: 100%;
  float: left;
}
body .view .article .match {
  width: calc(100% - 135px);
  height: auto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
  padding: 10px 0 0 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body .newsbox .news {
  display: flex;
  flex-wrap: wrap;
}
body .news .article {
  flex: 0 0 33.3%;
  width: 33.3%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .news .artimg {
  width: 210px;
  height: 117px;
}
body .news .article .match {
  float: none;
  width: 90%;
  height: 45px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: left;
  padding: 10px 0;
  margin: 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body .news.photo .article .match {
  width: 98%;
  height: 68px;
}
body .photo .article {
  flex: 0 0 calc(50% - 6px);
  margin: 3px;
  border-radius: 5px;
  overflow: hidden;
}
body .photo .article:hover {
  opacity: 0.8;
}
body .photo .artimg {
  width: 100%;
  height: 25.5vw;
  border-radius: 0;
  max-height: 168px;
}
body .photo .text {
  width: 100%;
  height: 32px;
  background: #434343;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  padding: 2px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .article a:hover,
body .photo a:hover {
  text-decoration: none;
}
body .swiper-slide .live {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 50%;
  opacity: 0.7;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
body .swiper-slide .live::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 56%;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 14px solid #000;
  border-bottom: 0 none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: translate(-50%, -50%) rotate(-90deg);
}
body .swiper-slide .live.big {
  transform: translate(-50%, -50%) scale(1.5);
}
body .index .infobox {
  padding: 0 10px;
}
body .index .infobox .infolis:first-child {
  padding-top: 0;
}
body .infobox .infolis:last-child {
  border: none;
}
body .infobox .infolis {
  padding: 10px;
}
body .infobox .infolis a {
  color: #1B1B1B;
  font-size: 15px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .newRight {
  width: 360px;
  float: right;
}
body .side-box {
  background: #ffffff;
  margin-bottom: 10px;
  padding: 0 10px 10px 10px;
  border-radius: 4px;
}
body .side-box .nobr {
  border-bottom: none;
  margin-bottom: 0;
}
body .Htitle {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  display: block;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 10px;
  position: relative;
}
body .Htitle .selectbox {
  font-size: 12px;
  height: 22px;
  font-weight: normal;
  color: #444;
  border: 1px solid #EBEBEB;
  border-radius: 20px;
  padding: 0 5px;
  position: absolute;
  top: 9px;
  right: 0;
}
body .Htitle .more {
  color: #595959;
  font-size: 12px;
  font-weight: normal;
  margin-right: 5px;
  float: right;
  cursor: pointer;
}
body .news_con31 {
  margin-bottom: 6px;
}
body .listtab tr:hover,
body .matchItem:hover {
  background: #fffcee;
  cursor: pointer;
}
body .listtab tr:first-child:hover {
  background: unset;
  cursor: unset;
}
body .listtab .teamname {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  width: 150px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .listtab .deduct {
  position: relative;
  text-align: left;
}
body .listtab .deduct .icon {
  color: var(--textcolor-3);
  float: right;
  cursor: pointer;
}
body .listtab .deduct .ext {
  background: var(--bgcolor-1);
  color: var(--textcolor-2);
  font-size: 12px;
  font-style: normal;
  text-align: left;
  padding: 5px;
  border-radius: 5px;
  width: 150px;
  position: absolute;
  top: 28px;
  right: -136px;
  box-shadow: 0 0 10px var(--black30);
  z-index: 1;
}
body .matchItem {
  width: 100%;
  border-top: solid 1px #EBEBEB;
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body .matchItem .teamIcon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-bottom: 5px;
}
body .matchItem .teamName {
  font-size: 13px;
  line-height: 15px;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .matchItem .home,
body .matchItem .guest {
  font-size: 12px;
  text-align: right;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
body .matchItem .guest {
  justify-content: flex-start;
  text-align: left;
}
body .matchItem .vs {
  font-size: 16px;
  font-weight: bold;
  flex: 0 0 60px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  line-height: 20px;
}
body .matchItem .vs.date {
  color: #8C8C8C;
  font-size: 12px;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
}
body .matchItem .date span {
  display: block;
}
body .group-tit td {
  text-align: left;
  font-weight: bold;
  padding: 10px 0px;
}
body tr.group-tit:hover {
  background: none;
  cursor: default;
}
body .matchItem.v2 .teamIcon {
  width: 24px;
  height: 24px;
  border-radius: 0%;
  margin-bottom: 0px;
}
body .matchItem.v2 .vs {
  line-height: 16px;
}
body .listpage .newsbox {
  padding: 10px 20px;
  border-radius: 4px;
}
body .listpage .news .article {
  flex: 0 0 25%;
  width: 25%;
  height: 225px;
}
body .listpage .Htitle {
  font-size: 32px;
  padding-bottom: 4px;
}
body .listpage .artimg {
  width: 240px;
  height: 134px;
}
body .listpage .time {
  width: 90%;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 0;
}
body .articlebox {
  background: #ffffff;
  width: 100%;
  padding: 10px 16px !important;
  border-radius: 5px;
}
body .articlebox .atltitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  padding-bottom: 10px;
}
body .articlebox .left {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
body .articlebox .left img {
  max-width: 100%;
  width: auto;
}
body .articlebox .left span {
  font-weight: inherit;
}
body .articlebox .left a {
  color: #0b73c5;
  text-decoration: underline;
}
body .articlebox iframe {
  max-width: 100% !important;
  /*width:auto !important; height:auto !important;*/

}
body .left p {
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 12px 0;
}
body .left .infotext {
  padding: 0 10px 10px 20px;
}
body .left .infotext li {
  margin: 8px 0;
  padding: 0;
  list-style: disc;
  border: none;
}
body .left .infotit {
  background: #f5f5f5;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 4px;
}
body .left .live {
  width: 100%;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}
body .left .link {
  margin-top: 10px;
}
body .left .link span {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  display: block;
}
body .left .link span a {
  color: #0b73c5;
  width: calc(100% - 70px);
  margin-left: 6px;
  vertical-align: -4px;
  display: inline-block;
  text-decoration: underline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .articlebox .side-box {
  padding: 0;
}
body .right {
  width: 100%;
}
body .side-box.atl {
  padding: 0 16px 12px 16px;
}
body .side-box.atl::after {
  content: "";
  clear: both;
  display: block;
}
body .box {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
body .box .from {
  color: #0b73c5;
  font-weight: bold;
  padding-left: 5px;
}
body .box .time {
  float: right;
}
body .box .icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
}
body .box .tagtitle {
  background: #EBEBEB;
  font-weight: bold;
  line-height: 24px;
  padding: 0 10px;
  display: block;
}
body .box .tags {
  /*background: #f3f9ff;*/
  background: #ebf5fe;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 3px;
  margin: 10px 2px 0 0;
  display: inline-block;
}
body .right .Htitle {
  font-size: 16px;
  padding: 0;
}
body .right .Htitle h2 {
  padding: 0;
}
body .right .artimg {
  width: 124px;
  height: 70px;
}
body .right .artimg img {
  width: 100%;
  height: auto;
}
body .right .match {
  width: 176px;
  font-size: 13px;
  line-height: 17px;
  padding: 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
body .NotificalPop {
  background: #ffffff;
  width: 280px;
  padding: 10px;
  border-radius: 6px;
  position: fixed;
  top: 30%;
  left: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  z-index: 10000;
  transform: translateX(-50%) !important;
}
body .NotificalPop .tit {
  color: #387f1a;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}
body .NotificalPop p {
  color: #1B1B1B;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  padding: 10px;
}
body .NotificalPop .btn {
  background: #387f1a;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  padding: 8px 0;
  margin: 5px 10px;
  cursor: pointer;
}
body .NotificalPop .closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  background: #fbac78;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 14px;
  padding: 0 7px 7px 12px;
  border-radius: 0 0 0 50px;
  cursor: pointer;
}
body .closebtn {
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(0, 0, 0, 0.3);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
body .closebtn::before,
body .closebtn::after {
  content: "";
  background: #ffffff;
  position: absolute;
  top: 10px;
  left: 4px;
  width: 12px;
  height: 1px;
  transform: rotate(45deg);
}
body .closebtn::after {
  transform: rotate(-45deg);
}
body .textline {
  width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
body.dark {
  /* 联系我们跳转小弹窗 */

  color: #D9D9D9;
  background: #232323;
}
body.dark h2,
body.dark h3 {
  font-size: 16px !important;
  font-weight: bold !important;
  display: inline-block !important;
  background: unset !important;
  width: unset !important;
}
body.dark .newsbox ul::after,
body.dark .article::after,
body.dark .articlebox::after {
  content: "";
  display: block;
  clear: both;
}
body.dark .fcg {
  color: #8C8C8C;
}
body.dark .newsbox img {
  width: 100%;
  height: 100%;
  min-height: 70px;
}
body.dark .newsbox .view img {
  min-height: 70px;
}
body.dark .mcontent {
  margin: 0 auto 10px auto;
  min-height: 400px;
}
body.dark .ad {
  margin-bottom: 8px;
}
body.dark .content.index {
  padding: 10px 0;
}
body.dark .header.comHeader .iconfont {
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px;
}
body.dark .crumbs {
  width: 1060px;
  color: #595959;
  font-size: 12px;
  line-height: 20px;
  margin: 0 auto;
}
body.dark .crumbs a.off {
  color: #307b06;
  font-weight: 600;
  margin: 0 5px;
}
body.dark .newLeft {
  width: 690px;
  float: left;
  border-radius: 4px;
  overflow: hidden;
}
body.dark .newLeft .Htitle {
  line-height: 30px;
}
body.dark .index .newsbox {
  padding: 0 10px 15px 10px;
}
body.dark .newsbox {
  background: #1B1B1B;
  margin: 0;
  padding: 5px 10px;
  border-radius: 8px;
}
body.dark .newsbox.pic {
  margin: 0 10px;
  padding: 0 0 10px 0;
  overflow: hidden;
  position: relative;
}
body.dark .newsbox.pic .text {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 8px 10px 0 10px;
  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 .newsbox.pic img {
  border-radius: 8px;
}
body.dark .newsbox.pic .Lbtn,
body.dark .newsbox.pic .Rbtn {
  position: absolute;
  top: 40%;
  left: 0;
  transform: translate(0, -50%);
  background: #000;
  width: 25px;
  height: 40px;
  border-radius: 0 20px 20px 0;
  opacity: 0.5;
  outline: none;
  cursor: pointer;
}
body.dark .newsbox.pic .Rbtn {
  left: auto;
  right: 0;
  border-radius: 20px 0 0 20px;
}
body.dark .newsbox.pic .Lbtn::before,
body.dark .newsbox.pic .Rbtn::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 8px;
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  display: block;
  z-index: 10;
}
body.dark .newsbox.pic .Rbtn::before {
  transform: rotate(-135deg);
  left: 5px;
}
body.dark .newsbox.pic .Lbtn:hover,
body.dark .newsbox.pic .Rbtn:hover {
  opacity: 0.8;
}
body.dark .space {
  background: #262626;
  height: 6px;
}
body.dark .article {
  margin-bottom: 8px;
  padding: 0;
  cursor: pointer;
  border: unset !important;
}
body.dark .article:last-child {
  margin: 0;
}
body.dark .artimg {
  width: 125px;
  height: 70px;
  float: left;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
body.dark .artimg .live {
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  background: #1B1B1B;
  border-radius: 50%;
  opacity: 0.7;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
body.dark .artimg .live::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 56%;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-bottom: 0 none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: translate(-50%, -50%) rotate(-90deg);
}
body.dark .article .match {
  color: #ffffff;
  float: left;
  width: calc(100% - 135px);
  height: 70px;
  text-align: left;
  margin-left: 10px;
  border-bottom: 0px dashed #1B1B1B;
  position: relative;
}
body.dark .article .match:hover {
  color: #f60;
}
body.dark .article:last-child .match {
  border: none;
}
body.dark .match .text {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 0px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body.dark .match .relation {
  color: #595959;
  position: absolute;
  bottom: 0px;
  left: 0;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  vertical-align: top;
}
body.dark .match .relation span {
  color: #BFBFBF;
  display: inline-block;
  margin: 0 2px;
}
body.dark .match .relation span.time {
  color: #595959;
}
body.dark .relation .play {
  width: 40px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #1B1B1B;
  border-radius: 10px;
}
body.dark .relation .ln {
  width: 135px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #595959;
  float: right;
}
body.dark .view .article {
  width: 100%;
  float: left;
}
body.dark .view .article .match {
  width: calc(100% - 135px);
  height: auto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
  padding: 10px 0 0 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body.dark .newsbox .news {
  display: flex;
  flex-wrap: wrap;
}
body.dark .news .article {
  flex: 0 0 33.3%;
  width: 33.3%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.dark .news .artimg {
  width: 210px;
  height: 117px;
}
body.dark .news .article .match {
  float: none;
  width: 90%;
  height: 45px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: left;
  padding: 10px 0;
  margin: 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body.dark .news.photo .article .match {
  width: 98%;
  height: 68px;
}
body.dark .photo .article {
  flex: 0 0 calc(50% - 6px);
  margin: 3px;
  border-radius: 5px;
  overflow: hidden;
}
body.dark .photo .article:hover {
  opacity: 0.8;
}
body.dark .photo .artimg {
  width: 100%;
  height: 25.5vw;
  border-radius: 0;
  max-height: 168px;
}
body.dark .photo .text {
  width: 100%;
  height: 32px;
  background: #434343;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  padding: 2px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body.dark .article a:hover,
body.dark .photo a:hover {
  text-decoration: none;
}
body.dark .swiper-slide .live {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background: #1B1B1B;
  border-radius: 50%;
  opacity: 0.7;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
body.dark .swiper-slide .live::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 56%;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 14px solid #000;
  border-bottom: 0 none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: translate(-50%, -50%) rotate(-90deg);
}
body.dark .swiper-slide .live.big {
  transform: translate(-50%, -50%) scale(1.5);
}
body.dark .index .infobox {
  padding: 0 10px;
}
body.dark .index .infobox .infolis:first-child {
  padding-top: 0;
}
body.dark .infobox .infolis:last-child {
  border: none;
}
body.dark .infobox .infolis {
  padding: 10px;
}
body.dark .infobox .infolis a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.dark .newRight {
  width: 360px;
  float: right;
}
body.dark .side-box {
  background: #1B1B1B;
  margin-bottom: 10px;
  padding: 0 10px 10px 10px;
  border-radius: 4px;
}
body.dark .side-box .nobr {
  border-bottom: none;
  margin-bottom: 0;
}
body.dark .Htitle {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  display: block;
  border-bottom: 1px solid #1B1B1B;
  margin-bottom: 10px;
  position: relative;
}
body.dark .Htitle .selectbox {
  font-size: 12px;
  height: 22px;
  font-weight: normal;
  color: #444;
  border: 1px solid #1B1B1B;
  border-radius: 20px;
  padding: 0 5px;
  position: absolute;
  top: 9px;
  right: 0;
}
body.dark .Htitle .more {
  color: #8C8C8C;
  font-size: 12px;
  font-weight: normal;
  margin-right: 5px;
  float: right;
  cursor: pointer;
}
body.dark .news_con31 {
  margin-bottom: 6px;
}
body.dark .listtab tr:hover,
body.dark .matchItem:hover {
  background: #fffcee;
  cursor: pointer;
}
body.dark .listtab tr:first-child:hover {
  background: unset;
  cursor: unset;
}
body.dark .listtab .teamname {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  width: 150px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dark .listtab .deduct {
  position: relative;
  text-align: left;
}
body.dark .listtab .deduct .icon {
  color: var(--textcolor-3);
  float: right;
  cursor: pointer;
}
body.dark .listtab .deduct .ext {
  background: var(--bgcolor-1);
  color: var(--textcolor-2);
  font-size: 12px;
  font-style: normal;
  text-align: left;
  padding: 5px;
  border-radius: 5px;
  width: 150px;
  position: absolute;
  top: 28px;
  right: -136px;
  box-shadow: 0 0 10px var(--black30);
  z-index: 1;
}
body.dark .matchItem {
  width: 100%;
  border-top: solid 1px #1B1B1B;
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body.dark .matchItem .teamIcon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-bottom: 5px;
}
body.dark .matchItem .teamName {
  font-size: 13px;
  line-height: 15px;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body.dark .matchItem .home,
body.dark .matchItem .guest {
  font-size: 12px;
  text-align: right;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
body.dark .matchItem .guest {
  justify-content: flex-start;
  text-align: left;
}
body.dark .matchItem .vs {
  font-size: 16px;
  font-weight: bold;
  flex: 0 0 60px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  line-height: 20px;
}
body.dark .matchItem .vs.date {
  color: #595959;
  font-size: 12px;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
}
body.dark .matchItem .date span {
  display: block;
}
body.dark .group-tit td {
  text-align: left;
  font-weight: bold;
  padding: 10px 0px;
}
body.dark tr.group-tit:hover {
  background: none;
  cursor: default;
}
body.dark .matchItem.v2 .teamIcon {
  width: 24px;
  height: 24px;
  border-radius: 0%;
  margin-bottom: 0px;
}
body.dark .matchItem.v2 .vs {
  line-height: 16px;
}
body.dark .listpage .newsbox {
  padding: 10px 20px;
  border-radius: 4px;
}
body.dark .listpage .news .article {
  flex: 0 0 25%;
  width: 25%;
  height: 225px;
}
body.dark .listpage .Htitle {
  font-size: 32px;
  padding-bottom: 4px;
}
body.dark .listpage .artimg {
  width: 240px;
  height: 134px;
}
body.dark .listpage .time {
  width: 90%;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  margin: 6px 0 0 0;
}
body.dark .articlebox {
  background: #1B1B1B;
  width: 100%;
  padding: 10px 16px !important;
  border-radius: 5px;
}
body.dark .articlebox .atltitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  padding-bottom: 10px;
}
body.dark .articlebox .left {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
body.dark .articlebox .left img {
  max-width: 100%;
  width: auto;
}
body.dark .articlebox .left span {
  font-weight: inherit;
}
body.dark .articlebox .left a {
  color: #0b73c5;
  text-decoration: underline;
}
body.dark .articlebox iframe {
  max-width: 100% !important;
  /*width:auto !important; height:auto !important;*/

}
body.dark .left p {
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 12px 0;
}
body.dark .left .infotext {
  padding: 0 10px 10px 20px;
}
body.dark .left .infotext li {
  margin: 8px 0;
  padding: 0;
  list-style: disc;
  border: none;
}
body.dark .left .infotit {
  background: #232323;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 4px;
}
body.dark .left .live {
  width: 100%;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}
body.dark .left .link {
  margin-top: 10px;
}
body.dark .left .link span {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  display: block;
}
body.dark .left .link span a {
  color: #0b73c5;
  width: calc(100% - 70px);
  margin-left: 6px;
  vertical-align: -4px;
  display: inline-block;
  text-decoration: underline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dark .articlebox .side-box {
  padding: 0;
}
body.dark .right {
  width: 100%;
}
body.dark .side-box.atl {
  padding: 0 16px 12px 16px;
}
body.dark .side-box.atl::after {
  content: "";
  clear: both;
  display: block;
}
body.dark .box {
  color: #8C8C8C;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
body.dark .box .from {
  color: #0b73c5;
  font-weight: bold;
  padding-left: 5px;
}
body.dark .box .time {
  float: right;
}
body.dark .box .icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
}
body.dark .box .tagtitle {
  background: #262626;
  font-weight: bold;
  line-height: 24px;
  padding: 0 10px;
  display: block;
}
body.dark .box .tags {
  /*background: #f3f9ff;*/
  background: #dceffd;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 3px;
  margin: 10px 2px 0 0;
  display: inline-block;
}
body.dark .right .Htitle {
  font-size: 16px;
  padding: 0;
}
body.dark .right .Htitle h2 {
  padding: 0;
}
body.dark .right .artimg {
  width: 124px;
  height: 70px;
}
body.dark .right .artimg img {
  width: 100%;
  height: auto;
}
body.dark .right .match {
  width: 176px;
  font-size: 13px;
  line-height: 17px;
  padding: 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
body.dark .NotificalPop {
  background: #1B1B1B;
  width: 280px;
  padding: 10px;
  border-radius: 6px;
  position: fixed;
  top: 30%;
  left: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  z-index: 10000;
  transform: translateX(-50%) !important;
}
body.dark .NotificalPop .tit {
  color: #295d13;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}
body.dark .NotificalPop p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  padding: 10px;
}
body.dark .NotificalPop .btn {
  background: #295d13;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  padding: 8px 0;
  margin: 5px 10px;
  cursor: pointer;
}
body.dark .NotificalPop .closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  background: #fbac78;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 14px;
  padding: 0 7px 7px 12px;
  border-radius: 0 0 0 50px;
  cursor: pointer;
}
body.dark .closebtn {
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(0, 0, 0, 0.3);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
body.dark .closebtn::before,
body.dark .closebtn::after {
  content: "";
  background: #ffffff;
  position: absolute;
  top: 10px;
  left: 4px;
  width: 12px;
  height: 1px;
  transform: rotate(45deg);
}
body.dark .closebtn::after {
  transform: rotate(-45deg);
}
body.dark .textline {
  width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

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;} */

  /* .matchList .item{border-bottom:solid 1px #f1f1f1;}*/

  /* pc */

  /* moblie 370*/

  /* theme star */

  /* ---Football--- */

  /*.tabs .tab.on,.detailMenu .item.on a{color:@gray6;}*/

  /* ---Basketball--- */

  /* ---Baseball--- */

  /* 主色提亮10% */

  /* theme end */

  /* 胜平负开始 */

  /* 负面配色 */

  /* 正面配色 */

  /* 中立色 */

  /* 胜平负结束 */

  color: #1B1B1B;
  background: #f5f5f5;
}
body .nodatapage .alogo {
  color: #da2510;
}
body .nodatapage .backbtn {
  background: #da2510;
}
body #navWrapper #scroller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body #navWrapper #scroller li {
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body .ballInBox.baseBall .teamBox .team {
  width: 100%;
  margin: 0;
}
body .ballInBox.baseBall .teamBox .team .name {
  width: -webkit-calc(10%);
  width: calc(10%);
  padding-left: 10px;
}
body .ballInBox.baseBall .teamBox .team span {
  width: 30px;
  padding: 0 7px;
}
body #oddsPop #settingPop {
  max-height: 80%;
}
body .header a.logo img,
body .header span.logo img {
  top: 0px;
  height: 30px;
}
body .matchList .item .team .status {
  background: none;
}
body .matchList .item .team .status .gameName {
  width: auto;
}
body #dbList .iconfont {
  right: 0;
}
body .dbList {
  min-height: auto;
  position: relative;
}
body .box-footer .button.on {
  background: #da2510;
  color: #ffffff;
}
body .box-footer .filterbox .button.on {
  border-color: #da2510 !important;
}
body #settingPop.ststpop .info li.on {
  background: rgba(218, 37, 16, 0.1) !important;
  /*color: @@fc0 !important;*/

}
@media screen and (min-width: 375px) {
  body .header .iconsBox > * {
    margin: 0 4px;
  }
}
@media screen and (min-width: 640px) {
  body #settingPop .info {
    max-height: 80vh;
  }
  body #footer .logoBar {
    width: 50%;
    max-width: 400px;
    margin: 0 auto;
  }
  body .header .iconsBox > * {
    margin: 0 5px;
  }
  body .slideHead {
    max-width: 640px;
  }
  body .fastMenu {
    width: 640px;
    left: 50%;
    margin-left: -320px;
  }
}
@media screen and (min-width: 370px) {
  body .header .select {
    font-size: 14px;
  }
  body#Football .ddlBox .tools .button {
    padding: 5px;
    width: 35%;
  }
  body#Football .ddlBox .tools .button.on {
    width: 30%;
  }
}
@media screen and (max-width: 320px) {
  body .header a.logo img,
  body .header span.logo img {
    height: 28px;
  }
}
body .liveTools .tabs .tab {
  padding: 0 3px;
  margin: 0 3px;
}
body .liveTools .tabs .tab.on,
body .detailMenu .item.on a {
  color: #1B1B1B;
}
body .header .select .icon.on,
body#Football .on .ro:after,
body#Football .box-footer .button.on,
body#Football .oddsPopup .header .title,
body#Football .menu,
body#Football .on .cb,
body .liveTools .tabs .tab.on,
body#Football .liveTools .tabs .tab.on::after,
body#Football .liveTools .on::after,
body .linkContent li .on,
body #navWrapper,
body #navWrapperContainer,
body .menu,
body .switch > input[type="checkbox"]:checked + .switch-style,
body #fbmain #btnSave,
body .selectPop ul li.on,
body .ddlBox .tools .button.on,
body .oddsPopup .header .title,
body .ddlBox .ddlHeader,
body#esports .menu,
body#esports #navWrapper,
body#esports #navWrapperContainer,
body#esports .liveTools .tabs .tab.on::after,
body#esports .liveTools .on::after,
body#esports .on .ro:after,
body#esports .on .cb,
body#esports .box-footer .button.on,
body#esports .selectPop ul li.on,
body#esports .header,
body#esports .dateList li.on,
body#esports .selectPopup ul li.on a,
body#esports .oddsPopup .header .title,
body#esports #content .gameBox,
body#esports .dbtools .tabs .tab.on {
  background: #da2510 !important;
}
body .tabs.mini,
body .on .ro,
body#esports .on .ro {
  border-color: #da2510 !important;
}
body .header .tabs .tab.on {
  color: #f0422d;
}
body#Basketball .menu,
body#Basketball .tabBox .tabs .tab.on,
body#Basketball .on .ro:after,
body#Basketball .box-footer .button.on,
body#Basketball .on .cb,
body#Basketball .selectPopup ul li.on a,
body#Basketball .selectPopup ul li.on,
body#Basketball .oddsPopup .header,
body#Basketball .oddsPopup .header .title,
body#Basketball #match .navbox .detailMenu {
  background: #da2510;
}
body#Basketball .HTabs_b,
body#Basketball .HTabs_b .tab,
body#Basketball .on .ro,
body#Basketball .tabs,
body#Basketball .selectPopup ul li.on,
body#Basketball .selectPopup ul li.on a,
body#Basketball .selectPopup ul li.on input[type="submit"] {
  border-color: #f0422d !important;
}
body .selectPopup ul li.on a,
body .dbtools .tabs .tab.on,
body .linkContent ul.date li.on,
body#Basketball .tabBox .tabs .tab.on::after,
body#Basketball .liveTools .on::after,
body .switch > input[type="checkbox"]:checked + .switch-style,
body#Basketball .dbtools .tabs .tab.on,
body#Basketball .btn-liveTv {
  background: #da2510 !important;
  color: #ffffff !important;
}
body #ComBall .header,
body#Baseball #navWrapperContainer,
body#Baseball #navWrapper,
body#Baseball .menu,
body#Baseball .liveTools .tabs .tab.on::after,
body#Baseball .liveTools .on::after,
body#Baseball .on .ro:after,
body#Baseball .on .cb,
body#Baseball .selectPop ul li.on,
body#Baseball .selectLabel .switch > input[type="checkbox"]:checked + .switch-style,
body#Baseball .linkContent li.on,
body#Baseball body#Baseball .selectPopup ul li.on,
body#Baseball .selectPopup ul li.on a,
body#Baseball .selectPopup ul li.on input[type="submit"],
body#Baseball .header .tabs .tab.on {
  background: #da2510 !important;
  color: #da2510;
}
body .tabs,
body .tabs.mini,
body#Baseball .on .ro,
body#Baseball .tabs,
body#Baseball .tabs.mini,
body#Baseball .tabs.mini .tab.RLl {
  border-color: #da2510 !important;
}
body#esports .subTools .odd_btn.on,
body#Baseball .oddsPopup .header,
body#Baseball .oddsPopup .header .title,
body#Baseball .box-footer .button.on {
  background: #da2510;
  border-color: #da2510;
}
body#Baseball #fHead .teamBox {
  background: #da2510;
}
body#Baseball .teamBox .teamDetail li {
  color: #EBEBEB;
  border: none;
}
body#Baseball .teamBox .teamDetail li span {
  color: #EBEBEB;
}
body#Baseball .selectW {
  color: #da2510;
}
body#Baseball .selectW::before {
  border-top-color: #da2510;
}
body .navbox,
body #match .navbox .detailMenu {
  background: #ffffff;
}
body #ComBall .header,
body .norecord .searchbtn,
body .searchnav .tab.on::after {
  background: #da2510;
}
body .HTabs .tab.on {
  border-bottom: solid 3px #da2510;
}
body #settingPop .tabs .tab.on,
body .searchnav .tab.on,
body .matchList .item .team .status .live,
body #settingPop .dbList .on .elect {
  color: #da2510;
}
body#Football #settingPop .dbList .icon {
  margin: 0;
}
body .linkContent li.on {
  background: #da2510;
  color: #ffffff;
}
body #tabs_ft .tab {
  width: 44px;
}
body .filterTabs .tab.on {
  border-bottom: 2px solid #da2510;
  color: #da2510;
}
body .loaddingBox .loaddingMsg {
  color: #da2510 !important;
}
body .groupbox .groups .on,
body .groupbox .groups .on a,
body .playerPopBody .rate {
  background: #da2510;
}
body #e3_1 .eTable tr td:first-child,
body #e4_1 .eTable tr td:first-child {
  padding-left: 3px;
}
body .detailMenu .item {
  text-transform: initial;
}
body #content .peerBox.amt .tabs.mini .tab.on .icon,
body .playerPopBody .PLnum .icon {
  color: #da2510;
}
body .selectPopup.minipopup,
body .header .icon-font-class.on,
body #content .gameBox .gameInfo div.video {
  background: #f0422d !important;
  color: #ffffff;
}
body .header,
body #fHead .teamBox,
body#Football .header,
body#Football .menu,
body#Basketball .header,
body#Basketball .menu,
body#Baseball .header,
body#Baseball .menu,
body#Cricket .header,
body#Cricket .menu {
  background: #da2510 !important;
}
body #fHead #match,
body #fHead #match .header {
  background: linear-gradient(-90deg, #334459, #843535) !important;
}
body#Football #returnTop #btnFilter,
body#Football #returnTop #btnFilter.on,
body#Basketball #returnTop #btnFilter,
body#Basketball #returnTop #btnFilter.on,
body#Baseball #returnTop #btnFilter,
body#Baseball #returnTop #btnFilter.on,
body#Cricket #returnTop #btnFilter,
body#Cricket #returnTop #btnFilter.on {
  background: rgba(218, 37, 16, 0.9) !important;
  color: #ffffff !important;
}
body #setting_popSel .selectpop .tz_li.on {
  background: rgba(218, 37, 16, 0.1);
}
body #settingPop .setList .chose.on {
  background: #da2510 !important;
  color: #ffffff;
}
body .header .select ul.GameList li.on .name,
body .header .select ul.GameList li.on .iconfont,
body .dateList li.on,
body #setting_popSel .selectpop .odd_li.on {
  color: #da2510;
}
body .header .select ul.GameList li .btn.on,
body .team_tabs a.on {
  background: #da2510 !important;
}
body #content .panel.peerBox .tabs.mini .tab.on,
body .peerBox .detailMenu .item.on:after,
body .adTabs .tab.on {
  background: #da2510;
}
body .matchList .item .video,
body .matchList .item .team .status .icon-collect_on,
body .icon-collect_on.on,
body .boxtool .selectbox .on,
body .peerBox .detailMenu .item.on a {
  color: #da2510 !important;
}
body .boxtool input[type="checkbox"]:checked + label {
  background: rgba(218, 37, 16, 0.1);
  color: #da2510;
}
body .boxtool input[type="checkbox"]:checked + label::before {
  content: "";
  background: #da2510;
  border-color: #da2510;
}
body .oddDown {
  color: #ea2e1f !important;
}
body .oddDown::after {
  content: '↓';
  display: inline-block;
}
body .o-lossBGp span {
  background: #ea2e1f;
  color: #ffffff;
}
body .o-lossBG {
  background: #ea2e1f !important;
  color: #ffffff !important;
}
body .o-loss,
body .o-loss a {
  color: #ea2e1f;
}
body .ouBar .loss {
  background: #ea2e1f;
}
body .o-down,
body .o-down a,
body .loss {
  color: #ea2e1f !important;
}
body .o-downBG {
  background: #ea2e1f !important;
  color: #ffffff !important;
}
body .o-downBGp span {
  background: #ea2e1f;
  color: #ffffff;
}
body .oddUp {
  color: #49b140 !important;
}
body .oddUp::after {
  content: '↑';
  display: inline-block;
}
body .o-winBGp span {
  background: #49b140;
  color: #ffffff;
}
body .o-winBG {
  background: #49b140 !important;
  color: #ffffff !important;
}
body .o-win,
body .o-win a,
body .win {
  color: #49b140;
}
body .ouBar .win {
  background: #49b140;
}
body .o-up,
body .o-up a {
  color: #49b140 !important;
}
body .o-upBG {
  background: #49b140 !important;
  color: #ffffff !important;
}
body .o-upBGp span {
  background: #49b140;
  color: #ffffff;
}
body .o-void,
body .o-void a,
body .draw {
  color: #008cff;
}
body .o-voidBG {
  background: #008cff !important;
  color: #ffffff !important;
}
body .ouBar .draw {
  background: #008cff !important;
}
body .o-voidBGp span {
  background: #008cff !important;
  color: #ffffff !important;
}
body .eTable2 .o-win {
  background: #49b140;
}
body .eTable2 .o-loss {
  background: #ea2e1f;
}
body .eTable2 .o-void {
  background: #008cff;
}
body #container {
  position: relative;
}
body .lineupbox .shirt {
  margin-left: 5px;
}
body .strength .survey .good {
  color: #49b140;
  border-color: #49b140;
}
body .strength .survey .bad {
  color: #ea2e1f;
  border-color: #ea2e1f;
}
body .strength .survey .on .good {
  background: #49b140;
}
body .strength .survey .on .bad {
  background: #ea2e1f;
}
body.dark {
  /* .matchList .item{border-bottom:solid 1px #f1f1f1;}*/

  /* pc */

  /* moblie 370*/

  /* theme star */

  /* ---Football--- */

  /*.tabs .tab.on,.detailMenu .item.on a{color:@gray6;}*/

  /* ---Basketball--- */

  /* ---Baseball--- */

  /* 主色提亮10% */

  /* theme end */

  /* 胜平负开始 */

  /* 负面配色 */

  /* 正面配色 */

  /* 中立色 */

  /* 胜平负结束 */

  color: #D9D9D9;
  background: #232323;
}
body.dark .nodatapage .alogo {
  color: #da2510;
}
body.dark .nodatapage .backbtn {
  background: #b41f0d;
}
body.dark #navWrapper #scroller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.dark #navWrapper #scroller li {
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body.dark .ballInBox.baseBall .teamBox .team {
  width: 100%;
  margin: 0;
}
body.dark .ballInBox.baseBall .teamBox .team .name {
  width: -webkit-calc(10%);
  width: calc(10%);
  padding-left: 10px;
}
body.dark .ballInBox.baseBall .teamBox .team span {
  width: 30px;
  padding: 0 7px;
}
body.dark #oddsPop #settingPop {
  max-height: 80%;
}
body.dark .header a.logo img,
body.dark .header span.logo img {
  top: 0px;
  height: 30px;
}
body.dark .matchList .item .team .status {
  background: none;
}
body.dark .matchList .item .team .status .gameName {
  width: auto;
}
body.dark #dbList .iconfont {
  right: 0;
}
body.dark .dbList {
  min-height: auto;
  position: relative;
}
body.dark .box-footer .button.on {
  background: #b41f0d;
  color: #ffffff;
}
body.dark .box-footer .filterbox .button.on {
  border-color: #b41f0d !important;
}
body.dark #settingPop.ststpop .info li.on {
  background: #b41f0d !important;
  /*color: @@fc0 !important;*/

}
@media screen and (min-width: 375px) {
  body.dark .header .iconsBox > * {
    margin: 0 4px;
  }
}
@media screen and (min-width: 640px) {
  body.dark #settingPop .info {
    max-height: 80vh;
  }
  body.dark #footer .logoBar {
    width: 50%;
    max-width: 400px;
    margin: 0 auto;
  }
  body.dark .header .iconsBox > * {
    margin: 0 5px;
  }
  body.dark .slideHead {
    max-width: 640px;
  }
  body.dark .fastMenu {
    width: 640px;
    left: 50%;
    margin-left: -320px;
  }
}
@media screen and (min-width: 370px) {
  body.dark .header .select {
    font-size: 14px;
  }
  body.dark#Football .ddlBox .tools .button {
    padding: 5px;
    width: 35%;
  }
  body.dark#Football .ddlBox .tools .button.on {
    width: 30%;
  }
}
@media screen and (max-width: 320px) {
  body.dark .header a.logo img,
  body.dark .header span.logo img {
    height: 28px;
  }
}
body.dark .liveTools .tabs .tab {
  padding: 0 3px;
  margin: 0 3px;
}
body.dark .liveTools .tabs .tab.on,
body.dark .detailMenu .item.on a {
  color: #ffffff;
}
body.dark .header .select .icon.on,
body.dark#Football .on .ro:after,
body.dark#Football .box-footer .button.on,
body.dark#Football .oddsPopup .header .title,
body.dark#Football .menu,
body.dark#Football .on .cb,
body.dark .liveTools .tabs .tab.on,
body.dark#Football .liveTools .tabs .tab.on::after,
body.dark#Football .liveTools .on::after,
body.dark .linkContent li .on,
body.dark #navWrapper,
body.dark #navWrapperContainer,
body.dark .menu,
body.dark .switch > input[type="checkbox"]:checked + .switch-style,
body.dark #fbmain #btnSave,
body.dark .selectPop ul li.on,
body.dark .ddlBox .tools .button.on,
body.dark .oddsPopup .header .title,
body.dark .ddlBox .ddlHeader,
body.dark#esports .menu,
body.dark#esports #navWrapper,
body.dark#esports #navWrapperContainer,
body.dark#esports .liveTools .tabs .tab.on::after,
body.dark#esports .liveTools .on::after,
body.dark#esports .on .ro:after,
body.dark#esports .on .cb,
body.dark#esports .box-footer .button.on,
body.dark#esports .selectPop ul li.on,
body.dark#esports .header,
body.dark#esports .dateList li.on,
body.dark#esports .selectPopup ul li.on a,
body.dark#esports .oddsPopup .header .title,
body.dark#esports #content .gameBox,
body.dark#esports .dbtools .tabs .tab.on {
  background: #b41f0d !important;
}
body.dark .tabs.mini,
body.dark .on .ro,
body.dark#esports .on .ro {
  border-color: #b41f0d !important;
}
body.dark .header .tabs .tab.on {
  color: #e42711;
}
body.dark#Basketball .menu,
body.dark#Basketball .tabBox .tabs .tab.on,
body.dark#Basketball .on .ro:after,
body.dark#Basketball .box-footer .button.on,
body.dark#Basketball .on .cb,
body.dark#Basketball .selectPopup ul li.on a,
body.dark#Basketball .selectPopup ul li.on,
body.dark#Basketball .oddsPopup .header,
body.dark#Basketball .oddsPopup .header .title,
body.dark#Basketball #match .navbox .detailMenu {
  background: #b41f0d;
}
body.dark#Basketball .HTabs_b,
body.dark#Basketball .HTabs_b .tab,
body.dark#Basketball .on .ro,
body.dark#Basketball .tabs,
body.dark#Basketball .selectPopup ul li.on,
body.dark#Basketball .selectPopup ul li.on a,
body.dark#Basketball .selectPopup ul li.on input[type="submit"] {
  border-color: #e42711 !important;
}
body.dark .selectPopup ul li.on a,
body.dark .dbtools .tabs .tab.on,
body.dark .linkContent ul.date li.on,
body.dark#Basketball .tabBox .tabs .tab.on::after,
body.dark#Basketball .liveTools .on::after,
body.dark .switch > input[type="checkbox"]:checked + .switch-style,
body.dark#Basketball .dbtools .tabs .tab.on,
body.dark#Basketball .btn-liveTv {
  background: #b41f0d !important;
  color: #ffffff !important;
}
body.dark #ComBall .header,
body.dark#Baseball #navWrapperContainer,
body.dark#Baseball #navWrapper,
body.dark#Baseball .menu,
body.dark#Baseball .liveTools .tabs .tab.on::after,
body.dark#Baseball .liveTools .on::after,
body.dark#Baseball .on .ro:after,
body.dark#Baseball .on .cb,
body.dark#Baseball .selectPop ul li.on,
body.dark#Baseball .selectLabel .switch > input[type="checkbox"]:checked + .switch-style,
body.dark#Baseball .linkContent li.on,
body.dark#Baseball body.dark#Baseball .selectPopup ul li.on,
body.dark#Baseball .selectPopup ul li.on a,
body.dark#Baseball .selectPopup ul li.on input[type="submit"],
body.dark#Baseball .header .tabs .tab.on {
  background: #b41f0d !important;
  color: #da2510;
}
body.dark .tabs,
body.dark .tabs.mini,
body.dark#Baseball .on .ro,
body.dark#Baseball .tabs,
body.dark#Baseball .tabs.mini,
body.dark#Baseball .tabs.mini .tab.RLl {
  border-color: #b41f0d !important;
}
body.dark#esports .subTools .odd_btn.on,
body.dark#Baseball .oddsPopup .header,
body.dark#Baseball .oddsPopup .header .title,
body.dark#Baseball .box-footer .button.on {
  background: #b41f0d;
  border-color: #b41f0d;
}
body.dark#Baseball #fHead .teamBox {
  background: #b41f0d;
}
body.dark#Baseball .teamBox .teamDetail li {
  color: #EBEBEB;
  border: none;
}
body.dark#Baseball .teamBox .teamDetail li span {
  color: #EBEBEB;
}
body.dark#Baseball .selectW {
  color: #da2510;
}
body.dark#Baseball .selectW::before {
  border-top-color: #b41f0d;
}
body.dark .navbox,
body.dark #match .navbox .detailMenu {
  background: #1B1B1B;
}
body.dark #ComBall .header,
body.dark .norecord .searchbtn,
body.dark .searchnav .tab.on::after {
  background: #b41f0d;
}
body.dark .HTabs .tab.on {
  border-bottom: solid 3px #b41f0d;
}
body.dark #settingPop .tabs .tab.on,
body.dark .searchnav .tab.on,
body.dark .matchList .item .team .status .live,
body.dark #settingPop .dbList .on .elect {
  color: #da2510;
}
body.dark#Football #settingPop .dbList .icon {
  margin: 0;
}
body.dark .linkContent li.on {
  background: #b41f0d;
  color: #ffffff;
}
body.dark #tabs_ft .tab {
  width: 44px;
}
body.dark .filterTabs .tab.on {
  border-bottom: 2px solid #b41f0d;
  color: #da2510;
}
body.dark .loaddingBox .loaddingMsg {
  color: #da2510 !important;
}
body.dark .groupbox .groups .on,
body.dark .groupbox .groups .on a,
body.dark .playerPopBody .rate {
  background: #b41f0d;
}
body.dark #e3_1 .eTable tr td:first-child,
body.dark #e4_1 .eTable tr td:first-child {
  padding-left: 3px;
}
body.dark .detailMenu .item {
  text-transform: initial;
}
body.dark #content .peerBox.amt .tabs.mini .tab.on .icon,
body.dark .playerPopBody .PLnum .icon {
  color: #b41f0d;
}
body.dark .selectPopup.minipopup,
body.dark .header .icon-font-class.on,
body.dark #content .gameBox .gameInfo div.video {
  background: #e42711 !important;
  color: #ffffff;
}
body.dark .header,
body.dark #fHead .teamBox,
body.dark#Football .header,
body.dark#Football .menu,
body.dark#Basketball .header,
body.dark#Basketball .menu,
body.dark#Baseball .header,
body.dark#Baseball .menu,
body.dark#Cricket .header,
body.dark#Cricket .menu {
  background: #b41f0d !important;
}
body.dark #fHead #match,
body.dark #fHead #match .header {
  background: linear-gradient(-90deg, #334459, #843535) !important;
}
body.dark#Football #returnTop #btnFilter,
body.dark#Football #returnTop #btnFilter.on,
body.dark#Basketball #returnTop #btnFilter,
body.dark#Basketball #returnTop #btnFilter.on,
body.dark#Baseball #returnTop #btnFilter,
body.dark#Baseball #returnTop #btnFilter.on,
body.dark#Cricket #returnTop #btnFilter,
body.dark#Cricket #returnTop #btnFilter.on {
  background: rgba(180, 31, 13, 0.9) !important;
  color: #ffffff !important;
}
body.dark #setting_popSel .selectpop .tz_li.on {
  background: #b41f0d;
}
body.dark #settingPop .setList .chose.on {
  background: #b41f0d !important;
  color: #ffffff;
}
body.dark .header .select ul.GameList li.on .name,
body.dark .header .select ul.GameList li.on .iconfont,
body.dark .dateList li.on,
body.dark #setting_popSel .selectpop .odd_li.on {
  color: #da2510;
}
body.dark .header .select ul.GameList li .btn.on,
body.dark .team_tabs a.on {
  background: #b41f0d !important;
}
body.dark #content .panel.peerBox .tabs.mini .tab.on,
body.dark .peerBox .detailMenu .item.on:after,
body.dark .adTabs .tab.on {
  background: #b41f0d;
}
body.dark .matchList .item .video,
body.dark .matchList .item .team .status .icon-collect_on,
body.dark .icon-collect_on.on,
body.dark .boxtool .selectbox .on,
body.dark .peerBox .detailMenu .item.on a {
  color: #da2510 !important;
}
body.dark .boxtool input[type="checkbox"]:checked + label {
  background: rgba(180, 31, 13, 0.1);
  color: #da2510;
}
body.dark .boxtool input[type="checkbox"]:checked + label::before {
  content: "";
  background: #b41f0d;
  border-color: #b41f0d;
}
body.dark .oddDown {
  color: #ea2e1f !important;
}
body.dark .oddDown::after {
  content: '↓';
  display: inline-block;
}
body.dark .o-lossBGp span {
  background: #ea2e1f;
  color: #ffffff;
}
body.dark .o-lossBG {
  background: #ea2e1f !important;
  color: #ffffff !important;
}
body.dark .o-loss,
body.dark .o-loss a {
  color: #ea2e1f;
}
body.dark .ouBar .loss {
  background: #ea2e1f;
}
body.dark .o-down,
body.dark .o-down a,
body.dark .loss {
  color: #ea2e1f !important;
}
body.dark .o-downBG {
  background: #ea2e1f !important;
  color: #ffffff !important;
}
body.dark .o-downBGp span {
  background: #ea2e1f;
  color: #ffffff;
}
body.dark .oddUp {
  color: #49b140 !important;
}
body.dark .oddUp::after {
  content: '↑';
  display: inline-block;
}
body.dark .o-winBGp span {
  background: #49b140;
  color: #ffffff;
}
body.dark .o-winBG {
  background: #49b140 !important;
  color: #ffffff !important;
}
body.dark .o-win,
body.dark .o-win a,
body.dark .win {
  color: #49b140;
}
body.dark .ouBar .win {
  background: #49b140;
}
body.dark .o-up,
body.dark .o-up a {
  color: #49b140 !important;
}
body.dark .o-upBG {
  background: #49b140 !important;
  color: #ffffff !important;
}
body.dark .o-upBGp span {
  background: #49b140;
  color: #ffffff;
}
body.dark .o-void,
body.dark .o-void a,
body.dark .draw {
  color: #008cff;
}
body.dark .o-voidBG {
  background: #008cff !important;
  color: #ffffff !important;
}
body.dark .ouBar .draw {
  background: #008cff !important;
}
body.dark .o-voidBGp span {
  background: #008cff !important;
  color: #ffffff !important;
}
body.dark .eTable2 .o-win {
  background: #49b140;
}
body.dark .eTable2 .o-loss {
  background: #ea2e1f;
}
body.dark .eTable2 .o-void {
  background: #008cff;
}
body.dark #container {
  position: relative;
}
body.dark .lineupbox .shirt {
  margin-left: 5px;
}
body.dark .strength .survey .good {
  color: #49b140;
  border-color: #49b140;
}
body.dark .strength .survey .bad {
  color: #ea2e1f;
  border-color: #ea2e1f;
}
body.dark .strength .survey .on .good {
  background: #49b140;
}
body.dark .strength .survey .on .bad {
  background: #ea2e1f;
}