@import '../../common/style/act/button/_button-game-life-vertical.scss';

.press-act:not(.press-act--hidden-tip) {
  &.press__cover {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 99;
  }

  .press__dialog--qr {
    width: 5.6rem;
    height: 5.34rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    background: #fff;
    border-radius: .12rem;
  }

  .press__close {
    width: .96rem;
    height: .96rem;
    display: block;
    position: absolute;
    bottom: -1.6rem;
    left: 50%;
    margin-left: -.48rem;
    background: url(https://image-1251917893.file.myqcloud.com/igame/common/image/close-dialog-icon.png) no-repeat;
    background-size: 100% 100%;
  }

  .press__title--qr {
    padding: .4rem 0;
    color: $color-gray-1;
    font-size: $font-xl;
    line-height: .44rem;
    text-align: center;
    font-weight: bold;
  }

  .press__content img,
  ::v-deep .press__content image,
  ::v-deep .press__content canvas {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin: 0 auto;
  }

  .press__desc {
    margin-top: .18rem;
    color: $color-gray-3;
    font-size: $font-m;
    line-height: .4rem;
    text-align: center;
  }

  .press__button-wrap {
    display: none;
  }
}