@import '../../common/style/gp-match/palette.scss';
@import '../../common/style/gp-match/mixin.scss';

.press-prize-list {
  width: 7.5rem;
  height: 3.88rem;
  margin: 0 auto;
  padding-top: .5rem;
  position: relative;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-award.png) no-repeat;
  background-size: 100%;
  box-sizing: border-box;
}

.press-prize-list__title-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  &::before {
    content: '';
    margin-right: .18rem;
    width: 1.36rem;
    height: .02rem;
    background: linear-gradient(270deg, rgba(33, 33, 36, .75) 2.84%, rgba(33, 33, 36, 0) 88.07%);
  }

  &::after {
    content: '';
    margin-left: .18rem;
    width: 1.36rem;
    height: .02rem;
    background: linear-gradient(90deg, rgba(33, 33, 36, .75) 4.55%, rgba(33, 33, 36, 0) 86.93%);
  }
}

.press-prize-list__title {
  font-size: $font-l;
  color: $color-black-2;
  font-family: 'PEACE';
}

.press-prize-list__description {
  position: absolute;
  top: .1rem;
  right: .48rem;
  font-size: $font-xs;
  color: rgba(33, 33, 36, .75);
}

.press-prize-list__text {
  margin-top: .1rem;
  text-align: center;
  font-size: $font-xs;
  color: $color-black-2;
}


.press-prize-list__list {
  width: 6.48rem;
  height: 2.06rem;
  margin: .24rem auto 0;
  text-align: center;
  display: flex;
  justify-content: space-around;
  overflow-x: auto;

  &--more {
    justify-content: flex-start;
  }

  .press-prize-list__item {
    position: relative;
    flex-shrink: 0;
    width: 1.36rem;
    height: 1.72rem;
    margin: 0 .12rem;

    .press-prize-list__image {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 1.36rem;
      height: 1.34rem;
      background: rgba(22, 23, 37, .1);
    }

    img {
      width: 1.28rem;
      height: 1.28rem;
      display: block;
      object-fit: contain;
    }

    p {
      color: $color-black-2;
      line-height: .34rem;
      font-size: .24rem;
      text-align: center;

      @extend %t-ellipsis;
    }

    // &.current .press-prize-list__image {
    //   width: 1.36rem;
    //   height: 1.34rem;
    //   background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-gameprizes.png) no-repeat;
    //   background-size: 100%;
    // }

    /*现金发奖*/
    .press-prize-list__image--link {
      width: 1.28rem;
      height: 1.28rem;
      margin: 0 auto .08rem;
      position: relative;

      img {
        position: relative;
        z-index: 1;
      }

      &::before {
        content: '';
        position: absolute;
        top: .06rem;
        left: 0;
        width: 1.28rem;
        height: 1.28rem;
        background: url(https://image-1251917893.file.myqcloud.com/HPJY_Gamesystem_2020/DZS_2C/icon-cj-light.png) no-repeat;
        background-size: 100% 100%;
        z-index: 0;
      }

      &.press-prize-list__image--animate {
        &::before {
          content: '';
          animation: light-beat 1.5s linear infinite;
        }
      }
    }
  }
}

/*灯光跳动*/
@keyframes light-beat {
  25% {
    opacity: .6;
    transform: scale(1.2);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }

  75% {
    opacity: .6;
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}