|
@@ -288,268 +288,7 @@
|
288
|
288
|
color: #ffffff;
|
289
|
289
|
}
|
290
|
290
|
}
|
291
|
|
- .OrderNumber {
|
292
|
|
-
|
293
|
|
- height: 19px;
|
294
|
|
- font-size: 20px;
|
295
|
|
- font-weight: 400;
|
296
|
|
- color: #666666;
|
297
|
|
- line-height: 44px;
|
298
|
|
- }
|
299
|
|
- .wrapper {
|
300
|
|
- margin-top: 40px;
|
301
|
|
- display: flex;
|
302
|
|
- position: relative;
|
303
|
|
-
|
304
|
|
- margin: 30px auto;
|
305
|
|
- width: 700px;
|
306
|
|
-
|
307
|
|
-
|
308
|
|
-
|
309
|
|
- filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.12));
|
310
|
|
- .card-box-star {
|
311
|
|
- position: absolute;
|
312
|
|
- width: auto;
|
313
|
|
- height: 44.3px;
|
314
|
|
- position: absolute;
|
315
|
|
- left: 200px;
|
316
|
|
- top: 28px;
|
317
|
|
- font-size: 20px;
|
318
|
|
- color: @whiteColor;
|
319
|
|
- .card-star-image {
|
320
|
|
- padding-left: 6px;
|
321
|
|
- width: 21px;
|
322
|
|
- height: 21px;
|
323
|
|
- }
|
324
|
|
- .card-star-text {
|
325
|
|
- padding-left: 10px;
|
326
|
|
- font-size: 20px;
|
327
|
|
- color: #333;
|
328
|
|
- font-weight: 700;
|
329
|
|
- }
|
330
|
|
- }
|
331
|
|
-
|
332
|
|
- .left-complete-one {
|
333
|
|
- padding-top: 85px;
|
334
|
|
- padding-bottom: 43px;
|
335
|
|
- position: relative;
|
336
|
|
- display: flex;
|
337
|
|
- background: @whiteColor;
|
338
|
|
- background: radial-gradient(
|
339
|
|
- circle at top right,
|
340
|
|
- transparent 15px,
|
341
|
|
- @whiteColor 0
|
342
|
|
- )
|
343
|
|
- top right,
|
344
|
|
- radial-gradient(circle at bottom right, transparent 15px, @whiteColor 0)
|
345
|
|
- bottom right;
|
346
|
|
- background-size: 100% 60%;
|
347
|
|
- background-repeat: no-repeat;
|
348
|
|
-
|
349
|
|
- width: 573px;
|
350
|
|
- border-radius: 15px 0px 0px 15px;
|
351
|
|
-
|
352
|
|
-
|
353
|
|
- align-items: center;
|
354
|
|
- .left-image-1 {
|
355
|
|
- width: 145px;
|
356
|
|
- height: 44px;
|
357
|
|
- position: absolute;
|
358
|
|
- top: 22px;
|
359
|
|
- }
|
360
|
|
- .left-viewText {
|
361
|
|
-
|
362
|
|
-
|
363
|
|
- width: auto;
|
364
|
|
- height: 44.3px;
|
365
|
|
- position: absolute;
|
366
|
|
- left: 1px;
|
367
|
|
- top: 28px;
|
368
|
|
- font-size: 20px;
|
369
|
|
- color: @whiteColor;
|
370
|
|
- }
|
371
|
|
-
|
372
|
|
- .title-image {
|
373
|
|
- width: 145px;
|
374
|
|
- margin-left: 20px;
|
375
|
|
- border-radius: 24px;
|
376
|
|
- overflow: hidden;
|
377
|
|
- position: relative;
|
378
|
|
- .image-1 {
|
379
|
|
- width: 100%;
|
380
|
|
- height: 145px;
|
381
|
|
- }
|
382
|
|
- .image-2 {
|
383
|
|
- width: 89px;
|
384
|
|
- height: 34px;
|
385
|
|
- position: absolute;
|
386
|
|
- left: 0;
|
387
|
|
- top: 0;
|
388
|
|
- }
|
389
|
|
- }
|
390
|
|
-
|
391
|
|
- .title-content {
|
392
|
|
-
|
393
|
|
- padding-left: 18px;
|
394
|
|
-
|
395
|
|
- .Pro-title {
|
396
|
|
- .title-text {
|
397
|
|
- width: 375px;
|
398
|
|
- overflow: hidden;
|
399
|
|
- text-overflow: ellipsis;
|
400
|
|
-
|
401
|
|
- -webkit-line-clamp: 1;
|
402
|
|
- -webkit-box-orient: vertical;
|
403
|
|
-
|
404
|
|
- text-align: left;
|
405
|
|
- font-size: 24px;
|
406
|
|
-
|
407
|
|
- }
|
408
|
|
- }
|
409
|
|
- .title-money {
|
410
|
|
-
|
411
|
|
- font-size: 24px;
|
412
|
|
-
|
413
|
|
- font-weight: 800;
|
414
|
|
- }
|
415
|
|
- .title-money-2 {
|
416
|
|
- height: 19px;
|
417
|
|
- font-size: 20px;
|
418
|
|
- font-weight: 400;
|
419
|
|
- color: #333333;
|
420
|
|
- padding-left: 40px;
|
421
|
|
- }
|
422
|
|
-
|
423
|
|
- .title-time {
|
424
|
|
- font-size: 24px;
|
425
|
|
-
|
426
|
|
- color: #c0c8d3;
|
427
|
|
- }
|
428
|
|
- .title-position-on {
|
429
|
|
- display: flex;
|
430
|
|
- font-size: 20px;
|
431
|
|
- .title-position {
|
432
|
|
- width: 18px;
|
433
|
|
- height: 24px;
|
434
|
|
- padding-right: 10px;
|
435
|
|
- padding-top: 5px;
|
436
|
|
- }
|
437
|
|
- .title-position-image {
|
438
|
|
- align-items: center;
|
439
|
|
- font-size: 20px;
|
440
|
|
- color: #333;
|
441
|
|
- }
|
442
|
|
- .title-on {
|
443
|
|
-
|
444
|
|
- padding-top: 5px;
|
445
|
|
- padding-left: 40px;
|
446
|
|
- width: 21px;
|
447
|
|
- height: 21px;
|
448
|
|
- padding-right: 10px;
|
449
|
|
- }
|
450
|
|
- .title-on-text {
|
451
|
|
- align-items: center;
|
452
|
|
-
|
453
|
|
- font-size: 20px;
|
454
|
|
- color: #333;
|
455
|
|
- }
|
456
|
|
- }
|
457
|
|
- }
|
458
|
|
- }
|
459
|
|
-
|
460
|
|
-
|
461
|
|
-
|
462
|
|
-
|
463
|
|
- }
|
464
|
|
-
|
465
|
|
- .right-complete-two {
|
466
|
|
- background: @whiteColor;
|
467
|
|
- background: radial-gradient(
|
468
|
|
- circle at top left,
|
469
|
|
- transparent 15px,
|
470
|
|
- @whiteColor 0
|
471
|
|
- )
|
472
|
|
- top left,
|
473
|
|
- radial-gradient(circle at bottom left, transparent 15px, @whiteColor 0)
|
474
|
|
- bottom left;
|
475
|
|
- background-size: 100% 60%;
|
476
|
|
- background-repeat: no-repeat;
|
477
|
|
- width: 129px;
|
478
|
|
- border-radius: 0 15px 15px 0;
|
479
|
|
- position: relative;
|
480
|
|
-
|
481
|
|
- .right-content {
|
482
|
|
-
|
483
|
|
- height: 120px;
|
484
|
|
- position: absolute;
|
485
|
|
- top: 50%;
|
486
|
|
- left: 50%;
|
487
|
|
- transform: translate(-50%, -50%);
|
488
|
|
-
|
489
|
|
- .right-image-2 {
|
490
|
|
- width: 76px;
|
491
|
|
- height: 66px;
|
492
|
|
- margin-top: 1em;
|
493
|
|
- }
|
494
|
|
- .right-number {
|
495
|
|
-
|
496
|
|
-
|
497
|
|
-
|
498
|
|
-
|
499
|
|
-
|
500
|
|
-
|
501
|
|
- }
|
502
|
|
- .right-image {
|
503
|
|
-
|
504
|
|
- width: 35px;
|
505
|
|
- height: 34px;
|
506
|
|
- margin: 0 auto;
|
507
|
|
- align-items: center;
|
508
|
|
- margin: auto;
|
509
|
|
- padding-left: 8px;
|
510
|
|
-
|
511
|
|
- }
|
512
|
|
-
|
513
|
|
- .right-title {
|
514
|
|
- font-weight: 700;
|
515
|
|
- font-size: 24px;
|
516
|
|
- padding-top: 15px;
|
517
|
|
- text-align: center;
|
518
|
|
- }
|
519
|
|
- }
|
520
|
|
- }
|
521
|
|
-
|
522
|
|
- .right-complete-two::after {
|
523
|
|
- content: "";
|
524
|
|
- position: absolute;
|
525
|
|
- top: 15px;
|
526
|
|
- margin: 26px auto;
|
527
|
|
- height: 70%;
|
528
|
|
- border-left: 1px dashed #595959;
|
529
|
|
- }
|
530
|
|
- .foot {
|
531
|
|
- width: 100%;
|
532
|
|
- height: 26px;
|
533
|
|
- font-size: 28px;
|
534
|
|
- font-weight: 400;
|
535
|
|
- color: #c0c8d3;
|
536
|
|
- line-height: 34px;
|
537
|
|
- margin-top: 40px;
|
538
|
|
- text-align: center;
|
539
|
|
- }
|
540
|
|
-
|
541
|
|
- .button-info {
|
542
|
|
- margin-bottom: 70px;
|
543
|
|
-
|
544
|
|
- .button-box {
|
545
|
|
- margin: 60px 0;
|
546
|
|
- width: calc(100% - 60px);
|
547
|
|
- height: 88px;
|
548
|
|
- line-height: 88px;
|
549
|
|
- background: #274291;
|
550
|
|
- border-radius: 12px;
|
551
|
|
- color: @whiteColor;
|
552
|
|
- }
|
553
|
|
- }
|
554
|
291
|
}
|
555
|
292
|
}
|
|
293
|
+
|
|
294
|
+
|