growthMore.wxss 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. @font-face {
  2. font-family: "iconfont";
  3. src: url('iconfont.eot?t=1559792796005');
  4. /* IE9 */
  5. src: url('iconfont.eot?t=1559792796005#iefix') format('embedded-opentype'),
  6. /* IE6-IE8 */
  7. url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAN8AAsAAAAAB2QAAAMtAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfAqCVIJHATYCJAMMCwgABCAFhG0HOhuHBlFUThpkX2HjGmgmUuyNPccugoc2IwA+opyBA4CIiQuzDAAAEEH8frTZ3XcmEu+aoFk0mSRSIRE6KUDVUGgkz+RveTvTqnlKoXS2H+2HULUsKVGIhGZrzVJAoSoztUCyCuGf9VF2j9PJsXEv/f/92kIenkT/MtBgOtU7UaxBJ1v6FdO76dBOLN3f2dAurVg7tYglIIAwbMBZzrlHPMELh9Ou+B1l5XLPoT4GGAcU6PmHpEACTMhTGN6J1WEsJzBolaGuH+/f0NWgXSDeeNqEbsapaVKkX+itGNqm40+P/nyb34B3wefjn2V0ST0FXW+9Pjiw/knXlY6HHgJrOj2kURSOQSPuVRpvaETBY9qgQdm0CZrGmIrj/ecJDUn0Qvow2OdCyU+jQyaNWeJc/SoFetGHp8B7Djsd29Tw8PgIulTsbZbNclxOEAo836D8fEhP/zbLVvJra4domK0bKdzizPess9Bq8bLrzrnb7EOWe8wJzwX+KW8coMtW7owt19c+Npc7vonUlkwi9J8isNkADWSzJUXrvW5AgN5sbPfpFSiKfkXkiuoa9KqaXFdVqOtPPHAgXWAfSOQw/+BMXXxjq+Ew7I12ffULLzTDaJ0DigKWx4l01geIMnCEj5JYwsDhAAxL8+huMf/a+xfxhNbhYQxJqr2B+EeVYLQdCRgA3fWhLgN02mLF/+U77n36jydjZ//7bQ18D54UsLulgn5JZ9ZfKGjnQFuUOVBV04UaswLl1Mj+xCDx0AXrpDdcOnO74dBvJoHUZwVKv21kwx5DjyEn0KvfJRh0JI4eMqVpiDaAQ5OBMG5BGvURyriDbNgLPWZ96DUeDRj0IKamHLIbXv+akJmSg6nCanOsqCbth5mfpLPQlDQnwP2SJJ4H/XSej5woJpmiR8/1cqQKWTjCwKxGYcgowj7Z6bSk6WtFM1X1oGnmCPquEcSUIg6UVFBlYzHlVU/1C+//RLRMyCQNZQ3qX0QkvPqRZ7kOyJMw7lR2K6d0OW1pSCmICRZBgdGTkAQZkupGPmJLTZUB/pcV4ipxV+F0eXH0fmtgEIZWZFQ0vc9ZmbHu+IYFAAAAAA==') format('woff2'),
  8. url('iconfont.woff?t=1559792796005') format('woff'),
  9. url('iconfont.ttf?t=1559792796005') format('truetype'),
  10. /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  11. url('iconfont.svg?t=1559792796005#iconfont') format('svg');
  12. /* iOS 4.1- */
  13. }
  14. .iconfont {
  15. font-family: "iconfont" !important;
  16. font-size: 16px;
  17. font-style: normal;
  18. -webkit-font-smoothing: antialiased;
  19. -moz-osx-font-smoothing: grayscale;
  20. }
  21. .icon-bofang:before {
  22. content: "\f001b";
  23. }
  24. .icon-bofang1:before {
  25. content: "\e606";
  26. }
  27. .boxm {
  28. /* display: flex; */
  29. align-content: center;
  30. }
  31. .nomore {
  32. text-align: center;
  33. margin: 40rpx auto;
  34. font-size: 32rpx;
  35. background: linear-gradient(to right, #858383, rgb(170, 170, 172));
  36. -webkit-background-clip: text;
  37. color: transparent;
  38. }
  39. .wrap {
  40. width: 96%;
  41. margin: 0 auto;
  42. }
  43. .view-img {
  44. width: 25%;
  45. height: 160rpx;
  46. }
  47. .list-view {
  48. border-bottom: 1px solid #F3F3F3;
  49. padding: 25rpx 30rpx;
  50. }
  51. .title {
  52. font-size: 31rpx;
  53. color: #2C2C2C;
  54. }
  55. .content {
  56. font-size: 24rpx;
  57. color: #848484;
  58. padding-top: 8rpx;
  59. /* width: 256px;
  60. overflow:hidden;
  61. text-overflow:ellipsis;
  62. white-space:nowrap; */
  63. }
  64. .money {
  65. font-size: 30rpx;
  66. color: #ff8000;
  67. }
  68. .btn {
  69. padding: 5rpx 25rpx;
  70. color: #FFFFFF;
  71. background: #9DDB52;
  72. border: 1px solid #36a891;
  73. border-radius: 50rpx;
  74. font-size: 30rpx;
  75. }
  76. .view-content {
  77. width: 73%;
  78. }
  79. .growthwrap {
  80. position: relative;
  81. width: 100%;
  82. padding: 0;
  83. margin: 0;
  84. z-index: 22;
  85. display: flex;
  86. }
  87. .growupbg {
  88. position: absolute;
  89. left: 0;
  90. top: 0;
  91. width: 100%;
  92. height: 347rpx;
  93. z-index: -1;
  94. }
  95. .growthcontent {
  96. width: 690rpx;
  97. margin: 255rpx auto 0 auto;
  98. /* padding-bottom: 200rpx;
  99. box-sizing: border-box; */
  100. }
  101. .box-activity-top {
  102. background: white;
  103. border-radius: 20rpx 20rpx 0px 0px;
  104. }
  105. .box-activity-top .downMenu {
  106. margin: 0;
  107. height: 93rpx;
  108. display: flex;
  109. width: 100%;
  110. align-items: center;
  111. border-radius: 20rpx 20rpx 0px 0px;
  112. }
  113. .box-activity-top .downMenu .section {
  114. width: 50%;
  115. margin: 0;
  116. display: flex;
  117. justify-content: center;
  118. }
  119. .growthcontent .list-view {
  120. background: white;
  121. margin-top: 25rpx;
  122. border-radius: 20rpx;
  123. box-sizing: border-box;
  124. }
  125. .growthcontent .view-img {
  126. width: 192rpx;
  127. height: 192rpx;
  128. border-radius: 20rpx;
  129. }
  130. .growthcontent .view-img image {
  131. border-radius: 20rpx;
  132. }
  133. .growthcontent .view-content {
  134. width: calc(100% - 192rpx - 30rpx);
  135. margin-left: 30rpx;
  136. display: flex;
  137. flex-direction: column;
  138. justify-content: center;
  139. }
  140. .growthcontent .btn {
  141. width: 161rpx;
  142. padding:0;
  143. height: 50rpx;
  144. opacity: 1;
  145. background: #9DDB52;
  146. border: 2rpx solid #ffffff;
  147. border-radius: 27rpx;
  148. font-size: 28rpx;
  149. font-family: PingFang SC, PingFang SC-Regular;
  150. font-weight: 400;
  151. color: #ffffff;
  152. display: flex;
  153. justify-content: center;
  154. align-items: center;
  155. }
  156. .growthcontent .title {
  157. text-overflow: ellipsis;
  158. overflow: hidden;
  159. white-space: nowrap;
  160. display: inline-block;
  161. width: 100%;
  162. }
  163. .growthcontent .des {
  164. text-align: left;
  165. text-overflow: ellipsis;
  166. display: -webkit-box;
  167. -webkit-line-clamp: 2;
  168. -webkit-box-orient: vertical;
  169. overflow: hidden;
  170. }
  171. .growthcontent .money{
  172. color:#EC2E26;
  173. }
  174. .growthcontent .xe{
  175. font-size: 20rpx;
  176. color:#EC2E26;
  177. }