.expired-list-page {
  .tip {
    color: #999999;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 16px;
  }
  .ant-list-item {
    padding: 16px;
    border: none !important;
    &:nth-child(even) {
      background: #ffffff;
    }
    &:nth-child(odd) {
      background: #f7f8f9;
    }

    .item-detail {
      display: inline-flex;
      width: 100%;
      height: 20px;
      .icon {
        font-size: 14px;
        color: #ff4f4f;
        margin-right: 4px;
      }
      .content-status {
        color: #999999;
        margin-right: 24px;
      }
      .stage-name {
        color: #333333;
        margin-right: 12px;
      }
      .content-name {
        color: #333333;
        margin-right: 12px;
        vertical-align: middle;
        > * {
          vertical-align: middle;
        }
        img {
          width: 20px;
          height: 20px;
          margin-right: 12px;
        }
      }
      .teacher-name,
      .course-time {
        color: #999999;
      }
      .split {
        margin-left: 12px;
        margin-right: 12px;
        color: #999999;
      }
      .del-btn {
        margin-left: auto;
        color: #2966ff;
        cursor: pointer;
      }
    }
  }
}
