.page-goods-list {

}

.contain-goods {
    padding-top: 120px;
    padding-bottom: 316px;
}

.contain-goods .top {

}

.contain-goods .top .title {

}

.contain-goods .top .btn {

}

.contain-goods .top .btn .icon {
    width: 23px;
}

.contain-goods .top .menu-sort {
    width: 200px;
    left: auto;
    right: 0;
}

.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 {
    margin-top: 94px;
}

.list-goods .item-goods {
    width: 21.625%;
    margin-right: 4.5%;
}

.list-goods .item-goods:nth-child(4n) {
    margin-right: 0;
}

.list-goods .item-goods .thumbnail {
    position: relative;
}

.list-goods .item-goods .thumbnail .img {
    width: 100%;
}

.list-goods .item-goods .thumbnail .img-1 {
    position: relative;
    z-index: 0;
}

.list-goods .item-goods .thumbnail .img-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
}

.list-goods .item-goods .thumbnail .discount {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px;
    border-bottom-left-radius: 4px;
    z-index: 1;
}

.list-goods .item-goods .thumbnail .btn-favorite {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 24px;
    height: 24px;
    z-index: 1;
}

.list-goods .item-goods .link:hover .thumbnail .img-1 {
}

.list-goods .item-goods .link:hover .thumbnail .img-2 {
    opacity: 1;
}

.list-goods .item-goods .link:hover .thumbnail .btn-favorite {
    display: block;
}

.list-goods .item-goods .msg {
    min-height: 154px;
}

.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;
}

.list-goods .item-goods .msg .price .sale-price {
}

.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 .currency {

}

.list-goods .item-goods .msg .price .value {

}

.list-goods .item-goods .msg .price .market-price {
}