parking_h5_all/pages/handleMonthly/handleMonthly.scss

.handle-monthly {
  padding: 40rpx;
  .handle-monthly-item {
    display: flex;
    flex-direction: row;
		align-items: center;
    border-bottom: solid 1rpx #cecece;
    // height: 96rpx;
    line-height: 96rpx;
		position: relative;
    > view {
      &:first-child {
        width: 22%;
        color: #757575;
        font-size: 32rpx;
        font-weight: 400;
        text-align: justify;
        text-align-last: justify;
        margin-right: 8%;
      }
      &:last-child {
        width: 70%;
        color: #404040;
        font-size: 36rpx;
        font-weight: 400;
      }
    }
    .choose-license {
      display: flex;
      justify-content: space-between;
    }
    .handle-monthly-money {
      color: #f97219 !important;
    }
    .handle-monthly-time-long {
      display: flex;
      flex-direction: row;
      align-items: center;
      button {
        margin: 0;
        padding: 0;
        width: 46rpx;
        height: 46rpx;
        line-height: 40rpx;
        border: solid 1px #008cff;
        color: #008cff;
        text-align: center;
      }
      view {
        padding: 0 61rpx;
      }
    }
		.handle-monthly-time-tips {
			width: 100%!important;
			position: absolute;
			bottom: -24rpx;
			font-size: 24rpx!important;
			color: #2979ff!important;
		}
  }
  .handle-monthly-explain {
    font-size: 24rpx;
    line-height: 40rpx;
    color: #3a3a3a;
    font-weight: 400;
  }
  .handle-monthly-confirm-button {
    width: calc(100% - 60rpx);
    margin: 52rpx auto;
  }
}
.pb20 {
	padding-bottom: 30rpx;
}
.pay-content {
  padding: 40rpx;
  .pay-list {
    &-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 104rpx;
      border-top: solid 1px #eeeeee;
      &-image {
        display: flex;
        font-size: 30rpx;
        color: #1E1E1E;
        .image {
          width: 54rpx;
          height: 45rpx;
          margin-right: 20rpx;
        }
      }
      &:last-child {
        border-bottom: solid 1px #eeeeee;
      }
    }
  }
  .pay-money {
    text-align: center;
    font-size: 34rpx;
    color: #008CFF;
    margin-top: 20rpx;
  }
  .pay-btn {
    margin-top: 34rpx;
  }
}
.coupon-popup {
  position: relative;
  min-height: 100vh;
  overflow-y: auto;
  background-color: #F9F9F9;
  &-list {
    padding: 30rpx;
    &-item {
      background-color: #fff;
      border-radius: 17rpx;
      margin-bottom: 20rpx;
      &-top {
        padding: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        border-bottom: 1px solid #EEEEEE;
        &-left {
          display: flex;
          align-items: baseline;
          .cplitl-left {
            color: #FF6D6D;
            font-size: 20rpx;
            margin-right: 34rpx;
            text:last-child {
              font-size: 60rpx;
              font-weight: bold;
            }
            &-bottom {
              color: #333333;
              font-size: 24rpx;
            }
          }
          .cplitl-right {
            view {
              &:first-child {
                font-size: 32rpx;
                color: #333333;
                font-weight: 700;
                margin-bottom: 8rpx;
              }
              &:last-child {
                font-size: 20rpx;
                color: #666;
              }
            }
          }
        }
      }
      &-bottom {
        color: #999999;
        padding: 10rpx 30rpx;
        font-size: 20rpx;
        .cplib-point {
          margin-top: 10rpx;
          &-content {
            padding-top: 10rpx;
            font-size: 24rpx;
            color: #999999;
          }
        }
      }
    }
  }
  &-btn {
    width: 100%;
    padding: 80rpx 30rpx;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}