Blame view

public/scss/home/_coupons.css 3.43 KB
weiqingting authored
1
.me-coupons-page {
hongweigao authored
2
    font-size: 12px;
weiqingting authored
3 4 5 6 7 8

    .coupons > .title {
        font-size: 14px;
        font-weight: bold;
    }
hongweigao authored
9
    .coupons-wrap {
weiqingting authored
10
        width: 776px;
hongweigao authored
11
        border: 1px solid #e6e6e6;
yyq authored
12
        margin: 0 auto 10px;
hongweigao authored
13 14

        .coupons-name {
hongweigao authored
15
            width: 240px;
hongweigao authored
16
        }
hongweigao authored
17
hongweigao authored
18
        .coupons-info {
hongweigao authored
19
            width: 388px;
hongweigao authored
20 21 22 23

            .coupons-text {
                color: #000;
                padding: 0 25px;
hongweigao authored
24
                text-align: left;
hongweigao authored
25 26 27 28
            }
        }

        .coupons-opt {
hongweigao authored
29
            width: 100px;
hongweigao authored
30 31 32 33 34
            color: #000;
        }
    }

    .coupons-header {
weiqingting authored
35
        height: 25px;
hongweigao authored
36
        padding: 0 20px;
weiqingting authored
37 38
        line-height: 25px;
        text-align: center;
hongweigao authored
39
        border-bottom: 1px solid #e6e6e6;
weiqingting authored
40 41 42 43 44 45 46 47 48 49
        background: #efefef;

        span {
            display: block;
            float: left;
        }
    }

    .coupon {
        display: table;
hongweigao authored
50 51 52
        border-bottom: 1px solid #e6e6e6;
        width: 736px;
        margin: 0 auto;
weiqingting authored
53 54
        text-align: center;
        color: #666;
hongweigao authored
55
        padding: 15px 0;
weiqingting authored
56 57 58 59

        > * {
            display: table-cell;
            vertical-align: middle;
hongweigao authored
60
            line-height: 20px;
weiqingting authored
61 62 63 64 65
        }

        .coupons-img {
            border-left: none;
        }
hongweigao authored
66 67 68 69 70 71 72 73 74

        &:last-child {
            border-bottom: none;
        }

        .coupons-card {
            width: 240px;
            height: 80px;
            color: #fff;
hongweigao authored
75
hongweigao authored
76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97
            &.coupons-notuse {
                background-image: resolve(home/notuse.png);

                .coupons-dtl {
                    width: 150px;
                }
            }

            &.coupons-use {
                background-image: resolve(home/use.png);
            }

            &.coupons-overtime {
                background-image: resolve(home/overtime.png);
            }

            .coupons-date {
                padding: 0 10px;
            }

            .coupons-num {
                margin-top: 10px;
hongweigao authored
98
hongweigao authored
99 100
                .coupons-sht {
                    width: 70px;
hongweigao authored
101
                }
hongweigao authored
102
hongweigao authored
103 104 105
                .coupons-sht .coupons-price {
                    font-size: 20px;
                    line-height: 24px;
hongweigao authored
106 107 108 109
                }

                .coupons-dtl {
                    width: 100px;
hongweigao authored
110
                    height: 45px;
hongweigao authored
111 112 113
                    margin-left: 5px;
                    line-height: 23px;
                    text-align: left;
hongweigao authored
114
                    overflow: hidden;
hongweigao authored
115 116 117 118 119 120 121 122 123 124
                }
            }
        }

        .coupons-opt {
            .btn {
                width: 90px;
                height: 30px;
                display: inline-block;
                line-height: 30px;
hongweigao authored
125
                float: left;
hongweigao authored
126 127 128 129 130 131 132 133 134 135 136 137
            }

            .use-btn {
                border: 1px solid;
                cursor: pointer;
            }

            .overtime-btn {
                background: #ccc;
                color: #fff;
            }
        }
weiqingting authored
138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175
    }

    .coupon .end-soon {
        color: #e8044f;
    }

    .un-use-coupons {
        .coupons-img {
            width: 20%;
        }

        .value {
            width: 18%;
        }

        .term-of-validity {
            width: 22%;

            span {
                display: none;
            }
        }

        .use-remark {
            width: 24%;
        }

        .status {
            width: 16%;
        }

        .end-soon span {
            display: inline;
            padding: 3px 10px;
            color: #fff;
            background: #e8044f;
        }
    }
hongweigao authored
176
}