.container { .person { display: flex; height: 260rpx; padding: 10rpx 30rpx; justify-content: space-between; align-items: center; .person-info { padding-left: 40rpx; .user-name { position: relative; margin-top: 10rpx; image { width: 35rpx; height: 35rpx; position: absolute; left: 88rpx; top: 12rpx; } } .tel { margin-top: 20rpx; } } .head-img { width: 200rpx; height: 200rpx; border-radius: 50%; image { width: 200rpx; height: 200rpx; } } } .order { display: flex; width: 100%; height: 120rpx; background-color: #fff; border-bottom: 1px solid #ebeef5; justify-content: flex-start; position: relative; .icons { width: 40rpx; height: 40rpx; margin: 40rpx 30rpx; } .order-text { line-height: 120rpx; letter-spacing: 3rpx; } .next-gray { width: 30rpx; height: 30rpx; position: absolute; right: 30rpx; top: 45rpx; } } .assess { display: flex; width: 100%; height: 120rpx; background-color: #fff; border-bottom: 1px solid #ebeef5; justify-content: flex-start; position: relative; .icons { width: 55rpx; height: 55rpx; margin: 32rpx 23rpx; } .assess-text { line-height: 120rpx; letter-spacing: 3rpx; } .next-gray { width: 30rpx; height: 30rpx; position: absolute; right: 30rpx; top: 45rpx; } } }