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 lines
3.0 KiB
1 lines
3.0 KiB
.sp-live-card{width:344rpx;box-shadow:0 0 10rpx 4rpx hsla(0,0%,78%,.22);border-radius:20rpx;height:100%;overflow:auto;margin-bottom:20rpx}.live-content{position:relative;width:344rpx;height:344rpx;overflow:hidden}.live-content .item-cover{background-color:#eee;width:100%;height:100%;border-radius:20rpx 20rpx 0 0}.live-content .item-status{position:absolute;top:20rpx;left:10rpx;height:40rpx;background:rgba(0,0,0,.4);border-radius:20rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.live-content .item-status .status-img{width:40rpx;height:40rpx}.live-content .item-status .status-text{font-size:22rpx;font-family:PingFang SC;font-weight:500;color:#fff;padding:0 10rpx}.live-content .item-title{width:345rpx;position:absolute;bottom:0;line-height:60rpx;padding:0 20rpx;font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#fff;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.5));background:linear-gradient(transparent,rgba(0,0,0,.5));padding-right:60rpx}.live-content .like-img{position:absolute;bottom:20rpx;right:10rpx;width:60rpx;height:130rpx}.live-bottom{background-color:#fff;padding:20rpx;width:345rpx}.live-bottom .live-info{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%}.live-bottom .live-info .info-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.live-bottom .live-info .info-avatar{width:40rpx;height:40rpx;border-radius:50%;margin-right:10rpx;background:#eee}.live-bottom .live-info .info-name{width:150rpx;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#333}.live-bottom .live-info .views{font-size:20rpx;font-family:PingFang SC;font-weight:400;color:#999}.live-bottom .live-goods{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:20rpx}.live-bottom .live-goods__item{position:relative;width:96rpx;height:96rpx;border:1rpx solid #eee;border-radius:10rpx;overflow:hidden;margin-right:8rpx}.live-bottom .live-goods__item:nth-child(3n){margin-right:0}.live-bottom .live-goods__img{background:#eee;width:100%;height:100%}.live-bottom .live-goods__price{position:absolute;bottom:0;line-height:40rpx;width:100%;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.5));background:linear-gradient(transparent,rgba(0,0,0,.5));font-size:20rpx;color:#fff}.live-bottom .live-goods__mark{position:absolute;width:100%;height:100%;top:0;left:0;margin:auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.3);font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#fff} |