﻿.page-goods-list {

}

.contain-goods {
    padding-top: 30px;
}

.contain-goods .top {
    margin: 0 15px;
}

.contain-goods .top .title {

}

.contain-goods .top .btn {

}

.contain-goods .top .btn .icon {
    width: 13px;
    height: 13px;
}

.contain-goods .top .menu-sort {
    width: 100%;
}

.contain-goods .top .menu-sort .list-sort-select {

}

.contain-goods .top .menu-sort .list-sort-select .item-sort-select {

}

.contain-goods .top .menu-sort .list-sort-select .item-sort-select .link {
    display: block;
    padding: 15px 10px;
}

.list-goods.with-margin {
    margin-left: 15px;
    margin-right: 15px;
}

.list-goods .item-goods {
    margin-top: 6%;
}

.list-goods.grid .item-goods {
    width: 48.5%;
    margin-right: 3%;
}

.list-goods.grid .item-goods:nth-child(2n) {
    margin-right: 0;
}

.list-goods .item-goods .thumbnail {
    position: relative;
}

.list-goods .item-goods .thumbnail .img {
    width: 100%;
}

.list-goods .item-goods .thumbnail .discount {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px;
    border-bottom-left-radius: 4px;
}

.list-goods .item-goods .thumbnail .btn-favorite {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 24px;
    height: 24px;
}

.list-goods .item-goods .link:hover .thumbnail .btn-favorite {
    display: block;
}

.list-goods .item-goods .msg {

}

.list-goods .item-goods .msg .name {
    margin-top: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.list-goods .item-goods .msg .star {
    margin-top: 10px;
}

.list-goods .item-goods .msg .price {
    margin-top: 10px;
    max-height: 25px;
    overflow: hidden;
}

.list-goods .item-goods .msg .price .sale-price {
    line-height: 100%;
}

.list-goods .item-goods .msg .price .currency,
.list-goods .item-goods .msg .price .value {
    vertical-align: text-bottom;
    line-height: 100%;
}

.list-goods .item-goods .msg .price .market-price {
    margin-left: 3px;
}

.list-goods .item-goods .msg .price .sold-out {
    float: right;
    margin-top:1px;
    color: #ff0000;
}