@import '../../common/style/guandan/mixin.scss';


.press-sche-item__team-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .16rem .52rem 0;
}

.press-sche-item__team-item {
  width: 1.8rem;

  .press-sche-item__team-position {
    line-height: .4rem;
    text-align: center;
    font-size: .24rem;
    color: #31a47d;
  }

  .press-sche-item__team-list {
    display: flex;
    justify-content: center;
    margin-top: .16rem;
  }

  .press-sche-item__team-player {
    position: relative;

    &:last-child {
      margin-left: .2rem;
    }

    .press-sche-item__label-leader {
      position: absolute;
      top: -.1rem;
      left: -.14rem;
      width: .32rem;
      height: .34rem;
      background: url(https://image-1251917893.file.myqcloud.com/guandan-match/common/img/icon/icon-leader.png) no-repeat center center / 100%;
      z-index: 2;
    }

    .press-sche-item__player-avatar {
      width: .64rem;
      height: .64rem;
      border-radius: 50%;
      border: .02rem solid #eef0f6;
    }

    &.press-sche-item__player-me {
      position: relative;
      width: .64rem;
      height: .64rem;

      .press-sche-item__player-avatar {
        border: .04rem solid #31a47d;
      }

      &::before {
        position: absolute;
        color: $color-white;
        content: '我';
        width: .24rem;
        height: .24rem;
        border-radius: 50%;
        background-color: #31a47d;
        font-size: .16rem;
        text-align: center;
        align-items: .24rem;
        bottom: 0;
        right: 0;
        z-index: 1;
      }
    }
  }

  .press-sche-item__team-name {
    margin-top: .14rem;
    line-height: .32rem;
    text-align: center;
    font-size: .28rem;
    color: #223730;

    @include single-line-ellipsis;
  }
}


.press-sche-item__team-score-box {
  display: flex;
  flex-direction: column;
  flex: 1;

  .press-sche-item__team-status {
    margin: 0 auto;
    height: .36rem;
    line-height: .36rem;
    padding: 0 .16rem;
    text-align: center;
    font-size: .2rem;
    border-radius: .08rem;
    background: rgba(105, 115, 110, .15);
    color: #69736e;

    &--light {
      color: #31a47d;
      background: rgba(49, 164, 125, .1);
    }
  }

  .press-sche-item__team-score {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .16rem;

    .press-sche-item__team-score-num {
      display: flex;
      flex: 1;
      position: relative;
      font-family: 'DINCond-Bold';
      font-size: .64rem;
      color: #223730;
      justify-content: flex-end;

      .press-sche-item__text-guo {
        position: relative;
        top: .06rem;
        left: -.04rem;
        font-size: .4rem;
        font-weight: 700;
      }
    }

    .press-sche-item__colon {
      flex-shrink: 0;
      font-size: 0;
      margin: 0 .36rem;
      width: .08rem;
      height: .28rem;
      background: url(https://image-1251917893.file.myqcloud.com/guandan-match/common/img/icon/icon-colon.png) no-repeat center center / 100%;

      &+.press-sche-item__team-score-num {
        justify-content: flex-start;
      }
    }
  }
}

::v-deep .press-popover {
  width: max-content;
  height: .36rem;
  line-height: .36rem;
  white-space: nowrap;
  font-size: .2rem;
}

// .press-popover--top {
//   top: -.5rem;
//   left: -.24rem;
// }