Blame view

public/scss/me/_yoho-coin-detail.css 1.28 KB
lijing 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
.yoho-coin-detail-page {
    background: #f0f0f0;

    .money {
        width: 100%;
        height: 70px;
        background: #fff;
        margin-bottom: 20px;
        line-height: 70px;
        font-size: 30px;
        text-indent: 1em;

        span {
            color: #f00;
            font-weight: bold;
        }
    }

    .coin-detail {
        background: #fff;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    .detail-item {
        position: relative;
        margin-left: 30px;
        border-bottom: 1px solid #e0e0e0;
        color: #444;
        padding: 15px 0;

        .title {
            width: 480px;
            font-size: 28px;
            line-height: 40px;
            font-weight: bold;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .time {
            font-size: 20px;
            line-height: 30px;
            color: #b0b0b0;
        }

        .count {
            position: absolute;
            right: 0;
            top: 0;
            margin-right: 30px;
            font-size: 28px;
            font-weight: bold;
            line-height: 100px;
        }
    }

    li:last-child {
        .detail-item {
            border-bottom: none;
        }
    }
}