yuminge-app/yun-min-program-plugin-master/packageE/appointment/technician_details/technician_details.wxss

#technician {
  background: #fff;
  padding-top: 96rpx;
}

#technician .scroller-tab {
  width: 100%;
  height: 88rpx;
  white-space: nowrap;
}

#technician .scroller-tab .scroller-item {
  width: 33.3%;
  display: inline-block;
  text-align: center;
  font-size: 28rpx;
  line-height: 88rpx;
  font-weight: 400;
  color: #999;
}

#technician .scroller-tab .scroller-item .text {
  width: 56rpx;
  margin: 0 auto;
  position: relative;
}

#technician .scroller-tab .scroller-item .text .item-bottom {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: 100%;
  height: 4rpx;
  display: none;
}

#technician .scroller-tab .scroller-item .text.active {
  color: rgb(244, 159, 25);
}

#technician .scroller-tab .scroller-item .text.active .item-bottom {
  display: block;
  background-color: rgb(244, 159, 25);
}

#technician .info_message {
  padding-top: 23.04rpx;
  width: 689.92rpx;
  background-color: #fff;
  box-shadow:
    0 0 40rpx 0
    rgba(108, 108, 108, 0.1);
  border-radius: 5.12rpx;
  margin: 0 auto 32rpx;
}

#technician .info_message .head_sculpture {
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
  margin: 0 auto 14.08rpx;
}

#technician .info_message .head_sculpture image {
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
}

#technician .info_message .message {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10.88rpx;
}

#technician .info_message .message .name {
  height: 29.12rpx;
  line-height: 29.12rpx;
  font-size: 16px;
  text-align: center;
  flex: 0 0 192rpx;
}

#technician .info_message .tag {
  line-height: 29.12rpx;
  text-align: center;
  border-radius: 28.8rpx;
  border: solid 1.6rpx #f4a82e;
  padding: 6.4rpx 9.6rpx;
  font-size: 14px;
  margin: 6.4rpx;
  color: #f4a82e;
  display: inline-block;
}

#technician .bespoke {
  margin-left: 24.96rpx;
  margin-right: 24.96rpx;
  margin-bottom: 34.88rpx;
}

#technician .bespoke .tips {
  margin-left: 13.12rpx;
  text-align: left;
  height: 24.96rpx;
  line-height: 24.96rpx;
  font-size: 15px;
  color: #999;
  margin-bottom: 20.16rpx;
}

#technician .bespoke .time_selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72rpx;
  background-color: #fff;
  box-shadow:
    0 0 16rpx 0
    rgba(108, 108, 108, 0.1);
  border-radius: 5.12rpx;
  font-size: 16px;
  padding-left: 13.12rpx;
  padding-right: 10.88rpx;
}

#technician .store_list {
  position: relative;
  margin-left: 24.96rpx;
  margin-right: 24.96rpx;
  background-color: #fff;
  box-shadow: 0 0 16rpx 0 rgba(108, 108, 108, 0.1);
  border-radius: 5.12rpx;
  margin-bottom: 23.36rpx;
}

#technician .store_list .store_list_li {
  position: relative;
  z-index: 2;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 16.96rpx  12.16rpx  15.04rpx 13.12rpx;
  justify-content: space-between;
}

#technician .store_list .store_list_li .left .name {
  font-size: 16px;
  color: #000;
  margin-bottom: 17.92rpx;
  height: 38.4rpx;
}

#technician .store_list .store_list_li .left .bottom {
  padding-left: 13.12rpx;
  display: flex;
  align-items: center;
}

#technician .store_list .store_list_li .left .bottom .distance {
  display: flex;
  height: 48rpx;
  align-items: center;
  font-size: 14px;
  margin-left: 16.96rpx;
  padding-left: 18.88rpx;
  border-left: 1px solid #f2f2f7;
}

#technician .store_list .store_list_li .left .bottom .distance .distance_right {
  line-height: 48rpx;
  height: 48rpx;
}

#technician .store_list .pull_down {
  position: absolute;
  left: 50%;
  bottom: -16.96rpx;
  margin-left: -44rpx;
  width: 111.04rpx;
  height: 32rpx;
  z-index: 10;
  background-color: #fff;
  box-shadow:
    2.88rpx 2.56rpx 14.72rpx 1.28rpx
    rgba(108, 108, 108, 0.07);
  border-radius: 14.08rpx;
}

.message_list {
  background-color: #fff;
  min-height: 100vh;
}

.message_list tabs {
  width: 100%;
  height: 88rpx;
}

.message_list .goods_content {
  padding: 16rpx 32rpx;
}

.goods_content img {
  width: 100%;
}

.message_list .project .li {
  padding-top: 18.88rpx;
  padding-bottom: 17.92rpx;
  margin-left: 25.92rpx;
  margin-right: 25.92rpx;
  display: flex;
  background: #fff;
}

.message_list .project .li .left {
  width: 161.92rpx;
  height: 162.88rpx;
  border-radius: 12.16rpx;
}

.message_list .project .li .left image {
  width: 161.92rpx;
  height: 161.92rpx;
}

.message_list .project .li .right {
  text-align: left;
  padding: 16rpx;
}

.message_list .project .li .right .top {
  flex: 1;
  display: -webkit-box;
  line-height: 32rpx;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 9.6rpx;
  font-size: 32rpx;
}

.message_list .project .li .right .bottom {
  padding-top: 9.92rpx;
  flex: 1;
  height: 120.32rpx;
  font-size: 14px;
  line-height: 30.08rpx;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  color: #999;
}

.message_list .evaluate {
  margin: 16rpx;
}

.message_list .evaluate .ul .li {
  padding-left: 15.04rpx;
  padding-top: 13.12rpx;
  display: flex;
}

.message_list .evaluate .ul .li .evaluate_left {
  width: 64rpx;
  height: 64rpx;
}

.message_list .evaluate .ul .li .evaluate_left image {
  width: 64rpx;
  height: 64rpx;
  border-radius: 50%;
}

.message_list .evaluate .ul .li .evaluate_right {
  flex: 1;
  padding-left: 16rpx;
}

.message_list .evaluate .ul .li .evaluate_right .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2.88rpx;
}

.message_list .evaluate .ul .li .evaluate_right .top .left {
  text-align: left;
}

.message_list .evaluate .ul .li .evaluate_right .top .left .name {
  width: 288rpx;
  font-size: 16px;
  line-height: 32rpx;
  height: 32rpx;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.message_list .evaluate .ul .li .evaluate_right .top .right {
  line-height: 32rpx;
  height: 32rpx;
  font-size: 14px;
  color: #999;
  padding-right: 34.88rpx;
}

.message_list .evaluate .ul .li .evaluate_right .bottom .assess {
  text-align: left;
  font-size: 14px;
  line-height: 30.08rpx;
  max-height: 120.32rpx;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  color: #333;
  padding-bottom: 22.08rpx;
}

.message_list .evaluate .ul .li .evaluate_right .bottom .picture {
  display: flex;
  margin-bottom: 40rpx;
}

.message_list .evaluate .ul .li .evaluate_right .bottom .picture .picture_li {
  width: 137.92rpx;
  height: 137.92rpx;
  margin-left: 17.92rpx;
}

.message_list .evaluate .ul .li .evaluate_right .bottom .picture .picture_li image {
  width: 137.92rpx;
  height: 137.92rpx;
}

.van-tabs__line {
  background-color: rgb(244, 159, 25) !important;
}