@import "../app.wxss"; page { background-color: #fff; } .container { padding-bottom: 60rpx; } .cs { height: 30rpx; background-color: aqua } .con text { display: block; text-align: center; font-size: 30rpx; } .header { width: 690rpx; height: 80rpx; font-size: 32rpx; margin: 0 auto; border-radius: 16rpx; line-height: 80rpx; letter-spacing: 3rpx; } .header image { width: 60rpx; vertical-align: middle; margin-top: -5rpx; margin-right: 6rpx; } .top { border-bottom: 2rpx solid #f8f8f8; } .headBox { width: 690rpx; margin: 30rpx auto 0; box-sizing: border-box; display: flex; background-color: white; } .headBox image { width: 150rpx; height: 150rpx; margin: 10rpx 30rpx 0 0; border-radius: 16rpx; } .titleName { width: 100%; line-height: 35rpx; height: 35rpx; color: #666; font-size: 32rpx; word-break: break-all; text-align: justify; font-weight: bold; } ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .carLocation, .locationNumber { display: inline-block; height: 40rpx; color: #999; font-size: 24rpx; line-height: 30rpx; } .carLocation { width: 206rpx; font-size: 28rpx; } .price { width: 690rpx; font-size: 28rpx; color: #999; margin: 10rpx auto 0; } .time { color: #999 !important; } .price .fl { width: 15%; color: #333; } .price .fr { width: 85%; color: #999; line-height: 40rpx; font-size: 26rpx; } .titleName .fr { color: #999; font-size: 27rpx; } .borderBox { width: 750rpx; margin-top: 30rpx; } .borderUp { width: 680rpx; margin: 0 auto; font-size: 36rpx; border: 2rpx dashed #209cff; border-radius: 16rpx; padding-bottom: 40rpx; height: 202rpx; margin-top: 47rpx; } .addicense_active { width: 690rpx; /* box-shadow: 0 4rpx 20rpx 0 rgba(153, 153, 153, 0.35); */ border-radius: 12rpx; /* background: #02c0ff; */ /* padding-bottom: 40rpx; */ } .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: 34rpx; margin-bottom: 80rpx; border-top: 16rpx #f8f8f8 solid; } .bottonBox view:nth-of-type(1) image { height: 45rpx; } .textStyle { background-color: white; height: 88rpx; line-height: 88rpx; padding-left: 82rpx; border-bottom: 1px #f8f8f8 solid; position: relative; font-size: 30rpx; color: #333; letter-spacing: 1.16rpx; } .textStyle image { width: 40rpx; height: 40rpx; top: 24rpx; left: 27rpx; position: absolute; } .swiper { position: relative; margin: 0 auto; height: 262rpx; } .swiper-item { width: 365rpx; font-size: 75rpx; font-weight: 400; text-align: center; color: rgba(255, 255, 255, 1); } .swiper-item .clearfix1 { background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); border-radius: 12rpx; padding: 6rpx; } .tche { width: 685rpx; height: 88rpx; line-height: 88rpx; margin: 0 auto; background: #00c0ff; border-radius: 60rpx; position: relative; margin-top: 30rpx; } .txt01 { width: 667rpx; 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; font-size: 60rpx; } .passNumberBox { width: 690rpx; margin: 32rpx auto 0; position: relative; background-color: white; } .numberBox { width: 100%; } .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 { height: 88rpx; line-height: 88rpx; margin: 0 auto; font-size: 30rpx; font-weight: 400; color: #fff; 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; } .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; height: 88rpx; margin-top: 30rpx; display: flex; justify-content: center; align-items: center; } .buy { background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); height: 88rpx; width: 73%; margin: 0 auto; color: #fff; font-size: 36rpx; line-height: 88rpx; border-radius: 60rpx; position: absolute; z-index: 100; text-align: center; bottom: -676rpx; left: 100rpx; } .buyBox { height: 88rpx; line-height: 88rpx; width: 98%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 100000000; border-radius: 60rpx; } .active { opacity: 0.6; } .borderBox { width: 750rpx; } .carmanage { position: relative; width: 690rpx; margin: 15rpx auto 0; height: 60rpx; line-height: 60rpx; /* border-bottom: 1rpx solid #eee; */ } .carmanage .fr { font-size: 28rpx; color: #888; letter-spacing: 1.16rpx; text-align: right; } .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; font-size: 33rpx; color: #666; line-height: 35rpx; letter-spacing: 1.16rpx; } .num { display: inline-block; font-size: 26rpx; color: #999; letter-spacing: 0; margin-left: 20rpx; } .orderBox { padding: 0 45rpx; position: relative; } .priceBox { display: inline-block; width: 355rpx; } .priceBox text { color: #333; font-size: 28rpx; display: block; text-align: left; } .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 { display: inline-block; width: 328rpx; } .textRight { margin-left: 0; margin-right: 25rpx; text-align: left; font-size: 30rpx !important; color: #333 !important; } .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: #ccc; border-radius: 8rpx; transition: all 0.6s; } .dots .dot.active { width: 49rpx; height: 4rpx; background: rgba(86, 189, 248, 1); border-radius: 6rpx; } .coupon { display: flex; align-items: center; font-size: 30rpx; font-weight: 600; color: #29a8ff; } .orderBox .fl { line-height: 70rpx; font-size: 28rpx; color: #333; } .orderBox .fr { line-height: 70rpx; font-size: 28rpx; color: #fd832d; } .jians { font-size: 35rpx; display: inline-block; width: 68rpx; height: 68rpx; text-align: center; background: #ff4949; line-height: 68rpx; color: #fff; border-radius: 6rpx; margin-right: 15rpx; } .jiant { position: relative; bottom: 4rpx; display: inline-block; width: 35rpx; height: 35rpx; vertical-align: middle; } .img { display: block; width: 211rpx; margin: 168rpx auto 40rpx; } .txt1 { font-size: 22rpx; color: #a6a6a6; letter-spacing: 0; } .txt2 { display: block; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: center; line-height: 40rpx; margin-top: 10rpx; } .gray-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.2); } .ticket-modal { position: fixed; left: 50%; top: 50%; width: 80%; height: 880rpx; z-index: 10000; transform: translate(-50%, -50%); background: #fff; } .nocoupon image { width: 300rpx; display: block; margin: 3% auto 0; } .txt001 { display: block; line-height: 48rpx; font-size: 34rpx; color: #333; letter-spacing: 0; text-align: center; } .txt002 { display: block; margin-top: 1%; font-size: 28rpx; color: #999; letter-spacing: 0; line-height: 40rpx; text-align: center; } .nocoupon button { background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); color: #fff; font-size: 30rpx; width: 74%; border-radius: 60rpx; height: 78rpx; line-height: 78rpx; margin-top: 100rpx; } .loading { text-align: center; height: 80rpx; line-height: 80rpx; font-size: 26rpx; color: #999; } .loading image { width: 60rpx; height: 60rpx; vertical-align: middle; margin-right: 10rpx; } .section { position: relative; width: 90%; margin-left: 5%; } .mms { width: 100%; height: 180rpx !important; background: #fff; /* padding: 30rpx 0 0; */ margin: 0 auto 40rpx; /* border-radius: 16rpx; */ /* border-top: 8rpx solid #02b7ff; */ box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); } .detail_msg { display: flex; padding-top: 16rpx; padding-bottom: 16rpx; background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); } .logo { width: 60rpx; height: 60rpx; /* border: 1px solid #f8f8f8; */ border-radius: 50rpx; display: block; margin: 15rpx 20rpx 0 20rpx; } .logo image { width: 60rpx; height: 60rpx; border-radius: 50%; } .info view:nth-child(1) { display: flex; justify-content: space-between; padding: 0 4%; margin-top: 15rpx; } .info { width: 100%; border-left: 1rpx #fff dashed; } .info view:nth-child(1) text { font-size: 32rpx; line-height: 32rpx; height: 32rpx; color: #fff; letter-spacing: 0; width: 400rpx; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .info view:nth-child(2) { padding-left: 4%; font-size: 22rpx; color: #fff; letter-spacing: 0; margin-top: 6rpx; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 400rpx; } .info view:nth-child(3) { margin-left: 20rpx; } .active { color: #fff; opacity: 0.6; /* background: #02c0ff; */ } .expiretime { display: block; width: 100%; text-align: left; text-indent: 1em; height: 50rpx; line-height: 50rpx; font-size: 22rpx; color: #a6a6a6; letter-spacing: 0; } .ticket-title-tip { position: relative; width: 100%; height: 76rpx; line-height: 76rpx; text-align: center; color: #353535; font-size: 34rpx; } .close-icon { position: absolute; right: 10rpx; transform: translateY(16rpx); } .btns { position: absolute; right: 120rpx; top: 50rpx; height: 48rpx; line-height: 48rpx; text-align: right; color: #fff; font-size: 40rpx; } .yuan { color: #fff; font-size: 26rpx; } .gou { position: absolute; top: 45rpx; right: 30rpx; width: 60rpx; } .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal { margin-bottom: 2rpx; } .swiper-box .wx-swiper-dot { width: 40rpx; display: inline-flex; height: 6rpx; margin-left: 10rpx; border-radius: 6rpx; justify-content: space-between; } .swiper-box .wx-swiper-dot::before { content: ''; flex-grow: 1; background: #ccc8c8; } .swiper-box .wx-swiper-dot-active::before { background: #f6792b; }