| 1 |
- .pageOn{border-radius:16rpx}.mb-config{padding-bottom:20rpx}.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:0rpx 20rpx 0}.live-wrapper-a .live-item-a{display:flex;background:#fff;margin-bottom:20rpx;border-radius:16rpx;overflow:hidden}.live-wrapper-a .live-item-a:last-child{margin-bottom:0}.live-wrapper-a .live-item-a .img-box{position:relative;width:340rpx;height:270rpx}.live-wrapper-a .live-item-a .img-box image{width:100%;height:100%}.live-wrapper-a .live-item-a .info{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:15rpx 20rpx}.live-wrapper-a .live-item-a .info .title{font-size:30rpx;color:#333}.live-wrapper-a .live-item-a .info .people{display:flex;align-items:center;color:#999;font-size:24rpx;margin-top:10rpx}.live-wrapper-a .live-item-a .info .people image{width:32rpx;height:32rpx;border-radius:50%;margin-right:10rpx}.live-wrapper-a .live-item-a .info .goods-wrapper{display:flex}.live-wrapper-a .live-item-a .info .goods-wrapper .goods-item{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:last-child{margin-right:0}.live-wrapper-a .live-item-a .info .goods-wrapper .goods-item image{width:100%;height:100%;border-radius:16rpx}.live-wrapper-a .live-item-a .info .goods-wrapper .goods-item .bg{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{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{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{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{display:flex;flex-direction:column}.live-wrapper-a.live-wrapper-c .live-item-a .img-box{width:100%;border-radius:8px 8px 0 0}.live-wrapper-a.live-wrapper-c .live-item-a .info{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.live-wrapper-a.live-wrapper-c .live-item-a .info .left{width:69%}.live-wrapper-a.live-wrapper-c .live-item-a .info .goods-wrapper{flex:1}.live-wrapper-b{padding:0rpx 20rpx 0;display:flex;justify-content:space-between;flex-wrap:wrap}.live-wrapper-b .live-item-b{width:345rpx;background-color:#fff;border-radius:16rpx;overflow:hidden;margin-bottom:20rpx;overflow:hidden}.live-wrapper-b .live-item-b .img-box{position:relative}.live-wrapper-b .live-item-b .img-box image{width:100%;height:274rpx}.live-wrapper-b .live-item-b .info{display:flex;flex-direction:column;padding:20rpx}.live-wrapper-b .live-item-b .info .title{font-size:30rpx;color:#333}.live-wrapper-b .live-item-b .info .people{display:flex;margin-top:10rpx;color:#999}.live-wrapper-b .live-item-b .info .people image{width:36rpx;height:36rpx;border-radius:50%;margin-right:10rpx}.label{display:flex;align-items:center;justify-content:center;position:absolute;left:20rpx;top:20rpx;border-radius:22rpx 0 22rpx 22rpx;font-size:24rpx;color:#fff}.label image{margin-right:10rpx}.label text{font-size:22rpx}.bgred{width:132rpx;height:38rpx;background:linear-gradient(270deg,#f5742f,#ff1717)}.bggary{width:108rpx;height:38rpx;background:linear-gradient(270deg,#999,#666)}.bgblue{width:220rpx;height:38rpx;background:rgba(0,0,0,.36);overflow:hidden}.bgblue .txt{position:relative;left:-5rpx;display:flex;align-items:center;justify-content:center;width:38px;height:100%;text-align:center;background:linear-gradient(270deg,#2fa1f5,#0076ff)}.title-box{display:flex;justify-content:space-between;align-items:center;padding:20rpx;font-size:32rpx}.title-box .more{display:flex;align-items:center;justify-content:center;font-size:26rpx;color:#999}.title-box .more .iconfont{font-size:26rpx;margin-top:8rpx}
|
