|  | @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 #FD832D;
  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: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  border-radius: 12rpx;
  padding: 6rpx;
}
.tche {
  width: 157rpx;
  height: 180rpx;
  line-height: 180rpx;
  margin: 0 auto;
  float: right;
  border-radius: 12rpx;
  background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  border: 3px solid #fff;
  position: relative;
}
.txt01 {
  width: 497rpx;
  height: 180rpx;
  line-height: 180rpx;
  float: left;
  background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  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: #FD832D;
  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;
}
 |