reader/components/donutBuy/index.less

.gradeContainer {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    color: #000000;

    .popBox {
        position: relative;
        width: 680rpx;
        height: 678rpx;
        box-sizing: border-box;
        padding: 40rpx 46rpx 0rpx;
        border-radius: 40rpx;
        background-color: #F7F7F7;
        overflow: hidden;

        .title {
            position: relative;
            text-align: center;
            font-size: 36rpx;
            font-weight: 400;
            color: #000000;

            .close {
                position: absolute;
                padding: 20rpx;
                width: 26rpx;
                height: 26rpx;
                right: 0rpx;
                top: -30rpx;
            }
        }

        .group {
            margin-top: 20rpx;

            .weui-cell {
                padding: 60rpx 0 40rpx;
                display: flex;
                align-items: center;
                justify-content: space-between;

                .pay-row {
                    display: flex;
                    align-items: center;

                    .wxpay {
                        width: 62rpx;
                        height: 52rpx;
                    }

                    .alipay {
                        height: 62rpx;
                        width: 62rpx;
                    }

                    .name {
                        margin-left: 34rpx;
                        font-size: 36rpx;
                    }
                }
            }

            .weui-cell:first-child {
                border-bottom: 2rpx solid white;
            }
        }

        .paymentBox {
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 60rpx 40rpx;
            box-sizing: border-box;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: white;

            .payment {
                display: flex;
                align-items: center;
                font-size: 36rpx;

                .num {
                    font-size: 36rpx;
                    color: #FF6300;
                }
            }

            .pay {
                padding: 12rpx 52rpx;
                background: #ff9108;
                color: white;
                font-weight: 500;
                font-size: 40rpx;
                border-radius: 45rpx;
            }
        }
    }

}