.contact_butler_content.data-v-1485927b { margin: 30rpx; background-color: #fff; border-radius: 20rpx; padding: 20rpx 30rpx; display: flex; align-items: center; justify-content: space-between; } .contact_butler_content .atavar.data-v-1485927b { width: 90rpx; height: 90rpx; border-radius: 100%; } .contact_butler_content .atavar image.data-v-1485927b { width: 100%; height: 100%; } .contact_butler_content .contact_butler_center_content.data-v-1485927b { flex: 1; padding: 0 20rpx; } .contact_butler_content .contact_butler_center_content .name.data-v-1485927b { color: #3d3d3d; font-size: 28rpx; font-weight: 500; display: flex; align-items: center; } .contact_butler_content .contact_butler_center_content .name text.data-v-1485927b { color: #2a7efb; background-color: #dae9ff; padding: 4rpx 8rpx; font-size: 20rpx; margin-left: 10rpx; border-radius: 4rpx; } .contact_butler_content .contact_butler_center_content .status.data-v-1485927b { font-size: 24rpx; color: #666666; display: flex; align-items: center; } .contact_butler_content .contact_butler_center_content .status text.data-v-1485927b { font-size: 40rpx; } .contact_butler_content .contact_butler_center_content .status_Online.data-v-1485927b { color: #52c41a; } .contact_butler_content .contact_butler_center_content .status_Offline.data-v-1485927b { color: #666666; } .contact_butler_content .right_group_btn.data-v-1485927b { display: flex; align-items: center; } .contact_butler_content .right_group_btn .btn_item.data-v-1485927b { width: 38rpx; height: 38rpx; } .contact_butler_content .right_group_btn image.data-v-1485927b { width: 38rpx; height: 38rpx; }