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
8.3 KiB
1 line
8.3 KiB
3 months ago
|
.pageOn{border-radius:16rpx}.label-img{width:20rpx!important;height:20rpx!important}.bgred-img{width:21rpx!important;height:22rpx!important}.live-wrapper{position:relative;width:100%;overflow:hidden;border-radius:16rpx}.live-wrapper image{width:100%;height:400rpx}.live-wrapper .live-top{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{width:30rpx;height:30rpx;margin-right:10rpx}.live-wrapper .live-title{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{width:100%}.live-wrapper.mores .item{position:relative;width:320rpx;display:inline-block;border-radius:16rpx;overflow:hidden;margin-right:20rpx}.live-wrapper.mores .item image{width:320rpx;height:180rpx;border-radius:16rpx}.live-wrapper.mores .item .live-title{height:40rpx;line-height:40rpx;text-align:center;font-size:22rpx}.live-wrapper.mores .item .live-top{width:120rpx;height:36rpx;font-size:22rpx}.live-wrapper.mores .item .live-top image{width:20rpx;height:20rpx}.live-wrapper-a{padding:20rpx}.live-wrapper-a .live-item-a:first-child{margin-top:0!important}.live-wrapper-a .live-item-a .img-box{position:relative;height:400rpx;overflow:hidden}.live-wrapper-a .live-item-a .info{padding:24rpx 0 0}.live-wrapper-a .live-item-a .info .title{font-size:28rpx;line-height:40rpx;color:#333}.live-wrapper-a .live-item-a .info .people{margin-top:12rpx;font-size:24rpx;color:#999}.live-wrapper-a .live-item-a .info .people .image{margin-right:12rpx}.live-wrapper-a .live-item-a .label-a{position:absolute;top:24rpx;left:0;z-index:2;height:40rpx;padding:0 16rpx;border-radius:0 20rpx 20rpx 0;background:linear-gradient(90deg,#ff2851,#ff2851);font-size:22rpx;line-height:40rpx;color:#fff}.live-wrapper-a .live-item-a .label-b{position:absolute;top:24rpx;left:0;z-index:2;height:40rpx;padding:0 16rpx 0 0;border-radius:0 20rpx 20rpx 0;background:rgba(0,0,0,.2);font-size:22rpx;color:#fff}.live-wrapper-a .live-item-a .label-b .txt{height:40rpx;padding:0 16rpx;border-radius:0 20rpx 20rpx 0;margin-right:12rpx;background:linear-gradient(90deg,#208ff2,#3fa6ff 98%)}.live-wrapper-a .live-item-a .label-c{position:absolute;top:24rpx;left:0;z-index:2;height:40rpx;padding:0 16rpx;border-radius:0 20rpx 20rpx 0;background:linear-gradient(90deg,#6d80ac,#889ebd);font-size:22rpx;color:#fff}.live-wrapper-b{padding:20rpx}.live-wrapper-b .live-item:first-child{margin-top:0!important}.live-wrapper-b .live-item .img-box{position:relative;width:332rpx;height:236rpx;background:#f3f9ff;overflow:hidden}.live-wrapper-b .live-item .info{flex:1;padding:20rpx 0 24rpx 24rpx}.live-wrapper-b .live-item .info .title{flex:1;font-size:28rpx;line-height:40rpx;color:#333}.live-wrapper-b .label-a{position:absolute;top:12rpx;left:12rpx;z-index:2;height:36rpx;padding:0 12rpx;border-radius:18rpx;background:linear-gradient(90deg,#ff2851,#ff2851);font-size:22rpx;line-height:36rpx;color:#fff}.live-wrapper-b .label-b{position:absolute;top:12rpx;left:12rpx;z-index:2;height:36rpx;padding:0 12rpx 0 0;border-radius:18rpx;background:rgba(0,0,0,.2);font-size:22rpx;line-height:36rpx;color:#fff}.live-wrapper-b .label-b .txt{height:36rpx;padding:0 12rpx;border-radius:18rpx;margin-right:12rpx;background:linear-gradient(90deg,#208ff2,#3fa6ff 98%)}.live-wrapper-b .label-c{position:absolute;top:12rpx;left:12rpx;z-index:2;height:36rpx;padding:0 12rpx;border-radius:18rpx;background:linear-gradient(90deg,#6d80ac,#889ebd);font-size:22rpx;line-height:36rpx;color:#fff}.live-wrapper-b .goods-wrapper{margin-top:16rpx}.live-wrapper-b .goods-wrapper .goods-item{position:relative;width:96rpx;height:96rpx}.live-wrapper-b .goods-wrapper .money{position:absolute;right:0;bottom:0;left:0;height:26rpx;background:rgba(0,0,0,.3);text-align:center;font-size:22rpx;line-height:26rpx;color:#fff}.live-wrapper-b .goods-wrapper .num{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);font-size
|