Blame view

public/scss/home/_message-content.css 2.35 KB
weiqingting authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 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 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101
.content-message-page {
    .title {
        background-image: resolve(/home/message.png);

        .back-list {
            font-size: 12px;
            float: right;
            width: 67px;
            height: 22px;
            line-height: 22px;
            margin-top: 9px;
            padding-right: 4px;
            text-align: center;
            color: #fdfdfd;
            display: inline-block;
            background: resolve(/home/btn-more.png) no-repeat;
            cursor: pointer;
        }
    }
    .text-container {
        font-size: 12px;
        line-height: 18px;
        padding: 20px;

        .text-title {
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px dashed #999;

            span {
                color: #999;
            }
        }

        .coupon-item {
            display: table-row;

            > div {
                padding: 10px 0;
                display: table-cell;
                vertical-align: middle;
            }

            img {
                vertical-align: middle;
            }

            a {
                width: 90px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                color: #b3b3b3;
                font-size: 14px;
                background-color: #ddd;
                border: 1px solid #ccc;
                border-radius: 4px;
                display: inline-block;
                cursor: pointer;
            }

            .coupon-img {
                width: 160px;
                text-align: center;
            }

            .coupon-info {
                width: 470px;
                line-height: 20px;
            }

            .view-coupon-btn,
            .pick-coupon-btn {
                color: #fff;
                background: #DA044A;
                border-color: #CC0345;
                display: inline-block;
            }
        }

        .sale-img {
            margin-bottom: 15px;
            overflow: hidden;

            img {
                vertical-align: top;
            }
        }

        .sale-btn {
            color: #fff;
            padding: 0 10px;
            background: #E1044B;
            margin-top: 15px;
            border: 1px solid #C10241;
            border-radius: 2px;
            display: inline-block;
            cursor: pointer;
        }
    }
}