index.wxss 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
  1. page {
  2. background-color: rgb(247, 246, 242);
  3. }
  4. .sticky-nav.data-v-57280228 {
  5. position: -webkit-sticky;
  6. position: sticky;
  7. width: 100%;
  8. top: 0;
  9. z-index: 1;
  10. }
  11. .nav-bar.data-v-57280228 {
  12. padding-top: 70rpx;
  13. padding-bottom: 10rpx;
  14. display: -webkit-box;
  15. display: -webkit-flex;
  16. display: flex;
  17. -webkit-box-pack: justify;
  18. -webkit-justify-content: space-between;
  19. justify-content: space-between;
  20. -webkit-box-align: center;
  21. -webkit-align-items: center;
  22. align-items: center;
  23. background: -webkit-gradient(linear, left top, left bottom, from(#ff9865), to(#ff7a55));
  24. background: -webkit-linear-gradient(#ff9865, #ff7a55);
  25. background: linear-gradient(#ff9865, #ff7a55);
  26. height: 125rpx;
  27. }
  28. .left-nav ._ul.data-v-57280228 {
  29. padding: 0;
  30. margin-left: 20rpx;
  31. }
  32. .left-nav ._ul ._li.data-v-57280228 {
  33. list-style: none;
  34. display: inline-block;
  35. height: 30px;
  36. line-height: 30px;
  37. width: 50px;
  38. text-align: center;
  39. color: #ffd6cd;
  40. font-size: 18px;
  41. }
  42. .left-nav .active.data-v-57280228 {
  43. color: #fff;
  44. font-size: 22px;
  45. border-bottom: 2px solid #fff;
  46. }
  47. .content-text.data-v-57280228 {
  48. font-size: 20px;
  49. color: #333;
  50. margin-right: 5rpx;
  51. }
  52. .right-nav.data-v-57280228 {
  53. margin-right: 15rpx;
  54. }
  55. .right-nav .index_search.data-v-57280228 {
  56. width: 45rpx;
  57. height: 45rpx;
  58. margin-right: 15rpx;
  59. }
  60. .right-nav .index_info.data-v-57280228 {
  61. width: 45rpx;
  62. height: 45rpx;
  63. }
  64. .left-nav-title-box.data-v-57280228 {
  65. background: -webkit-gradient(linear, left top, left bottom, from(#ff9865), to(#ff7a55));
  66. background: -webkit-linear-gradient(#ff9865, #ff7a55);
  67. background: linear-gradient(#ff9865, #ff7a55);
  68. -webkit-border-radius: 0 0 180rpx 180rpx;
  69. border-radius: 0 0 180rpx 180rpx;
  70. height: 280rpx;
  71. padding: 30rpx 0;
  72. }
  73. .left-nav-title-box .left-nav-titles.data-v-57280228 {
  74. padding-bottom: 30rpx;
  75. display: -webkit-box;
  76. display: -webkit-flex;
  77. display: flex;
  78. -webkit-justify-content: space-around;
  79. justify-content: space-around;
  80. -webkit-box-orient: horizontal;
  81. -webkit-box-direction: normal;
  82. -webkit-flex-direction: row;
  83. flex-direction: row;
  84. -webkit-box-flex: 1;
  85. -webkit-flex: 1 1 auto;
  86. flex: 1 1 auto;
  87. }
  88. .left-nav-title-box .left-nav-titles .left-nav-title-img.data-v-57280228 {
  89. width: 105rpx;
  90. height: 105rpx;
  91. }
  92. .left-nav-title-box .left-nav-titles .left-nav-title-content.data-v-57280228 {
  93. display: block;
  94. text-align: center;
  95. color: white;
  96. }
  97. .left-nav-title-box .left-nav-center.data-v-57280228 {
  98. margin-top: 15rpx;
  99. background-color: #fff;
  100. padding: 0 18rpx;
  101. }
  102. .left-nav-title-box .left-nav-center .left-nav-btns.data-v-57280228 {
  103. display: -webkit-box;
  104. display: -webkit-flex;
  105. display: flex;
  106. -webkit-box-orient: horizontal;
  107. -webkit-box-direction: normal;
  108. -webkit-flex-direction: row;
  109. flex-direction: row;
  110. padding: 25rpx 0;
  111. }
  112. .left-nav-title-box .left-nav-center .left-nav-btns .jisi-img.data-v-57280228 {
  113. width: 340rpx;
  114. height: 240rpx;
  115. }
  116. .left-nav-title-box .left-nav-center .left-nav-btns .left-nav-btnBox.data-v-57280228 {
  117. padding-left: 32rpx;
  118. }
  119. .left-nav-title-box .left-nav-center .left-nav-btns .left-nav-btnBox .left-nav-btn.data-v-57280228 {
  120. display: -webkit-box;
  121. display: -webkit-flex;
  122. display: flex;
  123. -webkit-box-pack: left;
  124. -webkit-justify-content: left;
  125. justify-content: left;
  126. width: 348rpx;
  127. border: 1px solid #f7f6f2;
  128. -webkit-border-radius: 10rpx;
  129. border-radius: 10rpx;
  130. -webkit-box-align: center;
  131. -webkit-align-items: center;
  132. align-items: center;
  133. }
  134. .left-nav-title-box .left-nav-center .left-nav-btns .left-nav-btnBox .left-nav-btn .small-btn-img.data-v-57280228 {
  135. width: 100rpx;
  136. height: 100rpx;
  137. padding-right: 50rpx;
  138. }
  139. .left-nav-title-box .left-nav-center .left-nav-btns .left-nav-btnBox .left-nav-btn .left-nav-btn-content.data-v-57280228 {
  140. font-size: 40rpx;
  141. }
  142. .left-nav-title-box .left-nav-center .left-nav-btns .left-nav-btnBox .left-nav-btn1.data-v-57280228 {
  143. margin-bottom: 25rpx;
  144. }
  145. .left-nav-title-box .nav-left-oldDate.data-v-57280228 {
  146. font-size: 42rpx;
  147. margin-right: 10rpx;
  148. }
  149. .left-nav-title-box .nav-left-today.data-v-57280228 {
  150. font-size: 32rpx;
  151. margin-right: 90rpx;
  152. color: #aaaaaa;
  153. }
  154. .left-nav-title-box .nav-left-lunarDate.data-v-57280228 {
  155. font-size: 40rpx;
  156. color: #ccad52;
  157. }
  158. .left-nav-title-box .foli-box.data-v-57280228 {
  159. position: relative;
  160. padding-bottom: 25rpx;
  161. }
  162. .left-nav-title-box .foli-box .nav-left-suit.data-v-57280228 {
  163. color: #008000;
  164. font-size: 40rpx;
  165. margin-right: 15rpx;
  166. }
  167. .left-nav-title-box .foli-box .nav-left-thing.data-v-57280228 {
  168. margin-right: 30rpx;
  169. color: #aaaaaa;
  170. text-overflow: ellipsis;
  171. overflow: hidden;
  172. }
  173. .left-nav-title-box .foli-box .nav-left-aviod.data-v-57280228 {
  174. color: #ff0000;
  175. font-size: 40rpx;
  176. margin-right: 15rpx;
  177. }
  178. .left-nav-title-box .foli-box .foli.data-v-57280228 {
  179. width: 60rpx;
  180. height: 60rpx;
  181. position: absolute;
  182. bottom: 17rpx;
  183. right: 0;
  184. }
  185. .left-nav-title-box .ad-box.data-v-57280228 {
  186. padding-bottom: 25rpx;
  187. }
  188. .left-nav-title-box .ad-box .adSwiper.data-v-57280228 {
  189. height: 57px;
  190. }
  191. .left-nav-title-box .left-nav-bottom.data-v-57280228 {
  192. background-color: #fff;
  193. margin-top: 30rpx;
  194. padding-bottom: 100rpx;
  195. }
  196. .left-nav-title-box .left-nav-bottom .news-list-box.data-v-57280228 {
  197. display: -webkit-box;
  198. display: -webkit-flex;
  199. display: flex;
  200. -webkit-box-align: center;
  201. -webkit-align-items: center;
  202. align-items: center;
  203. }
  204. .left-nav-title-box .left-nav-bottom .left-nav-headline-box.data-v-57280228 {
  205. font-size: 45rpx;
  206. padding: 15rpx 0 15rpx 15rpx;
  207. }
  208. .left-nav-title-box .left-nav-bottom .news-item.data-v-57280228 {
  209. padding: 16rpx 0;
  210. }
  211. .left-nav-title-box .left-nav-bottom .news-list-item.data-v-57280228 {
  212. display: inline-block;
  213. padding-right: 10rpx;
  214. }
  215. .left-nav-title-box .left-nav-bottom .news-list-item .news-list-item-title.data-v-57280228 {
  216. width: 495rpx;
  217. height: 133rpx;
  218. word-wrap: break-word;
  219. font-size: 40rpx;
  220. padding-left: 20rpx;
  221. display: table-cell;
  222. vertical-align: top;
  223. }
  224. .left-nav-title-box .left-nav-bottom .news-list-item .news-list-item-tag.data-v-57280228 {
  225. height: 59rpx;
  226. line-height: 59rpx;
  227. padding-left: 20rpx;
  228. color: #aaaaaa;
  229. }
  230. .left-nav-title-box .left-nav-bottom .news-list-item .news-list-item-tag .item-tag.data-v-57280228 {
  231. padding-right: 20rpx;
  232. }
  233. .uni-margin-wrap.data-v-57280228 {
  234. width: 100%;
  235. }
  236. .uni-margin-wrap .swiper.data-v-57280228 {
  237. height: 320rpx;
  238. }
  239. .uni-margin-wrap .swiper .swiper-item.data-v-57280228 {
  240. display: block;
  241. height: 320rpx;
  242. line-height: 320rpx;
  243. text-align: center;
  244. }
  245. .uni-margin-wrap .swiper.data-v-57280228 .uni-swiper-dot {
  246. border: 1px solid #FF713F !important;
  247. }
  248. .rank-box.data-v-57280228 {
  249. display: -webkit-box;
  250. display: -webkit-flex;
  251. display: flex;
  252. -webkit-box-orient: horizontal;
  253. -webkit-box-direction: normal;
  254. -webkit-flex-direction: row;
  255. flex-direction: row;
  256. -webkit-box-align: center;
  257. -webkit-align-items: center;
  258. align-items: center;
  259. background-color: #fff;
  260. width: 95%;
  261. height: 130rpx;
  262. margin: 0 0 15rpx 20rpx;
  263. -webkit-border-radius: 20rpx;
  264. border-radius: 20rpx;
  265. }
  266. .rank-box .week-rank-box.data-v-57280228 {
  267. width: 100rpx;
  268. height: 100rpx;
  269. background-color: #fb7c59;
  270. -webkit-border-radius: 50%;
  271. border-radius: 50%;
  272. text-align: center;
  273. margin-right: 20rpx;
  274. margin-left: 20rpx;
  275. }
  276. .rank-box .week-rank-box .week-rank.data-v-57280228 {
  277. color: #fff;
  278. padding: 15rpx 0 10rpx 0;
  279. }
  280. .rank-box .week-rank-box .rank.data-v-57280228 {
  281. color: #fff;
  282. }
  283. .rank-box .share-btn.data-v-57280228 {
  284. color: #000;
  285. font-size: 38rpx;
  286. margin-right: 15rpx;
  287. }
  288. .rank-box .share-img.data-v-57280228 {
  289. width: 35rpx;
  290. height: 30rpx;
  291. margin-right: 30rpx;
  292. }
  293. .rank-box .merit-img.data-v-57280228 {
  294. width: 45rpx;
  295. height: 45rpx;
  296. margin-right: 8rpx;
  297. }
  298. .rank-box .merit-content.data-v-57280228 {
  299. color: #797979;
  300. margin-right: 170rpx;
  301. }
  302. .rank-box .qiandao-status.data-v-57280228 {
  303. color: #fff;
  304. background-color: #d1b15a;
  305. width: 150rpx;
  306. height: 60rpx;
  307. line-height: 60rpx;
  308. text-align: center;
  309. -webkit-border-radius: 60rpx;
  310. border-radius: 60rpx;
  311. }
  312. .home-nav-box.data-v-57280228 {
  313. display: -webkit-box;
  314. display: -webkit-flex;
  315. display: flex;
  316. -webkit-box-orient: horizontal;
  317. -webkit-box-direction: normal;
  318. -webkit-flex-direction: row;
  319. flex-direction: row;
  320. -webkit-box-align: center;
  321. -webkit-align-items: center;
  322. align-items: center;
  323. background-color: #fff;
  324. width: 95%;
  325. height: 130rpx;
  326. margin: 0 0 15rpx 20rpx;
  327. -webkit-border-radius: 20rpx;
  328. border-radius: 20rpx;
  329. }
  330. .home-nav-box .nav-img.data-v-57280228 {
  331. width: 95rpx;
  332. height: 95rpx;
  333. margin: 0 20rpx;
  334. }
  335. .home-nav-box .nav-name.data-v-57280228 {
  336. font-size: 38rpx;
  337. margin-right: 85rpx;
  338. }
  339. .home-nav-box .right-distance.data-v-57280228 {
  340. margin-right: 9rpx;
  341. }
  342. .home-nav-box .nav-merit.data-v-57280228 {
  343. width: 45rpx;
  344. height: 45rpx;
  345. margin-right: 5rpx;
  346. }
  347. .home-nav-box .nav-count.data-v-57280228 {
  348. color: #797979;
  349. margin-right: 170rpx;
  350. }
  351. .home-nav-box .nav-status.data-v-57280228 {
  352. color: #fff;
  353. background-color: #d1b15a;
  354. width: 150rpx;
  355. height: 60rpx;
  356. line-height: 60rpx;
  357. text-align: center;
  358. -webkit-border-radius: 60rpx;
  359. border-radius: 60rpx;
  360. }
  361. .data-v-57280228 .uni-swipe_button-group {
  362. height: 130rpx !important;
  363. }
  364. .uni-publish.data-v-57280228 {
  365. position: fixed;
  366. right: 40rpx;
  367. bottom: 8%;
  368. z-index: 3;
  369. }
  370. .uni-publish .send.data-v-57280228 {
  371. width: 120rpx;
  372. height: 120rpx;
  373. }