/**
*=================================
* 默认主题
*=================================
*/
/**
*=================================
* 选中颜色class
*=================================
*/
li.active {
  background: #C10B33 !important;
  color: #fff !important;
  border: 1px solid #C10B33 !important;
}

.dot.active {
  background: #C10B33 !important;
}

.active-border {
  border-color: #C10B33 !important;
}

.active-bg {
  background: #C10B33;
}

/**
*=================================
* 文本字体颜色class
*=================================
*/
li.bg-red {
  background: #f3ced6 !important;
}

li.bg-blue {
  background: #d9e2f9 !important;
}

/**
*=================================
* 浮动class
*=================================
*/
.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

/**
*=================================
* 各类hover
*=================================
*/
.live-table tbody tr:hover:not(.center) {
  color: #C10B33;
}

.live-table tbody tr:hover:not(.center) td {
  color: #C10B33;
}

.live-table tbody tr:hover:not(.center) a {
  color: #C10B33;
}

.hover:hover {
  color: #C10B33 !important;
}

/**
*=================================
* 各类背景图替换
*=================================
*/
/**
*=================================
* 公共区
*=================================
*/
/* 添加边框 */
/* 添加字体描边 */
.overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 旋转 */
.rotate {
  transform-origin: center center;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
}

.rotate-back {
  transform-origin: center center;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
}

/* 滚动条样式 */
.container-detail::-webkit-scrollbar {
  width: 8px;
  height: 243px;
}

/*设置滚动条上的滚动滑块样式*/
.container-detail::-webkit-scrollbar-thumb {
  background: transparent;
}

/*鼠标位于内容上时，滚动条样式*/
.container-detail:hover::-webkit-scrollbar {
  width: 8px;
  height: 243px;
  background: #eee;
  border-radius: 6px;
}

/*鼠标位于内容上时，滚动滑块样式*/
.container-detail:hover::-webkit-scrollbar-thumb {
  background: #8A8A8A;
  border-radius: 10px;
}

/**
*=================================
* 超过文本
*=================================
*/
.live-table {
  width: 1200px;
}

.wai {
  width: 1210px;
}

.live-match-title {
  width: 1210px !important;
  height: 125px;
  position: relative;
  margin: auto;
  background: #fff;
}

.live-match-content {
  width: 1210px !important;
  height: auto;
  border-radius: 0;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.live-table tbody {
  height: auto;
}

.live-match-title-wrap {
  width: 1210px;
  background: #fff;
  display: flex;
  flex-direction: column;
  margin: auto;
  margin-top: 60px;
}

.live-match-title-wrap .live-match-title {
  height: 125px;
}

.more:after {
  z-index: 1;
}

/* 滚动条样式 */
.live-match-content::-webkit-scrollbar {
  width: 8px;
  height: 24px;
  background: #ddd;
}

/*设置滚动条上的滚动滑块样式*/
.live-match-content::-webkit-scrollbar-thumb {
  background: #2A1C6A;
}

.live-match-title {
  margin-top: 60px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.live-match-content {
  overflow: auto;
}

.live-table tbody {
  overflow: auto;
  max-height: 100%;
}


.live-table-channel {
  margin: auto;
  width: 1210px;
  border-radius: inherit;
}


/* 联赛介绍 */
.league-introduction__content {
  line-height: 34px;
  padding: 0 15px;
  padding-bottom: 15px;
  font-size: 16px;
}

.league-introduction__content a {
  color: blue !important;
}

.league-introduction__content--height {
  height: 130px !important;
  overflow: hidden;
}

.league-introduction__more {
  text-align: center;
  color: #9F9F9F;
  border: 1px solid #9F9F9F;
  width: 100px;
  margin: 0 auto;
  line-height: 30px;
  margin-bottom: 15px;
  border-radius: 10px;
  display: none;
  cursor: pointer;
}

@media (max-width: 568px) {

  .live-match-title,
  .wai,
  .live-match-content,
  .live-table {
    width: 100% !important;
  }
}