nova-trip/nova-tourism/pages/my/merchant/merchant-home/index.less

page {
    background: #f6f6f6;
    padding-bottom: 148rpx;
}

.box {
    // margin: 30rpx;
    // display: flex;
    // flex-wrap: wrap;
    // justify-content: space-between;
    position: relative;

    .business {
        position: absolute;
        top: 195rpx;
        left: 30rpx;
        width: 690rpx;
        background: #ffffff;
        display: flex;
        justify-content: center;

        border-radius: 30rpx;

        .business-x {
            border-right: 1rpx solid #efefef;
            width: 50%;

            .order-number {
                border-bottom: 1rpx solid #efefef;

                .order-title {
                    text-align: center;
                    margin-top: 20rpx;
                }

                .order-titles {
                    text-align: center;
                    margin: 30rpx 0;
                }
            }

            .order-today {
                .order-title {
                    text-align: center;
                    margin-top: 20rpx;
                }

                .order-titles {
                    text-align: center;
                    margin: 30rpx 0;
                }
            }
        }

        .business-y {
            width: 50%;

            .order-number {
                border-bottom: 1rpx solid #efefef;

                .order-title {
                    text-align: center;
                    margin-top: 20rpx;
                }

                .order-titles {
                    text-align: center;
                    margin: 30rpx 0;
                }
            }

            .order-today {
                .order-title {
                    text-align: center;
                    margin-top: 20rpx;
                }

                .order-titles {
                    text-align: center;
                    margin: 30rpx 0;
                }
            }
        }
    }

    .store {
        background: #46a9a4;
        height: 360rpx;
        padding: 30rpx;
        display: flex;

        .store-img {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
        }

        .store-box {
            margin: 10rpx 0 0 20rpx;
        }

        .store-score {
            color: #fd863a;
        }

        .draw_box {
            display: flex;
            align-items: center;

            .withdraw {
                background: red;
                width: 120rpx;
                height: 56rpx;
                color: #fff;
                font-size: 30rpx;
                line-height: 56rpx;
                text-align: center;
                border-radius: 20rpx;
                font-weight: 600;
                margin-right: 20rpx;
            }

        }

    }

    .management {
        // display: flex;
        // flex-wrap: wrap;
        // justify-content: space-between;
        margin: 180rpx 30rpx 0 30rpx;

        .box-title {
            background: #fff;
            // border-radius: 30rpx;
            // width: 45%;
            padding: 20rpx;
            // text-align: center;
            margin-top: 10rpx;
            display: flex;
            justify-content: space-between;

            .box-details {
                display: flex;

                .name {
                    margin-left: 10rpx;
                }
            }
        }
    }

}

.bommon {
    margin: 50rpx;
    width: 650rpx;
    background: #46a9a4;
    padding: 20rpx 50rpx;
    border-radius: 30rpx;
    text-align: center;
}