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