page {
  background-color: #f3f3f4;
}

.banner_header {
  margin: 30rpx 30rpx 0 30rpx;
  height: 200rpx;
  image {
    width: 100%;
    font-size: 0;
    height: 200rpx;
  }
}

.parking_payment_card {
  margin: 30rpx;
  background-color: #fff;
  border-radius: 15rpx;
  .parking_payment_content {
    background: linear-gradient(180deg, #f3f9ff 0%, #ffffff 27%, #ffffff 100%);
    padding: 0 30rpx;
    border-radius: 15rpx;
    border: 1rpx solid #fff;
  }
  .parking_payment_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30rpx 0;
    .title {
      font-size: 32rpx;
      font-weight: 500;
      color: #3d3d3d;
    }
    .headphones {
      font-size: 24rpx;
      button {
        background: #fff;
        padding: 0 30rpx;
        border-radius: 100rpx;
        margin: 0;
        height: 60rpx;
        line-height: 60rpx;
        font-size: 23rpx;
        border: none;
        color: #666;
      }
    }
  }
  .parking_card_footer {
    display: flex;
    align-items: self-start;
    font-size: 28rpx;
    .label {
      color: #3d3d3d;
    }
    .items_content {
      flex: 1;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      color: #666666;
      .item {
        background-color: #f3f3f4;
        margin-left: 20rpx;
        padding: 6rpx 12rpx;
        margin-bottom: 20rpx;
        border-radius: 10rpx;
      }
    }
  }
}
button:after {
  border: none !important; /* 去掉边框 */
}
.license_plate_number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 0 0 0;
  position: relative;

  .item {
    width: 65rpx;
    height: 80rpx;
    border-radius: 10rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1rpx solid #aaccff;
    &:nth-child(1),
    &:nth-child(2) {
      background-color: #2a7efb;
      color: #fff;
    }
  }
}
.query_btn {
  padding: 40rpx 0;
}
.member_benefits {
  text-align: center;
  font-size: 24rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 30rpx 0;
  color: #999;
}

.new_energy {
  font-size: 17rpx;
  text-align: center;
  color: #2a7efb;
}

.parking_payment_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  margin: 30rpx;
  background-color: #fff;
  border-radius: 10rpx;
  padding: 40rpx 30rpx;
  .label {
    font-size: 24rpx;
    color: #666;
  }
  .item {
    text-align: center;
    flex: 1;

    .icon {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 0 10rpx 0;
      image {
        width: 38rpx;
        height: 38rpx;
      }
    }
    &:nth-child(2) {
      border-left: 1rpx solid #eee;
      border-right: 1rpx solid #eee;
      image {
        width: 48rpx;
        height: 48rpx;
      }
    }
  }
}

.membership_benefits {
  margin: 30rpx;
  padding-top: 30rpx;
  .membership_benefits_content {
    line-height: 50rpx;
    font-size: 27rpx;
    color: #333;
  }
}
