/* pages/audit/deteil/index.wxss */

.page1 {
  padding: 24rpx 40rpx;
}

.content {
  padding-left: 20rpx;
  width: 622rpx;
  word-break: break-all;
}

.item {
  position: relative;
  width: 100%;
  min-height: 52rpx;
  margin-bottom: 32rpx;
  line-height: 75rpx;
}

.blue-dot {
  position: absolute;
  background: #b6bed0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 20rpx;
  left: 0;
}

.blue-line {
  position: absolute;
  height: 100%;
  /* width: 2px; */
  border-left: 1.6px dashed #409eff;
  top: 50rpx;
  left: 4px;
}

.flex {
  display: flex;
  justify-content: space-between;
  font-size: 30rpx;
  line-height: 16rpx;
  margin-bottom: 28rpx;
}

.time {
  font-size: 26rpx;
  color: #b6bed0;
}

.avater {
  width: 80rpx;
  height: 80rpx;
}

.left {
  justify-content: left;
}

.user-msg {
  line-height: 50rpx;
  margin-left: 24rpx;
  text-align: left;
  color: #333;
}

.detail-text {
  color: #333;
}

.yellow {
  color: #fcba39;
}

.red {
  color: #f0516e;
  margin-left: 24rpx;
  line-height: 45rpx;
  text-align: left;
}

.blue {
  color: #409eff;
}

.yellow-bgc {
  background-color: #fcba39;
}

.red-bgc {
  background-color: #f0516e;
}

.bule-bgc {
  background-color: #409eff;
}