1 line
4.0 KiB
Plaintext
1 line
4.0 KiB
Plaintext
.goods-recommend{margin-top:74rpx;width:100vw}.goods-recommend .goods-recommend-title{text-align:center;margin-bottom:40rpx}.goods-recommend .goods-recommend-title .title{font-size:30rpx;font-weight:500;position:relative;color:#333}.goods-recommend .goods-recommend-title .title::before, .goods-recommend .goods-recommend-title .title::after{content:" ";width:80rpx;border-top:2rpx solid #969696;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.goods-recommend .goods-recommend-title .title::before{left:0;-webkit-transform:translateX(-130%);transform:translateX(-130%)}.goods-recommend .goods-recommend-title .title::after{right:0;-webkit-transform:translateX(130%);transform:translateX(130%)}.hr-view{display:flex;justify-content:center;align-items:center;max-width:100%;box-sizing:initial;font-size:32rpx}.hr-view .hr{width:36%;height:2rpx;background:#e5e5e5}.hr-view .title{padding:0 20rpx}.goods-list.double-column{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 24rpx}.goods-list.double-column .goods-item{display:flex;flex-direction:column;position:relative;background-color:#fff;width:calc(50% - 10rpx);margin-bottom:20rpx;border-radius:10rpx}.goods-list.double-column .goods-item:nth-child(2n){margin-right:0}.goods-list.double-column .goods-item .goods-img{position:relative;overflow:hidden;padding-top:100%;border-top-left-radius:10rpx;border-top-right-radius:10rpx}.goods-list.double-column .goods-item .goods-img image{width:100%;position:absolute;top:0;bottom:0;left:0;right:0}.goods-list.double-column .goods-item .goods-tag{color:#fff;line-height:1;padding:8rpx 16rpx;position:absolute;border-bottom-right-radius:10rpx;top:0;left:0;font-size:22rpx}.goods-list.double-column .goods-item .goods-tag-img{position:absolute;border-top-left-radius:10rpx;width:80rpx;height:80rpx;top:0;left:0;z-index:5;overflow:hidden}.goods-list.double-column .goods-item .goods-tag-img image{width:100%;height:100%}.goods-list.double-column .goods-item .info-wrap{padding:20rpx;display:flex;flex-direction:column;flex:1}.goods-list.double-column .goods-item .goods-name{font-size:28rpx;line-height:1.3;margin-top:20rpx}.goods-list.double-column .goods-item .lineheight-clear{margin-top:16rpx}.goods-list.double-column .goods-item .discount-price{display:inline-block;font-weight:700;line-height:1;color:var(--price-color)}.goods-list.double-column .goods-item .discount-price .unit{margin-right:6rpx}.goods-list.double-column .goods-item .pro-info{display:flex;margin-top:auto;align-items:center}.goods-list.double-column .goods-item .pro-info .block-wrap{flex:1;line-height:1;margin-right:20rpx}.goods-list.double-column .goods-item .pro-info .block-wrap .sale{font-size:24rpx!important}.goods-list.double-column .goods-item .pro-info .cart-action-wrap{position:relative}.goods-list.double-column .goods-item .pro-info .cart-action-wrap .shopping-cart-btn{font-size:36rpx;border:2rpx solid var(--base-color);border-radius:50%;padding:10rpx;color:var(--base-color);width:36rpx;height:36rpx;text-align:center;line-height:36rpx}.goods-list.double-column .goods-item .pro-info .cart-action-wrap .plus-sign-btn{font-size:36rpx;border:2rpx solid var(--base-color);border-radius:50%;padding:10rpx;color:var(--base-color);width:36rpx;height:36rpx;text-align:center;line-height:36rpx}.goods-list.double-column .goods-item .pro-info .cart-action-wrap .buy-btn{background-color:var(--base-color);color:var(--btn-text-color);border-radius:50rpx;font-size:24rpx;padding:12rpx 30rpx;line-height:1}.goods-list.double-column .goods-item .pro-info .cart-action-wrap .icon-diy{font-size:80rpx}.goods-list.double-column .goods-item .delete-price{display:inline-block;margin-left:6rpx;float:right;text-decoration:line-through}.goods-list.double-column .goods-item .delete-price .unit{margin-right:6rpx}.goods-list.double-column .goods-item .delete-price text{line-height:1;font-size:24rpx!important}.goods-list.double-column .goods-item .member-price-tag{display:inline-block;width:60rpx;line-height:1;margin-left:6rpx}.goods-list.double-column .goods-item .member-price-tag image{width:100%} |