index.wxss 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. .privacy.data-v-57280228 {
  28. position: fixed;
  29. top: 0;
  30. right: 0;
  31. bottom: 0;
  32. left: 0;
  33. background: rgba(0, 0, 0, 0.5);
  34. z-index: 9999999;
  35. display: flex;
  36. align-items: center;
  37. justify-content: center;
  38. }
  39. .contentview.data-v-57280228 {
  40. width: 632rpx;
  41. padding: 48rpx;
  42. box-sizing: border-box;
  43. background: #fff;
  44. border-radius: 16rpx;
  45. }
  46. .contentview .title.data-v-57280228 {
  47. text-align: center;
  48. color: #333;
  49. font-weight: bold;
  50. font-size: 32rpx;
  51. }
  52. .contentview .des.data-v-57280228 {
  53. font-size: 26rpx;
  54. color: #666;
  55. margin-top: 40rpx;
  56. text-align: justify;
  57. line-height: 1.6;
  58. }
  59. .contentview .des .link.data-v-57280228 {
  60. color: #07c160;
  61. text-decoration: underline;
  62. }
  63. button.data-v-57280228::after {
  64. border: none;
  65. }
  66. .btns.data-v-57280228 {
  67. margin-top: 48rpx;
  68. display: flex;
  69. }
  70. .btns .item.data-v-57280228 {
  71. justify-content: space-between;
  72. width: 244rpx;
  73. height: 80rpx;
  74. display: flex;
  75. align-items: center;
  76. justify-content: center;
  77. border-radius: 16rpx;
  78. box-sizing: border-box;
  79. border: none;
  80. }
  81. .btns .reject.data-v-57280228 {
  82. background: #f4f4f5;
  83. color: #909399;
  84. }
  85. .btns .agree.data-v-57280228 {
  86. background: #07c160;
  87. color: #fff;
  88. }
  89. .hd.data-v-57280228 {
  90. width: 100%;
  91. height: auto;
  92. background-color: #ffffff;
  93. }
  94. .hd .hd-box.data-v-57280228 {
  95. width: 686rpx;
  96. height: 100%;
  97. padding-bottom: 20rpx;
  98. }
  99. .hd .hd-box .scroll-view_H.data-v-57280228 {
  100. width: 100%;
  101. white-space: nowrap;
  102. }
  103. .hd .hd-box .hd-box-item.data-v-57280228 {
  104. display: inline-block;
  105. padding: 10rpx 20rpx 10rpx 20rpx;
  106. background-color: #F7F5F6;
  107. font-size: 24rpx;
  108. border-radius: 8rpx;
  109. margin-right: 10rpx;
  110. }
  111. .select.data-v-57280228 {
  112. color: #FCD202;
  113. }
  114. .jxShop.data-v-57280228 {
  115. width: 100%;
  116. height: 320rpx;
  117. background-color: #ffffff;
  118. }
  119. .jxShop .jxShop-box.data-v-57280228 {
  120. margin-top: 20rpx;
  121. width: 686rpx;
  122. height: 300rpx;
  123. background: #fff8d3;
  124. border-radius: 16rpx;
  125. }
  126. .jxShop .jxShop-box .jxShop-box-c.data-v-57280228 {
  127. width: 626rpx;
  128. height: 100%;
  129. }
  130. .jxShop .jxShop-box .jxShop-box-c-title.data-v-57280228 {
  131. width: 100%;
  132. margin-top: 20rpx;
  133. }
  134. .jxShop .jxShop-box .jxShop-box-c-title-l.data-v-57280228 {
  135. color: #1A1A1A;
  136. font-size: 34rpx;
  137. font-weight: 800;
  138. }
  139. .jxShop .jxShop-box .jxShop-box-c-title-r.data-v-57280228 {
  140. color: #1E1F31;
  141. font-size: 26rpx;
  142. font-weight: 500;
  143. }
  144. .jxShop .jxShop-box .jxShop-box-c-list.data-v-57280228 {
  145. width: 100%;
  146. height: 190rpx;
  147. margin-top: 20rpx;
  148. }
  149. .jxShop .jxShop-box .jxShop-box-c-list-item.data-v-57280228 {
  150. width: 149rpx;
  151. height: 100%;
  152. background: #ffffff;
  153. border-radius: 8px;
  154. }
  155. .jxShop .jxShop-box .jxShop-box-c-list-item image.data-v-57280228 {
  156. width: 100%;
  157. height: 114rpx;
  158. border-radius: 8rpx 8rpx 0 0;
  159. }
  160. .jxShop .jxShop-box .jxShop-box-c-list-item .jxShop-box-c-list-item-name.data-v-57280228 {
  161. width: 149rpx;
  162. text-align: center;
  163. font-size: 28rpx;
  164. color: #1A1A1A;
  165. font-weight: bold;
  166. margin-top: 10rpx;
  167. overflow: hidden;
  168. white-space: nowrap;
  169. text-overflow: ellipsis;
  170. padding-left: 10rpx;
  171. padding-right: 10rpx;
  172. }
  173. .huodong.data-v-57280228 {
  174. width: 100%;
  175. height: 380rpx;
  176. background-color: #ffffff;
  177. }
  178. .huodong .huodong-box.data-v-57280228 {
  179. margin-top: 20rpx;
  180. width: 686rpx;
  181. height: 360rpx;
  182. background-color: #fff8d3;
  183. border-radius: 24rpx;
  184. }
  185. .huodong .huodong-box .huodong-box-c.data-v-57280228 {
  186. width: 646rpx;
  187. height: 100%;
  188. }
  189. .huodong .huodong-box .huodong-box-c-title.data-v-57280228 {
  190. margin-top: 20rpx;
  191. }
  192. .huodong .huodong-box .huodong-box-c-title-l.data-v-57280228 {
  193. color: #fcd202;
  194. font-size: 44rpx;
  195. font-weight: 600;
  196. }
  197. .huodong .huodong-box .huodong-box-c-title-l image.data-v-57280228 {
  198. width: 276rpx;
  199. height: 65rpx;
  200. }
  201. .huodong .huodong-box .huodong-box-c-title-r.data-v-57280228 {
  202. background-color: #FFE3C7;
  203. border-radius: 40rpx;
  204. color: #FF8D1A;
  205. font-size: 26rpx;
  206. font-weight: 600;
  207. padding: 10rpx 20rpx;
  208. }
  209. .huodong .huodong-box .huodong-box-c-list.data-v-57280228 {
  210. width: 100%;
  211. height: 320rpx;
  212. margin-top: 10rpx;
  213. }
  214. .huodong .huodong-box .huodong-box-c-list-l.data-v-57280228 {
  215. width: 190rpx;
  216. height: 250rpx;
  217. background: linear-gradient(0deg, #34CD41 0%, #48DB19 100%);
  218. border-radius: 24rpx;
  219. }
  220. .huodong .huodong-box .huodong-box-c-list-l-t.data-v-57280228 {
  221. width: 180rpx;
  222. height: 240rpx;
  223. border-radius: 24rpx;
  224. background-color: #ffffff;
  225. margin-top: 5rpx;
  226. }
  227. .huodong .huodong-box .huodong-box-c-list-l-t > image.data-v-57280228 {
  228. width: 160rpx;
  229. height: 170rpx;
  230. margin-top: 10rpx;
  231. border-radius: 24rpx;
  232. }
  233. .huodong .huodong-box .huodong-box-c-list-l-t-b.data-v-57280228 {
  234. width: 100%;
  235. height: 56rpx;
  236. background-color: #E0F7F1;
  237. color: #36CF3D;
  238. font-size: 30rpx;
  239. border-radius: 24rpx;
  240. }
  241. .huodong .huodong-box .huodong-box-c-list-l-t-t.data-v-57280228 {
  242. width: 100%;
  243. text-align: center;
  244. font-size: 36rpx;
  245. font-weight: 600;
  246. color: #ffffff;
  247. }
  248. .huodong .huodong-box .huodong-box-c-list-c.data-v-57280228 {
  249. width: 220rpx;
  250. height: 280rpx;
  251. background: linear-gradient(0deg, #34CD41 0%, #48DB19 100%);
  252. border-radius: 24rpx;
  253. }
  254. .huodong .huodong-box .huodong-box-c-list-c-t.data-v-57280228 {
  255. width: 211rpx;
  256. height: 270rpx;
  257. border-radius: 24rpx;
  258. background-color: #ffffff;
  259. margin-top: 5rpx;
  260. }
  261. .huodong .huodong-box .huodong-box-c-list-c-t > image.data-v-57280228 {
  262. width: 186rpx;
  263. height: 190rpx;
  264. margin-top: 10rpx;
  265. border-radius: 24rpx;
  266. }
  267. .huodong .huodong-box .huodong-box-c-list-c-b.data-v-57280228 {
  268. width: 100%;
  269. height: 70rpx;
  270. background-color: #E0F7F1;
  271. color: #36CF3D;
  272. font-size: 30rpx;
  273. border-radius: 24rpx;
  274. }
  275. .huodong .huodong-box .huodong-box-c-list-c-t-t.data-v-57280228 {
  276. width: 100%;
  277. text-align: center;
  278. font-size: 36rpx;
  279. font-weight: 600;
  280. color: #ffffff;
  281. }
  282. .search-btn.data-v-57280228 {
  283. width: 132rpx;
  284. height: 80rpx;
  285. font-size: 28rpx;
  286. text-align: center;
  287. line-height: 80rpx;
  288. background: #FFAF5E;
  289. border-radius: 36px;
  290. }
  291. .address.data-v-57280228 {
  292. width: 100%;
  293. background-color: #FFAF5E;
  294. display: flex;
  295. align-items: center;
  296. position: fixed;
  297. top: 0;
  298. height: 180rpx;
  299. padding: 80rpx 34rpx 0rpx;
  300. font-size: 32rpx;
  301. z-index: 999;
  302. }
  303. .address .address_name.data-v-57280228 {
  304. max-width: 90%;
  305. overflow: hidden;
  306. text-overflow: ellipsis;
  307. white-space: nowrap;
  308. }
  309. .lable.data-v-57280228 {
  310. border: 1rpx solid #FFE6D9;
  311. height: 40rpx;
  312. padding: 0 14rpx;
  313. background: #FFE6D9;
  314. border-radius: 4rpx;
  315. font-weight: 500;
  316. color: #FD6416;
  317. font-size: 20rpx;
  318. margin-right: 10rpx;
  319. margin-bottom: 10rpx;
  320. }
  321. .tabs.data-v-57280228 {
  322. margin-bottom: 20rpx;
  323. display: flex;
  324. justify-content: space-between;
  325. align-items: center;
  326. }
  327. .tabs_name.data-v-57280228 {
  328. flex: 1;
  329. /* display: inline-block; */
  330. text-align: center;
  331. margin-bottom: 30rpx 0;
  332. position: relative;
  333. display: flex;
  334. /* justify-content: space-between; */
  335. align-items: center;
  336. }
  337. .tabs_name view.data-v-57280228 {
  338. margin: 0 auto;
  339. display: flex;
  340. align-items: center;
  341. }
  342. .tabs_2.data-v-57280228 {
  343. /* width: 30%; */
  344. }
  345. .actives.data-v-57280228 {
  346. color: #007AFF;
  347. }
  348. .tabsicon.data-v-57280228 {
  349. position: absolute;
  350. top: 0;
  351. right: 22rpx;
  352. width: 20rpx;
  353. height: 40rpx;
  354. z-index: 1;
  355. }
  356. .tabs_icon.data-v-57280228 {
  357. width: 12rpx;
  358. height: 8rpx;
  359. z-index: 1;
  360. margin-left: 10rpx;
  361. }
  362. .icon1.data-v-57280228 {
  363. /* position: absolute; */
  364. /* top: 6rpx; */
  365. }
  366. .icon2.data-v-57280228 {
  367. position: absolute;
  368. bottom: 6rpx;
  369. }
  370. .centre.data-v-57280228 {
  371. margin: auto;
  372. height: 400rpx;
  373. text-align: center;
  374. font-size: 32rpx;
  375. }
  376. .centre image.data-v-57280228 {
  377. width: 387rpx;
  378. height: 341rpx;
  379. margin: 40rpx auto 20rpx;
  380. }
  381. .centre .tips.data-v-57280228 {
  382. font-size: 32rpx;
  383. color: #2F3044;
  384. margin: 20rpx 0 40rpx;
  385. font-weight: 700;
  386. }
  387. .hintPopul.data-v-57280228 {
  388. width: 100%;
  389. height: 100%;
  390. position: fixed;
  391. top: 0;
  392. background: rgba(0, 0, 0, 0.4);
  393. z-index: 999;
  394. }
  395. .content_.data-v-57280228 {
  396. position: absolute;
  397. left: 0;
  398. right: 0;
  399. top: 0;
  400. bottom: 0;
  401. margin: auto;
  402. text-align: center;
  403. width: 500rpx;
  404. height: 400rpx;
  405. border-radius: 20rpx;
  406. background-color: #fff;
  407. padding-top: 120rpx;
  408. }
  409. .content_ image.data-v-57280228 {
  410. position: absolute;
  411. top: -50rpx;
  412. left: 0;
  413. right: 0;
  414. margin: auto;
  415. }
  416. .hintText.data-v-57280228 {
  417. font-size: 30rpx;
  418. }
  419. .skuBtn.data-v-57280228 {
  420. width: 460rpx;
  421. height: 60rpx;
  422. line-height: 60rpx;
  423. text-align: center;
  424. background: #FCD202;
  425. font-size: 28rpx;
  426. border: 2rpx solid #FCD202;
  427. color: #333333;
  428. border-radius: 50rpx;
  429. font-weight: 700;
  430. margin: auto;
  431. }
  432. .hongbao.data-v-57280228 {
  433. width: 100%;
  434. /* height: 100px; */
  435. /* background: #007AFF; */
  436. position: fixed;
  437. top: 34%;
  438. /* bottom: 50%; */
  439. left: 0rpx;
  440. right: 0rpx;
  441. /* display: none; */
  442. }
  443. .hb_img.data-v-57280228 {
  444. width: 100%;
  445. height: 535rpx;
  446. }
  447. .hb_btn.data-v-57280228 {
  448. width: 70%;
  449. height: 72rpx;
  450. position: absolute;
  451. top: 315rpx;
  452. left: 80rpx;
  453. }