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

.press-sche-item {
  padding-bottom: .32rem;
  border-radius: .16rem;
  background: #fff;
  box-shadow: 0 .02rem .2rem 0 rgba(0, 0, 0, .02), 0 .08rem .1rem 0 rgba(0, 0, 0, .02), 0 .04rem .08rem -.02rem rgba(0, 0, 0, .02);
  overflow: hidden;
}

.press-sche-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .32rem;
  height: .8rem;
  border-bottom: .02rem solid #ededed;

  .press-sche-item__progress {
    font-size: .24rem;
    color: #69736e;
  }

  .press-sche-item__num {
    font-size: .24rem;
    color: #69736e;
  }
}

.press-sche-item__content{
}

.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;
    }

    // .player-empty {
    //   display: flex;
    //   align-items: center;
    //   justify-content: center;
    //   width: .64rem;
    //   height: .64rem;
    //   border-radius: 50%;
    //   background: #eef0f6;

    //   .iconfont {
    //     width: .4rem;
    //     height: .4rem;
    //     background: #69736e;
    //   }
    // }
  }

  .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;
      top: .1rem;
      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;
      }
    }
  }
}

.press-sche-item__tips {
  margin-top: .32rem;
  text-align: center;
  font-size: .28rem;
  color: #223730;
}

.press-sche-item__btn-group::v-deep {
  display: flex;
  justify-content: space-between;
  padding: 0 .32rem;

  .press-sche-item__btn-primary,
  .press-sche-item__btn-border,
  .press-sche-item__btn-secondary {
    flex: 1;
    max-width: 4.4rem;
    display: block;
    margin: .32rem auto 0;
  }

  .press-sche-item__btn-primary,
  .press-sche-item__btn-secondary {
    &+.press-sche-item__btn-border {
      margin-left: .22rem;
    }
  }
}

.press-button--guandan-border-lg {
  border: 0;
}