mp-weixin-2811-xcx.aigc-quickapp.com/components/diy-components/diy-video-list.wxss

.video-nav.fixed-layout .uni-scroll-view-content{display:flex;flex-wrap:wrap;justify-content:space-between}.video-nav.singleSlide .uni-scroll-view-content{display:flex}.video-nav.pageSlide .uni-swiper-dots-horizontal{bottom:0rpx}.video-nav.pageSlide.straightLine .uni-swiper-dot{width:30rpx;border-radius:0;height:8rpx}.video-nav.pageSlide.circle .uni-swiper-dot{width:14rpx;height:14rpx}.goods-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.goods-list.row1-of3{display:flex;flex-wrap:wrap}.goods-list.row1-of3 .goods-item{position:relative;display:flex;flex-direction:column;margin-top:20rpx;width:calc(33.3333333% - 14rpx);box-sizing:border-box}.goods-list.row1-of3 .goods-item:nth-child(3n + 3){width:calc(33.33% - 15rpx)}.goods-list.row1-of3 .goods-item:nth-of-type(1), .goods-list.row1-of3 .goods-item:nth-of-type(2), .goods-list.row1-of3 .goods-item:nth-of-type(3){margin-top:0}.goods-list.row1-of3 .goods-item:nth-child(3n){width:calc(33.3333333% - 15rpx)}.goods-list.row1-of3 .goods-item:nth-child(3n-1){margin-left:20rpx;margin-right:20rpx}.goods-list.row1-of3 .goods-item.shadow{width:calc(33.3333333% - 18rpx)}.goods-list.row1-of3 .goods-item.shadow:nth-of-type(1), .goods-list.row1-of3 .goods-item.shadow:nth-of-type(2), .goods-list.row1-of3 .goods-item.shadow:nth-of-type(3){margin-top:8rpx}.goods-list.row1-of3 .goods-item.shadow:nth-child(1n){margin-left:8rpx}.goods-list.row1-of3 .goods-item.shadow:nth-child(3n-1){margin-left:20rpx;margin-right:20rpx}.goods-list.row1-of3 .goods-item.shadow:nth-child(3n){margin-right:0;margin-left:0}.goods-list.row1-of3 .goods-item .goods-img-wrap{position:relative;overflow:hidden;height:220rpx}.goods-list.row1-of3 .goods-item .goods-img{width:100%}.goods-list.row1-of3 .goods-item .info-wrap{display:flex;flex-direction:column;flex:1}.goods-list.row1-of3 .goods-item .info-wrap .pro-info{margin-top:auto;display:flex;flex-direction:column;justify-content:space-between}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price{display:flex;justify-content:space-between;align-items:center}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap{white-space:nowrap}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size:24rpx!important}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size:32rpx}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap text{font-weight:700}.goods-list.row1-of3 .goods-item .info-wrap .pro-info .delete-price{text-decoration:line-through;flex:1;line-height:28rpx;color:#909399;font-size:20rpx}.goods-list.row1-of3.style-1 .pro-info .price-wrap{line-height:1}.goods-list.row1-of3.style-1 .pro-info .discount-price{justify-content:unset!important;align-items:baseline!important;flex-wrap:wrap}.goods-list.row1-of3.style-1 .pro-info .delete-price{margin-left:10rpx}.goods-list.row1-of3.style-2 .pro-info{position:relative;flex-direction:row!important;align-items:center}.goods-list.row1-of3.style-2 .pro-info .price-wrap{line-height:1}.goods-list.row1-of3.style-2 .pro-info .discount-price{align-items:flex-end!important;flex-wrap:wrap;justify-content:unset!important}.goods-list.row1-of3.style-2 .pro-info .delete-price{margin:20rpx 0;flex-basis:100%!important}.goods-list.row1-of3.style-2 .pro-info .buy-btn{min-width:112rpx;height:52rpx;padding:0 20rpx;line-height:52rpx;text-align:center;box-sizing:border-box}.goods-list.row1-of3 .sell-out text{font-size:150rpx}.goods-list.row1-of2{display:flex;flex-wrap:wrap;justify-content:space-between}.goods-list.row1-of2 .goods-item{position:relative;margin-top:20rpx;width:calc(50% - 10rpx);display:flex;flex-direction:column;box-sizing:border-box}.goods-list.row1-of2 .goods-item:nth-child(2n){margin-right:0!important}.goods-list.row1-of2 .goods-item:nth-of-type(1), .goods-list.row1-of2 .goods-item:nth-of-type(2){margin-top:0}.goods-list.row1-of2 .goods-item.shadow{width:calc(50% - 18rpx)}.goods-list.row1-of2 .goods-item.shadow:nth-child(2n-1){margin-left:8rpx}.goods-list.row1-of2 .goods-item.shadow:nth-child(2n){margin-right:8rpx!important}.goods-list.row1-of2 .goods-item.shadow:nth-of-type(1), .goods-list.row1-of2 .goods-item.shadow:nth-of-type(2){margin-top:8rpx}.goods-list.row1-of2 .goods-item .goods-img-wrap{position:relative;overflow:hidden;height:340rpx}.goods-list.row1-of2 .goods-item .goods-img{width:100%}.goods-list.row1-of2 .goods-item .info-wrap{display:flex;flex-direction:column;flex:1}.goods-list.row1-of2 .goods-item .info-wrap .sale{flex-basis:100%}.goods-list.row1-of2 .goods-item .info-wrap .pro-info{margin-top:auto;display:flex;flex-direction:row;justify-content:space-between}.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap{white-space:nowrap}.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-weight:700;font-size:24rpx!important}.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-weight:700;font-size:32rpx!important}.goods-list.row1-of2 .goods-item .info-wrap .pro-info .delete-price{text-decoration:line-through;flex:1;line-height:28rpx;color:#909399;font-size:20rpx}.goods-list.row1-of2.style-1 .pro-info .discount-price{display:flex;flex-wrap:wrap;align-items:baseline}.goods-list.row1-of2.style-1 .pro-info .discount-price .price-wrap{display:inline-block}.goods-list.row1-of2.style-1 .pro-info .discount-price .price-wrap text{font-weight:700}.goods-list.row1-of2.style-1 .pro-info .discount-price .price-wrap{line-height:1}.goods-list.row1-of2.style-1 .pro-info .delete-price{margin-top:6rpx;flex-basis:100%!important}.goods-list.row1-of2.style-2 .pro-info{position:relative;align-items:center}.goods-list.row1-of2.style-2 .pro-info .price-wrap{line-height:1}.goods-list.row1-of2.style-2 .pro-info .discount-price{display:flex;flex-wrap:wrap;align-items:baseline}.goods-list.row1-of2.style-2 .pro-info .delete-price{margin-top:4rpx;flex-basis:100%!important}.goods-list.row1-of2.style-2 .pro-info .sale{line-height:1;margin-top:10rpx}.goods-list.row1-of2.style-2 .pro-info .buy-btn{min-width:140rpx;height:52rpx;padding:0 20rpx;line-height:52rpx;text-align:center;box-sizing:border-box}.goods-list.row1-of2.style-3 .pro-info .member-price{margin-right:auto;align-self:flex-end;margin-bottom:4rpx}.goods-list.row1-of2.style-3 .pro-info .sale{line-height:1;align-self:center;margin-top:8rpx}.goods-list.row1-of2.style-3 .pro-info .discount-price{display:flex;flex-wrap:wrap;flex:1;align-content:center}.goods-list.row1-of2.style-3 .pro-info .discount-price .price-wrap{display:flex;align-items:baseline;line-height:1;align-self:center}.goods-list.row1-of2.style-3 .swiper{padding:20rpx 0}.goods-list.row1-of2 .sell-out text{font-size:250rpx}.video-container{width:100%;height:300px;position:relative}.adaptive-video{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0}.video-nav{padding:16rpx;box-sizing:border-box}.video-nav.singleSlide .video-nav-item{flex-shrink:0}.video-nav.pageSlide{position:relative}.video-nav.pageSlide .video-nav-wrap{display:flex;flex-wrap:wrap;width:100%;height:100%}.video-nav .video-nav-item{display:flex;flex-direction:column;align-items:center;padding:14rpx 0;box-sizing:border-box}.video-nav .video-nav-item .video-text{padding-top:12rpx;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;text-align:center}.video-nav .video-nav-item .video-text.alone{padding-top:0}.video-nav .video-nav-item.text .video-text{padding-top:0}.video-nav .video-nav-item .video-img{position:relative;display:flex;align-items:center;justify-content:center;font-size:90rpx}.video-nav .video-nav-item .video-img .tag{position:absolute;top:-10rpx;right:-24rpx;color:#fff;border-radius:24rpx;border-bottom-left-radius:0;-webkit-transform:scale(.8);transform:scale(.8);padding:8rpx 16rpx;line-height:1;font-size:24rpx}.video-nav .video-nav-item .video-img .icon{font-size:50rpx;color:#606266}.swiper-dot-box{width:100%;display:flex;align-items:center;justify-content:center;margin-top:-20rpx;padding-bottom:8rpx}.swiper-dot-box .swiper-dot{background-color:rgba(0,0,0,.3);margin:8rpx}.swiper-dot-box .swiper-dot.active{background-color:#000}.swiper-dot-box.straightLine .swiper-dot{width:30rpx;border-radius:0;height:8rpx}.swiper-dot-box.circle .swiper-dot{width:15rpx;border-radius:50%;height:15rpx}