jzlife_wx_servant/pages/master/shareDetails/shareDetails.wxss

/* pages/master/shareDetails/shaerDetails.wxss */
page {
  background-color: #F7F7F7;
}

.container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.top {
  width: 688rpx;
  height: 326rpx;
  margin: 18rpx auto;
  background: url(https://jzmall.lifejingzhi.com/file/wx-servant/qian.png) no-repeat center center;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 22rpx;
  margin-left: 26rpx;
}

.top .title {
  width: 222rpx;
  height: 50rpx;
  line-height: 50rx;
  font-family: AlibabaPuHuiTi_2_85_Bold;
  font-size: 36rpx;
  color: #21B6EC;
  text-align: left;
  font-weight: bold;
  margin: 0rpx 440rpx 0rpx 26rpx;
}

.middle {
  display: flex;
  justify-content: space-between;
}

.total-revenue {
  margin-left: 22rpx;
}

.total-revenue .revenue {
  display: inline-block;
  font-size: 96rpx;
  /* width: 226rpx; */
  height: 134rpx;
  font-family: AlibabaPuHuiTi_2_85_Bold;
  color: #21B6EC;
  line-height: 134rpx;
  text-align: left;
  font-weight: bold;
  margin-right: 26rpx;
}

.total-revenue .danwei {
  font-family: AlibabaPuHuiTi_2_85_Bold;
  font-size: 24rpx;
  color: #21B6EC;
  letter-spacing: 1px;
  text-align: left;
  font-weight: bold;
}

.share-money {
  height: 134rpx;
}

.share-earn-money {
  color: #fff;
  background-color: #FDA14D;
  border-radius: 30rpx;
  width: 130rpx;
  height: 44rpx;
  font-size: 26rpx;
  text-align: center;
  line-height: 44rpx;
  margin-right: 20rpx;
  margin-top: 60rpx;
}

.bottom {
  height: 100rpx;
  display: flex;
  justify-content: space-evenly;
}

.bottom-box1 {
  width: 212rpx;
  height: 100rpx;
  background-color: #EDFBFF;
  border-radius: 20rpx;
  padding: 10rpx 0rpx 0rpx 20rpx;
  box-sizing: border-box;
  font-family: AlibabaPuHuiTi_2_55_Regular;
}

.bottom-box1 .text1 {
  display: block;
  font-size: 24rpx;
  color: #c2c2c2;
}

.bottom-box1 .text2 {
  font-size: 42rpx;
  color: #7e7e7e;
}

.tipcontent {
  width: 688rpx;
  height: 26rpx;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 22rpx;
  color: #ACACAC;
  line-height: 26rpx;
  text-align: left;
  font-style: normal;
  margin: auto;
}

.appoint-tabs-wrapper {
  height: 88rpx;
  width: 688rpx;
  margin: auto;
  display: flex;
  align-items: center;
  line-height: 88rpx;
  z-index: 99;
}

.appoint-tabs-wrapper .tou {
  width: 8rpx;
  height: 50rpx;
  border-radius: 4rpx;
  background-color: #d77862;
}

.appoint-tab-item {
  font-weight: bold;
  font-size: 36rpx;
  color: #b2b2b2;
  margin-left: 24rpx;
}

.appoint-tab-item.active {
  color: #333;
  font-size: 48rpx;
}

.total-people {
  width: 688rpx;
  margin: auto;
  padding-left: 62rpx;
  color: #333;
  font-size: 28rpx;
  margin-bottom: 18rpx;
}

.serviceList {
  background-color: #fff;
  width: 688rpx;
  height: 862rpx;
  margin: auto;
  /* overflow: auto; */
  border-radius: 16rpx;
}

.no-service {
  width: 228rpx;
  height: 238rpx;
  margin: auto;
  padding-top: 174rpx;
}

.no-service image {
  width: 100%;
}

.servicer {
  width: 668rpx;
  height: 862rpx;
  margin: auto;
  padding-left: 22rpx;
}

.servicer .b {
  width: 668rpx;
  height: 96rpx;
  margin-top: 12rpx;
  border-bottom: solid 4rpx #f7f7f7;
  display: flex;
  align-items: center;
}

.servicer-left {
  width: 344rpx;
}

.servicer-left .servicer-info {
  height: 44rpx;
  width: 350rpx;
  line-height: 44rpx;
  color: #333 !important;
}

.servicer-left .servicer-info .name {
  font-size: 32rpx;
  display: inline-block;
  margin-right: 14rpx;
  color: #333 !important;
  letter-spacing: 1rpx;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-style: normal;
}
.servicer-left .servicer-info .tel {
  font-size: 28rpx;
  letter-spacing: 1rpx;
  color: #333 !important;
}
.servicer-left .time {
  font-size: 24rpx;
  color: #999 !important;
  width: 350rpx;
}
.servicer-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 6rpx;
}
.servicer-right .money{
  color: #C86953 !important;
  font-size: 32rpx;
  width: 150rpx;
  height: 44rpx;
  line-height: 44rpx;
  margin-right: 14rpx;
  letter-spacing: 1rpx;
}
.servicer-right .status {
  width: 150rpx;
  height: 44rpx;
  text-align:center;
  color: #C86953 !important;
  font-size: 32rpx;
  line-height: 44rpx;
  letter-spacing: 1rpx;
}