reader/components/buyVip/index.less

.box {
    width: 750rpx;
    height: 652rpx;
    padding: 28rpx 0 0;
    background: #FFFFFF;
    border-radius: 30rpx 30rpx 0rpx 0rpx;
    display: flex;
    flex-direction: column;
    align-items: center;

    .header {
        width: 100%;
        position: relative;
        font-size: 28rpx;
        color: #000000;
        text-align: center;

        .close {
            position: absolute;
            right: 24rpx;
            top: -30rpx;
            line-height: 60rpx;
            font-size: 50rpx;
        }
    }

    .tips {
        margin-top: 24rpx;
        font-size: 22rpx;
    }

    .goodsList {
        margin-top: 82rpx;
        width: 100%;
        box-sizing: border-box;
        padding: 0 40rpx;
        white-space: nowrap;

        .payBox {
            position: relative;
            width: 318rpx;
            height: 318rpx;
            margin-right: 30rpx;
            background-size: cover;
            text-align: center;
            display: inline-block;
            border-radius: 20rpx;

            .name {
                margin-top: 42rpx;
                font-weight: 500;
                font-size: 40rpx;
            }

            .price {
                margin-top: 22rpx;
                font-weight: 500;
                font-size: 56rpx;
            }

            .originPrice {
                margin-top: 28rpx;
                font-size: 24rpx;
                text-decoration: line-through;
            }
        }

        .year {
            background-image: url(https://reader-wx.ai160.com/images/reader/pay/yuedao365.webp);
            color: #FEF4B5;
        }

        .month {
            background-image: url(http://reader-wx.ai160.com/images/reader/pay/yuedao90.webp);
            color: #7D320A;
        }
    }
}