demandCourses.wxss 956 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. page {
  2. background-color: #f2f2f2;
  3. }
  4. .video_box {
  5. display: flex;
  6. width: 750rpx;
  7. flex-wrap: wrap;
  8. }
  9. .video {
  10. width: 340rpx;
  11. height: 286rpx;
  12. margin-left: 20rpx;
  13. position: relative;
  14. border-radius: 20rpx;
  15. margin-top: 20rpx;
  16. }
  17. .spbj {
  18. width: 100%;
  19. height: 286rpx;
  20. border-radius: 20rpx;
  21. position: relative;
  22. }
  23. .grayblock {
  24. width: 100%;
  25. height: 80rpx;
  26. background-color: rgba(255, 255, 255, 0.7);
  27. position: absolute;
  28. bottom: 0rpx;
  29. border-radius: 0 0 20rpx 20rpx;
  30. text-indent: 10rpx;
  31. }
  32. .show_text {
  33. font-size: 22rpx;
  34. margin-top: 10rpx;
  35. white-space: nowrap;
  36. overflow: hidden;
  37. text-overflow: ellipsis;
  38. }
  39. .qb {
  40. width: 23rpx;
  41. height: 25rpx;
  42. margin-left: 10rpx;
  43. margin-top: 5rpx;
  44. float: left;
  45. }
  46. .nodata {
  47. position: absolute;
  48. top: 285rpx;
  49. left: 205rpx;
  50. width: 340rpx;
  51. height: 262rpx;
  52. }
  53. .nodata_text {
  54. position: absolute;
  55. top: 550rpx;
  56. left: 310rpx;
  57. font-size: 30rpx;
  58. color: #666666;
  59. }