.car-number.data-v-1e125aa4 { position: relative; width: 100%; } .car-number .wrap.data-v-1e125aa4 { width: 100%; height: 100%; display: flex; justify-content: space-between; border: 1rpx solid #e6e6e6; box-sizing: border-box; border-radius: 8rpx; box-shadow: 0rpx 6rpx 6rpx 0rpx rgba(128, 128, 128, 0.1); padding: 15rpx 0; } .car-number .new-energy.data-v-1e125aa4 { font-size: 24rpx; color: #333232; margin-bottom: 13rpx; display: flex; flex-direction: row-reverse; padding-right: 5rpx; } .car-number .cell.data-v-1e125aa4 { padding: 14rpx 0; flex: 1; color: #666666; font-size: 34rpx; border-right: 1rpx solid #cccccc; text-align: center; border-bottom: 1rpx solid transparent; box-sizing: border-box; padding: 0 10rpx; display: flex; flex-direction: column; position: relative; height: 70rpx; } .car-number .cell .val.data-v-1e125aa4 { flex: 1; display: flex; align-items: center; justify-content: center; } .car-number .cell .border.data-v-1e125aa4 { flex-shrink: 0; flex-grow: 0; height: 2rpx; background: transparent; width: 100%; } .car-number .cell.active .border.data-v-1e125aa4 { background: #fe8525; } .car-number .cell.no-border.data-v-1e125aa4 { border-right: none; } .car-number .cell.last.data-v-1e125aa4:after { content: ""; width: 100%; border: 2px solid #00ff00; border-radius: 8rpx; margin: -18rpx 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; }