Blame view

public/scss/cart/order-ensure.scss 18.2 KB
陈轩 authored
1 2 3
.order-ensure-page {
    background: #f0f0f0;
陈轩 authored
4 5 6 7 8 9
    .order-ensure-error {
        margin-top: 100px;
        text-align: center;
        background-color: #fff;
    }
陈轩 authored
10 11 12 13
    .title {
        font-size: 32px;
        color: #444;
    }
郭成尧 authored
14
陈峰 authored
15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77
    /* 优先级高不能后置 */
    .block {
        background: #fff;
        margin: 20px 0;
        padding: 30px 20px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;

        input,
        textarea {
            box-sizing: border-box;
            margin: 20px 0;
            padding: 0 12px;
            width: 100%;
            height: 72px;
            color: #444;
            background: #efefef;
            font-size: 24px;
            line-height: 1;
            outline: 0;
            border: 0;
            border-radius: 4px;
        }

        textarea {
            padding: 12px;
            height: auto;
            resize: none;
        }

        &.mt0 {
            margin-top: 0;
        }

        &.more-jit {
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: -0.5rem;
            border-bottom: none;

            a {
                display: inline-block;
                width: 100%;
            }
        }

        .more-jit {
            height: 88px;
            line-height: 88px;
            position: relative;

            span {
                font-size: 34px;
                color: #444;
            }

            .iconfont {
                position: absolute;
                right: 0;
            }
        }
    }
郭成尧 authored
78 79
    .price-cost {
        span {
陈轩 authored
80 81 82
            color: #f00;
        }
    }
郭成尧 authored
83 84 85

    .border-none {
        border-bottom: none !important;
陈轩 authored
86
    }
郭成尧 authored
87 88

    .boys {
陈峰 authored
89
        background: url("img/shopping-cart/boys.png") bottom left repeat-x #fff;
陈轩 authored
90
    }
郭成尧 authored
91 92

    .girls {
陈峰 authored
93
        background: url("img/shopping-cart/girls.png") bottom left repeat-x #fff;
陈轩 authored
94
    }
郭成尧 authored
95 96

    .kids {
陈峰 authored
97
        background: url("img/shopping-cart/kids.png") bottom left repeat-x #fff;
陈轩 authored
98
    }
郭成尧 authored
99 100

    .life-style {
陈峰 authored
101
        background: url("img/shopping-cart/lifeStyle.png") bottom left repeat-x #fff !important;
陈轩 authored
102
    }
郭成尧 authored
103 104

    .not-address {
陈轩 authored
105
        position: relative;
郭成尧 authored
106 107

        i {
陈轩 authored
108 109
            position: absolute;
            left: 16px;
郭成尧 authored
110
            top: 40px;
陈轩 authored
111 112
            font-size: 44px;
        }
郭成尧 authored
113 114

        .choose {
陈轩 authored
115 116 117 118 119
            display: block;
            color: #000;
            height: 64px;
            overflow: hidden;
            position: static;
郭成尧 authored
120
            padding-left: 40px;
陈轩 authored
121 122
            font-size: 32px;
            line-height: 82px;
郭成尧 authored
123 124

            span {
陈轩 authored
125 126 127 128 129 130 131
                position: absolute;
                right: 20px;
                top: 28px;
                font-size: 32px;
            }
        }
    }
郭成尧 authored
132 133

    .address {
陈轩 authored
134 135 136 137
        display: block;
        position: relative;
        margin-top: 0;
        border-top: none;
郭成尧 authored
138 139 140 141
        padding-bottom: 0.8rem;

        .info {
            width: 98%;
陈轩 authored
142 143 144
            height: auto;
            overflow: hidden;
            padding-left: 10%;
郭成尧 authored
145
            padding-bottom: 32px;
陈轩 authored
146
            position: relative;
郭成尧 authored
147 148

            span {
陈轩 authored
149 150
                display: inline-block;
            }
郭成尧 authored
151 152

            i {
陈轩 authored
153 154
                position: absolute;
                left: 0;
郭成尧 authored
155 156
                top: 0;
                font-size: 48px;
陈轩 authored
157 158
            }
        }
郭成尧 authored
159 160

        .info-name {
陈轩 authored
161 162
            width: 48%;
            height: 40px;
郭成尧 authored
163
            font-size: 36px;
陈轩 authored
164
            overflow: hidden;
郭成尧 authored
165 166
            text-overflow: ellipsis;
            white-space: nowrap;
陈轩 authored
167
        }
郭成尧 authored
168 169

        .info-phone {
陈轩 authored
170
            width: 48%;
郭成尧 authored
171
            font-size: 28px;
陈轩 authored
172
            text-align: right;
郭成尧 authored
173
            float: right;
陈轩 authored
174
        }
郭成尧 authored
175 176

        .info-address {
陈轩 authored
177
            width: 100%;
郭成尧 authored
178
            font-size: 28px;
陈轩 authored
179 180
            line-height: 38px;
        }
郭成尧 authored
181 182

        .rest {
陈轩 authored
183 184
            position: absolute;
            right: 32px;
郭成尧 authored
185
            bottom: 20px;
陈轩 authored
186
            color: #f00;
郭成尧 authored
187 188 189 190
            font-size: 28px;

            span {
                font-size: 28px;
陈轩 authored
191 192 193
            }
        }
    }
郭成尧 authored
194 195 196 197 198 199

    .dispatch {
        padding: 0;
        margin: 0;

        .sub-block {
陈轩 authored
200
            color: #444;
郭成尧 authored
201 202 203

            &:last-child h3 {
                border-bottom: none;
陈轩 authored
204
            }
郭成尧 authored
205 206

            h3 {
陈轩 authored
207 208 209 210
                width: 95%;
                height: 80px;
                overflow: hidden;
                line-height: 80px;
郭成尧 authored
211
                font-size: 36px;
陈轩 authored
212
                margin-left: 5%;
郭成尧 authored
213 214 215
                border-bottom: 1px solid #e0e0e0;

                .hide {
陈轩 authored
216 217
                    display: none !important;
                }
郭成尧 authored
218 219

                p {
陈轩 authored
220 221 222
                    display: inline-block;
                    height: 80px;
                    overflow: hidden;
郭成尧 authored
223 224
                    text-overflow: ellipsis;
                    white-space: nowrap;
陈轩 authored
225
                }
郭成尧 authored
226 227 228

                i {
                    font-size: 40px;
陈轩 authored
229 230 231 232
                    margin-left: 8px;
                    height: 80px;
                    display: inline-block;
                    overflow: hidden;
郭成尧 authored
233 234
                    text-overflow: ellipsis;
                    white-space: nowrap;
陈轩 authored
235
                }
郭成尧 authored
236 237

                span {
陈轩 authored
238 239 240 241
                    display: inline-block;
                    width: 65%;
                    height: 80px;
                    text-align: right;
郭成尧 authored
242
                    font-size: 32px;
陈轩 authored
243
                    overflow: hidden;
郭成尧 authored
244 245
                    text-overflow: ellipsis;
                    white-space: nowrap;
陈轩 authored
246 247
                }
            }
郭成尧 authored
248 249

            ul {
250
                width: 100%;
郭成尧 authored
251
                height: auto;
陈轩 authored
252 253
                overflow: hidden;
                line-height: 80px;
zhangxiaoru authored
254
                font-size: 26px;
陈轩 authored
255 256
                background: #e0e0e0;
                display: none;
257
郭成尧 authored
258 259
                li {
                    border-bottom: 1px solid #fff;
260
                    padding: 0 40px;
郭成尧 authored
261
                }
262
郭成尧 authored
263 264 265
                li > i {
                    float: right;
                }
266
郭成尧 authored
267 268
                li:last-child {
                    border-bottom: none;
269 270 271 272 273
                }

                li.dispatch-time-info {
                    line-height: 30px;
                    padding: 20px 30px 20px 40px;
274
                    font-size: 25px;
陈轩 authored
275
                }
zhangxiaoru authored
276 277 278 279

                .no-support {
                    color: #b0b0b0;
                }
郭成尧 authored
280 281 282 283 284 285 286

                .no-support > span {
                    display: block;
                    float: left;
                }

                .no-support > .tip {
郭成尧 authored
287
                    max-width: 620px;
郭成尧 authored
288
                }
陈轩 authored
289 290 291
            }
        }
    }
郭成尧 authored
292 293

    .goods-num {
陈轩 authored
294
        width: 100%;
郭成尧 authored
295
        height: 80px;
陈轩 authored
296
        color: #b0b0b0;
郭成尧 authored
297 298
        background: #fff;
        padding: 20px 0;
陈轩 authored
299
        text-align: right;
郭成尧 authored
300 301 302 303
        font-size: 32px;

        span {
            padding-right: 20px;
陈轩 authored
304 305 306
            color: #f00;
        }
    }
郭成尧 authored
307 308

    .bill {
陈轩 authored
309
        position: fixed;
郭成尧 authored
310
        background: #fff;
陈轩 authored
311 312
        left: 0;
        bottom: 0;
陈轩 authored
313
        right: 0;
陈轩 authored
314 315 316 317 318
        height: 100px;
        overflow: hidden;
        line-height: 100px;
        font-size: 28px;
        padding-left: 4%;
郭成尧 authored
319
        z-index: 3;
郭成尧 authored
320 321

        span {
陈轩 authored
322 323
            color: #f00;
        }
郭成尧 authored
324 325

        a {
陈轩 authored
326 327 328
            position: absolute;
            right: 20px;
            top: 10px;
郭成尧 authored
329
            background: #d0021b;
陈轩 authored
330 331 332 333 334 335 336 337 338 339 340
            display: inline-block;
            color: #fff;
            width: 25%;
            height: 80px;
            overflow: hidden;
            border-radius: 10px;
            line-height: 80px;
            text-align: center;
            font-size: 30px;
        }
    }
郭成尧 authored
341 342

    .price-cal {
zhangxiaoru authored
343
        margin-bottom: 170px;
郭成尧 authored
344
        font-size: 32px;
陈轩 authored
345
        position: relative;
郭成尧 authored
346 347

        span {
陈轩 authored
348 349 350 351
            position: absolute;
            right: 28px;
            text-align: right;
        }
郭成尧 authored
352 353 354 355 356

        li {
            font-size: 32px;

            p {
陈轩 authored
357 358
                display: inline-block;
            }
郭成尧 authored
359 360

            span {
陈轩 authored
361 362 363 364 365 366
                display: inline-block;
            }
        }

        .yoho-coin {
            margin: 50px 0 30px;
陈峰 authored
367
            background: url("img/product/yoho_icon.png") no-repeat;
陈峰 authored
368
            background-size: 100%;
陈轩 authored
369 370 371 372 373 374
            padding-left: 68px;
            font-size: 28px;
            height: 52px;
        }
    }
郭成尧 authored
375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403
    .no-print-price {
        .title {
            font-size: 34px;
            color: #444;
        }

        .desc {
            color: #999;
        }

        .check {
            float: right;
            color: #999;

            .checkbox {
                margin-left: 5px;
                color: #000;
            }

            &.used {
                color: #f00;
            }

            em {
                color: #f00;
            }
        }
    }
郭成尧 authored
404 405 406 407 408 409 410 411 412 413 414 415 416 417 418
    .address-bottom {
        display: none;
        position: fixed;
        left: 0;
        width: 100%;
        height: 70px;
        overflow: hidden;
        line-height: 2rem;
        font-size: 24px;
        bottom: 100px;

        .back {
            width: 100%;
            height: 100%;
            background: #000;
郭成尧 authored
419 420 421
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            opacity: 0.7;
郭成尧 authored
422 423 424
        }

        span {
ccbikai(👎🏻🍜) authored
425
            color: #fff;
郭成尧 authored
426 427 428
            display: block;
            padding-left: 4%;
            position: relative;
ccbikai(👎🏻🍜) authored
429
            top: -70px;
郭成尧 authored
430 431 432 433 434 435
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
    }
郭成尧 authored
436
    .order-good {
陈轩 authored
437
        position: relative;
郭成尧 authored
438 439 440 441 442 443
        padding: 20px 0;
        margin-left: 34px;
        border-bottom: 1px solid #e0e0e0;
        font-size: 26px;
        height: auto;
        overflow: hidden;
陈轩 authored
444
郭成尧 authored
445 446 447
        &:last-child {
            border-bottom: none;
        }
陈轩 authored
448
郭成尧 authored
449 450 451 452 453 454
        .thumb-wrap {
            position: relative;
            float: left;
            width: 120px;
            height: 160px;
        }
陈轩 authored
455
郭成尧 authored
456 457 458
        .thumb {
            width: 100%;
            height: 100%;
陈轩 authored
459 460
        }
郭成尧 authored
461 462 463 464 465 466 467 468
        .tag {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            color: #fff;
            text-align: center;
            font-size: 12px;
陈轩 authored
469
郭成尧 authored
470 471 472 473 474
            &:before {
                display: block;
                line-height: 1;
                transform: scale(0.833);
            }
陈轩 authored
475 476
        }
郭成尧 authored
477 478 479
        .gift-tag {
            height: 25px;
            background: #a1ce4e;
陈轩 authored
480
郭成尧 authored
481 482 483
            &:before {
                content: "赠品";
            }
陈轩 authored
484 485
        }
郭成尧 authored
486 487 488
        .advance-buy-tag {
            height: 25px;
            background: #eb76aa;
陈轩 authored
489
郭成尧 authored
490 491 492 493
            &:before {
                content: "加价购";
            }
        }
陈轩 authored
494
郭成尧 authored
495 496 497
        .deps {
            margin-left: 135px;
        }
陈轩 authored
498
郭成尧 authored
499 500
        .name {
            font-size: 32px;
501
            max-width: 70%;
郭成尧 authored
502 503 504 505 506
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
陈轩 authored
507 508
        }
郭成尧 authored
509 510 511
        .row:nth-child(2) {
            height: 45px;
            line-height: 45px;
陈轩 authored
512
郭成尧 authored
513 514 515 516
            > span {
                margin-right: 15px;
            }
        }
陈轩 authored
517
郭成尧 authored
518 519 520 521
        .color,
        .size {
            color: #b6b6b6;
        }
陈轩 authored
522
李靖 authored
523 524 525 526 527
        .date {
            max-width: none !important;
            display: block !important;
        }
Zhang authored
528 529 530 531 532 533 534 535 536
        .limit {
            color: #b6b6b6;
            font-size: 80%;
        }

        .no-support-reason {
            margin-right: 8px;
        }
郭成尧 authored
537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553
        .price-wrap {
            position: absolute;
            top: 20px;
            right: 30px;
            text-align: right;
        }

        .price {
            color: #e01;
        }

        .count {
            display: block;
            color: #999;
            text-align: right;
            line-height: 45px;
        }
陈轩 authored
554
郭成尧 authored
555 556 557
        .appear-date {
            color: #f00;
        }
陈轩 authored
558
    }
郭成尧 authored
559
陈轩 authored
560 561
    .sale-invoice {
        margin-top: -20px;
郭成尧 authored
562
        font-size: 28px;
陈轩 authored
563 564 565 566 567 568 569 570 571 572

        li {
            height: 90px;
            line-height: 90px;
            border-bottom: 1px solid #f7f7f7;
            overflow: hidden;

            a {
                display: block;
            }
郭成尧 authored
573 574 575 576

            .no-can-use {
                color: #999;
            }
577 578 579 580

            &:last-child {
                border-bottom: 0;
            }
陈轩 authored
581 582
        }
zhangxiaoru authored
583 584 585 586 587
        .title {
            font-size: 34px;
            color: #444;
        }
郭成尧 authored
588
        .count {
郭成尧 authored
589
            background-color: #ff575c;
郭成尧 authored
590
            margin-left: 12px;
郭成尧 authored
591
            padding: 4px 15px;
郭成尧 authored
592
            color: #fff;
郭成尧 authored
593 594
            font-size: 22px;
            font-weight: 300;
郭成尧 authored
595 596
        }
陈轩 authored
597 598
        .coupon-count {
            margin-left: 20px;
zhangxiaoru authored
599 600 601 602
            color: #b0b0b0;
            font-size: 28px;
            float: right;
            min-width: 40px;
陈轩 authored
603 604 605 606 607 608 609
        }

        .coupon-use {
            box-sizing: border-box;
            position: relative;
            float: right;
            padding-right: 30px;
zhangxiaoru authored
610
            color: #444;
陈轩 authored
611 612 613 614 615 616 617 618
            text-align: right;
            width: 320px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;

            .iconfont {
                position: absolute;
郭成尧 authored
619
                top: 0;
陈轩 authored
620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694
                right: 0;
                color: #999;
            }
        }

        .checkbox {
            display: inline-block;
            width: 80px;
            text-align: center;
            margin-right: -20px;
        }

        .coin-check {
            float: right;
            color: #999;

            .checkbox {
                margin-left: 5px;
                color: #000;
            }

            &.used {
                color: #f00;
            }

            em {
                color: #f00;
            }
        }

        .checkbox.icon-checkbox {
            color: #ccc;
        }

        .invoice {
            .checkbox {
                float: right;
            }

            &.focus {
                height: auto;
            }
        }

        .desc {
            color: #999;
        }
    }

    #invoice {
        border-top: 1px solid #f7f7f7;

        .invoice-type {
            float: right;
            font-size: 28px;
            color: #444;
        }

        label {
            display: block;
            border-top: 1px solid #f7f7f7;
        }

        select {
            position: relative;
            float: right;
            width: 40%;
            height: 50px;
            top: 20px;
            border: 1px solid #f7f7f7;
        }
    }

    #msg {
        padding-top: 20px;
郭成尧 authored
695
        margin-bottom: 20px;
郭成尧 authored
696
陈轩 authored
697 698 699 700 701 702 703 704 705 706 707
        input {
            margin: 0;
        }
    }

    .total {
        font-size: 22px;
        margin-top: 20px;

        span {
            display: inline-block;
郭成尧 authored
708
            width: 160px;
陈轩 authored
709 710 711 712 713 714 715 716
        }
    }

    .cost {
        border-top: 1px solid #f7f7f7;
        line-height: 100px;
        margin-top: 10px;
        font-size: 34px;
郭成尧 authored
717
陈轩 authored
718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747
        em {
            color: #f00;
        }
    }

    .pay-mode {
        background: #fff;
        padding: 0 20px;
        margin-top: -22px;

        li {
            height: 88px;
            line-height: 88px;
            margin-bottom: 28px;
            border-radius: 5px;
            font-size: 32px;
            color: #fff;
            text-align: center;
            background: #000;
        }

        .default {
            background: #57b038;
        }

        .iconfont {
            margin-right: 20px;
            font-size: 32px;
        }
    }
748
郭成尧 authored
749
    .coupon-help {
郭成尧 authored
750
        color: #b0b0b0;
郭成尧 authored
751
        margin-left: 30px;
郭成尧 authored
752 753
    }
754
    .yoho-coin-help {
郭成尧 authored
755
        color: #b0b0b0;
郭成尧 authored
756
        margin-left: 16px;
757
    }
郭成尧 authored
758
759 760 761 762 763
    .yoho-coin-help-dialog-bg {
        background-color: #000;
        width: 100%;
        height: 100%;
        position: fixed;
764
        z-index: 3;
765 766 767
        left: 0;
        top: 0;
        opacity: 0.3;
郭成尧 authored
768
        display: none;
769 770 771 772
    }

    .yoho-coin-help-dialog {
        position: fixed;
773
        width: 540px;
774 775
        height: 510px;
        background-color: #fff;
776
        z-index: 4;
777
        border-radius: 10px;
郭成尧 authored
778 779 780 781
        left: 50%;
        margin-left: -270px;
        top: 50%;
        margin-top: -255px;
郭成尧 authored
782
        display: none;
783 784 785 786 787 788 789 790 791 792 793 794 795 796 797

        .yoho-coin-title {
            font-size: 34px;
            text-align: center;
            height: 110px;
            line-height: 140px;
            color: #000;
        }

        .yoho-coin-content {
            height: 320px;
            overflow: auto;
            font-size: 28px;
            padding: 0 35px;
            color: #444;
郭成尧 authored
798
799 800 801 802 803 804 805 806 807 808 809 810 811 812
            p {
                margin-top: 15px;
            }
        }

        .yoho-coin-footer {
            border-top: 1px solid #e0e0e0;
            color: #d0021b;
            font-size: 34px;
            height: 80px;
            line-height: 80px;
            text-align: center;
        }
    }
陈轩 authored
813
郭成尧 authored
814 815
    .show {
        display: block;
陈轩 authored
816 817
    }
}
郭成尧 authored
818 819 820 821 822 823

#dialog-wrapper > .dialog-box {
    background: #fff;

    > .dialog-header {
        padding-top: 42px;
824
        padding-bottom: 0;
郭成尧 authored
825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844
        font-size: 36px;
        font-weight: 500;
    }

    > .dialog-content {
        .safe-check-tip {
            font-size: 22px;
            color: #b0b0b0;
        }

        .input-group {
            width: 470px;
            height: 86px;
            margin-top: 38px;
            line-height: 86px;
            border-radius: 4px;
            background-color: #fff;
            border: solid 1px #e0e0e0;

            input {
郭成尧 authored
845
                width: 200px;
郭成尧 authored
846 847 848 849 850 851
                float: left;
                margin-top: 21px;
                margin-left: 24px;
                background-color: transparent;
                border: none;
                box-shadow: none;
郭成尧 authored
852
                font-size: 20px;
郭成尧 authored
853 854 855 856 857 858 859
            }

            .get-verify-code-btn {
                float: right;
                height: 53px;
                margin-top: 16px;
                margin-right: 12px;
郭成尧 authored
860 861
                padding-left: 15px;
                padding-right: 15px;
郭成尧 authored
862 863 864 865 866 867 868
                border-radius: 26px;
                background-color: #444;
                border: none;
                font-size: 24px;
                font-weight: 300;
                color: #fff;
            }
郭成尧 authored
869 870 871 872 873 874 875 876 877 878

            .disable {
                background-color: #b0b0b0;
            }
        }
    }

    > .dialog-footer {
        .dialog-right-btn {
            color: #b0b0b0;
郭成尧 authored
879
            border-bottom-left-radius: 0;
郭成尧 authored
880 881 882 883
        }

        .active {
            color: #d0021b;
郭成尧 authored
884 885 886
        }
    }
}
郭成尧 authored
887 888 889 890 891

.conpon-diaalog-wrapper {
    > .dialog-box > .dialog-content {
        padding-top: 0;
    }
郭成尧 authored
892 893 894 895

    > .dialog-box > .dialog-footer > .dialog-center-btn {
        font-weight: 500;
    }
郭成尧 authored
896
}