@import "../../app.wxss";

.title {
  font-size: 26rpx;
  color: #999;
  letter-spacing: 0;
  height: 88rpx;
  line-height: 88rpx;
  width: 690rpx;
  border-bottom:1rpx solid #eee;
  margin-bottom: 40rpx;
  margin: 0 auto;
}

.title text {
  font-size: 26rpx;
  color: #02c0ff;
  letter-spacing: 0;
  line-height: 26rpx;
}
.rem{
  color: #f86661!important;
  margin-left: 12rpx;
}
page {
  background-color: #fff;
}

.headBox {
  margin-top: 13rpx;
  width: 750rpx;
  height: 210rpx;
  box-sizing: border-box;
  padding: 30rpx 40rpx;
  display: flex;
  background-color: white;
}

.headBox image {
  width: 150rpx;
  height: 150rpx;
  margin: 10rpx 30rpx 0 0;
  border-radius: 16rpx;
}

.numberBox {
  width: 400rpx;
  height: 150rpx;
}

.titleName {
  line-height: 60rpx;
  height: 60rpx;
  color: #666;
  font-size: 32rpx;
  width: 400rpx;
  word-break: break-all;
  text-align: justify;
  margin-bottom: 10rpx;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

.carLocation, .locationNumber {
  width: 400rpx;
  height: 40rpx;
  color: #666;
  font-size: 24rpx;
  line-height: 30rpx;
}

.price {
  font-size: 28rpx;
}

.borderBox {
  width: 750rpx;
  margin-top: 26rpx;
}

.borderUp {
  width: 680rpx;
  margin: 0 auto;
  font-size: 36rpx;
  border: 2rpx dashed #979797;
  border-radius: 16rpx;
  padding-bottom: 40rpx;
  height: 202rpx;
}
.active{
  background: #eee;
}
.addicense_active {
  width: 690rpx;
  /* box-shadow: 0 4rpx 20rpx 0 rgba(153, 153, 153, 0.35); */
  border-radius: 12rpx;
  /* background: #02c0ff; *//* padding-bottom: 40rpx; */
  margin: 0 auto;
}

.myCar {
  display: block;
  text-align: center;
  font-size: 34rpx;
  color: #02c0ff;
  letter-spacing: 0;
}

.carNumber {
  display: block;
  height: 50rpx;
  line-height: 50rpx;
  text-align: center;
  font-size: 26rpx;
  color: #999;
  letter-spacing: 0;
  margin-top: 10rpx;
}

.addBox {
  width: 750rpx;
  position: relative;
  background-color: white;
}

.add {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 34rpx;
  color: #666;
  border: 2px dashed #eee;
  padding: 30rpx 50rpx;
  border-radius: 16rpx;
}

.add text {
  font-size: 40rpx;
}

.bottonBox {
  width: 750rpx;
  margin-top: 30rpx;
}

.textStyle {
  background-color: white;
  height: 88rpx;
  line-height: 88rpx;
  padding-left: 92rpx;
  border-bottom: 1px #f8f8f8 solid;
  position: relative;
  font-size: 30rpx;
  color: #333;
  letter-spacing: 1.16rpx;
}

.textStyle image {
  width: 50rpx;
  height: 50rpx;
  top: 20rpx;
  left: 27rpx;
  position: absolute;
}

.swiper {
  position: relative;
}

.swiper-item {
  font-size: 75rpx;
  margin: 0 auto;
  width: 690rpx;
  font-weight: 400;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 40rpx;
}

.swiper-item > view {
  background: #bbe6ff;
  border-radius: 12rpx;
  padding: 6rpx;
}

.tche {
  width: 157rpx;
  height: 180rpx;
  line-height: 180rpx;
  margin: 0 auto;
  float: right;
  border-radius: 12rpx;
  background: #00c0ff;
  border: 3px solid #fff;
  position: relative;
}

.txt01 {
  width: 497rpx;
  height: 180rpx;
  line-height: 180rpx;
  float: left;
  background: #00c0ff;
  border-radius: 12rpx;
  border: 3px solid #fff;
  text-align: center;
}

.passNumberBox {
  position: relative;
  background-color: white;
  /* border-bottom: 1rpx #f8f8f8 solid; */
  margin-top: 30rpx;
}

.passNumber {
  width: 400rpx;
  height: 100rpx;
  font-size: 32rpx;
  font-weight: 600;
  line-height: 100rpx;
  left: 55rpx;
  position: absolute;
}

.nopay {
  height: 80rpx;
  line-height: 80rpx;
  font-weight: 400;
}

.number {
  font-size: 48rpx;
  color: #1f2d3d;
  letter-spacing: 0;
  line-height: 52rpx;
  font-weight: 400;
}

.manage_plate {
  width: 65%;
  border-radius: 80rpx;
  margin: 40rpx auto 0;
  background: #02c0ff;
  color: #fff;
  text-align: center;
  font-size: 30rpx;
}

.button_active {
  opacity: 0.6;
}

.btn001 {
  margin: 0 auto;
  height: 180rpx;
  line-height: 180rpx;
  font-size: 32rpx;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  background: none;
}

.parkPrice {
  font-size: 30rpx;
  font-weight: 500;
}

.deleteButton {
  font-size: 28rpx;
  line-height: 50rpx;
  height: 50rpx;
  top: 50%;
  right: 30rpx;
  position: absolute;
  transform: translate(0, -50%);
  color: white;
  background-color: #00c0ff !important;
}

.deleteButton button {
  background-color: #00c0ff !important;
}

.detail {
  width: 32rpx;
  height: 32rpx;
  right: 34rpx;
  top: 32rpx;
  position: absolute;
}

.detail image {
  width: 44rpx;
  height: 44rpx;
  position: absolute;
  left: 0;
  top: 0;
}

.voucher {
  width: 90%;
  padding: 0 5%;
  background-color: #fff;
  /* background-color: #cbcbcb; */
  height: 80rpx;
  position: relative;
  margin: 0 0 12rpx 0;
  border-bottom: 2rpx #fff solid;
  display: flex;
  justify-content: space-between；;
}

.textV1, .textV2 {
  height: 58rpx;
  width: 100rpx;
  padding-top: 26rpx;
  text-align: center;
  line-height: 80rxp;
  font-size: 24rpx;
  color: #333;
}

.textV2 {
  margin-top: 0rpx;
  padding: 0;
  /* background-color: rgb(0, 192, 255); */
  border-radius: 10rpx;
  width: 300rpx;
  height: 80rpx;
  line-height: 80rpx;
  font-size: 20rpx;
  border: 4rpx #fff solid;
  margin-bottom: 20rpx;
}

.textV3 {
  width: 225rpx;
}

/* .textV1{
  position: absolute;
  left: 10rpx;
  top: 22rpx;
} */

/* .textV2{
  position: absolute;
  top: 22rpx;
  right: 80rpx;
} */

.choice {
  width: 80rpx;
  height: 80rpx;
  position: relative;
}

.choice image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30rpx;
  height: 30rpx;
}

.buy-view {
  background: #fff;
  position: relative;
  padding-top: 10rpx;
  height: 98rpx;
  bottom: 0rpx;
  margin-top: 50rpx;
  /* left: 0;
  right: 0; */
}

.buy {
  background: #00c0ff;
  height: 88rpx;
  width: 98%;
  margin: 0 auto;
  color: #fff;
  font-size: 36rpx;
  line-height: 88rpx;
  border-radius: 6rpx;
  position: relative;
  z-index: 100;
}

.borderBox {
  width: 690rpx;
  margin: 20rpx auto 0;
}

.carmanage {
  position: relative;
  width: 690rpx;
  margin: 0 auto;
  height: 88rpx;
  line-height: 88rpx;
  border-bottom: 1rpx solid #eee;
}

.carmanage .fr {
  font-size: 28rpx;
  color: #888;
  letter-spacing: 1.16rpx;
  text-align: right;
  margin-right: 40rpx;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.carmanage .fl {
  width: 400rpx;
}

.carmanage .fr image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 44rpx;
  height: 44rpx;
}

.carmanage  image {
  width: 40rpx;
  vertical-align: middle;
}

.mycar {
  display: inline-block;
  margin-left: 20rpx;
  font-size: 30rpx;
  color: #333;
  letter-spacing: 1.16rpx;
}

.num {
  display: inline-block;
  font-size: 26rpx;
  color: #999;
  letter-spacing: 0;
  margin-left: 20rpx;
}

.orderBox {
  width: 100%;
  height: 100rpx;
  border-top: 1rpx #f8f8f8 solid;
  position: relative;
  display: flex;
}

.priceBox {
  width: 420rpx;
}

.priceBox text {
  margin-top: 35rpx;
  color: #333;
  font-size: 24rpx;
  margin-left: 50rpx;
  display: block;
}

.payBox {
  width: 250rpxpx;
}

.payBox button {
  width: 230rpx;
  border: 0;
  font-size: 32rpx;
  margin-top: 13rpx;
  margin-right: 20rpx;
  background-color: lightgreen;
  color: white;
}

input {
  outline: none;
  border: none;
  list-style: none;
}

button::after {
  border: none;
}

.right {
  width: 328rpx;
}

.textRight {
  margin-left: 0;
  margin-right: 25rpx;
  text-align: right;
  font-size: 30rpx !important;
  color: red !important;
}

.buyBox {
  width: 750rpx;
  height: 88rpx;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100000000;
}

.myCars image {
  width: 44rpx;
  height: 44rpx;
  vertical-align: middle;
  margin-right: 14rpx;
}

.myCars {
  font-size: 34rpx;
  color: #02c0ff;
  letter-spacing: 0;
  text-align: center;
  padding-top: 58rpx;
}

.dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 19rpx;
  display: flex;
  justify-content: center;
  height: 19rpx;
  background: #fff;
}

.dots .dot {
  margin: 0 8rpx;
  width: 32rpx;
  height: 14rpx;
  background: #fff;
  border-radius: 8rpx;
  transition: all 0.6s;
}

.dots .dot.active {
  width: 49rpx;
  height: 4rpx;
  background: rgba(86, 189, 248, 1);
  border-radius: 6rpx;
}
