@charset "UTF-8";
/* 需要放到文件最上面 */
/* 水平间距 */
/* 水平间距 */
/*
 以下变量是默认值，如不需要修改可以不用给下面的变量重新赋值
 */
/* 水平间距 */
.process-list {
  padding-top: 20rpx;
}
.process-list .process-item {
  position: relative;
  display: flex;
}
.process-list .process-item .user-avatar-box {
  position: relative;
}
.process-list .process-item .user-avatar-box .user-avatar {
  width: 64rpx;
  height: 64rpx;
  background: #08979c;
  border-radius: 50%;
  margin-right: 20rpx;
  margin-top: 16rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  overprocess: hidden;
  color: #fff;
}
.process-list .process-item .user-avatar-box .user-avatar-status {
  width: 28rpx;
  height: 28rpx;
  border-radius: 50%;
  border: 2rpx solid #fff;
  position: absolute;
  top: 60rpx;
  right: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.process-list .process-item .user-avatar-box .user-avatar-status.success {
  background: #389e0d;
}
.process-list .process-item .user-avatar-box .user-avatar-status.failed {
  background: #ff4d4f;
}
.process-list .process-item .user-avatar-box .user-avatar-status.waiting {
  background: #fa8c16;
}
.process-list .process-item .user-avatar-box .user-avatar-status.info {
  background: #8f939c;
}
.process-list .process-item .process-content {
  flex: 1;
  width: 0;
}
.process-list .process-item .process-content .user-name {
  height: 96rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.process-list .process-item .process-content .user-name .name {
  font-size: 32rpx;
  font-weight: 600;
}
.process-list .process-item .process-content .user-name .date {
  font-size: 24rpx;
  color: #8c8c8c;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.process-list .process-item .process-content .user-content {
  background-color: #f5f5f5;
  border-radius: 16rpx;
  padding: 20rpx 20rpx 10rpx 20rpx;
}
.process-list .process-item .process-content .user-content .remark {
  line-height: 17px;
  font-weight: 400;
  padding-bottom: 10rpx;
}
.process-list .process-item .user-line {
  width: 1px;
  border-left: 1px solid #B9B9B9;
  position: absolute;
  top: 80rpx;
  bottom: -16rpx;
  left: 30rpx;
}