page {
  background-color: $my-page-bg-color;
}

.header-bar {
  background-color: $my-main-color;
  height: 106rpx;
  display: flex;
  padding: 0 40rpx;
  .city {
    display: flex;
    margin-right: 23rpx;
    color: #fff;
    align-items: center;
    .city-name {
      margin-right: 8rpx;
    }
  }
  .scan {
    margin-left: 23rpx;
  }
}
.content-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  .content-nav-item {
    .content-nav-item-icon-wrap {
      width: 95rpx;
      height: 95rpx;
      margin: 0 auto 13rpx;
      // border-radius: 30rpx;
      // background: linear-gradient(163deg, #FFCC60 0%, #FF9221 100%);
    }
    .content-nav-item-icon-text {
      font-size: 28rpx;
      font-weight: 500;
      color: #5a5a5a;
      line-height: 1;
    }
  }
  .content-nav-item + .content-nav-item {
    // margin-left: 74rpx;
  }
}
.pending-order-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: $my-main-color;
  .pending-order-head-left {
    font-size: 30rpx;
    b {
      font-weight: 500;
      font-size: 50rpx;
      margin-right: 5rpx;
    }
  }
  .pending-order-head-right {
    font-size: 22rpx;
    font-weight: 500;
  }
}
.pending-order-body {
  .pending-order-body-nav {
    display: flex;
    border-radius: 32px;
    border: 1px solid $my-main-color;
    margin-bottom: 36rpx;
    .nav-item {
      flex: 1;
      height: 62rpx;
      line-height: 62rpx;
      font-size: 24rpx;
      text-align: center;
      &.active {
        background: $my-main-color;
        color: #fff;
        border-radius: 32rpx;
      }
    }
  }
  .pending-order-body-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .pending-order-body-left-label {
      font-size: 22rpx;
      font-weight: 500;
      color: #787878;
      display: inline-block;
      width: 160rpx;
      text-align: right;
    }
    .pending-order-body-right-label {
      color: #008cff;
      margin-left: 20rpx;
    }
    .pending-order-body-center-label {
      color: #008cff;
    }
    .nosign {
      width: 100%;
      line-height: 56rpx;
      .nosign1 {
        font-size: 40rpx;
        color: #ff6d6d;
        text-align: center;
      }
      .nosign2 {
        color: #a6a6a6;
        text-align: center;
      }
    }
    .sign {
      width: 100%;
      line-height: 56rpx;
      .sign1 {
        font-size: 40rpx;
        color: #52bd4e;
        text-align: center;
      }
      .sign2 {
        color: #a6a6a6;
        text-align: center;
      }
    }
  }
  .pending-order-body-left {
    .car-number {
      margin-bottom: 20rpx;
      font-size: 30rpx;
      font-weight: 600;
      color: #3a3a3a;
      line-height: 42rpx;
      letter-spacing: 1px;
    }
    .item-cell {
      margin-bottom: 5rpx;
      font-size: 26rpx;
    }
    .cost {
      .number {
        font-size: 26rpx;
        line-height: 50rpx;
        color: $my-main-color;
      }
    }
  }
  .pending-order-body-right {
    text-align: left;
    font-size: 24rpx;
    .order {
      margin-bottom: 28rpx;
      font-weight: 400;
      color: #9a9a9a;
    }
  }
  .go-pay-wrap {
    margin-top: 50rpx;
    width: 100%;
    text-align: center;
    .go-pay {
      display: inline-block;
      padding: 12rpx 39rpx 11rpx;
      background: linear-gradient(90deg, #ff2727 0%, #ff9a13 100%, #ff0f0f 100%);
      color: #fff;
      border-radius: 10rpx;
      cursor: pointer;
    }
    .go-pay1 {
      display: inline-block;
      padding: 12rpx 39rpx 11rpx;
      background: linear-gradient(90deg, #d3d3d3 0%, #f5f5f5 100%, #dcdcdc 100%);
      color: #fff;
      border-radius: 10rpx;
      cursor: pointer;
    }
  }
}

.popup-order-details {
  color: #545454;
  &-til {
    padding: 61rpx 40rpx 16rpx;
    font-size: 36rpx;
    color: #008cff;
    line-height: 50rpx;
    text-align: center;
  }
  &-con {
    margin-bottom: 40rpx;
  }
  &-footer {
    border-top: 1px solid #cecece;
    padding: 28rpx 0 26rpx;
    font-size: 45rpx;
    line-height: 63rpx;
    text-align: center;
    color: #008cff;
  }
  dl {
    margin: 20rpx 38rpx;
    display: flex;
    font-size: 30rpx;
    dt {
      width: 150rpx;
      color: #a3a3a3;
      text-align: right;
    }
    dd {
      flex: 1;
    }
  }
}

.promotion {
  margin: 20rpx 40rpx 40rpx;
  background-color: #ffffff;
  border-radius: 15rpx;
  &-header {
    padding: 26rpx 40rpx 12rpx;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 26rpx;
    .promotion-header-til {
      font-size: 30rpx;
      color: #383838;
      line-height: 42rpx;
    }
    .promotion-header-con {
      font-size: 22rpx;
      color: #787878;
      line-height: 30rpx;
    }
  }
  &-body {
    padding: 0 40rpx 24rpx;
    .promotion-body-til {
      font-size: 26rpx;
      color: #676767;
      line-height: 37rpx;
      margin-bottom: 15rpx;
    }
    .promotion-body-con {
      font-size: 20rpx;
      color: #a5a5a5;
      line-height: 34rpx;
    }
  }
}
.notice-bar-wrap {
  margin: 20rpx 40rpx;
  background-color: #fff;
  padding: 32rpx 0 25rpx 30rpx;
  border-radius: 15rpx;
  overflow: hidden;
}
/* 优惠活动 */
.promotion-box {
  padding: 10px 20px;
  .promotion-title {
    text {
      color: #3a3a3a;
      font-size: 36rpx;
      font-family: PingFangSC-Regular, PingFang SC;
    }
  }
  .promotion-banner {
    margin-top: 20rpx;
    /deep/ .u-indicator-item-round {
      background-color: #aad8ff;
    }
    /deep/ .u-indicator-item-round-active {
      background-color: #ffffff;
      // width: 20rpx;
    }
  }
}
.pay-way {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 34rpx);
  border-top: solid 1px #979797;
  margin: 23rpx auto;
  padding: 38rpx 86rpx;
  .pay-way-item {
    text-align: center;
    font-size: 30rpx;
    color: #5f5f5f;
    image {
      width: 143rpx;
      height: 143rpx;
    }
  }
}
.pay-way-close-btn {
  width: calc(100% - 34rpx);
  margin: 0 auto 68rpx;
  border: none;
  background-color: #3397fa;
  color: #fff;
  border-radius: 10rpx;
}
.empty-data-box {
  background-color: #fff;
  height: 462rpx;
  width: calc(100% - 80rpx);
  margin: 0 auto;
  border-radius: 16rpx;
  margin-top: 20rpx;
}

.myorders-item {
  position: relative;
  margin-bottom: 8rpx;
  padding-left: 30rpx;
  &::before {
    content: '';
    width: 9rpx;
    height: 9rpx;
    border-radius: 50%;
    background-color: #626262;
    position: absolute;
    left: 0;
    top: 17rpx;
  }
}
.new-plate-number {
  margin-bottom: 70rpx;
}
.message-input-wrap {
  margin: 0 -40rpx;
}
.message-input-wrap /deep/ .u-input ~ uni-view:last-of-type .u-char-item {
  background-color: #e8ffe8;
}
.really-license-txt {
  color: #008cff;
}
.really-license-txt1 {
  color: #008cff;
  margin: 20rpx;
}
.popup-vehicleNo-title {
  font-size: 48rpx;
  text-align: center;
  padding-top: 20rpx;
}
.popup-vehicleNo-center {
  width: 95%;
  height: 2rpx;
  border-top: solid rgb(146, 146, 146) 2rpx;
  margin: 30rpx 20rpx 50rpx 20rpx;
}
.popup-vehicleNo-select {
  text-align: center;
  color: #777777;
}
.vehicleNo-btn {
  display: flex;
  margin: 40rpx 0;
}
.parking-lock-pay-attention {
  margin: 50rpx;
  line-height: 48rpx;
  color: #777777;
}