2024-01-16 22:53:42 +08:00

449 lines
11 KiB
Plaintext

.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;
}