reader/components/vipModal/index.less

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

    .vipModal {
        margin-top: 400rpx;
        width: 600rpx;
        height: 506rpx;
        background: linear-gradient(180deg, #FFEFE3 0%, #FFFFFF 100%);
        border-radius: 20rpx;
        text-align: center;

        .logo {
            margin-top: -84rpx;
            width: 232rpx;
            height: 194rpx;
        }

        .headline {
            margin: 44rpx 0 30rpx;
            font-size: 38rpx;
            font-weight: bold;
            color: #EF5602;
        }

        .text {
            font-size: 28rpx;
        }

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

    .close {
        padding: 40rpx;
        width: 54rpx;
        height: 54rpx;
    }
}