.live-wrapper {
  background: #fff;
  padding-top: 0.04rem;
  overflow: hidden;
}

.live-wrapper .tab-box {
  padding-bottom: .2rem;
  transition: .3s padding-bottom;
}

.live-wrapper .tab-box:last-child {
  padding-bottom: 0;
}

.live-wrapper .tab-box.open:last-child {
  padding-bottom: .2rem;
}

.live-wrapper .tab-box.open .tab-title .arrow-down {
  display: inline-block;
}

.live-wrapper .tab-box.close:last-child .tab-title {
  border-bottom: none;
}

.live-wrapper .tab-box.close .tab-title {
  border-bottom: 1px solid #E8E8E8;
}

.live-wrapper .tab-box.close .tab-title .arrow-up {
  display: inline-block;
}


.live-wrapper .tab-box .tab-title {
  font-size: 0;
  padding-bottom: 0.2rem;
}

.live-wrapper .tab-box .tab-title .time1 {
  float: left;
  margin-right: 0.04rem;
  font-size: 0.16rem;
  font-weight: bold;
  color: #000;
}

.live-wrapper .tab-box .tab-title .time2 {
  float: left;
  margin-right: 0.02rem;
  margin-top: 0.028rem;
  font-size: 0.12rem;
  color: #6b6b6b;
}

.live-wrapper .tab-box .tab-title .arrow-down,
.live-wrapper .tab-box .tab-title .arrow-up {
  float: left;
  display: none;
  width: 0.12rem;
  height: 0.12rem;
  margin-top: 0.05rem;
}

.live-wrapper .tab-box .tab-content .match-card {
  padding: 0.12rem 0.1rem 0.12rem;
  margin-bottom: .08rem;
  background: #f7f8fa;
  border-radius: 2px;
}

/* hot：置顶，hot2：热门（写死的） */
.match-card.hot2 .match-name,
.match-card.hot .host-name,
.match-card.hot .guest-name,
.match-card.hot .match-time,
.match-card.hot .match-name {
  font-weight: 600 !important;
}

.live-wrapper .tab-box .tab-content .match-card:last-child {
  margin-bottom: 0;
}

.live-wrapper .tab-box .tab-content .match-card .up {
  margin-bottom: 0.16rem;
  font-size: 0;
}

.live-wrapper .tab-box .tab-content .match-card .up .match-time,
.live-wrapper .tab-box .tab-content .match-card .up .match-name {
  display: inline-block;
  font-size: 0.12rem;
  color: #6b6b6b;
  vertical-align: middle;
}

.live-wrapper .tab-box .tab-content .match-card .up .match-time {
  margin-right: 0.06rem;
}

.live-wrapper .tab-box .tab-content .match-card .up .status {
  float: right;
  font-size: 0.11rem;
}

.live-wrapper .tab-box .tab-content .match-card .up .status .living {
  color: #dd4d30;
}

.live-wrapper .tab-box .tab-content .match-card .up .status .living .living-tag {
  margin-top: 0.02rem;
}

.live-wrapper .tab-box .tab-content .match-card .up .status .living .living-text {
  float: left;
  margin-left: 0.03rem;
}

.live-wrapper .tab-box .tab-content .match-card .up .status .no-living {
  color: #949494;
}

.live-wrapper .tab-box .tab-content .match-card .down .team {
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0;
  padding: 0 0.08rem;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .team-name {
  display: inline-block;
  width: 0.91rem;
  font-size: 0.13rem;
  color: #000;
  vertical-align: middle;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .team-img {
  width: 0.3rem;
  height: 0.3rem;
  vertical-align: middle;
  object-fit: cover;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .host-name {
  margin-right: 0.06rem;
  text-align: right;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .guest-name {
  margin-left: 0.06rem;
  text-align: left;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .score {
  text-align: center;
  font-size: 0;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .score .vs {
  display: inline-block;
  width: 0.06rem;
  height: 2px;
  margin: 0 0.05rem;
  background: black;
  vertical-align: middle;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .score .host-score,
.live-wrapper .tab-box .tab-content .match-card .down .team .score .guest-score {
  display: inline-block;
  width: .18rem;
  font-size: 0.14rem;
  font-weight: 800;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .score .host-score {
  text-align: right;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .score .guest-score {
  text-align: left;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .host {
  float: left;
}

.live-wrapper .tab-box .tab-content .match-card .down .team .guest {
  float: right;
}

.live-wrapper .tab-box .tab-content .match-card .down .team span {
  vertical-align: middle;
}

.live-wrapper .tab-box .tab-content .match-card .down .team img {
  vertical-align: middle;
}

.live-wrapper .video-container {
  margin-top: .16rem;
}

.live-wrapper .news-container {
  margin-top: .36rem;
  margin-bottom: .3rem;
}