@import 'press-ui/common/style/smoba/layout.scss';
@import 'press-ui/common/style/smoba/mixin.scss';



.press-award {
  &__item {
    display: flex;
    align-items: center;
    padding: .16rem .32rem;
    background: $color-white;
    overflow: hidden;

    &:last-child {
      padding-bottom: .4rem;
    }
  }

  &__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.96rem;
    height: 1.96rem;
    background: url(https://image-1251917893.file.myqcloud.com/Esports/new/user/props-bg.png) no-repeat center;
    background-size: contain;
    border-radius: .16rem;
    overflow: hidden;

    img {
      width: 100%;
      height: 100%;
    }
  }

  &__main {
    flex: 1;
    padding: 0 .24rem;
    overflow: hidden;
  }

  &__name {
    font-size: $font-xm;
    color: $color-black;
    line-height: .44rem;
    font-weight: 600;

    @include more-lines-ellipsis(.88rem);
  }

  &__desc {
    font-size: $font-xm;
    color: $color-gray;
    padding-top: .08rem;
  }

  &__price {
    font-size: $font-xm;
    color: $color-blue-1;
    padding-top: .08rem;
  }

  &__num {
    font-size: $font-xm;
    color: $color-gray;
    padding-top: .08rem;
  }

  &__check {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;

    &::after {
      position: absolute;
      content: '';
      width: .32rem;
      height: .32rem;
      background: url(https://image-1251917893.file.myqcloud.com/Esports/new/user/select-new.png) no-repeat center;
      background-size: contain;
    }

    &--active {
      &::after {
        background: url(https://image-1251917893.file.myqcloud.com/Esports/new/user/selected-new.png) no-repeat center;
        background-size: contain;
      }
    }
  }

  &__info {
    height: 1.44rem;
  }
}