reader/salesperson/pages/lxDetail/index.wxss

.container {
  padding: 0 20rpx;
}
.container .statistics {
  width: 100%;
  padding: 40rpx;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 20rpx;
}
.container .statistics .col {
  flex: 1;
}
.container .statistics .col .row {
  margin-bottom: 60rpx;
}
.container .statistics .col .row .label {
  margin-bottom: 20rpx;
  font-size: 30rpx;
  color: #666666;
}
.container .statistics .col .row .money {
  font-size: 32rpx;
  font-weight: 500;
  color: #000000;
}
.container .statistics .col .row:last-child {
  margin: 0;
}
.container .statistics .col2 {
  padding-left: 80rpx;
}
.container .detailsBox {
  margin-top: 40rpx;
}
.container .detailsBox .title {
  font-size: 25rpx;
  color: #7B7B7B;
}
.container .detailsBox .categoryBox {
  margin-top: 24rpx;
  margin-bottom: 38rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container .detailsBox .categoryBox .category {
  width: 126rpx;
  padding: 8rpx 0;
  font-size: 30rpx;
  text-align: center;
  color: #7A7A7A;
  background: #FFFFFF;
  border-radius: 29rpx;
}
.container .detailsBox .categoryBox .currentClass {
  color: #FEAC57;
  font-weight: bold;
}
.container .detailsBox .detailsList {
  padding-bottom: 60rpx;
}
.container .detailsBox .detailsList .group {
  margin-bottom: 20rpx;
  border-radius: 20rpx;
  overflow: hidden;
  background: #FFFFFF;
}
.container .detailsBox .detailsList .group .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12rpx 24rpx;
  font-size: 26rpx;
  background-color: #FFFAEA;
}
.container .detailsBox .detailsList .group .body {
  padding: 0 35rpx;
}
.container .detailsBox .detailsList .group .body .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 0;
  color: #7B7B7B;
  font-size: 26rpx;
  text-align: center;
  border-bottom: 1rpx solid #eee;
}
.container .detailsBox .detailsList .group .body .row .col {
  display: flex;
  flex-direction: column;
}
.container .detailsBox .detailsList .group .body .row .col .num {
  margin-bottom: 8rpx;
}
.container .detailsBox .detailsList .group .body .row .col .add {
  color: #BA5858;
}
.container .detailsBox .detailsList .group .body .row .col .reduce {
  color: #38B358;
}
.container .detailsBox .detailsList .group .body .row:last-child {
  border: none;
}