/**
*=================================
* 默认主题
*=================================
*/
/**
*=================================
* 选中颜色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;
}