video.wxss 1.1 KB

1234567891011121314
  1. .video{padding-top:80rpx;}
  2. .scroll{height:54rpx;white-space:nowrap;background-color:#fff;border-bottom:1rpx solid #9fa0a0;position:fixed;left:0;top:0;z-index:9;}
  3. .navCol{display:inline-block;font-size:30rpx;color:#727171;line-height:54rpx;margin:0 20rpx;border-bottom:4rpx solid #fff;}
  4. .current{color:#ee3a43;border-bottom:4rpx solid #ee3a43;}
  5. .list{padding:0 18rpx;box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:wrap;}
  6. .listCol{width:49%;background-color:#fff;margin-bottom:14rpx;}
  7. .imgBox{height:206rpx;position:relative;}
  8. .icon-play{position:absolute;left:10rpx;bottom:10rpx;z-index:1}
  9. .imgBox image{width:100%;height:100%;}
  10. .details{padding:20rpx 20rpx 20rpx 0;box-sizing:border-box;display:flex;justify-content:space-between;}
  11. .name{width:100%;font-size:26rpx;color:#727171;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  12. .time{font-size:26rpx;color:#ee3a43;}
  13. .playMask{width:100%;height:100%;background-color:rgba(0,0,0,.3);position:fixed;left:0;top:0;z-index:99;display:flex;flex-direction:column;justify-content:center;align-items:center;}
  14. .maskBox{width:100%;flex-grow:1;}