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

#ProjectDetails {
  padding-bottom: 100rpx;

  /* transition: all 0.3s; */
}

#ProjectDetails .rotation {
  width: 100%;
}

#ProjectDetails .rotation .top {
  position: fixed;
  width: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19.2px 0;
}

#ProjectDetails .rotation .top .little_icon {
  width: 48rpx;
  height: 48rpx;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 38.4rpx;
  color: #fff;
}

#ProjectDetails .rotation .top .left {
  margin-left: 24.96rpx;
}

#ProjectDetails .rotation .top .right {
  display: flex;
  align-items: center;
  margin-right: 16rpx;
}

#ProjectDetails .rotation .display {
  display: none;
}

#ProjectDetails .rotation image {
  width: 100%;
}

#ProjectDetails .ithumb {
  position: relative;
  overflow: hidden;
}

#ProjectDetails .ithumb swiper {
  height: 760rpx;
}

#ProjectDetails .ithumb image {
  width: 100%;
}

#ProjectDetails .project_title {
  background: #fff;
  padding: 16rpx;
  font-weight: bold;
  line-height: 48rpx;
  font-size: 32rpx;
  text-align: left;
  color: #333;
  margin-bottom: 16rpx;
}

#ProjectDetails .project_title .p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

#ProjectDetails .project_list {
  background: #fff;
  min-height: 100vh;
}

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

#ProjectDetails .project_list .goods_content {
  padding: 16rpx 32rpx;
}

#ProjectDetails .project_list .goods_content img {
  width: 100%;
}

#ProjectDetails .project_list .goodsList .ul .li {
  padding: 16rpx;
  display: flex;
}

#ProjectDetails .project_list .goodsList .ul .li .goods_left {
  width: 161.92rpx;
  height: 161.92rpx;
  border-radius: 12.16rpx;
}

#ProjectDetails .project_list .goodsList .ul .li .goods_left image {
  width: 161.92rpx;
  height: 161.92rpx;
}

#ProjectDetails .project_list .goodsList .ul .li .goods_right {
  flex: 1;
  background: #fff;
  padding: 16rpx;
}

#ProjectDetails .project_list .goodsList .ul .li .goods_right .goods_name {
  line-height: 38.4rpx;
  font-size: 32rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  padding-left: 20.16rpx;
  text-align: left;
  margin-bottom: 12.8rpx;
}

#ProjectDetails .project_list .goodsList .ul .li .goods_right .goods_message {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 20.16rpx;
}

#ProjectDetails .project_list .goodsList .ul .li .goods_right .goods_message .left {
  font-size: 32rpx;
  line-height: 48rpx;
  color: #ffac27;
}

#ProjectDetails .project_list .goodsList .ul .li .goods_right .goods_message .right {
  font-size: 25.6rpx;
  line-height: 48rpx;
  color: #ccc;
}

#ProjectDetails .project_list .evaluate {
  padding-left: 24.96rpx;
}

#ProjectDetails .project_list .evaluate .ul .li .evaluate_top {
  padding-left: 15.04rpx;
  padding-top: 13.12rpx;
  display: flex;
}

#ProjectDetails .project_list .evaluate .ul .li .evaluate_top .evaluate_left {
  width: 64rpx;
  height: 64rpx;
}

#ProjectDetails .project_list .evaluate .ul .li .evaluate_top .evaluate_left image {
  width: 64rpx;
  height: 64rpx;
  border-radius: 50%;
}

#ProjectDetails .project_list .evaluate .ul .li .evaluate_top .evaluate_right {
  flex: 1;
  padding-left: 16rpx;
}

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

#ProjectDetails .project_list .evaluate .ul .li .evaluate_top .evaluate_right .top .left .name {
  font-size: 16px;
  line-height: 32rpx;
  height: 32rpx;
  text-align: left;
}

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

#ProjectDetails .project_list .evaluate .ul .li .evaluate_top .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;
}

#ProjectDetails .project_list .evaluate .ul .li .evaluate_top .evaluate_right .bottom .picture {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40rpx;
}

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

#ProjectDetails .project_list .evaluate .ul .li .evaluate_top .evaluate_right .bottom .picture .picture_li image {
  width: 137.92rpx;
  height: 137.92rpx;
}

#ProjectDetails .project_list .evaluate .ul .li .evaluate_bottom .many_reply {
  padding: 0 32rpx;
}

#ProjectDetails .project_list .evaluate .ul .li .evaluate_bottom .many_reply .comment-time {
  font-size: 14px;
  color: #999;
  padding: 16rpx 28rpx;
}

#ProjectDetails .project_list .evaluate .ul .li .evaluate_bottom .many_reply .imgflex {
  display: flex;
  flex-wrap: wrap;
  padding: 0 28rpx;
}

#ProjectDetails .project_list .evaluate .ul .li .evaluate_bottom .many_reply .photobox {
  position: relative;
  width: 158.016rpx;
  height: 158.016rpx;
  background-color: #fcfcfc;
  border-radius: 4.992rpx;
  border: solid 0.992rpx #ccc;
  overflow: hidden;
  margin-right: 8rpx;
  margin-bottom: 8rpx;
}

#ProjectDetails .project_list .store_list .li {
  display: flex;
  padding: 18.88rpx 37.12rpx 20.16rpx 20.16rpx;
  border-bottom: 2rpx solid #f2f2f7;
}

#ProjectDetails .project_list .store_list .li .store_list_left {
  width: 176.96rpx;
  height: 160.96rpx;
}

#ProjectDetails .project_list .store_list .li .store_list_left image {
  width: 176.96rpx;
  height: 100%;
}

#ProjectDetails .project_list .store_list .li .store_list_right {
  margin-left: 20.16rpx;
}

#ProjectDetails .project_list .store_list .li .store_list_right .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 17.92rpx;
  margin-bottom: 12.8rpx;
  font-size: 14px;
}

#ProjectDetails .project_list .store_list .li .store_list_right .top .name {
  font-size: 16px;
  line-height: 48rpx;
  height: 48rpx;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 384rpx;
  text-align: left;
}

#ProjectDetails .project_list .store_list .li .store_list_right .top .distance {
  line-height: 48rpx;
  height: 48rpx;
  color: #ccc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 128rpx;
}

#ProjectDetails .project_list .store_list .li .store_list_right .time {
  text-align: left;
  line-height: 48rpx;
  color: #666;
  flex: 1;
}

#ProjectDetails .project_list .store_list .li .store_list_right .address {
  text-align: left;
  line-height: 38.4rpx;
  color: #f4a82e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;

  /* -webkit-line-clamp: 2; */
}

#ProjectDetails .project_list .store_list .li .store_list_right .consult {
  color: #fff;
  width: 89.92rpx;
  height: 44.16rpx;
  background-color: #f4a82e;
  border-radius: 22.08rpx;
  text-align: center;
  line-height: 44.16rpx;
  flex: 0 0 96rpx;
  margin-right: 16rpx;
}