.container.data-v-2d4081d3 { height: 100%; display: flex; flex-direction: column; background: linear-gradient(180deg, #C1DEFF 0%, rgba(193, 222, 255, 0) 100%); background-size: 100% 500rpx; background-repeat: no-repeat; } .body.data-v-2d4081d3 { flex: 1; height: 0; overflow: auto; background: linear-gradient(180deg, rgba(193, 222, 255, 0) 0%, #F3F5F7 50%, #F3F5F7 100%); } .body .carInfo.data-v-2d4081d3 { margin: 20rpx 32rpx 30rpx; background: #022B9A; box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(10, 54, 104, 0.1); border-radius: 16rpx 16rpx 16rpx 16rpx; overflow: hidden; } .body .carInfo .cardInfoHeader.data-v-2d4081d3 { display: flex; align-items: stretch; } .body .carInfo .carInfoLeftTop.data-v-2d4081d3 { display: flex; align-items: center; -webkit-column-gap: 10rpx; column-gap: 10rpx; padding: 20rpx; color: #fff; } .body .carInfo .carInfoLeftTop .carInfoLeftTopIcon.data-v-2d4081d3 { width: 36rpx; } .body .carInfo .carInfoRightTop.data-v-2d4081d3 { flex: 1; width: 0; background-color: #fff; text-align: right; padding-right: 20rpx; display: flex; align-items: center; justify-content: flex-end; border: 10rpx; -webkit-clip-path: polygon(20rpx 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 10rpx 10rpx); clip-path: polygon(20rpx 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 10rpx 10rpx); } .body .carInfo .cardInfoBody.data-v-2d4081d3 { padding: 30rpx; background-color: #fff; border-radius: 16rpx 0rpx 0 0; } .body .carInfo .cardInfoBody_content.data-v-2d4081d3 { display: flex; align-items: stretch; -webkit-column-gap: 32rpx; column-gap: 32rpx; padding-bottom: 20rpx; border-bottom: 1rpx dashed #858BA0; } .body .carInfo .cardInfoBody_content .carForm.data-v-2d4081d3 { padding: 10rpx 0; display: flex; flex-direction: column; justify-content: space-between; font-weight: 500; font-size: 28rpx; color: #858BA0; flex: 1; width: 0; } .body .carInfo .cardInfoBody_content .carForm_num.data-v-2d4081d3 { font-weight: bold; font-size: 36rpx; color: #333333; } .body .carInfo .cardInfoBody_content .carImg.data-v-2d4081d3 { width: 240rpx; height: 150rpx; border-radius: 8rpx 8rpx 8rpx 8rpx; background-color: #efefef; } .body .carInfo .cardInfoBody_footer.data-v-2d4081d3 { display: flex; align-items: center; font-weight: 500; font-size: 28rpx; color: #333333; padding-top: 20rpx; } .body .carInfo .cardInfoBody_footer .nj.data-v-2d4081d3 { border-right: 1rpx solid #ddd; margin-right: 20rpx; } .body .carInfo .cardInfoBody_footer .nj.data-v-2d4081d3, .body .carInfo .cardInfoBody_footer .bx.data-v-2d4081d3 { flex: 1; width: 0; display: flex; align-items: center; -webkit-column-gap: 10rpx; column-gap: 10rpx; } .body .carInfo .cardInfoBody_footer .date.data-v-2d4081d3 { color: #0174F6; } .body .carInfo .cardInfoBody_footer .cardInfoBody_footerIcon.data-v-2d4081d3 { width: 28rpx; height: 28rpx; } .body .baseInfo.data-v-2d4081d3 { margin: 20rpx 32rpx 30rpx; background: #FFFFFF; border-radius: 12rpx 12rpx 12rpx 12rpx; padding: 0 30rpx; font-weight: 500; font-size: 28rpx; color: #333333; } .body .baseInfo .formItem.data-v-2d4081d3 { padding: 40rpx 0; border-bottom: 1rpx solid #EEEEEE; } .body .baseInfo .formItem.data-v-2d4081d3:last-child { border: none; } .body .baseInfo .formItem_content.data-v-2d4081d3 { display: flex; align-items: center; -webkit-column-gap: 10rpx; column-gap: 10rpx; } .body .baseInfo .formItemInput.data-v-2d4081d3 { flex: 1; width: 0; text-align: right; } .body .baseInfo .formItemBtn.data-v-2d4081d3 { width: 24rpx; height: 24rpx; } .body .dateCard.data-v-2d4081d3 { margin: 20rpx 32rpx 30rpx; padding: 22rpx 30rpx; background: #FFFFFF; border-radius: 16rpx 16rpx 16rpx 16rpx; } .body .dateCard .cardTitle.data-v-2d4081d3 { font-weight: bold; font-size: 28rpx; color: #333333; } .body .dateCard .datePicker.data-v-2d4081d3 { display: flex; -webkit-column-gap: 20rpx; column-gap: 20rpx; overflow: auto; padding: 30rpx 0; border-bottom: 1rpx solid #EEEEEE; } .body .dateCard .datePicker .dateItem.data-v-2d4081d3 { padding: 20rpx 40rpx; border-radius: 8rpx 8rpx 8rpx 8rpx; border: 1rpx solid rgba(0, 0, 0, 0.1); font-size: 24rpx; color: #666666; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; } .body .dateCard .timerPicker.data-v-2d4081d3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20rpx; padding-top: 30rpx; } .body .dateCard .timerPicker .timeItem.data-v-2d4081d3 { border-radius: 8rpx 8rpx 8rpx 8rpx; border: 1rpx solid rgba(0, 0, 0, 0.1); padding: 30rpx 0; text-align: center; } .body .dateCard .timeItem.data-v-2d4081d3, .body .dateCard .dateItem.data-v-2d4081d3 { position: relative; overflow: hidden; } .body .dateCard .timeItem.active.data-v-2d4081d3, .body .dateCard .dateItem.active.data-v-2d4081d3 { border-radius: 8rpx 8rpx 8rpx 8rpx; border: 2rpx solid #0174F6; color: #0174F6; } .body .dateCard .timeItem.disabled.data-v-2d4081d3, .body .dateCard .dateItem.disabled.data-v-2d4081d3 { border-radius: 8rpx 8rpx 8rpx 8rpx; border: 1rpx solid rgba(0, 0, 0, 0.1); color: rgba(51, 51, 51, 0.4); } .body .dateCard .timeItem .activeIcon.data-v-2d4081d3, .body .dateCard .dateItem .activeIcon.data-v-2d4081d3 { position: absolute; right: 0; top: 0; width: 36rpx; height: 24rpx; } .footer.data-v-2d4081d3 { background: #FFFFFF; padding: 12rpx 0; padding-bottom: calc(12rpx + env(safe-area-inset-bottom)); } .footer .footerBtn.data-v-2d4081d3 { width: 80%; margin: 0 auto; padding: 22rpx 0; background: #0174F6; border-radius: 38rpx 38rpx 38rpx 38rpx; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 32rpx; color: #FFFFFF; }