goods-items.less 1.36 KB
.m-goods-items {
    padding: 0 5px 5px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    li {
        float: left;
        width: 110px;
        padding: 0 5px 10px;
        box-sizing: border-box;
    }
    a {
        display: block;
        background-color: #fff;
        padding-bottom: 5px;
        position: relative;
    }
    .hot {
        position: absolute;
        top: -1px;
        right: 10px;
        width: 20px;
        height: 56px;
        background: url(../images/icon_mark.png) 0 0 no-repeat;
        background-size: 100%;
        font-size: 0;
        overflow: hidden;
    }
    .pic {
        display: block;
        width: 100%;
        height: 110px;
        margin: 0 auto 5px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    h3 {
        font-size: 13px;
        padding: 0 5px;
        font-weight: 700;
        color: #333;
        text-align: left;
        line-height: 16px;
        height: 32px;
        overflow: hidden;
    }
    em {
        text-align: left;
        display: block;
        padding: 0 5px;
        font-size: 13px;
        font-weight: 700;
        font-style: normal;
        color: #FA4535;
    }
    .origin-price {
        font-size: 12px;
        color: #bbb;
        text-decoration: line-through;
    }
}