/**
 *  Web唐明明
 *  匆匆数载恍如梦，岁月迢迢华发增。
 *  碌碌无为枉半生，一朝惊醒万事空。
 */

 .nowrap {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 商品 */

 .goods{
    box-sizing: border-box;
    white-space: nowrap;
}

.goods-item{
    border-radius: 10rpx;
    background: white;
    box-shadow: 0 0 4rpx 4rpx rgba(0, 0, 0, .05);
    overflow: hidden;
    display: inline-block;
    width: 260rpx;
    margin: 6rpx 20rpx 6rpx 0;
}

.goods-item:first-child{
    margin-left: 30rpx;
}

.goods-item:last-child{
    margin-right: 30rpx;
}

.goods-cover{
    position: relative;
    width: 100%;
    padding-top: 100%;
    vertical-align: top;
    background: #eee;
}

.goods-cover-src{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.goods-info{
    padding: 15rpx 20rpx;
}

.goods-info-name{
    font-weight: bold;
}

.goods-info-price{
    font-size: 30rpx;
}

.goods-info-price-association,
.goods-info-price-price{
    display: inline-block;
    vertical-align: middle;
}

.goods-info-price-price{
    color: #ea4e2f;
    font-weight: bold;
    margin-right: 14rpx;
}

.goods-info-price-association{
    font-size: 26rpx;
    color: #4f4f4f;
}

.goods-info-vip-price{
    font-size: 22rpx;
    padding-top: 10rpx;
}

.goods-info-vip-price-left,
.goods-info-vip-price-right{
    line-height: 34rpx;
    display: inline-block;
    vertical-align: middle;
}

.goods-info-vip-price-left{
    background: #333;
    color: #f2e4c0;
    padding: 0 10rpx;
    border-radius: 6rpx 0 0 6rpx;
}

.goods-info-vip-price-right{
    background: #f2e4c0;
    color: #333;
    border-radius: 0 6rpx 6rpx 0;
    padding: 0 10rpx;
}