index.less 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. .single-item {
  2. display: inline-block;
  3. width: 350px;
  4. position: relative;
  5. border: 1px solid #E5E5E5FF;
  6. border-radius: 4px;
  7. background: #FBFBFBFF;
  8. .img {
  9. width: 100%;
  10. height: 250px;
  11. position: relative;
  12. background: #eee;
  13. padding-top: 10px;
  14. margin-bottom: 10px;
  15. .title {
  16. font-weight: 500;
  17. color: rgba(255, 255, 255, 1)!important;
  18. line-height: 24px;
  19. font-size: 16px;
  20. margin-left: 15px;
  21. .tag {
  22. display: inline-block;
  23. font-size: 12px;
  24. color: #fff;
  25. width: 44px;
  26. height: 24px;
  27. background: rgba(104, 101, 253, 1);
  28. border-radius: 2px;
  29. text-align: center;
  30. margin-right: 5px;
  31. }
  32. a{
  33. color: rgba(255, 255, 255, 1)!important;
  34. }
  35. }
  36. .left {
  37. position: absolute;
  38. bottom: 10px;
  39. left: 20px;
  40. color: #fff;
  41. font-size: 12px;
  42. span {
  43. margin-right: 10px;
  44. }
  45. }
  46. .right {
  47. position: absolute;
  48. right: 20px;
  49. bottom: 10px;
  50. color: #fff;
  51. font-size: 12px;
  52. }
  53. }
  54. .name {
  55. margin-bottom: 5px;
  56. padding-left: 15px;
  57. span {
  58. margin-right: 20px;
  59. color: #5E677BFF;
  60. }
  61. }
  62. .money {
  63. padding-left: 15px;
  64. color: #F09842FF;
  65. font-weight: 600;
  66. font-size: 20px;
  67. margin-bottom: 5px;
  68. }
  69. .action {
  70. padding: 0 15px;
  71. margin-bottom: 20px;
  72. overflow: hidden;
  73. .default.button {
  74. color: #4292F0;
  75. }
  76. }
  77. .buyed {
  78. position: absolute;
  79. bottom: 15px;
  80. left: 15px;
  81. }
  82. }
  83. .package-item {
  84. display: inline-block;
  85. width: 350px;
  86. position: relative;
  87. .block {
  88. background: rgba(251, 251, 251, 1);
  89. border-radius: 4px;
  90. border: 1px solid rgba(229, 229, 229, 1);
  91. padding: 15px;
  92. .title {
  93. font-weight: 500;
  94. line-height: 24px;
  95. font-size: 16px;
  96. .tag {
  97. display: inline-block;
  98. font-size: 12px;
  99. color: #fff;
  100. width: 44px;
  101. height: 24px;
  102. background: rgba(104, 101, 253, 1);
  103. border-radius: 2px;
  104. text-align: center;
  105. margin-right: 5px;
  106. }
  107. }
  108. .t {
  109. border-radius: 3px;
  110. border: 1px solid rgba(65, 166, 243, 1);
  111. }
  112. }
  113. .action {
  114. margin-bottom: 20px;
  115. overflow: hidden;
  116. .default.button {
  117. color: #4292F0;
  118. }
  119. }
  120. .buyed {
  121. position: absolute;
  122. bottom: 15px;
  123. left: 15px;
  124. }
  125. }
  126. .data-single-item {
  127. display: inline-block;
  128. width: 290px;
  129. background: rgba(251, 251, 251, 1);
  130. border-radius: 4px;
  131. border: 1px solid rgba(229, 229, 229, 1);
  132. padding: 10px;
  133. .action {
  134. margin-bottom: 10px;
  135. overflow: hidden;
  136. .default.button {
  137. color: #4292F0;
  138. }
  139. }
  140. .buyed {
  141. position: absolute;
  142. bottom: 85px;
  143. left: 30px;
  144. }
  145. }
  146. .textbook-item {
  147. display: inline-block;
  148. width: 350px;
  149. >.assets {
  150. height: 250px;
  151. }
  152. }