.mini-web {
  width: 100vw;
  height: 100vh;
  position: relative;

  .modal {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);

    display: flex;
    justify-content: center;
    align-items: center;

    animation-name: fadeIn;
    animation-duration: 1s;
    // animation-fill-mode: both;

    .modal-content {
      background: #fff;
      width: 600rpx;
      height: 300rpx;
      border-radius: 10rpx;
    }

    .modal-body {
      height: 200rpx;
      line-height: 200rpx;
      text-align: center;
      font-weight: 500;
      font-size: 35rpx;
    }

    .modal-footer {
      display: flex;
      height: 100rpx;

      .button {
        height: 100rpx;
        line-height: 100rpx;
        flex: 1;
        text-align: center;
        border-top: 2px solid #e3e0e0;
        font-weight: 500;
        font-size: 35rpx;
      }

      .confirm {
        border-left: 2px solid #e3e0e0;
        color: #3a5dcf
      }
    }
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}