.content.data-v-b2dfd9ff { padding: 30rpx; } .content .background.data-v-b2dfd9ff { background: linear-gradient(180deg, #1f68e9, #fff); height: 1500rpx; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .content .content-title.data-v-b2dfd9ff { border-bottom: 1rpx solid #74a8e6; color: #fff; font-size: 66rpx; padding-bottom: 20rpx; text-align: center; } .content .sub-title.data-v-b2dfd9ff { color: #fff; font-size: 26rpx; margin-top: 20rpx; text-align: center; } .content .order-detail.data-v-b2dfd9ff { color: #fff; font-size: 28rpx; margin-top: 50rpx; } .content .order-detail .detail-item.data-v-b2dfd9ff { align-items: center; display: -webkit-flex; display: flex; margin: 15rpx 0; } .content .order-detail .detail-item .label.data-v-b2dfd9ff { width: 170rpx; } .content .order-detail .detail-item .value.data-v-b2dfd9ff { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 510rpx; } .content .card.data-v-b2dfd9ff { background-color: #fff; border-radius: 10rpx; margin: 30rpx 0; padding: 30rpx; } .content .card .card-title.data-v-b2dfd9ff { align-items: center; display: -webkit-flex; display: flex; justify-content: space-between; } .content .card .card-title .icon-title.data-v-b2dfd9ff { height: 30rpx; margin-right: 10rpx; width: 34rpx; } .content .card .card-title .suffix.data-v-b2dfd9ff { align-items: center; display: -webkit-flex; display: flex; } .content .card .card-title .suffix image.data-v-b2dfd9ff { height: 30rpx; margin-left: 30rpx; width: 30rpx; } .content .card .card-title .suffix text.data-v-b2dfd9ff { color: #9a9a9a; font-size: 3028rpxrpx; margin-left: 8rpx; } .content .card .card-title image.data-v-b2dfd9ff { flex-shrink: 0; } .content .card .card-title text.data-v-b2dfd9ff { color: #1f68e9; flex-grow: 1; font-size: 32rpx; } .content .cell-content.data-v-b2dfd9ff { background-color: #fff; border-radius: 10rpx; margin-top: 20rpx; position: relative; } .content .cell-content .cell.data-v-b2dfd9ff { display: -webkit-flex; display: flex; justify-content: space-between; padding: 15rpx; } .content .cell-content .cell .title.data-v-b2dfd9ff { color: #333; flex-shrink: 0; font-size: 30rpx; padding-left: 5rpx; position: relative; } .content .cell-content .cell .value.data-v-b2dfd9ff { color: #686868; font-size: 30rpx; max-width: 450rpx; padding-right: 5rpx; } .content .mile-content.data-v-b2dfd9ff { background-color: #fff; margin-top: 20rpx; } .content .mile-content .mile-item.data-v-b2dfd9ff { border-left: 2rpx solid #ebeef5; border-right: 2rpx solid #ebeef5; display: -webkit-flex; display: flex; font-size: 30rpx; width: 100%; } .content .mile-content .mile-item.data-v-b2dfd9ff:last-child { border-bottom: 2rpx solid #ebeef5; } .content .mile-content .mile-item.selected.data-v-b2dfd9ff { background: #fafafa; border-bottom: 2rpx solid #ebeef5; border-top: 2rpx solid #ebeef5; } .content .mile-content .mile-item .date-title.data-v-b2dfd9ff, .content .mile-content .mile-item .mile-title.data-v-b2dfd9ff { background-color: #f2f2f2; border-bottom: 2rpx solid #ebeef5; border-top: 2rpx solid #ebeef5; font-weight: 700; } .content .mile-content .mile-item .date-title.data-v-b2dfd9ff, .content .mile-content .mile-item .date.data-v-b2dfd9ff, .content .mile-content .mile-item .mile-title.data-v-b2dfd9ff, .content .mile-content .mile-item .mile.data-v-b2dfd9ff { padding: 15rpx 0; text-align: center; width: 50%; } .content .record-content.data-v-b2dfd9ff { background-color: #fff; border-radius: 10rpx; } .content .disclaimer.data-v-b2dfd9ff { color: #333; font-size: 30rpx; padding: 20rpx 0; }