reader/components/buyVip/index.wxss

.buyVip {
  position: fixed;
  z-index: 999;
  left: 0rpx;
  top: 0rpx;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
}
.buyVip .modal {
  position: relative;
  border-radius: 20rpx;
  text-align: center;
  overflow: hidden;
}
.buyVip .modal .iosVip {
  margin: 30rpx auto;
  background: url(https://reader-wx.ai160.com/images/reader/v3/bvmask.png) no-repeat;
  background-size: cover;
  width: 580rpx;
  height: 560rpx;
  border-radius: 20rpx;
  overflow: hidden;
}
.buyVip .modal .iosVip .qrCode {
  margin-top: 220rpx;
  width: 280rpx;
  height: 280rpx;
  border: 10rpx solid #FFEA99;
  border-radius: 20rpx;
}
.buyVip .close {
  display: block;
  margin: 0 auto;
  padding: 40rpx;
  width: 54rpx;
  height: 54rpx;
}