/* pages/passCar/showList.wxss */ page {} .list { padding-top: 10rpx; } .noOrder { text-align: center; font-weight: 600; margin-top: 50%; } .list .item { position: relative; background-color: #fff; margin-bottom: 15rpx; border-radius: 20rpx; padding: 20rpx 0 15rpx 0; } .list .item .child { font-size: 28rpx; margin: 0 0 20rpx 20rpx; } .list .item .payInfo { display: flex; padding: 0 0 20rpx 40rpx; border-bottom: 1px solid #f1f1f1; } .list .item .payInfo .parking { width: 110rpx; height: 110rpx; } .list .item .payInfo .time { position: relative; color: #979797; font-size: 25rpx; top: 10rpx; left: 30rpx; } .list .item .payFee { margin: 20rpx 0 0 20rpx; } .list .item .payFee .highLight { color: #fe725c; } .list .item .detail { position: absolute; right: 40rpx; top: 50%; width: 100rpx; height: 40rpx; color: #fff; line-height: 40rpx; font-size: 25rpx; transform: translateY(-50%); border-radius: 10rpx; background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); padding: 5rpx 10rpx 5rpx 10rpx; } .list .item .notice { position: absolute; right: 40rpx; top: 30rpx; transform: translateY(-50%); color: #ff0000; }