_message-content.css 1.85 KB
.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;
            }

            button {
                width: 90px;
                height: 30px;
                color: #b3b3b3;
                font-size: 14px;
                background-color: #ddd;
                border: 1px solid #ccc;
                border-radius: 4px;
                outline: none;
                cursor: pointer;
            }

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

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

            .pick-coupon-btn {
                color: #fff;
                background: #DA044A;
                border-color: #CC0345;
            }
        }
    }
}