page { background: #f6f6f6; padding-bottom: 100rpx; } .box { background: #ffffff; margin: 30rpx; padding: 30rpx; border-radius: 30rpx; .order-txt { display: flex; .order-image { width: 240rpx; height: 180rpx; margin-right: 20rpx; } .order-name { margin-top: 5rpx; .order-price { color: red; margin-top: 80rpx; } } } } .evaluation { background: #ffffff; margin: 30rpx; padding: 30rpx; border-radius: 30rpx; .evaluation-images { display: flex; flex-wrap: wrap; .images { width: 200rpx; height: 200rpx; } } .score { display: flex; .evaluation-score { margin: -5rpx 20rpx 0 20rpx } } .goods-evaluation { margin: 20rpx 0; } .evaluation-image { margin: 20rpx 0; } } .bottom { width: 100%; position: fixed; bottom: 0; background: #ffffff; .submit { width: 80%; text-align: center; margin: 10rpx 10%; background: #46a9a4; border-radius: 20rpx; font-size: 32rpx; padding: 20rpx 0; } }