payProject/pages/orderDetailsProject/orderDetailsProject.wxss

/* pages/orderDetailsProject/orderDetailsProject.wxss */

.content {
  width: 100%;
  min-height: 100vh;
  background: #F7F8FA;
}

.border-content {
  margin-bottom: 20rpx;
  margin-left: 24rpx;
  border-radius: 24rpx;
  background: white;
  width: 662rpx;
  padding-top: 24rpx;
  padding-left: 24rpx;
  padding-right: 24rpx;
}

.title-line {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 20rpx;
}

.title-line1 {
  width: 100%;
  display: flex;
  padding-bottom: 20rpx;
}

.title-left {
  font-size: 28rpx;
  font-weight: 400;
  color: #999999;
}

.title-content {
  flex: 1;
  margin-left: 10rpx;
  font-size: 32rpx;
  font-weight: 500;
  color: #333333;
}

.title-location {
  font-size: 24rpx;
  font-weight: 400;
  color: #999999;
}

.title-location {
  font-size: 28rpx;
  font-weight: 500;
  color: #333333;
}

.title-value {
  margin-left: 10rpx;
  text-align: left;
  flex: 1;
  font-size: 28rpx;
  font-weight: 400;
  color: #999999;
}

.line-spc {
  width: 100%;
  height: 20rpx;
}

.project-list {
  width: 100%;
  height: 100rpx;
  display: flex;
  align-items: center;
}

.peoject-list-title {
  margin-bottom: 24rpx;
  font-size: 36rpx;
  color: #333333;
  font-weight: 500;
}

.peoject-list-title text {
  font-size: 36rpx;
  font-weight: 500;
  color: #FA7D22;
}

.peoject-list-time {
  flex: 1;
  text-align: right;
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;
}

.project-content {
  margin-bottom: 20rpx;
  width: 100%;
  display: flex;
  align-items: center;
  height: 120rpx;
}

.project-content-img {
  border-radius: 12rpx;
  width: 120rpx;
  height: 120rpx;
}

.project-content-right {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 120rpx;
  margin-left: 20rpx;
}

.item-right-time {
  flex: 1;
  width: 100%;
  display: flex;
}

.item-right-title {
  width: 300rpx;
  font-size: 32rpx;
  font-weight: 500;
  color: #292929;
  flex: 1;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item-right-title-time {
  font-size: 28rpx;
  font-weight: 500;
  color: #292929;
}


.item-project-add {
  flex: 1;
  font-size: 24rpx;
  font-weight: 400;
  color: #999999;
}



.btm-down-line {
  width: 100%;
  display: flex;
  align-items: center;
}

.btm-line-tips {
  margin-left: 24rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #333333;
}

.btm-line-tips-red {
  font-size: 28rpx;
  font-weight: 500;
  color: #FF3007;
}

.btm-line-tips-money {
  margin-bottom: 20rpx;
  flex: 1;
  font-size: 56rpx;
  font-weight: 500;
  color: #FF3007;
}

.btm-line-submit {
  width: 338rpx;
  height: 84rpx;
  text-align: center;
  line-height: 84rpx;
  margin-right: 24rpx;
  background: #FA7D22;
  border-radius: 42rpx;
  font-size: 32rpx;
  font-weight: 500;
  color: #FFFFFF;
}

.item-project-house {
  display: flex;
  justify-content: space-between;
  color: #FA7D22;
}
.device-name {
  font-size: 32rpx;
  font-weight: 500;
}
.project-time {
  font-size: 24rpx;
  font-weight: 400;
}

.title-content text {
  margin-left: 20rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #999999;
}

.line-spc-line {
  width: 662rpx;
  height: 2rpx;
  background: #F9F9F9;
}

.money-show {
  margin-top: 28rpx;
  text-align: right;
  font-size: 32rpx;
  font-weight: 500;
  color: #333333;
}

.money-show text {
  margin-left: 20rpx;
  text-align: right;
  font-size: 24rpx;
  font-weight: 500;
  color: #333333;
}

.dis-line {
  margin-top: 28rpx;
  width: 100%;
  display: flex;
  align-items: center;
}

.spc {
  flex: 1;
}

.btm-submit {
  width: 184rpx;
  height: 72rpx;
  border-radius: 36rpx;
  border: 2rpx solid #E1E1E1;
  text-align: center;
  line-height: 72rpx;
  font-size: 28rpx;
  font-weight: 500;
  color: #333333;
}

.not-flex {
  margin-left: 20rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}

.title-content-flex {
  margin-left: 20rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #999999;
}

.copy {
  margin-left: 10rpx;
  padding-right: 15rpx;
  padding-left: 15rpx;
  height: 40rpx;
  background: #F5F5F5;
  border-radius: 8rpx;
  text-align: center;
  line-height: 40rpx;
  font-size: 20rpx;
  font-weight: 400;
  color: #333333;
}

.dis-view {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 74rpx;
}

.dis-line-show {
  width: 130rpx;
  height: 2rpx;
  background: #E9E9E9;
}

.dis-line-title {
  margin-right: 20rpx;
  margin-left: 20rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #666666;
}

.comm-product {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.comm-product-item {
  margin-bottom: 24rpx;
  margin-left: 20rpx;
  width: 344rpx;
  height: 555rpx;
  display: flex;
  flex-direction: column;
  border-radius: 24rpx;
  background: white;
}

.comm-image {
  border-top-left-radius: 24rpx;
  border-top-right-radius: 24rpx;
  width: 344rpx;
  height: 344rpx;
}

.comm-title {
  margin-left: 24rpx;
  margin-right: 24rpx;
  font-size: 28rpx;
  font-weight: 500;
  color: #333333;
  margin-top: 24rpx;
  overflow: hidden;
}

.comm-desc {
  flex: 1;
  display: flex;
  align-items: center;
  margin-left: 24rpx;
  margin-right: 24rpx;
  overflow: hidden;
}

.item-desc {
  padding-right: 15rpx;
  padding-left: 15rpx;
  height: 38rpx;
  margin-right: 10rpx;
  background: #F7F7F7;
  border-radius: 8rpx;
  text-align: center;
  line-height: 38rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #666666;
}

.bottom {
  margin-bottom: 24rpx;
  display: flex;
  align-items: center;
  margin-left: 24rpx;
  height: 24rpx;
  width: 300rpx;
}

.price-show {
  flex: 1;
  font-size: 40rpx;
  font-family: OPPOSans-B, OPPOSans;
  font-weight: normal;
  color: #FA4622;
}

.price-show text {
  font-size: 24rpx;
  font-family: OPPOSans-B, OPPOSans;
  font-weight: normal;
  color: #FA4622;
}

.shop-image {
  width: 56rpx;
  height: 56rpx;
}

/* <view class="content">

  <view class="comm-product">
    <view class="comm-product-item">
      <image class="comm-image"></image>
      <view class="comm-title">深层清洁水维养（急…</view>
      <view class="comm-desc">
        <view class="item-desc">深度清洁</view>
      </view>
      <view class="bottom">
        <view class="price-show"><text>¥</text>189.00</view>
        <image class="shop-image"></image>
      </view>
    </view>

  </view>

</view> */

.inLocations {
  display: flex;
  align-items: center;
}

.inLocationImage {
  width: 24rpx;
  height: 24rpx;
}

.inLocationDistance {
  margin-left: 10rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #999999;
}

.inLocationDistance text{
  font-size: 28rpx;
  font-weight: 500;
  color: #333333;}