reader/components/donutBuy/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;
        }
    }

    .qrCodeBox {
        margin: 34rpx auto;
        padding: 40rpx;
        background: url('http://reader-wx.ai160.com/images/reader/v3/bgl.webp') no-repeat;
        background-size: contain;

        .qrCode {
            width: 322rpx;
            height: 322rpx;
            background: #D8D8D8;
            border-radius: 40rpx;
        }
    }

    .footer {
        .row {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20rpx;

            .icon {
                margin: 0 12rpx;
                font-size: 30rpx;
                width: 46rpx;
                height: 46rpx;
            }

            text {
                padding: 0 10rpx;
            }

            .price {
                font-size: 40rpx;
                color: #FF0707;
                font-weight: bold;
            }
        }
    }
}