/* packageD/member/myOrder/negotiationRecord/negotiationRecord.wxss */

view,text{
  box-sizing: border-box;
}
.listData {
  padding: 20rpx 30rpx;
  text-align: left;
}
.listData .list-item {
  margin-bottom: 20rpx;
  padding: 26rpx;
  background: #fff;
  border-radius: 20rpx;
}
.listData .list-item .user-info {
  display: flex;
  padding-bottom: 26rpx;
  border-bottom: 1rpx solid #f2f2f2;
}
.listData .list-item .user-info .face {
  width: 58rpx;
  height: 58rpx;
}
.listData .list-item .user-info .face image {
  width: 58rpx;
  height: 58rpx;
  border-radius: 50%;
}
.listData .list-item .user-info .face .icon-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36rpx;
  height: 36rpx;
  border-radius: 50%;
}
.listData .list-item .user-info .face .icon-user{
  background-color: #ffa128;
}
.listData .list-item .user-info .face .icon-bussin{
  background-color: #3b8bec;
}
.listData .list-item .user-info .face .iconfont{
  color: #fff;
  font-size:28rpx;
}
.listData .list-item .user-info .right-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 58rpx;
  padding-left: 15rpx;
}
.listData .list-item .user-info .right-info .content {
  font-size: 28rpx;
  color: #333333;
}
.listData .list-item .user-info .right-info .time {
  font-size: 22rpx;
  color: #666666;
}
.listData .list-item .details {
  padding-top: 16rpx;
}
.listData .list-item .details .details-item {
  line-height: 48rpx;
  font-size: 24rpx;
  color: #1e1e1e;
}
.listData .list-item .details .details-item .details-red {
  color: #ff464c;
}
.listData .list-item .details .details-item .details-green {
  color: #1faf4d;
}