/**
*=================================
* 默认主题
*=================================
*/
/**
*=================================
* 选中颜色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: 6px;
  height: 243px;
}
/*设置滚动条上的滚动滑块样式*/
.container-detail::-webkit-scrollbar-thumb {
  background: transparent;
}
/*鼠标位于内容上时，滚动条样式*/
.container-detail:hover::-webkit-scrollbar {
  width: 6px;
  height: 243px;
  background: #eee;
  border-radius: 6px;
}
/*鼠标位于内容上时，滚动滑块样式*/
.container-detail:hover::-webkit-scrollbar-thumb {
  background: #8A8A8A;
  border-radius: 10px;
}
/**
*=================================
* 超过文本
*=================================
*/
.com-bread-crumbs {
  padding: 15px 0;
  width: 740px;
  margin: auto 0;
  color: #fff;
margin-top: 15px;
}
.information-warpper {
  width: 1200px;
  margin: auto;
  display: flex;
}
.information-warpper .container {
  width: 894px;
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
}

/* 资讯详情 */
.news-detail-content {
  width: 854px;
  background: #fff;
  padding: 40px 20px 20px 20px;
  border-radius: 8px;
}

.relevance-match-box {
  display: flex;
  justify-content: space-between;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 15px;
}
.relevance-match {
  width: 600px;
  display: flex;
  justify-content: space-around;
  justify-content: space-between;
}
.relevance-match__home-team-icon,
.relevance-match__visitor-team-icon {
  width: 50px;
  height: 50px;
}
.relevance-match__team-info {
  display: flex;
  width: 93%;
  justify-content: space-between;
  align-items: center;
}
.relevance-match__home-team-name {
  margin-left: 12px;
}
.relevance-match__home-team-name,
.relevance-match__visitor-team-name {
  font-size: 16px;
  width: 20%;
}
.relevance-match__visitor-team-name {
  text-align: right;
  margin-right: 12px;
}
.relevance-match__team-status-info {
  text-align: center;
}
.relevance-match__team-score {
  font-size: 36px;
  font-weight: bold;
}
.relevance-match__team-status {
  margin-top: 10px;
  color: #898787;
}
.relevance-match__btn {
  border: 1px solid #C10B33;
  color: #C10B33;
  border-radius: 6px;
  padding: 0 30px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  position: relative;
  top: 10px;
}

.news-detail-content .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 48px;
  margin-bottom: 19px;
  color: #000;
}
.news-detail-content .detail-info {
  color: #999;
}
.news-detail-content .content {
  margin-top: 23px;
}
.news-detail-content .content p {
  font-size: 14px;
  color: #666;
  line-height: 28px;
}
.news-detail-content .content p img {
  border-radius: 8px;
  margin: 20px 0;
}
.news-detail-content .label {
  display: flex;
  margin-top: 23px;
}
.news-detail-content .label li {
  font-size: 12px;
  margin-right: 10px;
  padding: 4px 10px;
  border-radius: 10px;
  border: 1px solid #f3ced6;
  background: #f3ced6;
  color: #C10B33;
}
/* 广告横幅 */
.com-bread-banner {
  margin-top: 10px;
}
/* 侧边栏区域 */
.aside {
  width: 380px;
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

div::-webkit-scrollbar {
  display: none;
}

div:hover::-webkit-scrollbar {
  display: none;
}

div {
  scrollbar-width: none;
}