_gift-advance-good.scss 2.66 KB
.gift-advance-page {
    .gift-advance-good {
        position: relative;
        padding: 20rem / $pxConvertRem 0;
        margin-left: 34rem / $pxConvertRem;
        height: 160rem / $pxConvertRem;
        border-bottom: 1px solid #e0e0e0;

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


    .advance-block .gift-advance-good:last-child {
        border-bottom: none;
    }

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

    .thumb-wrap {
        position: relative;
        float: left;
        width: 120rem / $pxConvertRem;
        height: 160rem / $pxConvertRem;

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

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

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

    .deps {
        margin-left: 135rem / $pxConvertRem;
    }

    .name {
        margin-bottom: 20rem / $pxConvertRem;
        width: 440rem / $pxConvertRem;
        font-size: 28rem / $pxConvertRem;
    }

    .row:nth-child(2) {
        font-size: 22rem / $pxConvertRem;
        height: 45rem / $pxConvertRem;
        line-height: 45rem / $pxConvertRem;

        > span {
            margin-right: 15rem / $pxConvertRem;
        }
    }

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

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

    .price {
        margin-left: 10rem / $pxConvertRem;
        font-size: 24rem / $pxConvertRem;
        color: #f1545b;

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

    .count {
        font-size: 20rem / $pxConvertRem;
        color: #999;
        margin-left: 22rem / $pxConvertRem;
    }

    .chose {
        position: absolute;
        width: 88rem / $pxConvertRem;
        height: 58rem / $pxConvertRem;
        background: #f8f8f8;
        border: 1px solid #ccc;
        right: 20rem / $pxConvertRem;
        top: 71rem / $pxConvertRem;
        font-size: 26rem / $pxConvertRem;
    }

    .title {
        height: 60rem / $pxConvertRem;
        line-height: 60rem / $pxConvertRem;
        padding: 0 20rem / $pxConvertRem;
        font-size: 24rem / $pxConvertRem;
        background: #f8f8f8;
    }

    .gift-block .tag {
        background: #a1ce4e;
        &:before {
            content: '赠品';
        }
    }
}