index.less 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .livePlayerPage{
  2. position: relative;
  3. min-height: 100vh;
  4. background: #F5F5F5;
  5. z-index: 1;
  6. padding-bottom: 152px;
  7. .NavBar{
  8. .lxy-nav-bar__left{
  9. display: none;
  10. }
  11. .lxy-nav-bar__center{
  12. padding-left: 0 !important;
  13. text{
  14. padding-left: 25px !important;
  15. margin-right: auto;
  16. color: #FFFFFF;
  17. font-size: 36px;
  18. }
  19. }
  20. }
  21. .background{
  22. position: absolute;
  23. top: 0;
  24. z-index: -1;
  25. width: 100%;
  26. height: 400px;
  27. }
  28. .title{
  29. font-size: 37px;
  30. color: #393484;
  31. font-weight: bolder;
  32. padding: 15px 0 30px 25px;
  33. }
  34. .list{
  35. padding: 0 23px 0 23px;
  36. .item{
  37. border-radius: 6px;
  38. padding: 21px 11px 31px 57px;
  39. background: #FFFFFF;
  40. display: flex;
  41. flex-flow: row nowrap;
  42. margin-bottom: 17px;
  43. .infor{
  44. width: calc(100% - 260rpx);
  45. margin-right: 26px;
  46. .name{
  47. font-size: 28px;
  48. color: #2F3742;
  49. font-weight: bolder;
  50. line-height: 39px;
  51. height: 78px;
  52. text-overflow: -o-ellipsis-lastline;
  53. overflow: hidden;
  54. text-overflow: ellipsis;
  55. display: -webkit-box;
  56. -webkit-line-clamp: 2;
  57. -webkit-box-orient: vertical;
  58. }
  59. .createTimes{
  60. display: inline-block;
  61. background: #EFF3FF;
  62. border-radius: 2px;
  63. font-size: 16px;
  64. margin-top: 19px;
  65. margin-bottom: 15px;
  66. margin-left: 10px;
  67. padding: 5px 7px;
  68. color: #4564DC;
  69. border: 1px #A7B6F1 solid;
  70. }
  71. .amount{
  72. display: flex;
  73. flex-flow: row nowrap;
  74. align-items: flex-end;
  75. font-size: 28px;
  76. font-weight: bolder;
  77. color: #FE3371;
  78. padding-left: 35px;
  79. .money{
  80. padding-left: 10px;
  81. font-size: 20px;
  82. }
  83. }
  84. }
  85. .thumbnailUrl{
  86. margin-bottom: 20px;
  87. width: 234px;
  88. height: auto;
  89. margin-left: auto;
  90. }
  91. }
  92. }
  93. }