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

.press-act:not(.press-act--hidden-tip) {
  .press__title {
    display: none;
    // color: #FFEFEF;
  }

  &.press__box {
    order: -1;
  }

  // start条形码二维码兑换
  .press__exchange-code {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: .3rem .32rem;
    margin-bottom: .14rem;
  }

  .press__exchange-box {
    padding: .1rem;
    display: flex;
    justify-content: center;
  }

  .press__barcode {
    min-width: 3.6rem;
    position: relative;
    text-align: center;
    border-radius: 2px 0px 0px 2px;
    overflow: hidden;

    @include img-size(auto, 1.72rem, inline-block, .16rem, 0px, #fff);

    svg {
      width: 2.68rem;
      height: 1.44rem;
    }
  }

  .press__qr {
    @include img-size(1.72rem, 1.72rem, inline-block, .05rem, 0px, #fff);

    img {
      display: block;
      width: 1.62rem;
      height: 1.62rem;
    }

    &::after {
      content: '';
      display: block;
      width: .32rem;
      background: #000;
      height: .16rem;
      border-radius: .16rem .16rem 0 0;
      left: -.16rem;
      bottom: 0;
      position: absolute;
    }

    &::before {
      content: '';
      display: block;
      width: .32rem;
      background: #000;
      height: .16rem;
      border-radius: 0 0 .16rem .16rem;
      left: -.16rem;
      top: 0;
      position: absolute;
    }
  }

  .press__exchange-tips {
    color: rgba(255,255,255,.5);
  }

  .press__qr-text {
    line-height: .34rem;
    font-size: .24rem;
    color: rgba(255,255,255,.5);
    margin: .1rem 0px;
    font-weight: bold;

    em {
      display: none;
    }
  }

  // end条形码二维码兑换
}