Blame view

public/scss/home/_returns-apply.css 14.6 KB
yyq authored
1 2
@import "goods_type";
weiqingting authored
3 4 5 6
.apply-returns-page {
    font-size: 12px;

    .title {
yyq authored
7
        background-image: resolve("home/refund-apply.png");
weiqingting authored
8
    }
yyq authored
9
weiqingting authored
10
    .exchange .title {
yyq authored
11
        background-image: resolve("home/exchange-apply.png");
weiqingting authored
12
    }
yyq authored
13
weiqingting authored
14 15 16 17 18
    select {
        width: 85px;
        font-size: 12px;
        outline: none;
    }
yyq authored
19
weiqingting authored
20 21 22 23 24
    .apply-container {
        padding: 10px;

        .return-prompt {
            padding: 20px;
yyq authored
25
            border: 1px solid #e6e6e6;
weiqingting authored
26 27 28 29 30 31 32
            margin-bottom: 10px;
            line-height: 21px;
            color: #333;

            span {
                color: #f00;
            }
yyq authored
33
weiqingting authored
34 35 36 37 38
            .footwear-tip {
                height: 142px;
                line-height: 18px;
                margin-top: 20px;
                padding-left: 536px;
yyq authored
39
                background: resolve("home/footwear-tips.jpg") no-repeat;
weiqingting authored
40 41 42 43

                span {
                    color: #666;
                }
yyq authored
44
weiqingting authored
45 46 47 48 49 50
                span:first-child {
                    display: block;
                    margin-bottom: 15px;
                }
            }
        }
yyq authored
51
weiqingting authored
52 53 54 55
        h2 {
            height: 21px;
            line-height: 21px;
            padding-left: 23px;
yyq authored
56
            background: resolve("home/complaint-icon.png") no-repeat 5px 5px #efefef;
weiqingting authored
57 58 59 60 61
            border: 1px #e6e6e6 solid;
            font-size: 12px;
            color: #333;
            font-weight: 400;
        }
yyq authored
62
weiqingting authored
63 64 65 66 67 68 69 70
        .goods-list-table {
            width: 100%;
            margin-bottom: 10px;

            tr {
                border: 1px solid #e6e6e6;
                height: 18px;
                line-height: 18px;
yyq authored
71
            }
weiqingting authored
72
yyq authored
73 74 75 76 77
            th {
                text-align: center;
                background: #efefef;
                padding: 5px;
                color: #333;
weiqingting authored
78
yyq authored
79 80
                &:first-child {
                    text-align: left;
weiqingting authored
81 82
                }
            }
yyq authored
83 84 85 86 87

            td {
                color: #666;
                padding: 5px;
            }
yyq authored
88
weiqingting authored
89 90 91 92
            .return-goods-info {
                > * {
                    display: block;
                }
yyq authored
93
weiqingting authored
94 95 96 97 98 99 100 101
                a {
                    color: #468fa2;
                    text-decoration: none;
                    max-width: 250px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
yyq authored
102
weiqingting authored
103 104 105 106
                span {
                    color: #999;
                }
            }
yyq authored
107
weiqingting authored
108 109 110 111 112 113 114
            .exchange-choose-wrap {
                width: 185px;
                text-align: center;

                p {
                    line-height: 29px;
                }
yyq authored
115
weiqingting authored
116 117 118 119
                select {
                    width: 85px;
                }
            }
yyq authored
120
weiqingting authored
121 122 123 124 125 126
            .refund-price {
                width: 185px;
                color: #666;
                font-weight: bold;
                text-align: center;
            }
yyq authored
127
weiqingting authored
128 129 130
            .return-reason-wrap {
                width: 200px;
                text-align: center;
yyq authored
131
                border: 1px solid #e6e6e6;
weiqingting authored
132 133 134 135

                select {
                    width: 190px;
                }
yyq authored
136
weiqingting authored
137 138 139 140 141 142 143
                label {
                    color: #999;
                    padding: 4px 20px;
                    background: #f5f5f5;
                    border: 1px solid #dadada;
                }
            }
yyq authored
144
weiqingting authored
145 146 147
            .border-style {
                border: 1px solid #e6e6e6;
            }
yyq authored
148
weiqingting authored
149 150 151 152
            .ex-tips,
            .re-tips {
                text-align: left;
                padding-left: 10px;
郝肖肖 authored
153
                color: #444;
154
                min-height: 15px;
郝肖肖 authored
155 156 157 158 159
                font-size: 13px;

                .icon-tip-help {
                    font-size: 15px;
                    color: #d1071f;
郝肖肖 authored
160 161
                    vertical-align: top;
                    margin-left: 5px;
郝肖肖 authored
162 163
                    cursor: pointer;
                }
weiqingting authored
164
            }
yyq authored
165
weiqingting authored
166 167
            .problem-description {
                display: none;
yyq authored
168
            }
weiqingting authored
169
yyq authored
170 171 172 173 174
            .left-title {
                width: 160px;
                text-align: right;
                padding-right: 15px;
            }
weiqingting authored
175
yyq authored
176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204
            .red-icon {
                color: #f00;
            }

            textarea {
                width: 545px;
                height: 75px;
                max-width: 545px;
                max-height: 300px;
                padding: 5px;
                border: 1px solid #ccc;
            }

            .up-image-tips {
                width: 545px;
                background: #f5f5f5;
                border: 1px solid #ccc;
                margin-bottom: 15px;
                padding: 3px 5px;
            }

            .up-image-list li {
                float: left;
                width: 126px;
                height: 126px;
                border: 1px solid #ccc;
                padding: 2px;
                display: block;
                margin: 0 0 10px 10px;
yyq authored
205
                background: resolve("home/up-pic-back.png") no-repeat;
yyq authored
206
                position: relative;
OF1706 authored
207 208 209 210 211 212

                img {
                    width: 100%;
                    height: 100%;
                    display: none;
                }
yyq authored
213 214 215 216 217 218 219 220
            }

            .up-image-list li:first-child {
                margin-left: 0;
            }

            .up-image-list .btn-del {
                padding: 8px;
yyq authored
221
                background: resolve("home/del-icon.png") no-repeat;
yyq authored
222
                color: #468fa2;
OF1706 authored
223
                display: none;
yyq authored
224 225 226 227 228 229
                position: absolute;
                right: -1px;
                z-index: 5;
                cursor: pointer;
            }
OF1706 authored
230 231 232 233 234 235 236 237 238 239
            .up-image-list .selected {
                > img {
                    display: block;
                }

                .btn-del {
                    display: inline-block;
                }
            }
yyq authored
240 241 242 243
            .swfupload {
                background: #000;
            }
OF1706 authored
244 245 246 247 248 249 250 251 252 253 254
            .upload-btn {
                width: 116px;
                height: 33px;
                position: relative;
                line-height: 33px;
                background: #000;
                color: #fff;
                text-align: center;
                margin-bottom: 5px;
                overflow: hidden;
hongweigao authored
255
                input[type="file"] {
OF1706 authored
256 257 258 259 260 261 262 263 264 265
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    opacity: 0;
                }
            }
hongweigao authored
266
            .btn-upload-text {
yyq authored
267 268 269
                font-family: SimHei;
                font-size: 16px;
                font-weight: 700;
weiqingting authored
270 271
            }
        }
yyq authored
272
yyq authored
273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337
        .upload-img-example {
            color: #aaa;
            padding-left: 175px;
            padding-right: 32px;
            font-size: 13px;

            .exp-wrap {
                padding: 10px 20px;
                background-color: #fbfbfb;
            }

            .exp-title {
                line-height: 2;
                cursor: pointer;

                .icon {
                    font-size: 12px;
                }

                .icon-down {
                    display: none;
                }
            }

            .hide-exp .exp-title {
                .icon-up {
                    display: none;
                }

                .icon-down {
                    display: inline;
                }
            }

            .hide-exp .exp-img-list {
                display: none;
            }

            .exp-img-list {
                margin-top: 10px;
                text-align: center;

                li {
                    width: 60px;
                    float: left;
                }

                img {
                    width: 60px;
                    height: 60px;
                }

                span {
                    line-height: 2;
                    color: #444;
                }

                .plus {
                    width: 30px;
                    line-height: 60px;
                    font-size: 14px;
                }
            }
        }
weiqingting authored
338 339 340 341 342 343 344 345 346 347 348 349
        .refund-detail {
            padding-top: 20px;
            text-align: center;

            p {
                margin-bottom: 25px;

                input[type="radio"] {
                    vertical-align: middle;
                    margin: 0 5px 0 40px;
                }
            }
yyq authored
350
weiqingting authored
351 352 353 354 355 356
            .refund-pay-info {
                p {
                    height: 23px;
                    line-height: 22px;
                    padding-top: 11px;
                    color: #666;
yyq authored
357
                    background: resolve("home/refund_tips.png") no-repeat;
weiqingting authored
358 359
                    display: none;
                }
yyq authored
360
weiqingting authored
361 362 363
                tr {
                    display: none;
                }
yyq authored
364 365

                .type-yoho-tips {
weiqingting authored
366 367 368
                    width: 515px;
                    margin-left: 160px;
                }
yyq authored
369 370

                .type-bank-tips {
weiqingting authored
371 372 373 374
                    width: 290px;
                    margin-left: 260px;
                    background-position: 0 -35px;
                }
yyq authored
375 376

                .type-alipay-tips {
weiqingting authored
377 378 379 380 381
                    width: 290px;
                    margin-left: 260px;
                    background-position: 0 -70px;
                }
            }
yyq authored
382
weiqingting authored
383 384 385 386 387 388 389
            .refund-pay-table {
                width: 100%;
                margin-bottom: 25px;

                td {
                    padding: 5px 0 5px 5px;
                }
yyq authored
390
weiqingting authored
391 392 393 394
                tr td:first-child {
                    width: 310px;
                    text-align: right;
                }
hongweigao authored
395 396 397 398 399 400 401 402 403 404

                input,
                select {
                    font-size: 11px;
                    padding: 3px;
                }

                input {
                    width: 165px;
                }
weiqingting authored
405 406
            }
        }
yyq authored
407
weiqingting authored
408 409 410 411 412 413 414 415 416
        .exchange-detail {
            padding: 30px;

            dt {
                font-weight: bold;
                font-size: 14px;
                color: #333;
                margin: 10px 0;
            }
yyq authored
417
weiqingting authored
418 419 420 421 422 423 424 425
            dd {
                padding: 10px 5px;

                input[type="radio"] {
                    margin-left: 50px;
                    margin-top: 0;
                    vertical-align: middle;
                }
yyq authored
426
weiqingting authored
427 428 429 430
                input[type="radio"]:first-child {
                    margin-left: 0;
                }
            }
yyq authored
431
weiqingting authored
432 433 434 435 436 437 438 439 440 441 442
            dd > label {
                line-height: 20px;
                width: 100px;
                float: left;
                display: block;

                span {
                    color: #f00;
                }
            }
        }
yyq authored
443 444

        .submit-box {
weiqingting authored
445 446 447 448 449 450
            text-align: center;
            margin-bottom: 30px;

            .save-btn {
                width: 138px;
                height: 34px;
yyq authored
451
                border: 0;
yyq authored
452
                background: resolve("home/submit-btn.png") no-repeat;
weiqingting authored
453 454 455 456 457 458 459 460 461 462 463 464 465 466
                color: #fff;
                font-size: 14px;
                font-weight: bold;
                padding-right: 20px;
                cursor: pointer;
                display: inline-block;
                outline: none;
            }

            .wait-gif {
                width: 138px;
                height: 34px;
                line-height: 34px;
                font-size: 14px;
yyq authored
467
                color: #8c8686;
yyq authored
468
                background: resolve("home/return-waiting.png") no-repeat center top;
weiqingting authored
469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490
                vertical-align: top;
                display: none;

                span {
                    display: inline-block;
                    width: 32px;
                    text-align: left;
                    padding-left: 4px;
                }
            }
        }

        .applying {
            .save-btn {
                display: none;
            }

            .wait-gif {
                display: inline-block;
            }
        }
    }
yyq authored
491
}
hongweigao authored
492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533

.refund-dialog {
    width: 380px;

    .title {
        font-size: 24px;
        font-weight: bold;
    }

    .close {
        top: 12px;

        .iconfont {
            font-size: 30px;
        }
    }

    .refund-tips {
        font-size: 14px;
        line-height: 25px;
        margin: 25px 0 35px;
        color: #444;
    }

    .refund-sure {
        background: #000;
        color: #fff;
    }

    .refund-cancel.close {
        position: relative;
        top: 0;
        right: 0;
    }

    .btn {
        padding: 2px 15px;
        width: 90px;
        font-size: 15px;
        margin-bottom: 25px;
    }
}
郝肖肖 authored
534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557

.icon-tip-help-dialog {
    text-align: center;
    width: 370px;

    .close {
        top: 12px;

        .iconfont {
            font-size: 30px;
        }
    }

    .tip-title {
        color: #444;
        font-size: 24px;
        padding: 30px 0;
        font-weight: bold;
    }

    .tip-content {
        color: #444;
        font-size: 14px;
        line-height: 24px;
558
        text-align: left;
郝肖肖 authored
559 560 561 562 563 564 565 566 567 568 569 570
    }

    .tip-btn {
        background: #000;
        color: #fff;
        min-width: 130px;
    }

    .btns {
        margin-top: 30px;
    }
}
571
htoooth authored
572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593
.special-tip {
    position: relative;

    .special-limit-7day {
        color: #999;
        line-height: 1;
        position: absolute;
        cursor: pointer;

        &:before {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            background: url(/cart/7day-limit.png);
            vertical-align: text-bottom;
            margin-right: 4px;
        }
    }

    @define-mixin special-limit-day-box $top, $before, $after {
        position: absolute;
htoooth authored
594
        top: -$(top)px; /* stylelint-disable-line */
htoooth authored
595 596 597 598 599 600 601 602 603 604 605 606
        left: 90%;
        margin-left: -80px;
        padding: 15px;
        border: 1px solid #000;
        background-color: #fff;
        z-index: 24;
        line-height: 20px;
        display: inline-block;
        width: 170px;

        &:after {
            position: absolute;
htoooth authored
607
            top: $(after)px; /* stylelint-disable-line */
htoooth authored
608 609 610 611 612 613 614 615 616 617 618 619
            left: -10px;
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            border-right: 10px solid #000;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
        }

        &:before {
            position: absolute;
htoooth authored
620
            top: $(before)px; /* stylelint-disable-line */
htoooth authored
621 622 623 624 625 626
            left: -9px;
            z-index: 20;
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
周少峰 authored
627 628 629
            border-right: 11px solid #fff;
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
htoooth authored
630 631 632 633
        }
    }

    .special-limit-7day-box {
周少峰 authored
634
        @mixin special-limit-day-box 27, 25, 26;
htoooth authored
635 636 637
    }

    .special-limit-15day-box {
周少峰 authored
638
        @mixin special-limit-day-box 35, 30, 31;
htoooth authored
639 640
    }
}