1
0

index.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @charset "utf-8";
  2. #course-experience {
  3. background: #fff;
  4. .content {
  5. width: 1140px !important;
  6. }
  7. .top {
  8. padding: 8px 0;
  9. height: 60px;
  10. line-height: 44px;
  11. }
  12. .center {
  13. background: #fff;
  14. padding-top: 20px;
  15. .content {
  16. .total-list {
  17. margin: 0 -20px;
  18. margin-bottom: 30px;
  19. .total-item {
  20. margin: 0 20px;
  21. width: 254px;
  22. display: inline-block;
  23. padding: 20px;
  24. padding-right: 10px;
  25. background: #F7F7F7FF;
  26. height: 150px;
  27. vertical-align: top;
  28. .title {
  29. line-height: 16px;
  30. font-size: 16px;
  31. color: #5E677BFF;
  32. margin-bottom: 10px;
  33. }
  34. .label {
  35. color: #5E677BFF;
  36. font-size: 32px;
  37. text-align: center;
  38. padding-right: 10px;
  39. font-weight: bold;
  40. }
  41. }
  42. }
  43. .user-action {
  44. border-top: 1px solid #eee;
  45. }
  46. .article-item {
  47. .detail {
  48. max-height: 140px;
  49. overflow: hidden;
  50. background: linear-gradient(360deg, rgba(161, 161, 171, 0) 0%, rgba(104, 104, 114, 1) 100%);
  51. -webkit-background-clip: text;
  52. -webkit-text-fill-color: transparent;
  53. }
  54. }
  55. }
  56. }
  57. }