jzlife_wx_servant/pages/servant/salary/list/list.wxss

.container {
  padding:24rpx 28rpx;
}
.list-wrapper{
  padding:0 0 0 18rpx;
  background:#fff;
  border-radius:10rpx; 
}

.main-module{
  height: 76rpx;
  padding:10rpx 20rpx 12rpx 4rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-top:2rpx solid #E4E4E4;
}
.coupon-block,.favor-good{
display: flex;
flex-direction: column;
height: 52rpx;
justify-content: space-between;
align-items: center;

}
.date-block{
  display: flex;
flex-direction: column;
height: 52rpx;
justify-content: center;
align-items: center;
}
.status-block{
  width:140rpx;
  display: flex;
flex-direction: column;
height: 52rpx;
justify-content: space-between;
align-items: center;
text-align: center;
border-left:1rpx solid #E4E4E4;
}
.favor-good{
  flex:1;
}
.devide-line{
  height: 150rpx;
  width: 1rpx;
  background: #bbb;
}
.main-module .date{
  font-size: 24rpx;
}
.main-module .num{
  font-weight: bold; 
  color: #09AFFF;
  font-size: 36rpx;
}
.main-module .status{
  font-size: 22rpx;
}
.fail-status{
  color: #DF1717;
}
.main-module .num2{
  font-size: 22rpx;
}
.main-module .module-text{
  color:#85868A;
  font-size: 20rpx;
} 
.status-switch{
  height:68rpx;
  display: flex;
  align-items: center;
  font-size: 24rpx;
  width:160rpx;
}
.status-switch text{
  margin:0 8rpx 0 0;
}
.no-order{
  height: 76rpx;
  line-height: 76rpx;
  text-align: center;
  font-size: 24rpx;
  color: #85868A;
}