.content.data-v-a4079225 { padding: 30rpx; position: relative; } .content .background.data-v-a4079225 { background: linear-gradient(180deg, #1f68e9, #fff); height: 2000rpx; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .content .content-title.data-v-a4079225 { border-bottom: 1rpx solid #74a8e6; color: #fff; font-size: 66rpx; padding-bottom: 20rpx; text-align: center; } .content .sub-title.data-v-a4079225 { color: #fff; font-size: 26rpx; margin-top: 20rpx; text-align: center; } .content .order-detail.data-v-a4079225 { color: #fff; font-size: 28rpx; margin-top: 50rpx; } .content .order-detail .detail-item.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; margin: 15rpx 0; } .content .order-detail .detail-item .label.data-v-a4079225 { width: 170rpx; } .content .order-detail .detail-item .value.data-v-a4079225 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 510rpx; } .content .card.data-v-a4079225 { background-color: #fff; border-radius: 10rpx; margin: 30rpx 0; padding: 30rpx; } .content .card .card-title.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; justify-content: space-between; } .content .card .card-title .icon-title.data-v-a4079225 { height: 30rpx; margin-right: 10rpx; width: 34rpx; } .content .card .card-title .suffix.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; } .content .card .card-title .suffix image.data-v-a4079225 { height: 30rpx; margin-left: 30rpx; width: 30rpx; } .content .card .card-title .suffix text.data-v-a4079225 { color: #9a9a9a; font-size: 3028rpxrpx; margin-left: 8rpx; } .content .card .card-title image.data-v-a4079225 { flex-shrink: 0; } .content .card .card-title text.data-v-a4079225 { color: #1f68e9; flex-grow: 1; font-size: 32rpx; } .content .brand-name.data-v-a4079225 { font-size: 32rpx; font-weight: 700; margin-top: 30rpx; } .content .vehicle-info.data-v-a4079225 { font-size: 30rpx; } .content .vehicle-info .item.data-v-a4079225 { margin-top: 30rpx; } .content .ckpc-content.data-v-a4079225, .content .vehicle-info .item.data-v-a4079225 { display: -webkit-flex; display: flex; justify-content: space-between; } .content .ckpc-content.data-v-a4079225 { align-items: center; flex-wrap: wrap; } .content .ckpc-content .item.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; margin-top: 30rpx; position: relative; width: 135rpx; } .content .ckpc-content .item .icon.data-v-a4079225 { height: 56rpx; width: 56rpx; } .content .ckpc-content .item .name.data-v-a4079225 { font-size: 28rpx; margin-top: 10rpx; } .content .ckpc-content .item .status.data-v-a4079225 { border-radius: 50rpx; font-size: 24rpx; margin-top: 20rpx; padding: 5rpx 16rpx; } .content .ckpc-content .item .status.normal.data-v-a4079225 { background-color: #dbf5e2; color: #4aa444; } .content .ckpc-content .item .status.error.data-v-a4079225 { background-color: rgba(238, 36, 25, 0.094); color: #eb5a5a; } .content .ckpc-content .item .status.unidentified.data-v-a4079225 { background-color: #ececec; color: #606060; } .content .ckpc-content .item .status.doubt.data-v-a4079225 { background-color: rgba(255, 112, 56, 0.157); color: #ff7038; } .content .grade-info.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; } .content .grade-info .grade-img.data-v-a4079225 { height: 172rpx; margin: 30rpx 0; width: 200rpx; } .content .grade-info .explain.data-v-a4079225 { background: #fafafa; border-radius: 10rpx; color: #9a9a9a; font-size: 26rpx; line-height: 38rpx; padding: 20rpx; position: relative; } .content .vehicle-detail.data-v-a4079225 { margin-top: 20rpx; } .content .vehicle-detail .part-title.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; font-size: 30rpx; justify-content: space-between; margin: 25rpx 0; } .content .vehicle-detail .part-title .count.data-v-a4079225 { color: #333; } .content .vehicle-detail .part-list.data-v-a4079225 { font-size: 28rpx; } .content .vehicle-detail .part-list .part-item.data-v-a4079225 { display: -webkit-flex; display: flex; justify-content: space-between; margin: 25rpx 0; } .content .vehicle-detail .part-list .part-item .label.data-v-a4079225 { color: #9a9a9a; } .content .vehicle-detail .part-list .part-item .value.data-v-a4079225 { color: #333; margin-right: 50rpx; } .content .part-content.data-v-a4079225 { border-radius: 17rpx; display: -webkit-flex; display: flex; margin-top: 20rpx; } .content .part-content .part-left.data-v-a4079225 { flex-shrink: 0; width: 200rpx; } .content .part-content .part-left-item.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; height: 65rpx; } .content .part-content .part-left-item image.data-v-a4079225 { height: 30rpx; width: 30rpx; } .content .part-content .part-left-item text.data-v-a4079225 { color: #333; font-size: 28rpx; margin-left: 20rpx; } .content .part-content .part-right.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; flex-grow: 1; justify-content: center; position: relative; } .content .part-content .part-right .pic.data-v-a4079225 { height: 577rpx; width: 300rpx; z-index: 10; } .content .part-content .part-right .position.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; position: absolute; z-index: 20; } .content .part-content .part-right .position.right.data-v-a4079225 { flex-direction: row-reverse; } .content .part-content .part-right .position.top.data-v-a4079225 { flex-direction: column; } .content .part-content .part-right .position.bottom.data-v-a4079225 { flex-direction: column-reverse; } .content .part-content .part-right .position .name.data-v-a4079225 { color: #333; font-size: 26rpx; } .content .part-content .part-right .position .horizontal-line.data-v-a4079225 { background: #bf5759; height: 2rpx; margin: 4rpx; width: 15rpx; } .content .part-content .part-right .position .vertical-line.data-v-a4079225 { background: #bf5759; height: 15rpx; margin: 4rpx; width: 2rpx; } .content .part-content .part-right .position .icon.data-v-a4079225 { background: #eb5a5b; border: 1rpx solid #fff; border-radius: 100%; height: 22rpx; width: 22rpx; } .content .insurance-content .tips.data-v-a4079225 { color: #5e5e6b; font-size: 24rpx; margin-top: 30rpx; } .content .insurance-content .top-content.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30rpx; } .content .insurance-content .top-content .item.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; margin-top: 20rpx; position: relative; width: 200rpx; } .content .insurance-content .top-content .item .icon.data-v-a4079225 { height: 56rpx; width: 56rpx; } .content .insurance-content .top-content .item .name.data-v-a4079225 { font-size: 28rpx; margin-top: 10rpx; } .content .insurance-content .top-content .item .status.data-v-a4079225 { border-radius: 50rpx; font-size: 24rpx; margin-top: 20rpx; padding: 5rpx 16rpx; } .content .insurance-content .top-content .item .status.normal.data-v-a4079225 { background-color: #dbf5e2; color: #4aa444; } .content .insurance-content .top-content .item .status.unknown.data-v-a4079225 { background-color: #ececec; color: #606060; } .content .insurance-content .top-content .item .status.warning.data-v-a4079225 { background-color: rgba(255, 112, 56, 0.157); color: #ff7038; } .content .insurance-content .bottom-content .item.data-v-a4079225 { display: -webkit-flex; display: flex; font-size: 30rpx; justify-content: space-between; margin-top: 30rpx; } .content .insurance-content .bottom-content .item .title.data-v-a4079225, .content .insurance-content .bottom-content .item .value.data-v-a4079225 { color: #333; } .content .insurance-detail.data-v-a4079225 { margin-top: 30rpx; } .content .insurance-detail .top-content.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; justify-content: space-between; } .content .insurance-detail .top-content .item.data-v-a4079225 { 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: 295rpx; } .content .insurance-detail .top-content .item .info.data-v-a4079225 { color: #9a9a9a; font-size: 26rpx; margin-top: 20rpx; } .content .insurance-detail .top-content .item .count.data-v-a4079225 { color: #1f68e9; font-size: 50rpx; font-weight: 700; } .content .insurance-detail .insurance-item .title.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; font-size: 30rpx; margin: 30rpx 0; } .content .insurance-detail .insurance-item .title .dot.data-v-a4079225 { background-color: #1f68e9; border-radius: 100%; flex-shrink: 0; height: 18rpx; width: 18rpx; } .content .insurance-detail .insurance-item .title .date.data-v-a4079225 { flex-shrink: 0; font-weight: 700; margin-left: 10rpx; } .content .insurance-detail .insurance-item .title .status.data-v-a4079225 { flex-grow: 1; } .content .insurance-detail .insurance-item .title .money.data-v-a4079225 { flex-shrink: 0; } .content .insurance-detail .insurance-item .records.data-v-a4079225 { background-color: #fff; border: 1rpx solid #d9d9d9; border-radius: 10rpx; font-size: 28rpx; } .content .insurance-detail .insurance-item .records .record-title.data-v-a4079225 { align-items: center; background-color: #f3f3f3; display: -webkit-flex; display: flex; padding: 15rpx 0; } .content .insurance-detail .insurance-item .records .record-title .value.data-v-a4079225 { display: -webkit-flex; display: flex; font-weight: 700; justify-content: center; width: 30%; } .content .insurance-detail .insurance-item .records .record-item.data-v-a4079225 { align-items: center; display: -webkit-flex; display: flex; padding: 15rpx 0; } .content .insurance-detail .insurance-item .records .record-item .value.data-v-a4079225 { display: -webkit-flex; display: flex; justify-content: center; width: 30%; } .content .intro.data-v-a4079225 { color: #333; font-size: 30rpx; padding: 10rpx 0; } .content .disclaimer.data-v-a4079225 { color: #333; font-size: 30rpx; padding: 20rpx 0; }