.components.ActivityListItem {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  >.Img {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    background: #eee;
    >image {
      width: 100%;
      height: 100%;
    }
  }
  >.Info {
    padding: 20px;
    position: relative;
    overflow: hidden;
    >.Name {
      align-items: flex-start;
      >.flex-item {
        margin-right: 10px;
        >text {
          display: block;
          font-size: 34px;
          font-weight: bold;
          color: #333;
          line-height: 60px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
      >text {
        font-size: 30px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        border-radius: 60px;
        background: #B9B2B2;
        min-width: 124px;
        padding: 0 10px;
        &.yellow {
          background: #FA9730;
        }
        &.blue {
          background: #193C83;
        }
        &.grey {
          background: #B9B2B2;
        }
      }
    }
    >.Time {
      >text {
        font-size: 24px;
        color: #999;
        line-height: 40px;
      }
    }
  }
}