.car-info{ margin-top: 20rpx; margin-bottom: 33rpx; padding: 32rpx 40rpx 54rpx; border-bottom: 20rpx solid #F4F4F4; .car-info-img{ width: 220rpx; height: 287rpx;; padding: 14rpx; margin-right: 35rpx; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 0px 8rpx 3rpx rgba(166, 166, 166, 0.29); border-radius: 10rpx; } .car-info-text{ .text-item{ padding-bottom: 15rpx; margin-bottom: 15rpx; border-bottom: 1px solid #EAEAEA; font-size: 30rpx; font-weight: 400; color: #8A8A8A; line-height: 42rpx; letter-spacing: 1px; .car{ font-size: 40rpx; font-weight: 500; color: #3D3D3D; line-height: 56rpx; } .balance{ font-size: 32rpx; font-weight: 500; color: #FA6400; line-height: 45rpx; } .recharge{ padding: 0 22rpx; height: 36rpx; line-height: 36rpx; background: #3397FA; color: #fff; border-radius: 5rpx; font-size: 18rpx; } } .text-item.position-wrap{ font-size: 40rpx; font-weight: 500; color: #3D3D3D; line-height: 56rpx; } } } .confirm-pop{ .confirm-pop-til{ font-size: 40rpx; text-align: center; padding: 40rpx 0 10rpx; } .btn{ padding: 0 0 25rpx; text-align: center; font-size: 35rpx; } } .bottom-btn{ position: fixed; left: 40rpx; right: 40rpx; bottom: 47rpx; height: 85rpx; line-height: 85rpx; background: #3397FA; box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03); border-radius: 10rpx; text-align: center; font-size: 28rpx; font-weight: 500; color: #FFF; letter-spacing: 1px } .search{ margin: 10rpx 28rpx; } .bt1{ float: left; width: 80rpx; margin-top: 40rpx; margin-left: 40rpx; } .bt2{ float: right; width: 80rpx; margin-top: 40rpx; margin-right: 40rpx; } .bottom-btn-wrap{ display: flex; } .num{ margin: auto 0; } .pagesInput{ width: 45px; margin: auto 30rpx; } .roadspace-list{ overflow: hidden; margin-top: 30rpx; margin-left: 22rpx; .roadspace-list-item{ float: left; width: calc( 50% - 18rpx ); margin-bottom: 13rpx; margin-left: 18rpx; .block{ overflow: hidden; margin-bottom: 9rpx; height: 129rpx; background: #D6EBFD; border-radius: 11rpx; } .text{ font-size: 32rpx; line-height: 45rpx; font-weight: 500; color: #767676; text-align: center; } } @-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0; /*透明度为0*/ // background: #000000; } 100%{ opacity:1; /*透明度为1*/ // background: #CCFF00; } } .roadspace-list-item.used{ .block{ border: 2rpx solid #379EFA; background-color: #fff; // animation: twinkling 1s infinite ease-in-out; } .flashing{ overflow: hidden; margin-bottom: 9rpx; height: 129rpx; border-radius: 11rpx; animation: twinkling 1s infinite ease-in-out; } .block-top{ height: 75rpx; background-color: #3397FA; display: flex; align-items: center; padding-left: 40rpx; color: #fff; .car-no{ margin-left: 27rpx; font-size: 36rpx; font-weight: 500; color: #FFFFFF; letter-spacing: 1px; } } .block-bottom{ height: calc( 100% - 75rpx ); display: flex; align-items: center; padding-left: 40rpx; color: #767676; .time{ margin-left: 29rpx; } } } }