page {
    background: #f6f6f6;
    padding: 20rpx 20rpx 20rpx 0;

    .box {
        margin: 20rpx;
        border-radius: 10rpx;
        background: #fff;
        padding: 15rpx 20rpx;

        .title {
            font-size: 36rpx;
        }

        .details {
            display: flex;
            margin-top: 20rpx;

            .image {
                width: 180rpx;
                height: 180rpx;
                border-radius: 18rpx;
            }

            .information {
                margin-left: 20rpx;

                .num {
                    margin-bottom: 30rpx;

                }

                .time {
                    font-size: 24rpx;
                    color: #666666;
                    margin-top: 10rpx;
                }
            }
        }

        .content {
            margin-bottom: 20rpx;
            display: flex;
            justify-content: space-between;

            .price {
                margin: auto 0;
            }

            .information {
                display: flex;
                font-size: 26rpx;
                color: #666666;

                .img {
                    width: 100rpx;
                    height: 100rpx;
                }

                .number {
                    margin-top: 30rpx;
                }
            }


        }

        .bummon {
            display: flex;
            justify-content: space-between;
            border-top: 2rpx solid #F0F0F0;

            .totalPrice {
                border-top: 2rpx solid #F0F0F0;
                text-align: right;
                padding: 20rpx 0;
                font-size: 26rpx;
                color: #222222;
            }

            .pay {
                padding: 10rpx 20rpx;
                background: red;
                color: #fff;
                height: 60rpx;
                margin: auto 0;
                border-radius: 10rpx;
            }
        }

    }
}