.theme-bg-linear {
  background: linear-gradient(270deg, #66E4B5 0%, #29ACC4 32%, #2976C4 62%, #6630E6 100%);
}
.flex-right {
  display: flex;
  justify-content: flex-end;
}
.flex-right-middle {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-left {
  display: flex;
  justify-content: flex-start;
}
.flex-left-middle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-center-middle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.detail-container {
  background: #fff;
  margin-top: 0.24rem;
  padding: 0.24rem 0.32rem 0.32rem;
}

.relevance-match-box {
  border: 0.0139rem solid #cccccc;
  border-radius: 0.0556rem;
  margin-bottom: 0.2083rem;
  padding: 0.1389rem 0.1389rem 0.2083rem 0.1389rem;
}
.relevance-match {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.relevance-match__home-team-icon,
.relevance-match__visitor-team-icon {
  width: 0.72rem;
  height: 0.72rem;
}
.relevance-match__team-score-box {
  display: flex;
  width: 20%;
  justify-content: space-between;
  align-items: center;
}
.relevance-match__home-team {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-right: 0.0694rem;
}
.relevance-match__home-team,
.relevance-match__visitor-team {
  width: 60%;
}
.relevance-match__visitor-team  {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-left: 0.0694rem;
}
.relevance-match__home-team-name,
.relevance-match__visitor-team-name {
  max-width: 60%;
}
.relevance-match__team-status-info {
  text-align: center;
  margin-top: -0.1389rem;
}
.relevance-match__team-score {
  font-size: 0.5rem;
  font-weight: bold;
}
.relevance-match__team-status {
  margin-left: 0.625rem;
  color: #898787;
}
.relevance-match__btn {
  width: 60%;
  margin: 0 auto;
  margin-top: 5px;
  border: 1px solid #C10B33;
  color: #C10B33;
  border-radius: 0.0833rem;
  padding: 0.0694rem 0.4167rem;
  cursor: pointer;
  height: 0.4167rem;
  line-height: 0.4167rem;
  text-align: center;
}

.detail-container h1 {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.5rem;
  color: #000;
}
.detail-container .detail-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.2rem;
  color: #999;
  margin-top: 0.12rem;
}
.detail-container .detail-info p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.detail-container .detail-info img {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}
.detail-container .detail-content {
  margin-top: 0.3rem;
}
.detail-container .detail-content p,
.detail-container .detail-content span {
  font-size: 0.28rem !important;
  font-family: "Noto Sans S Chinese" !important;
  color: #666;
  line-height: 0.48rem;
}
.detail-container .detail-content img {
  width: 100% !important;
  height: 100% !important;
}
.detail-container .detail-tags {
  display: flex;
  margin: 0.2rem 0;
  color: #c10B33;
  font-size: 0.24rem;
}
.detail-container .detail-tags a {
  color: #c10B33;
  margin-left: 0.1rem;
  max-width: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.detail-banner {
  text-align: center;
  margin-top: 0.24rem;
}
.detail-news-other {
  margin: 0.32rem 0.32rem 0;
}
.detail-news-other h2.title {
  font-size: 0.44rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 0.18rem;
}