reader/components/vipModal/index.wxss

.activationModal {
  position: fixed;
  z-index: 12;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 0rpx;
  top: 0rpx;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
}
.activationModal .vipModal {
  margin-top: 400rpx;
  width: 600rpx;
  height: 506rpx;
  background: linear-gradient(180deg, #FFEFE3 0%, #FFFFFF 100%);
  border-radius: 20rpx;
  text-align: center;
}
.activationModal .vipModal .logo {
  margin-top: -84rpx;
  width: 232rpx;
  height: 194rpx;
}
.activationModal .vipModal .headline {
  margin: 44rpx 0 30rpx;
  font-size: 38rpx;
  font-weight: bold;
  color: #EF5602;
}
.activationModal .vipModal .text {
  font-size: 28rpx;
}
.activationModal .vipModal .know {
  display: inline-block;
  margin: 80rpx auto 0;
  padding: 12rpx 80rpx;
  background: #FF7E47;
  box-shadow: 0rpx 12rpx 4rpx 0rpx #FCE7DB;
  border-radius: 33rpx;
  font-size: 33rpx;
  font-weight: 500;
  color: #FFFFFF;
}
.activationModal .close {
  padding: 40rpx;
  width: 54rpx;
  height: 54rpx;
}