.teamPerformance .rationList { padding: 0; margin: 0; } .teamPerformance .rationList .li { margin-bottom: 0.16rpx; } .teamPerformance .rationList .li .detail { background: #fff; } .teamPerformance .rationList .li .header { display: flex; padding: 20rpx 0; border-bottom: 2rpx solid #ebebeb; } .teamPerformance .rationList .li .header .p { flex: 1; display: flex; flex-direction: column; text-align: center; font-size: 14px; } .teamPerformance .rationList .li .header .p .span:first-child { color: #8c8c8c; } .teamPerformance .rationList .li .header .p .span { line-height: 56rpx; height: 56rpx; } .teamPerformance .rationList .li .header .p .number { font-size: 16px; } .teamPerformance .rationList .li .header .p .order_number { font-size: 12px; } .teamPerformance .rationList .li .list_box { padding: 0 20rpx; } .teamPerformance .rationList .li .list { display: flex; font-size: 18px; } .teamPerformance .rationList .li .list .p { flex: 1; display: flex; align-items: center; justify-content: center; } .teamPerformance .rationList .li .info { flex: 1; display: flex; align-items: center; padding: 16rpx 0; background: #fff; font-size: 14px; } .teamPerformance .rationList .li .info image { flex: 0 0 60rpx; width: 60rpx; height: 60rpx; border-radius: 32rpx; margin-right: 16rpx; } .teamPerformance .rationList .li .info .span { flex: 1; text-align: left; max-width: 160rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }