.content.data-v-8a3351c6 { padding: 30rpx; } .content .banner.data-v-8a3351c6 { background-color: #1f68e9; border-radius: 15rpx; color: #fff; height: 240rpx; padding: 30rpx; position: relative; } .content .banner .title.data-v-8a3351c6 { height: 95rpx; position: absolute; top: 40rpx; z-index: 10; } .content .banner .image.data-v-8a3351c6 { bottom: -15rpx; height: 170rpx; position: absolute; right: -10rpx; width: 350rpx; z-index: 9; } .content .module-title.data-v-8a3351c6 { align-items: center; border-left: 6rpx solid #1f68e9; display: -webkit-flex; display: flex; font-size: 36rpx; font-weight: 700; justify-content: space-between; line-height: 36rpx; margin: 30rpx 0; padding-left: 20rpx; } .content .module-title .tips.data-v-8a3351c6 { color: #1f68e9; font-size: 30rpx; font-weight: 400; } .content .query-content.data-v-8a3351c6 { background-color: #fff; border-radius: 10rpx; padding: 40rpx; } .content .query-content .radio-group.data-v-8a3351c6 { align-items: center; display: -webkit-flex; display: flex; font-size: 32rpx; margin-bottom: 30rpx; } .content .query-content .radio-group label.data-v-8a3351c6 { align-items: center; display: -webkit-flex; display: flex; margin-right: 20rpx; } .content .query-content .radio-group .tips.data-v-8a3351c6 { color: #1f68e9; font-size: 30rpx; } .content .query-content .vehicle-content.data-v-8a3351c6 { align-items: center; display: -webkit-flex; display: flex; } .content .query-content .vehicle-content .number-item.data-v-8a3351c6 { border: 2rpx solid #e1e1e1; display: -webkit-flex; display: flex; font-weight: 700; height: 85rpx; justify-content: center; margin: 0 7rpx; position: relative; width: 75rpx; } .content .query-content .vehicle-content .number-item.new.data-v-8a3351c6 { border: 2rpx dashed #6fd99a; } .content .query-content .vehicle-content .number-item .number.data-v-8a3351c6 { font-size: 32rpx; height: 50rpx; margin-top: 18rpx; padding-bottom: 18rpx; text-align: center; width: 35rpx; } .content .query-content .vehicle-content .number-item .number.selected.data-v-8a3351c6 { border-bottom: 4rpx solid #1f68e9; } .content .query-content .vehicle-content .number-item .energy.data-v-8a3351c6 { background: #0ac260; border-radius: 14rpx; color: #fff; font-size: 16rpx; height: 28rpx; left: 2rpx; line-height: 28rpx; position: absolute; text-align: center; top: -20rpx; width: 60rpx; } .content .query-content .input-content.data-v-8a3351c6 { align-items: center; background-color: #fff; border: 1px solid #e1e1e1; border-radius: 10rpx; display: -webkit-flex; display: flex; padding: 20rpx; position: relative; } .content .query-content .input-content.selected.data-v-8a3351c6 { border-color: #1f68e9; } .content .query-content .input-content .input.data-v-8a3351c6 { align-items: center; display: -webkit-flex; display: flex; flex-grow: 1; font-size: 32rpx; font-size: 30rpx; overflow-y: scroll; position: relative; } .content .query-content .input-content .input .placeholder.data-v-8a3351c6 { color: silver; left: 0; position: absolute; } .content .query-content .input-content .input .cursor.data-v-8a3351c6 { animation: cursor-blinks-8a3351c6 1.5s step-start infinite; background: #1f68e9; height: 40rpx; width: 4rpx; } .content .query-content .input-content .clear.data-v-8a3351c6 { flex-shrink: 0; height: 32rpx; padding: 0 10rpx 0 20rpx; width: 32rpx; } .content .query-content .input-content .input-length.data-v-8a3351c6 { color: #232323; flex-shrink: 0; font-size: 26rpx; } .content .query-content .input-content .photo.data-v-8a3351c6 { flex-shrink: 0; height: 50rpx; margin-left: 10rpx; margin-top: -5rpx; width: 50rpx; } .content .query-content .title-content.data-v-8a3351c6 { align-items: center; display: -webkit-flex; display: flex; font-size: 32rpx; margin: 30rpx 0; } .content .query-content .button.data-v-8a3351c6 { align-items: center; background-color: #1f68e9; border-radius: 10rpx; color: #fff; display: -webkit-flex; display: flex; font-size: 32rpx; font-weight: 700; height: 90rpx; justify-content: center; margin-top: 40rpx; } .content .example-content.data-v-8a3351c6 { background-color: #fff; border-radius: 10rpx; overflow: hidden; } .content .example-content .tabs.data-v-8a3351c6 { align-items: center; background-color: #fff; border-bottom: 2rpx solid #ebeef5; display: -webkit-flex; display: flex; font-size: 32rpx; height: 90rpx; justify-content: space-evenly; width: 100%; } .content .example-content .tabs .tab.data-v-8a3351c6 { height: 90rpx; line-height: 90rpx; } .content .example-content .tabs .tab.active.data-v-8a3351c6 { border-bottom: 4rpx solid #1f68e9; color: #1f68e9; } .content .example-content .cell.data-v-8a3351c6 { align-items: center; display: -webkit-flex; display: flex; justify-content: space-between; margin: 40rpx; } .content .example-content .cell-title.data-v-8a3351c6 { align-items: center; color: #333; display: -webkit-flex; display: flex; font-size: 30rpx; padding-left: 5rpx; } .content .example-content .cell-title image.data-v-8a3351c6 { height: 30rpx; margin-left: 10rpx; width: 30rpx; } .content .example-content .cell-value.data-v-8a3351c6 { color: #686868; font-size: 30rpx; padding-right: 5rpx; } .content .example-content .tips.data-v-8a3351c6 { background-color: #fffbe8; color: #ed6a0c; font-size: 26rpx; padding: 20rpx; } .content .disclaimer.data-v-8a3351c6 { background-color: #fff; border-radius: 10rpx; color: #333; font-size: 30rpx; padding: 30rpx 40rpx; } @-webkit-keyframes cursor-blinks-8a3351c6 { 0% { display: block; opacity: 1; } 50% { display: none; opacity: 0; } to { display: block; opacity: 1; } } @keyframes cursor-blinks-8a3351c6 { 0% { display: block; opacity: 1; } 50% { display: none; opacity: 0; } to { display: block; opacity: 1; } }