You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
2.0 KiB
1 line
2.0 KiB
3 years ago
|
@charset "UTF-8";.sh-title-card{width:750rpx}.title-box{width:710rpx;height:88rpx;margin:0 auto;position:relative;border-radius:30rpx}.title-box .title-bg{width:100%;height:100%}.title-box .title-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.goods-box{width:345rpx;background:#fff;padding-bottom:20rpx;border-radius:20rpx;overflow:hidden}.goods-box .img-box{width:345rpx;height:345rpx;overflow:hidden;position:relative}.goods-box .img-box .tag-img{position:absolute;left:0;top:0;z-index:2;width:80rpx;height:40rpx}.goods-box .img-box .img{width:345rpx;height:345rpx;background-color:#ccc}.goods-box .tip{width:346rpx;line-height:56rpx;background:#f6f2ea;font-size:22rpx;font-family:PingFang SC;font-weight:400;color:#a8700d;padding:0 20rpx}.goods-box .title{font-size:24rpx;font-family:PingFang SC;font-weight:500;line-height:36rpx;height:72rpx;margin:20rpx 20rpx 10rpx}.goods-box .price-box{padding:10rpx 20rpx 0;width:344rpx;box-sizing:border-box}.goods-box .price-box .sales{font-size:20rpx;font-family:PingFang SC;font-weight:400;color:#999;line-height:20rpx;margin-bottom:20rpx}.goods-box .price-box .current{font-size:30rpx;font-weight:500;color:#e1212b;line-height:30rpx;margin-bottom:20rpx}.goods-box .price-box .current:before{content:"¥";font-size:26rpx}.goods-box .price-box .original{font-size:22rpx;font-weight:400;text-decoration:line-through;color:#999;margin-left:14rpx;line-height:22rpx;margin-bottom:10rpx}.goods-box .price-box .original:before{content:"¥";font-size:20rpx}.goods-box .price-box .tag-box .discount{line-height:28rpx;border:1rpx solid #e1212b;border-radius:8rpx;font-size:18rpx;font-family:PingFang SC;font-weight:500;color:#e1212b;padding:0 8rpx;margin-right:10rpx}.hot-goods .goods-list{-webkit-flex-wrap:wrap;flex-wrap:wrap;width:710rpx}.hot-goods .goods-list .goods-item{margin-right:20rpx;margin-bottom:20rpx;width:345rpx;box-shadow:0 0 10rpx 4rpx hsla(0,0%,78%,.22);border-radius:20rpx}.hot-goods .goods-list .goods-item:nth-child(2n){margin-right:0}
|