.yellowcard{
    text-align: center;
    min-width: 11px;
    display: inline-block;
    background-color: #F9AF06;
    color: #fff;
    padding: 0 2px;
    font-size: 0.7em;
    border-radius: 2px;
    position: relative;
    top: -2px;
    margin: 0 1px;
}
.cornerBall{
    color: #999;
}
.cornerBall img{
    width: 12px;
    height: 12px;
}
/* 主容器 */
.liveBox {
  width:100%;
  max-width:1200px;
  margin:0 auto;
  background:#fff;
  overflow:hidden;
}

/* 头部导航 */
.live-header {
  width:100%;
  height:56px;
  background:#e2707a;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 15px;
}
.live-header .header-left {
  color:#fff;
  font-size:18px;
  font-weight:bold;
}
.live-header .header-right {
  display:flex;
  gap:10px;
}
.live-header .header-btn {
  color:#ccc;
  font-size:14px;
  padding:6px 12px;
  border-radius:4px;
  background:transparent;
  border:none;
  cursor:pointer;
}
.live-header .header-btn:hover {
  background:#2c3038;
  color:#fff;
}
.live-header .header-btn.active {
  background:#e62424;
  color:#fff;
}

/* 二级筛选栏 */
.live-nav {
  width:100%;
  height:44px;
  max-width: 1200px;
  background:#f9f9f9;
  display:flex;
  align-items:center;
  justify-content: space-around; 
  padding:0 15px;
  border-bottom:1px solid #eee;
}

.live-nav .nav-item {
  font-size:14px;
  color:#666;

        display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
}
.live-nav .nav-item.active {
  color:#e62424;
  font-weight:bold;
}

/* 联赛标题栏 */
.live-league {
  width:100%;
  height:36px;
  background:#f7f7f7;
  display:flex;
  align-items:center;
  padding:0 15px;
  border-bottom:1px solid #eee;
  font-size:14px;
  color:#333;
  font-weight:bold;
}

/* 赛事列表 */
.live-item {
  width:100%;
  height:44px;
  display:flex;
  align-items:center;
  padding:0 15px;
  border-bottom:1px solid #f0f0f0;
  background:#fff;
}
.live-item:hover {
  background:#fafafa;
}
.live-time {
  width:70px;
  font-size:12px;
  color:#999;
}
.live-status {
  width:46px;
  font-size:12px;
  color:#e62424;
  font-weight:bold;
  text-align:center;
}
.live-teams {
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}
.live-team {
  min-width:100px;
  text-align:center;
}
.live-vs {
  width:30px;
  text-align:center;
  color:#e62424;
  font-weight:bold;
}
.live-score {
  width:60px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
}