course.wxss 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. width: 100%;
  13. height: 100%;
  14. background-color: #f8f6f6;
  15. }
  16. .container {
  17. width: 100%;
  18. height: 100%;
  19. background-color: #f8f6f6;
  20. }
  21. .scroll-list {
  22. width: 100%;
  23. height: 70rpx;
  24. overflow: hidden;
  25. white-space: nowrap;
  26. padding: 0rpx 25rpx;
  27. font-size: 26rpx;
  28. background-color: #ffffff;
  29. margin-bottom: 25rpx;
  30. line-height: 60rpx;
  31. }
  32. .scroll-list .scoll-box {
  33. margin-right: 35rpx;
  34. text-align: center;
  35. display: inline-block;
  36. }
  37. .scroll-list .scoll-box.active {
  38. color: #fa2740;
  39. border-bottom: 4rpx solid #fa2740;
  40. }
  41. .big-box {
  42. padding: 0 13rpx;
  43. padding-bottom: 25rpx;
  44. }
  45. .big-box .no-data {
  46. width: 100%;
  47. font-size: 26rpx;
  48. text-align: center;
  49. }
  50. .big-box .activitylist {
  51. margin-top: 20rpx;
  52. background: white;
  53. box-shadow: 0px 5rpx 5rpx 0px rgba(35, 24, 21, 0.06);
  54. border-radius: 7rpx;
  55. padding: 0 20rpx;
  56. }
  57. .big-box .activitylist .act_box {
  58. display: -webkit-box;
  59. display: -webkit-flex;
  60. display: flex;
  61. overflow: hidden;
  62. padding: 31rpx 0rpx 25rpx 0rpx;
  63. border-bottom: 1rpx solid #e8e8e8;
  64. }
  65. .big-box .activitylist .act_box .act_left {
  66. width: 240rpx;
  67. height: 160rpx;
  68. margin-right: 25rpx;
  69. }
  70. .big-box .activitylist .act_box .act_left image {
  71. width: 240rpx;
  72. height: 160rpx;
  73. border-radius: 10rpx;
  74. }
  75. .big-box .activitylist .act_box .act_right {
  76. -webkit-box-flex: 1;
  77. -webkit-flex: 1;
  78. flex: 1;
  79. }
  80. .big-box .activitylist .act_box .act_right .right_top {
  81. display: -webkit-box;
  82. display: -webkit-flex;
  83. display: flex;
  84. -webkit-box-pack: justify;
  85. -webkit-justify-content: space-between;
  86. justify-content: space-between;
  87. }
  88. .big-box .activitylist .act_box .act_right .right_top .act_tit {
  89. font-size: 30rpx;
  90. font-weight: bold;
  91. color: #333333;
  92. }
  93. .big-box .activitylist .act_box .act_right .right_top .act_icon {
  94. width: 31rpx;
  95. height: 44rpx;
  96. }
  97. .big-box .activitylist .act_box .act_right .right_top .act_icon image {
  98. width: 30rpx;
  99. height: 44rpx;
  100. }
  101. .big-box .activitylist .act_box .act_right .act_txt {
  102. width: 90%;
  103. font-size: 22rpx;
  104. color: #999999;
  105. overflow: hidden;
  106. text-overflow: ellipsis;
  107. display: -webkit-box;
  108. -webkit-line-clamp: 2;
  109. -webkit-box-orient: vertical;
  110. height: 70rpx;
  111. }
  112. .big-box .activitylist .act_box .act_right .tip-box {
  113. display: -webkit-box;
  114. display: -webkit-flex;
  115. display: flex;
  116. -webkit-flex-wrap: wrap;
  117. flex-wrap: wrap;
  118. font-size: 24rpx;
  119. }
  120. .big-box .activitylist .act_box .act_right .tip-box .tip {
  121. background: rgba(103, 134, 251, 0.18);
  122. color: #6786fb;
  123. margin-right: 15rpx;
  124. margin-top: 10rpx;
  125. padding: 2rpx 10rpx;
  126. }
  127. .big-box .activitylist .act_time {
  128. padding: 25rpx 0rpx;
  129. }
  130. .big-box .activitylist .act_time .time_date {
  131. font-size: 24rpx;
  132. font-weight: bold;
  133. color: #666666;
  134. }
  135. .big-box .activitylist .act_time .act_mony {
  136. font-size: 26rpx;
  137. font-weight: bold;
  138. color: red;
  139. }
  140. .Search-box {
  141. height: 100rpx;
  142. background: #ffffff;
  143. padding: 0 24rpx;
  144. display: -webkit-box;
  145. display: -webkit-flex;
  146. display: flex;
  147. -webkit-box-pack: justify;
  148. -webkit-justify-content: space-between;
  149. justify-content: space-between;
  150. -webkit-box-align: center;
  151. -webkit-align-items: center;
  152. align-items: center;
  153. margin-bottom: 26rpx;
  154. }
  155. .Search-box .Search-text {
  156. font-size: 28rpx;
  157. font-weight: 500;
  158. color: #666666;
  159. }
  160. .Search-box .Search-box-size {
  161. width: 620rpx;
  162. border-radius: 32rpx;
  163. background-color: #f1f1f1;
  164. padding-left: 36rpx;
  165. display: -webkit-box;
  166. display: -webkit-flex;
  167. display: flex;
  168. -webkit-box-align: center;
  169. -webkit-align-items: center;
  170. align-items: center;
  171. }
  172. .Search-box .Search-box-size .box-img {
  173. height: 32rpx;
  174. width: 32rpx;
  175. margin-right: 16rpx;
  176. }
  177. .Search-box .Search-box-size .input-box {
  178. font-size: 26rpx;
  179. height: 65rpx;
  180. line-height: 65rpx;
  181. }
  182. .Search-box .Search-box-size .box-word {
  183. font-size: 22rpx;
  184. font-weight: 500;
  185. color: #cdcbcb;
  186. line-height: 55rpx;
  187. }