// @import 'src/pages/base-pro/mixin.scss';
@import 'press-ui/common/style/smoba/mixin.scss';


.press-match {
  position: relative;
  display: flex;
  width: 5.88rem;
  height: 2.8rem;
  margin-right: .2rem;
  margin-bottom: .16rem;
  background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/new-home/match-bg-secondary.png) no-repeat center center;
  background-size: contain;

  &:nth-child(even) {
    margin-right: 0;
  }

  &:nth-child(odd) {
    &:last-child {
      margin-right: 6.04rem;
    }
  }

  // &.press-match__banner {
  //   // &:nth-child(odd) {
  //   //   margin-right: 0;

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

  //   // &:nth-child(even) {
  //   //   margin-right: .2rem;

  //   //   &:last-child {
  //   //     margin-right: 6.04rem;
  //   //   }
  //   // }
  // }

  &.press-match__primary {
    background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/new-home/match-bg-primary.png) no-repeat center center;
    background-size: contain;
  }


  &__left {
    flex: 1;
    padding-left: .3rem;
    overflow: hidden;
    position: relative;
  }

  &__name {
    display: flex;
    align-items: center;
    padding: .16rem 0 .12rem 0;

    &__desc {
      font-weight: 600;
      font-size: .28rem;
      color: #dbeaff;
      padding-right: .1rem;
      line-height: .3rem;

      @include single-line-ellipsis();
      max-width: 100%;
    }

    &__width {
      max-width: 100%;
      
      &.press-match__name__arena {
        max-width: 1.72rem;
      }
    }

    &__arena {
      max-width: 2.72rem;
    }
  }

  &__tips {
    display: flex;
    margin-bottom: .12rem;

    &__desc {
      display: flex;
      align-items: center;
      justify-content: center;
      height: .24rem;
      padding: .02rem .08rem;
      background-image: linear-gradient(to bottom right, #174988 0%, #103b75 20%, #174989 80%, #174988 100%);
      color: #afd0f6;
      font-size: .16rem;
      margin-right: .08rem;
    }
  }

  &__award__tag {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: .85rem;
    height: .24rem;
    font-size: .16rem;
    color: #13233c;
    font-weight: 600;
    padding: 0 .04rem;
    background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/home/match-tag.png) no-repeat center;
    background-size: contain;

    p {
      @include single-line-ellipsis();
    }
  }

  &__awards {
    display: flex;
    align-items: flex-start;
  }

  &__award {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1.02rem;
    margin-right: .18rem;
    flex-shrink: 0;

    &__box {
      width: 1rem;
      height: 1.28rem;
      background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/new-home/award-border-bg.png) no-repeat center;
      background-size: contain;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }

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

    &__img {
      display: block;
      width: .96rem;
      height: .96rem;
    }

    &__name {
      font-size: .16rem;
      color: $color-white;
      text-align: center;
    }
  }

  &__award__type {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: .28rem;
    padding: .02rem .04rem 0;

    &__name {
      color: #a2c5f0;
      text-align: center;
      font-size: .16rem;

      @include single-line-ellipsis();
    }
  }

  &__award__name {
    height: .42rem;
    line-height: .22rem;

    @include more-lines-ellipsis(.42rem, 2);
  }

  &__lttag {
    position: absolute;
    top: -.06rem;
    right: -.04rem;
    width: 1.25rem;
    height: .47rem;
    background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/new-home/arena-icon.png) no-repeat right top;
    background-size: contain;
  }

  &__right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1.96rem;
    padding: .38rem .12rem 0 .12rem;
    overflow: hidden;

    &__img {
      display: block;
      width: .8rem;
      height: .8rem;
      background-color: rgba(19, 35, 60, .3);
    }
  }

  &__time {
    color: #b3cde8;
    font-size: .16rem;
    margin-top: .1rem;

    @include single-line-ellipsis();
  }

  &__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'GAMEFONT';
    padding-left: .06rem;

    &--sign {
      width: 1.72rem;
      height: .62rem;
      font-size: .26rem;
      color: $color-white;
      margin-top: .32rem;
      background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/new-home/btn-primary-bg-xs2.png) no-repeat center;
      background-size: contain;
    }

    &--end {
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'GAMEFONT';
      width: 1.72rem;
      height: .62rem;
      font-size: .26rem;
      color: $color-white;
      margin-top: .32rem;
      background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/new-home/btn-secondary-bg-xs2.png) no-repeat center;
      background-size: contain;
    }

    &--ing {
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'GAMEFONT';
      width: 1.72rem;
      height: .62rem;
      font-size: .26rem;
      color: $color-white;
      margin-top: .32rem;
      background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/new-home/btn-secondary-bg-xs2.png) no-repeat center;
      background-size: contain;
    }
  }

  &__info {
    font-size: .16rem;
    height: .28rem;
    color: rgba(0, 0, 0, .70);
    display: flex;
    justify-content: center;
    align-items: center;

    .icon-place2 {
      font-size: .2rem;
      color: #061628;
      margin-right: .06rem;
      margin-top: .02rem;
    }

    &__img {
      width: .2rem;
      height: .2rem;
      border-radius: 50%;
      margin-left: .08rem;
      margin-top: .02rem;
    }
  }

  &__tag {
    position: absolute;
    top: 0;
    right: -.02rem;
    width: .42rem;
    height: .9rem;
    font-size: .18rem;
    color: #fff;
    font-weight: 600;
    padding: .04rem 0 .04rem .08rem;
    letter-spacing: .02rem;
    writing-mode: vertical-lr;
    background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/new-home/tag-gray.png) no-repeat center;
    background-size: contain;
  }

  &__signed__tag {
    position: absolute;
    top: 0;
    right: -.02rem;
    width: .42rem;
    height: .9rem;
    font-size: .18rem;
    color: #fff;
    font-weight: 600;
    padding: .04rem 0 .04rem .08rem;
    letter-spacing: .02rem;
    writing-mode: vertical-lr;
    background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/new-home/tag-red.png) no-repeat center;
    background-size: contain;

    @include single-line-ellipsis;
  }
}

.default-award {
  padding-right: .3rem;
}