_red-envelopes.css 1.33 KB
.red-envelopes-page {
    font-size: 12px;

    .red-envelopes > .title {
        font-size: 14px;
        font-weight: bold;
    }

    .re-header {
        height: 25px;
        line-height: 25px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #e6e6e6;
        background: #efefef;

        span {
            display: inline-block;
            width: 33%;
        }
    }
    
    .money {
        color: #d52c29;
        font-family:'微软雅黑';
        font-size: 20px;
        font-weight: bold;
    }

    .re-icon {
        $img: /home/red-envelopes.png;
        display: inline-block;
        width: width($img);
        height: height($img);
        background: url($img);
    }

    .red-envelopes-list {
        display: table;
        width: 100%;

        li {
            display: table-row;
            color: #666;
            border-top: 1px solid #e6e6e6;

            > * {
                display: table-cell;
                width: 33%;
                padding: 10px;
                text-align: center;
                vertical-align: middle;
                border-left: 1px solid #e6e6e6;

                &:first-child {
                    border-left: none;
                }
            }
        }

        .use-remark {
            text-align: left;
            line-height: 18px;
        }
    }
}