|
- @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;
- }
|