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; }