.press_card-single-sign-up-box{

}

.press_card-single-sign-uping {
  padding: .15rem .4rem 0;

  .press_team-name {
    color: #212124;
    font-size: .24rem;
    font-weight: 600;
  }

  .press_teammate-list {
    display: flex;
    align-items: center;
    width: 6.1rem;
    margin: .12rem auto 0;
    overflow-x: auto;

    .press_teammate-avatar-wrap {
      margin-right: .4rem;

      &:last-child {
        margin-right: 0;;
      }

      .press_teammate-avatar {
        width: 1rem;
        height: 1rem;
      }

      .press_teammate-name {
        width: 1rem;
        white-space: nowrap;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        color: rgba(33, 33, 36, .75);
        font-size: .18rem;
      }
    }
  }


  .press_info-box {
    height: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-top: .15rem;
  }

  .press_countdown-box {
    color: rgba(33, 33, 36, .50);
    font-size: .24rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .16rem;
    margin-bottom: .1rem;

    ::v-deep .press-count-down {
      color: rgba(33, 33, 36, .50);
      font-size: .24rem;
    }
  }

  .press_tip {
    color: rgba(50, 50, 50, .75);
    text-align: center;
    font-size: .2rem;
  }
}

.press_card-single-sign-up-end {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .5rem 0;

  .press_vs-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 2rem;

    .press_team-avatar {
      width: .8rem;
      height: .8rem;
      object-fit: cover;
    }

    .press_team-name {
      color: #212124;
      font-size: .24rem;
      margin-top: .16rem;
      max-width: 2rem;
      text-align: center;
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .press_team-name-active {
      position: relative;
      padding-right: .3rem;

      &::after {
        content: '';
        width: .32rem;
        height: .32rem;
        background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/icon-right-arrow.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
      }
    }

  }


  .press_match-info-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 .15rem;

    .press_match-time {
      color: #212124;
      font-size: .2rem;
      margin-top: .08rem;
      max-width: 2.2rem;
      text-align: center;
      word-break: break-all;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; /* 超出几行省略 */
      overflow: hidden;
    }

    .press_text-vs {
      color: #212124;
      font-size: .48rem;
      font-family: 'PEACE';
      text-align: center;
      line-height: .38rem;
    }
  }

  .press_battle-tag-end,
  .press_battle-tag-in-game,
  .press_battle-tag-start {
    display: inline-block;
    min-width: 1.12rem;
    height: .42rem;
    line-height: .42rem;
    text-align: center;
    flex-shrink: 0;
    background-color: rgba(33, 33, 36, .1);
    color: #212124;
    font-size: .24rem;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  }
  
  .press_battle-tag-in-game {
    color: #5300c3;
    background-color: #e1ddf4;
  }
  
  .press_battle-tag-end {
    background-color: #212124;
    color: #fff;
  
  }
  
  .press_battle-text {
    color: #212124;
    font-size: .24rem;
    line-height: .4rem;
    width: 5.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

}

.press_team-avatar-wrap {
  position: relative;

  .press_com-tag-gp {
    width: .28rem;
    height: .24rem;
    line-height: .24rem;
    text-align: center;
    background-color: #5300c3;
    color: #fff;
    font-size: .16rem;
    position: absolute;
    top: -.05rem;
    left: -.05rem;
    z-index: 2;
    padding-right: .05rem;
    clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
  }
}