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

.press-popup__detail {
  width: 100%;
  padding-bottom: 1.08rem;
}

.press-popup__team-group {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: .76rem .54rem 0;
}

.press-popup__team-item {
  flex: 1;

  .press-popup__team-position {
    text-align: center;
    font-size: .24rem;
    color: #31a47d;
  }

  .press-popup__team-info {
    display: flex;
    align-items: center;
    margin-top: .22rem;

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

      &+.press-popup__member-avatar {
        margin-left: -.12rem;
      }
    }

    .press-popup__team-name {
      margin-left: .16rem;
      font-size: .24rem;
      color: #223730;
      width: 1.36rem;

      @include single-line-ellipsis(1.36rem);

    }
  }
}

.press-popup__text-vs {
  flex-shrink: 0;
  margin: 0 .34rem;
  font-family: 'DINCond-Bold';
  font-size: .44rem;
  color: #223730;
}

.press-popup__operate-list {
  display: flex;
  justify-content: center;
  margin-top: .76rem;
}

.press-popup__operate-item {
  margin-right: .48rem;

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

  .press-popup__icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .96rem;
    height: .96rem;
    border-radius: .08rem;
    border: .02rem solid #eef0f6;

    .iconfont {
      color: #223730;

      &.icon-modify {
        font-size: .44rem;
      }

      &.icon-record {
        font-size: .44rem;
      }

      &.icon-cup {
        font-size: .4rem;
      }

      &.icon-repost {
        font-size: .44rem;
      }
    }
  }

  .press-popup__operate-text {
    margin-top: .08rem;
    line-height: .36rem;
    text-align: center;
    font-size: .2rem;
    color: #69736e;
  }
}