parking_h5/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;
}