.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; }