1 |
- .live.data-v-9eedf942{background-color:#fff;margin:20rpx 30rpx 0 30rpx;border-radius:12rpx;padding-bottom:15rpx}.live-wrapper.data-v-9eedf942{position:relative;width:100%;overflow:hidden;border-radius:16rpx;background-color:#fff}.live-wrapper image.data-v-9eedf942{width:100%;height:400rpx}.live-wrapper .live-top.data-v-9eedf942{z-index:20;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;color:#fff;width:180rpx;height:54rpx;border-radius:0rpx 0 18rpx 0}.live-wrapper .live-top image.data-v-9eedf942{width:30rpx;height:30rpx;margin-right:10rpx}.live-wrapper .live-title.data-v-9eedf942{position:absolute;left:0;bottom:6rpx;width:100%;height:70rpx;line-height:70rpx;text-align:center;font-size:30rpx;color:#fff;background:rgba(0,0,0,.35)}.live-wrapper.mores.data-v-9eedf942{width:100%}.live-wrapper.mores .item.data-v-9eedf942{position:relative;width:320rpx;display:inline-block;border-radius:16rpx;overflow:hidden;margin-right:20rpx}.live-wrapper.mores .item image.data-v-9eedf942{width:320rpx;height:180rpx;border-radius:16rpx}.live-wrapper.mores .item .live-title.data-v-9eedf942{height:40rpx;line-height:40rpx;text-align:center;font-size:22rpx}.live-wrapper.mores .item .live-top.data-v-9eedf942{width:120rpx;height:36rpx;font-size:22rpx}.live-wrapper.mores .item .live-top image.data-v-9eedf942{width:20rpx;height:20rpx}.live-wrapper-a.data-v-9eedf942{display:flex;width:690rpx;padding:0rpx 30rpx 0;overflow-x:scroll}.live-wrapper-a .live-item-a.data-v-9eedf942{width:280rpx;background:#fff;margin-right:20rpx;border-radius:16rpx}.live-wrapper-a .live-item-a.data-v-9eedf942:last-child{margin-right:20rpx}.live-wrapper-a .live-item-a .img-box.data-v-9eedf942{position:relative;width:280rpx;height:180rpx}.live-wrapper-a .live-item-a .img-box image.data-v-9eedf942{width:100%;height:100%;border-radius:12rpx;object-fit:cover}.live-wrapper-a .live-item-a .info.data-v-9eedf942{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:15rpx 0rpx}.live-wrapper-a .live-item-a .info .title.data-v-9eedf942{font-size:28rpx;color:#333}.live-wrapper-a .live-item-a .info .people.data-v-9eedf942{display:flex;align-items:center;color:#999;font-size:24rpx;margin-top:10rpx}.live-wrapper-a .live-item-a .info .people image.data-v-9eedf942{width:32rpx;height:32rpx;border-radius:50%;margin-right:10rpx}.live-wrapper-a .live-item-a .info .goods-wrapper.data-v-9eedf942{display:flex}.live-wrapper-a .live-item-a .info .goods-wrapper .goods-item.data-v-9eedf942{position:relative;width:96rpx;height:96rpx;margin-right:20rpx;overflow:hidden;border-radius:16rpx}.live-wrapper-a .live-item-a .info .goods-wrapper .goods-item.data-v-9eedf942:last-child{margin-right:0}.live-wrapper-a .live-item-a .info .goods-wrapper .goods-item image.data-v-9eedf942{width:100%;height:100%;border-radius:16rpx}.live-wrapper-a .live-item-a .info .goods-wrapper .goods-item .bg.data-v-9eedf942{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:16rpx;background:rgba(0,0,0,.3)}.live-wrapper-a .live-item-a .info .goods-wrapper .goods-item text.data-v-9eedf942{position:absolute;left:0;bottom:0;width:100%;height:60rpx;line-height:70rpx;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75))}.live-wrapper-a .live-item-a .info .goods-wrapper .goods-item .num.data-v-9eedf942{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);color:#fff;font-size:28rpx}.live-wrapper-a .live-item-a .info .empty-goods.data-v-9eedf942{width:96rpx;height:96rpx;border-radius:6rpx;background-color:#b2b2b2;color:#fff;font-size:20rpx;text-align:center;line-height:96rpx}.live-wrapper-a.live-wrapper-c .live-item-a.data-v-9eedf942{display:flex;flex-direction:column}.live-wrapper-a.live-wrapper-c .live-item-a .img-box.data-v-9eedf942{width:100%;border-radius:8px 8px 0 0}.live-wrapper-a.live-wrapper-c .live-item-a .info.data-v-9eedf942{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.live-wrapper-a.live-wrapper-c .live-item-a .info .left.data-v-9eedf942{width:69%}.live-wrapper-a.live-wrapper-c .live-item-a .info .goods-wrapper.data-v-9eedf942{flex:1}.text.data-v-9eedf942{display:flex;align-items:flex-end}.text .name.data-v-9eedf942{font-size:32rpx;font-weight:700}.text .txt-btn.data-v-9eedf942{font-size:24rpx;display:flex;align-items:flex-end;margin-left:12rpx;color:#999;margin-bottom:4rpx}.live-wrapper-b.data-v-9eedf942{padding:0rpx 20rpx 0;display:flex;justify-content:space-between;flex-wrap:wrap}.live-wrapper-b .live-item-b.data-v-9eedf942{width:345rpx;background-color:#fff;border-radius:16rpx;overflow:hidden;margin-bottom:20rpx;overflow:hidden}.live-wrapper-b .live-item-b .img-box.data-v-9eedf942{position:relative}.live-wrapper-b .live-item-b .img-box image.data-v-9eedf942{width:100%;height:274rpx}.live-wrapper-b .live-item-b .info.data-v-9eedf942{display:flex;flex-direction:column;padding:20rpx}.live-wrapper-b .live-item-b .info .title.data-v-9eedf942{font-size:30rpx;color:#333}.live-wrapper-b .live-item-b .info .people.data-v-9eedf942{display:flex;margin-top:10rpx;color:#999}.live-wrapper-b .live-item-b .info .people image.data-v-9eedf942{width:36rpx;height:36rpx;border-radius:50%;margin-right:10rpx}.label.data-v-9eedf942{display:flex;align-items:center;justify-content:center;position:absolute;left:10rpx;top:10rpx;border-radius:22rpx 0 22rpx 22rpx;font-size:24rpx;color:#fff;z-index:1}.label image.data-v-9eedf942{margin-right:10rpx}.label text.data-v-9eedf942{font-size:22rpx}.bgred.data-v-9eedf942{width:132rpx;height:38rpx;background:linear-gradient(270deg,#f5742f,#ff1717)}.bggary.data-v-9eedf942{width:108rpx;height:38rpx;background:linear-gradient(270deg,#999,#666);line-height:38rpx}.bggary .iconfont.data-v-9eedf942{margin-right:8rpx;font-size:24rpx;color:#fff}.bgblue.data-v-9eedf942{display:flex;align-items:center;position:absolute;left:4rpx;top:10rpx;border-radius:22rpx 0 22rpx 22rpx;font-size:24rpx;color:#fff;z-index:1;width:220rpx;height:38rpx;background:rgba(0,0,0,.36);overflow:hidden}.bgblue .txt.data-v-9eedf942{position:relative;left:-5rpx;display:flex;align-items:center;justify-content:center;width:80rpx;height:100%;text-align:center;background:linear-gradient(270deg,#2fa1f5,#0076ff)}.title-box.data-v-9eedf942{display:flex;justify-content:space-between;align-items:center;padding:20rpx 20rpx;font-size:32rpx}.title-box .title.data-v-9eedf942{font-size:34rpx;font-weight:700}.title-box .more.data-v-9eedf942{display:flex;align-items:center;justify-content:center;font-size:24rpx;color:#999}.title-box .more .iconfont.data-v-9eedf942{margin-left:9rpx;font-size:26rpx;vertical-align:3rpx}.empty-img.data-v-9eedf942{width:690rpx;height:300rpx;border-radius:14rpx;margin:26rpx auto 0 auto;background-color:#ccc;text-align:center;line-height:300rpx}.empty-img .iconfont.data-v-9eedf942{font-size:50rpx}
|