.content.data-v-1a2b913a {
  padding: 30rpx;
}
.content .banner.data-v-1a2b913a {
  background-color: #1f68e9;
  border-radius: 15rpx;
  color: #fff;
  height: 240rpx;
  padding: 30rpx;
  position: relative;
}
.content .banner .title.data-v-1a2b913a {
  height: 95rpx;
  position: absolute;
  top: 40rpx;
  z-index: 9;
}
.content .banner.maintain .image.data-v-1a2b913a {
  bottom: 5rpx;
  height: 120rpx;
  position: absolute;
  right: 0;
  width: 300rpx;
  z-index: 9;
}
.content .banner.accident .image.data-v-1a2b913a {
  bottom: -25rpx;
  height: 200rpx;
  position: absolute;
  right: -20rpx;
  width: 400rpx;
  z-index: 9;
}
.content .banner.overall .image.data-v-1a2b913a {
  bottom: 5rpx;
  height: 128rpx;
  position: absolute;
  right: 0;
  width: 300rpx;
  z-index: 9;
}
.content .module-title.data-v-1a2b913a {
  align-items: center;
  border-left: 6rpx solid #1f68e9;
  display: -webkit-flex;
  display: flex;
  font-size: 34rpx;
  font-weight: 700;
  justify-content: space-between;
  line-height: 34rpx;
  margin: 30rpx 0;
  padding-left: 20rpx;
}
.content .module-title .tips.data-v-1a2b913a {
  color: #1f68e9;
  font-size: 30rpx;
  font-weight: 400;
}
.content .query-content.data-v-1a2b913a {
  background-color: #fff;
  border-radius: 10rpx;
  padding: 40rpx;
}
.content .query-content .radio-group.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  font-size: 32rpx;
  margin-bottom: 30rpx;
}
.content .query-content .radio-group label.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  margin-right: 20rpx;
}
.content .query-content .radio-group .tips.data-v-1a2b913a {
  color: #1f68e9;
  font-size: 30rpx;
}
.content .query-content .vehicle-content.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
}
.content .query-content .vehicle-content .number-item.data-v-1a2b913a {
  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-1a2b913a {
  border: 2rpx dashed #6fd99a;
}
.content .query-content .vehicle-content .number-item .number.data-v-1a2b913a {
  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-1a2b913a {
  border-bottom: 4rpx solid #1f68e9;
}
.content .query-content .vehicle-content .number-item .energy.data-v-1a2b913a {
  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-1a2b913a {
  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-1a2b913a {
  border-color: #1f68e9;
}
.content .query-content .input-content .input.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-grow: 1;
  font-size: 32rpx;
  overflow-y: scroll;
  position: relative;
}
.content .query-content .input-content .input .placeholder.data-v-1a2b913a {
  color: silver;
  left: 0;
  position: absolute;
}
.content .query-content .input-content .input .cursor.data-v-1a2b913a {
  animation: cursor-blinks-1a2b913a 1.5s step-start infinite;
  background: #1f68e9;
  height: 40rpx;
  width: 4rpx;
}
.content .query-content .input-content .clear.data-v-1a2b913a {
  flex-shrink: 0;
  height: 32rpx;
  padding: 0 10rpx 0 20rpx;
  width: 32rpx;
}
.content .query-content .input-content .input-length.data-v-1a2b913a {
  color: #232323;
  flex-shrink: 0;
  font-size: 26rpx;
}
.content .query-content .input-content .photo.data-v-1a2b913a {
  flex-shrink: 0;
  height: 50rpx;
  margin-left: 10rpx;
  margin-top: -5rpx;
  width: 50rpx;
}
.content .query-content .button.data-v-1a2b913a {
  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: 30rpx;
}
.content .example-content.data-v-1a2b913a {
  background-color: #fff;
  border-radius: 10rpx;
  overflow: hidden;
}
.content .example-content .tabs.data-v-1a2b913a {
  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-1a2b913a {
  height: 90rpx;
  line-height: 90rpx;
}
.content .example-content .tabs .tab.active.data-v-1a2b913a {
  border-bottom: 4rpx solid #1f68e9;
  color: #1f68e9;
}
.content .example-content .example.data-v-1a2b913a {
  margin-top: 30rpx;
  padding: 30rpx;
  position: relative;
}
.content .example-content .example .background.data-v-1a2b913a {
  background: linear-gradient(180deg, #1f68e9, #fff);
  border-radius: 10rpx;
  height: 2000rpx;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.content .example-content .example .content-title.data-v-1a2b913a {
  border-bottom: 1rpx solid #74a8e6;
  color: #fff;
  font-size: 50rpx;
  margin-top: 20rpx;
  padding-bottom: 20rpx;
  position: relative;
  text-align: center;
  z-index: 2;
}
.content .example-content .example .sub-title.data-v-1a2b913a {
  color: #fff;
  font-size: 26rpx;
  margin-top: 20rpx;
  position: relative;
  text-align: center;
  z-index: 2;
}
.content .example-content .example .order-detail.data-v-1a2b913a {
  color: #fff;
  font-size: 28rpx;
  margin-top: 50rpx;
  position: relative;
  z-index: 2;
}
.content .example-content .example .order-detail .detail-item.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  margin: 15rpx 0;
}
.content
  .example-content
  .example
  .order-detail
  .detail-item
  .label.data-v-1a2b913a {
  width: 170rpx;
}
.content .example-content .card.data-v-1a2b913a {
  background-color: #fff;
  border-radius: 10rpx;
  margin: 30rpx 0;
  padding: 30rpx;
  position: relative;
  z-index: 2;
}
.content .example-content .card .card-title.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.content .example-content .card .card-title .icon-title.data-v-1a2b913a {
  height: 30rpx;
  margin-right: 10rpx;
  width: 34rpx;
}
.content .example-content .card .card-title .suffix.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
}
.content .example-content .card .card-title .suffix image.data-v-1a2b913a {
  height: 30rpx;
  margin-left: 30rpx;
  width: 30rpx;
}
.content .example-content .card .card-title .suffix text.data-v-1a2b913a {
  color: #9a9a9a;
  font-size: 3028rpxrpx;
  margin-left: 8rpx;
}
.content .example-content .card .card-title image.data-v-1a2b913a {
  flex-shrink: 0;
}
.content .example-content .card .card-title text.data-v-1a2b913a {
  color: #1f68e9;
  flex-grow: 1;
  font-size: 32rpx;
}
.content .example-content .brand-name.data-v-1a2b913a {
  font-size: 32rpx;
  font-weight: 700;
  margin-top: 30rpx;
}
.content .example-content .cell-content.data-v-1a2b913a {
  background-color: #fff;
  border-radius: 10rpx;
  margin-top: 20rpx;
  position: relative;
}
.content .example-content .cell-content .cell.data-v-1a2b913a {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 15rpx;
}
.content .example-content .cell-content .cell .title.data-v-1a2b913a {
  color: #333;
  flex-shrink: 0;
  font-size: 30rpx;
  padding-left: 5rpx;
  position: relative;
}
.content .example-content .cell-content .cell .value.data-v-1a2b913a {
  color: #686868;
  font-size: 30rpx;
  max-width: 450rpx;
  padding-right: 5rpx;
}
.content .example-content .mile-content.data-v-1a2b913a {
  background-color: #fff;
  margin-top: 20rpx;
}
.content .example-content .mile-content .mile-item.data-v-1a2b913a {
  border-left: 2rpx solid #ebeef5;
  border-right: 2rpx solid #ebeef5;
  display: -webkit-flex;
  display: flex;
  font-size: 30rpx;
  width: 100%;
}
.content .example-content .mile-content .mile-item.data-v-1a2b913a:last-child {
  border-bottom: 2rpx solid #ebeef5;
}
.content .example-content .mile-content .mile-item.selected.data-v-1a2b913a {
  background: #fafafa;
  border-bottom: 2rpx solid #ebeef5;
  border-top: 2rpx solid #ebeef5;
}
.content .example-content .mile-content .mile-item .date-title.data-v-1a2b913a,
.content .example-content .mile-content .mile-item .mile-title.data-v-1a2b913a {
  background-color: #f2f2f2;
  border-bottom: 2rpx solid #ebeef5;
  border-top: 2rpx solid #ebeef5;
  font-weight: 700;
}
.content .example-content .mile-content .mile-item .date-title.data-v-1a2b913a,
.content .example-content .mile-content .mile-item .date.data-v-1a2b913a,
.content .example-content .mile-content .mile-item .mile-title.data-v-1a2b913a,
.content .example-content .mile-content .mile-item .mile.data-v-1a2b913a {
  padding: 15rpx 0;
  text-align: center;
  width: 50%;
}
.content .example-content .record-content.data-v-1a2b913a {
  background-color: #fff;
  border-radius: 10rpx;
}
.content .example-content .ckpc-content.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content .example-content .ckpc-content .item.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin-top: 30rpx;
  position: relative;
  width: 135rpx;
}
.content .example-content .ckpc-content .item .icon.data-v-1a2b913a {
  height: 56rpx;
  width: 56rpx;
}
.content .example-content .ckpc-content .item .name.data-v-1a2b913a {
  font-size: 28rpx;
  margin-top: 10rpx;
}
.content .example-content .ckpc-content .item .status.data-v-1a2b913a {
  border-radius: 50rpx;
  font-size: 24rpx;
  margin-top: 20rpx;
  padding: 5rpx 16rpx;
}
.content .example-content .ckpc-content .item .status.normal.data-v-1a2b913a {
  background-color: #dbf5e2;
  color: #4aa444;
}
.content .example-content .ckpc-content .item .status.error.data-v-1a2b913a {
  background-color: rgba(238, 36, 25, 0.094);
  color: #eb5a5a;
}
.content
  .example-content
  .ckpc-content
  .item
  .status.unidentified.data-v-1a2b913a {
  background-color: #ececec;
  color: #606060;
}
.content .example-content .ckpc-content .item .status.doubt.data-v-1a2b913a {
  background-color: rgba(255, 112, 56, 0.157);
  color: #ff7038;
}
.content .example-content .grade-info.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.content .example-content .grade-info .grade-img.data-v-1a2b913a {
  height: 172rpx;
  margin: 30rpx 0;
  width: 200rpx;
}
.content .example-content .grade-info .explain.data-v-1a2b913a {
  background: #fafafa;
  border-radius: 10rpx;
  color: #9a9a9a;
  font-size: 26rpx;
  line-height: 38rpx;
  padding: 20rpx;
  position: relative;
}
.content .example-content .vehicle-detail.data-v-1a2b913a {
  margin-top: 20rpx;
}
.content .example-content .vehicle-detail .part-title.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  font-size: 30rpx;
  justify-content: space-between;
  margin: 25rpx 0;
}
.content .example-content .vehicle-detail .part-title .count.data-v-1a2b913a {
  color: #333;
}
.content .example-content .vehicle-detail .part-list.data-v-1a2b913a {
  font-size: 28rpx;
}
.content
  .example-content
  .vehicle-detail
  .part-list
  .part-item.data-v-1a2b913a {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 25rpx 0;
}
.content
  .example-content
  .vehicle-detail
  .part-list
  .part-item
  .label.data-v-1a2b913a {
  color: #9a9a9a;
}
.content
  .example-content
  .vehicle-detail
  .part-list
  .part-item
  .value.data-v-1a2b913a {
  color: #333;
  margin-right: 50rpx;
}
.content .example-content .part-content.data-v-1a2b913a {
  border-radius: 17rpx;
  display: -webkit-flex;
  display: flex;
  margin-top: 20rpx;
}
.content .example-content .part-content .part-left.data-v-1a2b913a {
  flex-shrink: 0;
  width: 200rpx;
}
.content .example-content .part-content .part-left-item.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  height: 65rpx;
}
.content .example-content .part-content .part-left-item image.data-v-1a2b913a {
  height: 30rpx;
  width: 30rpx;
}
.content .example-content .part-content .part-left-item text.data-v-1a2b913a {
  color: #333;
  font-size: 28rpx;
  margin-left: 20rpx;
}
.content .example-content .part-content .part-right.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  position: relative;
}
.content .example-content .part-content .part-right .pic.data-v-1a2b913a {
  height: 577rpx;
  width: 300rpx;
  z-index: 10;
}
.content .example-content .part-content .part-right .position.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  z-index: 20;
}
.content
  .example-content
  .part-content
  .part-right
  .position.right.data-v-1a2b913a {
  flex-direction: row-reverse;
}
.content
  .example-content
  .part-content
  .part-right
  .position.top.data-v-1a2b913a {
  flex-direction: column;
}
.content
  .example-content
  .part-content
  .part-right
  .position.bottom.data-v-1a2b913a {
  flex-direction: column-reverse;
}
.content
  .example-content
  .part-content
  .part-right
  .position
  .name.data-v-1a2b913a {
  color: #333;
  font-size: 26rpx;
}
.content
  .example-content
  .part-content
  .part-right
  .position
  .horizontal-line.data-v-1a2b913a {
  background: #bf5759;
  height: 2rpx;
  width: 15rpx;
}
.content
  .example-content
  .part-content
  .part-right
  .position
  .vertical-line.data-v-1a2b913a {
  background: #bf5759;
  height: 15rpx;
  width: 2rpx;
}
.content
  .example-content
  .part-content
  .part-right
  .position
  .icon.data-v-1a2b913a {
  background: #eb5a5b;
  border: 1rpx solid #fff;
  border-radius: 100%;
  height: 22rpx;
  width: 22rpx;
}
.content .example-content .top-content.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30rpx;
}
.content .example-content .top-content .item.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin-top: 20rpx;
  position: relative;
  width: 180rpx;
}
.content .example-content .top-content .item .icon.data-v-1a2b913a {
  height: 56rpx;
  width: 56rpx;
}
.content .example-content .top-content .item .name.data-v-1a2b913a {
  font-size: 24rpx;
  margin-top: 10rpx;
}
.content .example-content .top-content .item .status.data-v-1a2b913a {
  border-radius: 50rpx;
  font-size: 24rpx;
  margin-top: 20rpx;
  padding: 5rpx 16rpx;
}
.content .example-content .top-content .item .status.normal.data-v-1a2b913a {
  background-color: #dbf5e2;
  color: #4aa444;
}
.content .example-content .top-content .item .status.unknown.data-v-1a2b913a {
  background-color: #ececec;
  color: #606060;
}
.content .example-content .top-content .item .status.warning.data-v-1a2b913a {
  background-color: rgba(255, 112, 56, 0.157);
  color: #ff7038;
}
.content .example-content .bottom-content .item.data-v-1a2b913a {
  display: -webkit-flex;
  display: flex;
  font-size: 30rpx;
  justify-content: space-between;
  margin-top: 30rpx;
}
.content .example-content .bottom-content .item .title.data-v-1a2b913a,
.content .example-content .bottom-content .item .value.data-v-1a2b913a {
  color: #333;
}
.content .example-content .insurance-detail.data-v-1a2b913a {
  margin-top: 30rpx;
}
.content .example-content .insurance-detail .top-content.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.content .example-content .insurance-detail .top-content .item.data-v-1a2b913a {
  align-items: center;
  background: #f3f3f3;
  border: 1rpx solid #d9d9d9;
  border-radius: 10rpx;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 167rpx;
  justify-content: center;
  width: 270rpx;
}
.content
  .example-content
  .insurance-detail
  .top-content
  .item
  .info.data-v-1a2b913a {
  color: #9a9a9a;
  font-size: 26rpx;
  margin-top: 20rpx;
}
.content
  .example-content
  .insurance-detail
  .top-content
  .item
  .count.data-v-1a2b913a {
  color: #1f68e9;
  font-size: 50rpx;
  font-weight: 700;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .title.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  font-size: 30rpx;
  margin: 30rpx 0;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .title
  .dot.data-v-1a2b913a {
  background-color: #1f68e9;
  border-radius: 100%;
  flex-shrink: 0;
  height: 18rpx;
  width: 18rpx;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .title
  .date.data-v-1a2b913a {
  flex-shrink: 0;
  font-weight: 700;
  margin-left: 10rpx;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .title
  .status.data-v-1a2b913a {
  flex-grow: 1;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .title
  .money.data-v-1a2b913a {
  flex-shrink: 0;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .records.data-v-1a2b913a {
  background-color: #fff;
  border: 1rpx solid #d9d9d9;
  border-radius: 10rpx;
  font-size: 28rpx;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .records
  .record-title.data-v-1a2b913a {
  align-items: center;
  background-color: #f3f3f3;
  display: -webkit-flex;
  display: flex;
  padding: 15rpx 0;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .records
  .record-title
  .value.data-v-1a2b913a {
  display: -webkit-flex;
  display: flex;
  font-weight: 700;
  justify-content: center;
  width: 30%;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .records
  .record-item.data-v-1a2b913a {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  padding: 15rpx 0;
}
.content
  .example-content
  .insurance-detail
  .insurance-item
  .records
  .record-item
  .value.data-v-1a2b913a {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  width: 30%;
}
.content .example-content .notice.data-v-1a2b913a {
  color: #5e5e6b;
  font-size: 24rpx;
  margin-top: 30rpx;
}
.content .example-content .intro.data-v-1a2b913a {
  color: #333;
  font-size: 30rpx;
  padding: 10rpx 0;
}
.content .example-content .tips.data-v-1a2b913a {
  background-color: #fff9ea;
  color: #ff9a43;
  font-size: 26rpx;
  padding: 20rpx;
}
.content .disclaimer.data-v-1a2b913a {
  background-color: #fff;
  border-radius: 10rpx;
  color: #333;
  font-size: 30rpx;
  padding: 30rpx 40rpx;
}
@-webkit-keyframes cursor-blinks-1a2b913a {
  0% {
    display: block;
    opacity: 1;
  }
  50% {
    display: none;
    opacity: 0;
  }
  to {
    display: block;
    opacity: 1;
  }
}
@keyframes cursor-blinks-1a2b913a {
  0% {
    display: block;
    opacity: 1;
  }
  50% {
    display: none;
    opacity: 0;
  }
  to {
    display: block;
    opacity: 1;
  }
}
