/**passCar.wxss**/ 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; } .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; height: 220rpx; 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: 50rpx; } .textStyle { background-color: white; height: 88rpx; line-height: 88rpx; padding-left: 92rpx; border-bottom: 1rpx #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; } .passNumberBox { width: 750rpx; position: relative; background-color: white; border-bottom: 1rpx #f8f8f8 solid; } .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: 32rpx; } .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; border: 2rpx dashed #979797; border-radius: 16rpx; height: 200rpx; } .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; } .passUp { width: 100%; height: 100rpx; position: relative; } .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: 50rpx; }