app/workbench/myService/myService.wxss

/* pages/my/myService/myService.wxss */
page {
  width: 100%;
  height: 100%;
}

.tabs {
  display: flex;
  height: 74rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #e6e6e6;
}

.tabs .tab {
  flex: 1;
  padding-top: 4rpx;
  text-align: center;
  font-size: 28rpx;
  font-family: 'PingFang SC, PingFang SC-Regular';
  font-weight: 400;
  color: #666666;
}

.tabs .tab-active {
  font-size: 32rpx;
  font-family: 'PingFang SC, PingFang SC-Bold';
  font-weight: 700;
  color: #1A1A1A;
}

.tab-item {
  position: relative;
  display: inline-block;
  height: 100%;
}

.activeTab::after {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  content: '';
  height: 4rpx;
  background: #ffdd36;
  border-radius: 2rpx;
}

.main {
  padding: 0 30rpx;
}

.main .box {
  display: flex;
  justify-content: space-between;
  height: 214rpx;
  background: #ffffff;
  border-radius: 10rpx;
  margin-top: 20rpx;
  padding: 37rpx 30rpx 0;
  box-sizing: border-box;
}

.main .box:first-child {
  margin-top: 36rpx;
}

.main .box .info {
  font-size: 24rpx;
  font-weight: 400;
  font-family: 'PingFang SC, PingFang SC-Regular';
}

.main .box .info .classify {
  margin-bottom: 10rpx;
  font-size: 28rpx;
  color: #2b2b2b;
}

.main .box .info .label {
  margin-bottom: 10rpx;
  font-family: 'PingFang SC, PingFang SC-Regular';
  color: #1a1a1a;
}

.main .box .info .num {
  color: #808080;
}

.main .box .info .tip {
  color: #1a1a1a;
}

.main .box .status {
  font-size: 28rpx;
}

.main .box .status .btn {
  width: 153rpx;
  height: 57rpx;
  margin-bottom: 28rpx;
  background: #ffdc2f;
  border-radius: 29rpx;
  font-size: 28rpx;
  line-height: 57rpx;
  font-family: 'PingFang SC, PingFang SC-Regular';
  font-weight: 400;
  color: #1a1a1a;
  color: #fff;
}

.main .box .status .refuse {
  background: #ffb08d;
}

.main .box .status .dispose {
  background: #3BE5B2;
}

.main .box .status .finish {
  color: #ffa836;
  /* color: #fff; */
  background: #FFFAE1;
}

.main .box .status .serve-price {
  font-size: 20rpx;
  text-align: right;
  font-family: 'PingFang SC, PingFang SC-Medium';
  font-weight: 500;
  color: #ec2e26;
  color: #fff;
}

.main .box .status .serve-price .num {
  font-size: 30rpx;
  font-weight: 700;
}