gift-advance-good.scss 2.35 KB
.gift-advance-page {
    .gift-advance-good {
        position: relative;
        padding: 20px 0;
        margin-left: 34px;
        height: 200px;
        border-bottom: 1px solid #e0e0e0;
    }

    .advance-block:last-child .gift-advance-good:last-child {
        border-bottom: 1px solid #e0e0e0;
    }

    .thumb-wrap {
        position: relative;
        float: left;
        width: 120px;
        height: 160px;

        .thumb {
            width: 100%;
            height: 100%;
        }
    }

    .tag {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 25px;
        color: #fff;
        text-align: center;
        background: #eb76aa;

        &:before {
            content: "加价购";
            display: block;
            font-size: 12px;
            line-height: 25px;
            transform: scale(0.833);
        }
    }

    .deps {
        margin-left: 135px;
    }

    .gift-advance-good .name {
        margin-bottom: 20px;
        width: 440px;
        font-size: 28px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .row:nth-child(2) {
        font-size: 22px;
        height: 45px;
        line-height: 45px;

        > span {
            margin-right: 15px;
        }
    }

    .row:nth-child(3) {
        position: relative;
    }

    .color,
    .size {
        color: #b6b6b6;
    }

    .price {
        font-size: 24px;
        color: #f1545b;

        &.market-price {
            color: #999;
            text-decoration: line-through;
        }
    }

    .count {
        font-size: 20px;
        color: #999;
        margin-left: 22px;
    }

    .chose {
        position: absolute;
        width: 88px;
        height: 58px;
        background: #f8f8f8;
        border: 1px solid #ccc;
        right: 20px;
        bottom: 20px;
        font-size: 26px;
        line-height: 58px;
        text-align: center;
    }

    .title {
        width: 640px;
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        font-size: 24px;
        background: #f8f8f8;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: center;
    }

    .gift-block .tag {
        background: #a1ce4e;

        &:before {
            content: "赠品";
        }
    }
}