index.wxss 45 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623
  1. @import "template/volunteer-template/volunteer-template.wxss";
  2. @import "template/growth-template/growth-template.wxss";
  3. /* @font-face {
  4. font-family: "iconfont";
  5. src: url('iconfont.eot?t=1559792796005');
  6. src: url('iconfont.eot?t=1559792796005#iefix') format('embedded-opentype'),
  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. url('iconfont.svg?t=1559792796005#iconfont') format('svg');
  11. }
  12. */
  13. .home {
  14. overflow-x: hidden;
  15. display: flex;
  16. flex-direction: column;
  17. position: relative;
  18. background-size: 100% 806rpx;
  19. background-repeat: no-repeat;
  20. /* background-position: center; */
  21. }
  22. .slide-box {
  23. position: absolute;
  24. bottom: 25rpx;
  25. left: 50%;
  26. transform: translateX(-50%);
  27. z-index: 100;
  28. height: 10rpx;
  29. /* width: 100%; */
  30. display: flex;
  31. }
  32. .slide-item {
  33. width: 50rpx;
  34. height: 10rpx;
  35. border-radius: 5rpx;
  36. background-color: white;
  37. opacity: 0.5;
  38. margin-left: 10rpx;
  39. }
  40. .slide-active {
  41. width: 50rpx;
  42. height: 10rpx;
  43. border-radius: 5rpx;
  44. background-color: white;
  45. margin-left: 10rpx;
  46. }
  47. .home-top-bg {
  48. /* position: absolute;
  49. z-index: -1; */
  50. width: 100%;
  51. height: 310rpx;
  52. padding: 0 30rpx;
  53. position: relative;
  54. /* background-color: #fff; */
  55. box-sizing: border-box;
  56. }
  57. .home-top-bg .bg {
  58. height: 100%;
  59. width: 690rpx;
  60. /* position: absolute;
  61. top: 0;
  62. left: 0; */
  63. }
  64. .home-top-bg .bg2 {
  65. height: 100%;
  66. width: 100%;
  67. position: absolute;
  68. bottom: 0;
  69. left: 0;
  70. z-index: 1;
  71. }
  72. .lun-img {
  73. height: 310rpx;
  74. border-radius: 18rpx;
  75. }
  76. .bottom-type {
  77. width: 100%;
  78. display: flex;
  79. justify-content: space-between;
  80. padding: 30rpx 50rpx;
  81. box-sizing: border-box;
  82. /* background-color: #fff; */
  83. }
  84. .bottom-type .box {
  85. /* min-width: 112px; */
  86. position: relative;
  87. /* text-align: center;
  88. display: flex;
  89. flex-direction: column;
  90. justify-content: space-between;
  91. align-items: center; */
  92. /* width: 112rpx; */
  93. font-size: 24rpx;
  94. text-align: center;
  95. }
  96. .bot-box0 {
  97. /* margin-left: 30rpx; */
  98. }
  99. .bot-box1 {
  100. /* margin-left: 24rpx; */
  101. }
  102. .bot-box2 {
  103. /* margin-left: 23rpx; */
  104. }
  105. .bot-box3 {
  106. /* margin-left: 23rpx; */
  107. }
  108. .bot-box4 {
  109. /* margin-left: 20rpx; */
  110. }
  111. /* .bottom-type .box image{
  112. height: 88rpx;
  113. width: 88rpx;
  114. } */
  115. .type-img {
  116. width: 100rpx;
  117. height: 91rpx;
  118. }
  119. .type-img0 {
  120. width: 64rpx;
  121. height: 64rpx;
  122. }
  123. .type-img1 {
  124. width: 56rpx;
  125. height: 56rpx;
  126. }
  127. .type-img2 {
  128. width: 69rpx;
  129. height: 69rpx;
  130. }
  131. .type-img3 {
  132. width: 72rpx;
  133. height: 72rpx;
  134. }
  135. .type-img4 {
  136. width: 63rpx;
  137. height: 56rpx;
  138. }
  139. .bottom-type .box view {
  140. font-size: 28rpx;
  141. font-weight: 400;
  142. text-align: center;
  143. /* margin-top: -20rpx; */
  144. font-family: "FZZhunYuan-M02S";
  145. margin-top: 13rpx;
  146. color: #333333;
  147. /* position: absolute; */
  148. /* bottom: -16rpx; */
  149. margin-top: -24rpx;
  150. }
  151. .hot-title {
  152. position: relative;
  153. display: flex;
  154. justify-content: space-between;
  155. align-items: center;
  156. /* margin-top: 25rpx; */
  157. margin-bottom: 24rpx;
  158. /* padding-right: 30rpx; */
  159. height: 41rpx;
  160. font-size: 36rpx;
  161. /* font-family: "FZZhunYuan-M02S"; */
  162. font-family: "FZCuYuan-M03";
  163. font-weight: 400;
  164. color: #333333;
  165. position: relative;
  166. }
  167. .hot-wap-box .hot-title{
  168. padding-right: 30rpx;
  169. }
  170. .hot-title .title {
  171. position: relative;
  172. }
  173. .hot-title .title .label {
  174. position: relative;
  175. z-index: 2;
  176. }
  177. .hot-title .title::after {
  178. display: block;
  179. content: "";
  180. position: absolute;
  181. top: -3%;
  182. right: -3%;
  183. width: 30rpx;
  184. height: 30rpx;
  185. background-color: #005eff42;
  186. border-radius: 50%;
  187. z-index: 1;
  188. }
  189. .hot-title .line {
  190. position: absolute;
  191. width: 6rpx;
  192. height: 38rpx;
  193. background: #ffdd36;
  194. border-radius: 3rpx;
  195. top: 50%;
  196. transform: translateY(-50%);
  197. left: 0;
  198. opacity: 0.5;
  199. }
  200. .hot-title .title {
  201. /* font-size: 28rpx; */
  202. font-weight: 600;
  203. }
  204. .hot-title .mword {
  205. color: #999999;
  206. font-size: 24rpx;
  207. font-family: PingFang SC, PingFang SC-Regular;
  208. font-weight: 400;
  209. position: relative;
  210. }
  211. .hoticon {
  212. position: absolute;
  213. right: -12rpx;
  214. top: -8rpx;
  215. }
  216. .diy-top {
  217. width: 100%;
  218. /* height: 100%; */
  219. /* background: linear-gradient(90deg,#8fcd4d, #afde7c); */
  220. /* background-color: white; */
  221. position: fixed;
  222. left: 0;
  223. top: 0;
  224. z-index: 10000;
  225. /* display: flex; */
  226. /* align-items: flex-end; */
  227. box-sizing: border-box;
  228. padding-bottom: 12rpx;
  229. /* background-image: linear-gradient(0deg, #ffffff 10%, #fff9e0 100%); */
  230. /* background: linear-gradient(180deg, #cad8ff 0%, #e7edfe 100%); */
  231. }
  232. .diy-top .logo {
  233. width: 184rpx;
  234. height: 68rpx;
  235. /* padding-left: 25rpx;
  236. box-sizing: border-box; */
  237. vertical-align: middle;
  238. margin-left: 25rpx;
  239. /* margin-bottom: 6rpx; */
  240. }
  241. .diy-top .title {
  242. height: 80rpx;
  243. line-height: 80rpx;
  244. text-align: center;
  245. font-size: 36rpx;
  246. font-weight: 700;
  247. }
  248. .diy-top .left {
  249. margin-left: 10rpx;
  250. font-weight: 400;
  251. display: inline-block;
  252. vertical-align: middle;
  253. font-size: 32rpx;
  254. font-family: "FZCuYuan-M03";
  255. color: #333333;
  256. }
  257. .diy-top .center {
  258. margin: 0 10rpx;
  259. display: inline-block;
  260. vertical-align: middle;
  261. font-size: 32rpx;
  262. font-family: "FZCuYuan-M03";
  263. font-weight: 400;
  264. color: #333333;
  265. }
  266. .diy-top .right {
  267. display: inline-block;
  268. vertical-align: middle;
  269. font-size: 32rpx;
  270. font-family: "FZCuYuan-M03";
  271. font-weight: 400;
  272. color: #333333;
  273. }
  274. .down-icon {
  275. font-size: 30rpx;
  276. color: #666666;
  277. }
  278. .diy-top .right-word {
  279. height: 67rpx;
  280. display: flex;
  281. flex-direction: column;
  282. justify-content: space-between;
  283. margin-left: 20rpx;
  284. /* margin-bottom: 14rpx; */
  285. line-height: 1;
  286. }
  287. .diy-top .right-word .box text {
  288. line-height: 1;
  289. margin-bottom: 4rpx;
  290. }
  291. .diy-top .right-word .word2 {
  292. font-size: 24rpx;
  293. font-family: "FZZhunYuan-M02S";
  294. font-weight: 400;
  295. color: #666666;
  296. line-height: 1;
  297. }
  298. .iconfont {
  299. font-family: "iconfont" !important;
  300. font-style: normal;
  301. -webkit-font-smoothing: antialiased;
  302. -moz-osx-font-smoothing: grayscale;
  303. }
  304. .icon-bofang:before {
  305. content: "\f001b";
  306. }
  307. .icon-bofang1:before {
  308. content: "\e606";
  309. }
  310. .videoplay {
  311. position: absolute;
  312. right: 25rpx;
  313. }
  314. .index-wrap-box {
  315. /* width: 720rpx; */
  316. /* margin-left: -30rpx; */
  317. margin-top: 5rpx;
  318. padding: 0 30rpx 0 30rpx;
  319. /* background: linear-gradient(90deg,#8fcd4d, #afde7c); */
  320. /* background-color: white; */
  321. }
  322. .index-wrap {
  323. width: 100%;
  324. /* padding: 0 30rpx; */
  325. box-sizing: border-box;
  326. background-color: #f7f8fa;
  327. /* background: linear-gradient(180deg, #f7f8fa 0%, #f7f8fa 100%); */
  328. }
  329. .index-container {
  330. position: relative;
  331. display: flex;
  332. flex-direction: column;
  333. }
  334. .volunteer-font {
  335. color: #7b7b7b;
  336. font-size: 30rpx;
  337. }
  338. .white-space {
  339. white-space: nowrap;
  340. text-overflow: ellipsis;
  341. overflow: hidden;
  342. /* width: 100%; */
  343. }
  344. .side {
  345. color: #333 !important;
  346. padding-left: 7rpx;
  347. font-size: 30rpx;
  348. margin: auto 10rpx;
  349. font-family: "FZZhunYuan-M02S";
  350. font-weight: 400;
  351. text-align: center;
  352. color: #666666;
  353. }
  354. .nodata {
  355. padding-top: 200rpx;
  356. text-align: center;
  357. font-size: 32rpx;
  358. color: #ddd;
  359. }
  360. .news-container-txt {
  361. position: absolute;
  362. bottom: 155rpx;
  363. letter-spacing: 5rpx;
  364. text-align: center;
  365. z-index: 9999;
  366. color: #fff;
  367. font-size: 40rpx;
  368. font-weight: 700;
  369. font-family: PingFang-SC-Bold;
  370. }
  371. .news-container-txtwo {
  372. position: absolute;
  373. bottom: 108rpx;
  374. letter-spacing: 5rpx;
  375. z-index: 9999;
  376. color: #fff;
  377. font-size: 27rpx;
  378. font-family: PingFang-SC-Regular;
  379. }
  380. .partimg {
  381. margin: 15rpx auto;
  382. padding: 15rpx 0;
  383. width: 94%;
  384. border-bottom: 1rpx solid #ededed;
  385. }
  386. .partimg .title {
  387. font-size: 30rpx;
  388. color: #000000;
  389. overflow: hidden;
  390. text-overflow: ellipsis;
  391. white-space: nowrap;
  392. width: 70%;
  393. }
  394. .partimg .price {
  395. color: #ff8000;
  396. font-size: 29rpx;
  397. width: 28%;
  398. text-align: right;
  399. }
  400. .price .price- {
  401. font-size: 34rpx;
  402. font-weight: 600;
  403. }
  404. .volunteer-container {
  405. position: absolute;
  406. bottom: 155rpx;
  407. letter-spacing: 5rpx;
  408. text-align: center;
  409. z-index: 9999;
  410. color: #fff;
  411. font-size: 40rpx;
  412. font-weight: 700;
  413. font-family: PingFang-SC-Bold;
  414. }
  415. .volunteertwo-container {
  416. position: absolute;
  417. bottom: 108rpx;
  418. letter-spacing: 5rpx;
  419. z-index: 9999;
  420. color: #fff;
  421. font-size: 27rpx;
  422. font-family: PingFang-SC-Regular;
  423. }
  424. .txt-color {
  425. color: yellow;
  426. }
  427. .news-container-txthree {
  428. position: absolute;
  429. top: 123rpx;
  430. left: 20rpx;
  431. letter-spacing: 5rpx;
  432. z-index: 9999;
  433. color: #101010;
  434. font-size: 36rpx;
  435. font-weight: 700;
  436. font-family: PingFang-SC-Bold;
  437. }
  438. .news-container-txtfour .red {
  439. position: absolute;
  440. top: 122rpx;
  441. right: 34rpx;
  442. letter-spacing: 5rpx;
  443. z-index: 9999;
  444. color: #ff8000;
  445. font-size: 38rpx;
  446. font-weight: 700;
  447. font-family: PingFang-SC-Bold;
  448. }
  449. .news-container-txtfour .text {
  450. position: absolute;
  451. top: 128rpx;
  452. right: 13rpx;
  453. letter-spacing: 5rpx;
  454. z-index: 9999;
  455. color: #ec2e26;
  456. font-size: 28rpx;
  457. font-weight: 700;
  458. font-family: PingFang-SC-Bold;
  459. }
  460. .news-container swiper {
  461. width: 100%;
  462. height: 245rpx;
  463. }
  464. .news-container swiper image {
  465. width: 100%;
  466. height: 100%;
  467. }
  468. .navwrap {
  469. display: flex;
  470. flex-direction: row;
  471. align-items: center;
  472. justify-content: space-between;
  473. margin-top: 30rpx;
  474. padding: 0 15rpx;
  475. box-sizing: border-box;
  476. }
  477. .navitem {
  478. display: flex;
  479. flex-direction: column;
  480. }
  481. .navico {
  482. width: 93rpx;
  483. height: 93rpx;
  484. }
  485. .navtitle {
  486. font-family: PingFang SC, PingFang SC-Medium;
  487. font-size: 24rpx;
  488. font-weight: 500;
  489. text-align: center;
  490. color: #1a1a1a;
  491. margin-top: 15rpx;
  492. }
  493. .gray {
  494. color: #ccc;
  495. font-size: 25rpx;
  496. padding-left: 7rpx;
  497. }
  498. .activity-more {
  499. position: relative;
  500. white-space: nowrap;
  501. }
  502. .righticon {
  503. font-size: 40rpx;
  504. color: #999999;
  505. display: inline-block;
  506. vertical-align: middle;
  507. /* line-height: 44rpx; */
  508. }
  509. .list-warpper {
  510. position: relative;
  511. width: 100%;
  512. height: 100%;
  513. box-sizing: border-box;
  514. background: #fff;
  515. }
  516. .list-search {
  517. /* position: absolute; */
  518. top: 0;
  519. left: 0;
  520. display: flex;
  521. flex-direction: row;
  522. justify-content: space-between;
  523. align-items: center;
  524. /* width: calc(100% - 30rpx); */
  525. height: 70rpx;
  526. /* padding: 10rpx 20rpx; */
  527. box-sizing: border-box;
  528. z-index: 20;
  529. background: transparent;
  530. }
  531. .temp {
  532. /* width: 310rpx; */
  533. display: flex;
  534. flex-direction: row;
  535. align-items: center;
  536. height: 100%;
  537. margin-right: 10rpx;
  538. flex-shrink: 0;
  539. }
  540. .temp-box {
  541. width: 100%;
  542. height: 100%;
  543. }
  544. .growthimg {
  545. width: 96%;
  546. margin: 13rpx auto 0rpx auto;
  547. }
  548. .txt-center {
  549. z-index: 99999;
  550. display: flex;
  551. align-items: center;
  552. justify-content: center;
  553. }
  554. .list-search-box {
  555. flex: 1;
  556. display: flex;
  557. align-items: center;
  558. padding: 0 30rpx;
  559. /* width: 380rpx; */
  560. height: 70rpx;
  561. background: #fff;
  562. border-radius: 90rpx;
  563. font-size: 24rpx;
  564. box-sizing: border-box;
  565. box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(100, 100, 100, 0.1);
  566. }
  567. .list-search-box .search-icon {
  568. width: 24rpx;
  569. height: 24rpx;
  570. margin-right: 20rpx;
  571. }
  572. .list-search-box input {
  573. width: 100%;
  574. font-size: 24rpx;
  575. }
  576. .list-search-box input::-webkit-input-placeholder {
  577. /* WebKit browsers */
  578. color: #999999;
  579. }
  580. .list-search-box input:-moz-placeholder {
  581. /* Mozilla Firefox 4 to 18 */
  582. color: #999999;
  583. }
  584. .list-search-box input::-moz-placeholder {
  585. /* Mozilla Firefox 19+ */
  586. color: #999999;
  587. }
  588. .list-search-box input:-ms-input-placeholder {
  589. /* Internet Explorer 10+ */
  590. color: #999999;
  591. }
  592. .list-iconfont {
  593. margin-right: 10rpx;
  594. /* margin-top: 10rpx; */
  595. /* margin-left: 7rpx; */
  596. }
  597. .wrap {
  598. display: flex;
  599. flex-direction: row;
  600. }
  601. .white-space {
  602. overflow: hidden;
  603. text-overflow: ellipsis;
  604. white-space: nowrap;
  605. }
  606. .white-spaceone {
  607. /* width: 310rpx; */
  608. height: 100%;
  609. display: flex;
  610. align-items: center;
  611. overflow: hidden;
  612. text-overflow: ellipsis;
  613. white-space: nowrap;
  614. /* margin-bottom: 30rpx; */
  615. }
  616. .white-spaceone picker {
  617. display: inline-block;
  618. vertical-align: bottom !important;
  619. color: white;
  620. /* margin: 0 5px; */
  621. max-width: 230rpx;
  622. text-overflow: ellipsis;
  623. overflow: hidden;
  624. white-space: nowrap;
  625. height: 70rpx !important;
  626. line-height: 70rpx !important;
  627. }
  628. .white-spaceone picker .picker {
  629. height: 70rpx;
  630. }
  631. .white-spaceone picker .picker .side {
  632. display: block;
  633. height: 70rpx;
  634. font-weight: 700;
  635. }
  636. .white-spaceone .xiala {
  637. /* width: 21rpx;
  638. height: 21rpx !important; */
  639. width: 40rpx;
  640. height: 40rpx !important;
  641. }
  642. .white-spacetwo {
  643. width: 205px;
  644. overflow: hidden;
  645. text-overflow: ellipsis;
  646. white-space: nowrap;
  647. }
  648. .two-icon {
  649. position: absolute;
  650. display: flex;
  651. width: 100%;
  652. height: 49rpx;
  653. left: -3rpx;
  654. top: 315rpx;
  655. background-color: #fff;
  656. }
  657. .two-icon image {
  658. width: 40rpx;
  659. height: 40rpx;
  660. }
  661. .two-icon-x1 {
  662. left: 8rpx;
  663. margin-right: 8rpx;
  664. top: -4rpx;
  665. }
  666. /* image{
  667. display: inline-block;
  668. overflow:hidden;
  669. } */
  670. /* new */
  671. .location {
  672. width: 42rpx;
  673. height: 42rpx;
  674. vertical-align: middle;
  675. }
  676. .arrowico {
  677. width: 19rpx;
  678. height: 12rpx;
  679. vertical-align: middle;
  680. }
  681. .news-url {
  682. position: absolute;
  683. top: 193rpx;
  684. left: 20rpx;
  685. z-index: 9999;
  686. }
  687. .news-place {
  688. position: absolute;
  689. top: 191rpx;
  690. left: 70rpx;
  691. z-index: 9999;
  692. color: #858585;
  693. font-family: PingFang-SC-Regular;
  694. }
  695. .boxs {
  696. width: 100%;
  697. display: flex;
  698. align-items: center;
  699. }
  700. .box-activity-img {
  701. width: 100%;
  702. margin-top: 35rpx;
  703. position: relative;
  704. box-sizing: border-box;
  705. }
  706. .box-activity-titlefix {
  707. width: 100% !important;
  708. }
  709. .box-activity-title text:last-child {
  710. color: #7b7b7b;
  711. font-family: PingFang-SC-Bold;
  712. height: 35rpx;
  713. }
  714. .box-image-l {
  715. flex: 1;
  716. text-align: center;
  717. }
  718. .box-image-f {
  719. flex: 2;
  720. }
  721. .box-image-l image {
  722. width: 70rpx;
  723. height: 75rpx;
  724. /* margin-left: 72rpx; */
  725. margin-top: 35rpx;
  726. }
  727. .box-image-txt {
  728. width: 100%;
  729. }
  730. .box-image-txt text {
  731. /* height: 75rpx; */
  732. font-size: 26rpx;
  733. font-family: PingFang-SC-Bold;
  734. color: #101010;
  735. box-sizing: border-box;
  736. font-weight: 600;
  737. }
  738. .box-image-txt .one {
  739. display: inline-block;
  740. text-align: center;
  741. width: 24%;
  742. }
  743. .activity-sale {
  744. color: #ff8000;
  745. font-size: 25rpx;
  746. }
  747. .box-image-txt .two {
  748. display: inline-block;
  749. text-align: center;
  750. width: 26%;
  751. }
  752. .box-image-txt .three {
  753. display: inline-block;
  754. text-align: center;
  755. width: 25%;
  756. }
  757. .box-image-txt .four {
  758. display: inline-block;
  759. text-align: center;
  760. width: 24%;
  761. }
  762. .box-image-r {
  763. width: 44%;
  764. margin: 0 20rpx;
  765. }
  766. .box-image-r image {
  767. width: 100%;
  768. height: 228rpx;
  769. border-radius: 10rpx;
  770. border: 1rpx solid #f7f7f7;
  771. }
  772. .box-position {
  773. position: relative;
  774. }
  775. .mgtop {
  776. margin-top: 35rpx;
  777. }
  778. .box-bg {
  779. padding-top: 7rpx;
  780. padding-bottom: 15rpx;
  781. width: 100%;
  782. padding-left: 6rpx;
  783. }
  784. .box-bg .box-txt {
  785. font-size: 31rpx;
  786. color: #000000;
  787. display: inline-block;
  788. box-sizing: border-box;
  789. white-space: nowrap;
  790. text-overflow: ellipsis;
  791. overflow: hidden;
  792. width: 100%;
  793. font-weight: 600;
  794. }
  795. .txt-remark {
  796. font-size: 29rpx;
  797. color: #878787;
  798. }
  799. .box-bg .txt-bottom {
  800. font-size: 26rpx;
  801. color: #fff;
  802. display: inline-block;
  803. /* padding-left: 6rpx; */
  804. white-space: nowrap;
  805. text-overflow: ellipsis;
  806. overflow: hidden;
  807. width: 90%;
  808. margin: auto;
  809. }
  810. .box-image-r .box-txtwo {
  811. position: absolute;
  812. bottom: 10rpx;
  813. left: 247rpx;
  814. background: rgba(0, 0, 0, 0.3);
  815. padding-top: 7rpx;
  816. padding-bottom: 7rpx;
  817. font-size: 31.8rpx;
  818. width: 29.3%;
  819. color: #fff;
  820. padding-left: 10rpx;
  821. }
  822. .box-image-r .box-txthree {
  823. position: absolute;
  824. bottom: 10rpx;
  825. right: 20rpx;
  826. background: rgba(0, 0, 0, 0.3);
  827. padding-top: 7rpx;
  828. padding-bottom: 7rpx;
  829. font-size: 31.8rpx;
  830. width: 29.3%;
  831. color: #fff;
  832. padding-left: 10rpx;
  833. }
  834. .maxBox {
  835. width: 100%;
  836. margin-top: 35rpx;
  837. }
  838. .txt-btwo {
  839. position: absolute;
  840. top: 160rpx;
  841. left: 221rpx;
  842. font-family: "PingFang-SC-Regular";
  843. font-weight: Regular;
  844. color: #fff;
  845. font-size: 22rpx;
  846. }
  847. .txt-bthree {
  848. position: absolute;
  849. top: 160rpx;
  850. left: 226rpx;
  851. font-family: "PingFang-SC-Regular";
  852. font-weight: Regular;
  853. color: #fff;
  854. font-size: 22rpx;
  855. }
  856. .txt-title {
  857. position: absolute;
  858. top: 100rpx;
  859. left: 285rpx;
  860. font-family: "PingFang-SC-Bold";
  861. font-weight: Bold;
  862. color: #fff;
  863. font-size: 36rpx;
  864. }
  865. /* 3.picuter min */
  866. .boxl {
  867. width: 100%;
  868. height: 60rpx;
  869. display: flex;
  870. margin-top: 12rpx;
  871. }
  872. .boxl image {
  873. flex: 1;
  874. width: 160rpx;
  875. height: 100%;
  876. margin-left: 22rpx;
  877. }
  878. /* 4.picutermax + text */
  879. .two {
  880. width: 100%;
  881. height: 100%;
  882. background-color: #fff;
  883. }
  884. /* .two-min {
  885. position: relative;
  886. width: 430rpx;
  887. height: 116rpx;
  888. background-color: #fff;
  889. border-radius: 10px;
  890. bottom: 75rpx;
  891. left: 23rpx;
  892. }
  893. .two-min-n {
  894. position: absolute;
  895. width: 410rpx;
  896. height: 94rpx;
  897. background-color: #fefddf;
  898. margin-top: 10rpx;
  899. margin-left: 20rpx;
  900. border-radius: 10rpx;
  901. } */
  902. /* .txt-one text {
  903. font-size: 16px;
  904. color: #ffbe31;
  905. font-family: "PingFang-SC-Bold";
  906. font-weight: Bold;
  907. margin-left: 25rpx;
  908. margin-top: 13rpx;
  909. }
  910. .txt-two text {
  911. position: relative;
  912. font-size: 12px;
  913. color: #ffbe31;
  914. font-family: "PingFang-SC-Regular";
  915. font-weight: Regular;
  916. margin-left: 25rpx;
  917. bottom: 8rpx;
  918. text-align: center;
  919. } */
  920. .activity-moretxt {
  921. font-weight: normal;
  922. color: #999999;
  923. font-family: PingFang-SC-Bold;
  924. font-size: 28rpx;
  925. display: inline-block;
  926. vertical-align: middle;
  927. }
  928. .two-mini {
  929. position: absolute;
  930. width: 458rpx;
  931. border-radius: 6px;
  932. bottom: 95rpx;
  933. left: 8rpx;
  934. }
  935. .txt-wrap {
  936. font-size: 32rpx;
  937. font-weight: 700;
  938. font-family: PingFang-SC-Bold;
  939. }
  940. /* 活动实验室 */
  941. .news-container image {
  942. border-radius: 28rpx;
  943. }
  944. .two-min {
  945. position: absolute;
  946. width: 458rpx;
  947. height: 117rpx;
  948. /* background-color:#b0abaf; */
  949. border-radius: 6px;
  950. bottom: -40rpx;
  951. left: -1rpx;
  952. }
  953. .two-min-n {
  954. width: 452rpx;
  955. height: 70rpx;
  956. background-color: #36a891;
  957. margin-left: 3rpx;
  958. margin-top: -30rpx;
  959. border-radius: 10rpx;
  960. }
  961. .txt-one text {
  962. font-size: 32rpx;
  963. color: #ffffff;
  964. font-family: "PingFang-SC-Bold";
  965. font-weight: Bold;
  966. margin-left: 25rpx;
  967. margin-top: 13rpx;
  968. overflow: hidden;
  969. text-overflow: ellipsis;
  970. white-space: nowrap;
  971. }
  972. .txt-two text {
  973. position: relative;
  974. font-size: 12px;
  975. color: #ffffff;
  976. font-family: "PingFang-SC-Regular";
  977. font-weight: Regular;
  978. margin-left: 25rpx;
  979. bottom: -5rpx;
  980. text-align: center;
  981. overflow: hidden;
  982. text-overflow: ellipsis;
  983. white-space: nowrap;
  984. }
  985. .view-img {
  986. width: 98%;
  987. height: 300rpx;
  988. margin: 10rpx auto 0rpx;
  989. position: relative;
  990. }
  991. @font-face {
  992. font-family: "iconfont";
  993. src: url("iconfont.eot?t=1559296891592");
  994. /* IE9 */
  995. src: url("iconfont.eot?t=1559296891592#iefix") format("embedded-opentype"),
  996. /* IE6-IE8 */
  997. url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAO4AAsAAAAAB3wAAANpAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqCWIJNATYCJAMMCwgABCAFhG0HQRueBsiuMTaGVk+UopMxO6KUS5zdhpf05qI/AJ+JoBore3b3EN1TkBWCRFBE5SMUoYoTMYaF4fKRN7mm6YAwJRwxff77pfyl6ZiMnSRQ5BDlJsxuQg424JZps403CNieuvnDmviXaB51qa9Fsjb4xB8lFGBTN3+cP8g3zgPpwqx0YQjxtIljcxf4WJ7PNlpyZZcXTY6F8HxwzHRRgnlAc8tMHOB4QAONyg+wB/zGF/Qfxq5aioPaTqBpno7ocHltK/BQ4H6BuM9zQ8Ajo1Aa0kNdqFZMLWP4Glg9PUE3eRV8fPzTqJNUMjz0xM0yBhT+JNfZ/TGBAMzpdFBnkbEBUIhrlYYLnKPABs6atsClOb6qCGkq9+wEDIdXJf/wSIKowqltsAYFEz8xRiIcsq66KIOqx0h6BPgIsGQ8dHheLfi34/Hl1+oXe/ubaIFDwtPP0WCRY7fhb7dUgErWnzXQMxuzNrrmZlk5umBvX0Az08wIxH7++tKWrg7hU5/0zNe7x7HJcHbAJ7hwzZcla8UVWwqn0uTBkw1W0dYHSR3IskwNU1PDaAQaVVujZjJleet/1Iek7pzyHoW6yF9C/vuXHFArZgr/25GdSmxQqbz9G6tl1Jn+29gU/7Vq/AanaDIz+n+Hd9C6m5FRF9ud5L+dlfrv5C0g/lDIGl5WlOjpV9x2tpRpO37rON6WcB+sqgwLq6gcCka7Ha8aBIMAZgdFzidA6Cun4cn/+RtX9hHfAf/cXwr4gU5BdvckdQmV+TcqSh4AlJbGxv5c0CAqXV2y03fmS2gSCzNkGfoZLpncsTPUbS+TpGbu7k11KxJkwW6AipYdUFW3D5rWq5jdMkI4i9LAOisAQt8+JF2fIOt7QhbsN1RM/UFVPzI0nYvgJVtWxR2vEoKGKGLg8ATkR7CNpWrqFaY3I85hGSJpdkBsR8TOu2GSITEfrkA2RKYYYR/lkillIUuwFZaD3ZDFgqFAsAmNUIORUiE7IYGteiXDCLYCL4cQyBAKYUDDJkC8EZgNK5pTXoX3b4ZwHCyGkIa6Nm07hLDj24eSGCR2QFYIbJ3qbuUWu1GcZBTFglgEZgWVAx1iIQEMEqo7mSAjKAPjAJ8gWwJqxHYVGJYXWd9vCzThs3OkyFF0rjswQbYJbOOMDr37dd7GjSEeAAAAAA==")
  998. format("woff2"),
  999. url("iconfont.woff?t=1559296891592") format("woff"),
  1000. url("iconfont.ttf?t=1559296891592") format("truetype"),
  1001. /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  1002. url("iconfont.svg?t=1559296891592#iconfont") format("svg");
  1003. /* iOS 4.1- */
  1004. }
  1005. .iconfont {
  1006. font-family: "iconfont" !important;
  1007. font-style: normal;
  1008. -webkit-font-smoothing: antialiased;
  1009. -moz-osx-font-smoothing: grayscale;
  1010. }
  1011. .icon-duorenyonghu-:before {
  1012. content: "\e68e";
  1013. }
  1014. .icon-dingwei:before {
  1015. content: "\e617";
  1016. }
  1017. .iconC-BD {
  1018. color: #bdbdbd;
  1019. }
  1020. .add {
  1021. margin-top: 20rpx;
  1022. width: 100%;
  1023. }
  1024. .add .add-txt {
  1025. font-size: 28rpx;
  1026. color: #848484;
  1027. overflow: hidden;
  1028. text-overflow: ellipsis;
  1029. white-space: nowrap;
  1030. }
  1031. .sv {
  1032. margin-top: 20rpx;
  1033. }
  1034. .toBottom {
  1035. font-size: 28rpx;
  1036. color: rgb(182, 182, 182);
  1037. line-height: 30rpx;
  1038. margin: 60rpx auto 30rpx;
  1039. text-align: center;
  1040. }
  1041. /* 活动 */
  1042. .weekacontent {
  1043. display: flex;
  1044. width: calc(100% + 30rpx);
  1045. flex-direction: row;
  1046. flex-wrap: nowrap;
  1047. overflow-x: auto;
  1048. overflow-y: hidden;
  1049. margin: 14rpx auto;
  1050. }
  1051. .weekitem {
  1052. width: 690rpx;
  1053. height: 223rpx;
  1054. opacity: 1;
  1055. background: #ffffff;
  1056. border-radius: 8rpx;
  1057. padding: 25rpx 30rpx;
  1058. box-sizing: border-box;
  1059. display: flex;
  1060. margin-right: 30rpx;
  1061. flex-direction: row;
  1062. }
  1063. .weekico {
  1064. width: 173rpx;
  1065. height: 173rpx;
  1066. opacity: 1;
  1067. background: rgba(0, 0, 0, 0);
  1068. /* border-radius: 8rpx; */
  1069. box-shadow: 0px 3rpx 6rpx 0px rgba(209, 209, 209, 0.16);
  1070. margin-right: 24rpx;
  1071. }
  1072. .weekinfo {
  1073. width: 462rpx;
  1074. display: flex;
  1075. flex-direction: column;
  1076. }
  1077. .weekt1 {
  1078. display: flex;
  1079. flex-direction: row;
  1080. align-items: center;
  1081. margin-top: 15rpx;
  1082. }
  1083. .weekt1 .tips {
  1084. margin-top: 8rpx;
  1085. width: 66rpx;
  1086. height: 31rpx;
  1087. font-size: 20rpx;
  1088. color: white;
  1089. display: flex;
  1090. justify-content: center;
  1091. align-items: center;
  1092. opacity: 1;
  1093. background: #14d995;
  1094. border-radius: 6rpx 0px 6rpx 0px;
  1095. margin-right: 11rpx;
  1096. }
  1097. .weekt1 .tipstitle {
  1098. width: 322rpx;
  1099. display: inline-block;
  1100. overflow: hidden;
  1101. text-overflow: ellipsis;
  1102. white-space: nowrap;
  1103. font-size: 28rpx;
  1104. font-weight: 700;
  1105. color: #333333;
  1106. letter-spacing: -1rpx;
  1107. }
  1108. .adico {
  1109. width: 21rpx;
  1110. height: 29rpx;
  1111. margin-right: 10rpx;
  1112. }
  1113. .weekt1 .tipstitlex {
  1114. width: 371rpx;
  1115. font-size: 24rpx;
  1116. font-weight: 400;
  1117. text-align: left;
  1118. color: #999999;
  1119. }
  1120. .weekt1fee {
  1121. margin-top: 30rpx;
  1122. }
  1123. .weekt1 .level {
  1124. opacity: 1;
  1125. font-size: 22rpx;
  1126. font-weight: 500;
  1127. color: #666666;
  1128. letter-spacing: 0rpx;
  1129. }
  1130. .weekt1 .fee {
  1131. font-size: 34rpx;
  1132. font-weight: 500;
  1133. text-align: left;
  1134. color: #ec2e26;
  1135. position: relative;
  1136. padding-left: 20rpx;
  1137. margin-left: 20rpx;
  1138. box-sizing: border-box;
  1139. }
  1140. .weekt1 .fee::after {
  1141. position: absolute;
  1142. content: "¥";
  1143. left: 0;
  1144. bottom: 5rpx;
  1145. font-size: 24rpx;
  1146. font-weight: 500;
  1147. text-align: left;
  1148. color: #ec2e26;
  1149. }
  1150. /* 列表 */
  1151. .namewrap {
  1152. display: flex;
  1153. flex-direction: row;
  1154. align-items: center;
  1155. padding: 20rpx 0 30rpx 0;
  1156. position: sticky;
  1157. top: 60px;
  1158. z-index: 100;
  1159. background: #f6f6f6;
  1160. }
  1161. .namewrap .nameitem {
  1162. font-size: 30rpx;
  1163. font-weight: 600;
  1164. text-align: left;
  1165. color: #666666;
  1166. margin-right: 43rpx;
  1167. position: relative;
  1168. white-space: nowrap;
  1169. }
  1170. .namewrap .nameactive {
  1171. font-size: 34rpx;
  1172. font-weight: 700;
  1173. text-align: left;
  1174. color: #1a1a1a;
  1175. position: relative;
  1176. }
  1177. /* .namewrap .nameactive::after {
  1178. position: absolute;
  1179. left: 0;
  1180. bottom: 2rpx;
  1181. content: '';
  1182. width: 100%;
  1183. z-index: -1;
  1184. height: 8rpx;
  1185. background-color: #9DDB52;
  1186. border-radius: 8rpx;
  1187. } */
  1188. .categorywrap {
  1189. display: flex;
  1190. flex-direction: column;
  1191. padding-top: 16rpx;
  1192. box-sizing: border-box;
  1193. }
  1194. .categorywrapfix {
  1195. flex-direction: row;
  1196. flex-wrap: wrap;
  1197. }
  1198. .hot-wap-box {
  1199. /* background-color: #ffffff; */
  1200. /* x1 y1, x2 y2, 当x1等于x2,y1不等于y2,实现垂直渐变,调整y1,y2的值可以调整渐变半径大小; */
  1201. /* background: -webkit-gradient(
  1202. linear,
  1203. 0% 100%,
  1204. 0% 20%,
  1205. from(#fff),
  1206. to(#f8f8f8)
  1207. ); */
  1208. padding-left: 30rpx;
  1209. margin-top: 24rpx;
  1210. border-radius: 20rpx;
  1211. position: relative;
  1212. /* //x偏移 y偏移 模糊量 阴影延展 颜色 */
  1213. /* box-shadow:0 24px 5px 44px rgba(248, 248, 248, .5) inset; */
  1214. }
  1215. .hot-box {
  1216. display: flex;
  1217. width: 100%;
  1218. /* margin-top: 22rpx; */
  1219. /* min-height: 490rpx; */
  1220. }
  1221. .scroll-view {
  1222. white-space: nowrap;
  1223. display: flex;
  1224. }
  1225. .hot-item {
  1226. width: 640rpx;
  1227. margin-left: 20rpx;
  1228. padding: 30rpx;
  1229. /* height: 285rpx; */
  1230. /* padding-bottom: 20rpx; */
  1231. display: inline-block;
  1232. position: relative;
  1233. background-color: #fff;
  1234. border-radius: 20rpx;
  1235. box-sizing: border-box;
  1236. box-shadow: 0rpx 2rpx 26rpx 0rpx rgba(100, 100, 100, 0.1);
  1237. }
  1238. .hot-item-conetnt {
  1239. display: flex;
  1240. }
  1241. .hot-item #hot-right {
  1242. /* width: 330rpx; */
  1243. flex: 1;
  1244. margin-left: 20rpx;
  1245. padding-top: 20rpx;
  1246. box-sizing: border-box;
  1247. display: flex;
  1248. flex-direction: column;
  1249. justify-content: space-between;
  1250. overflow: hidden;
  1251. text-overflow: ellipsis;
  1252. white-space: nowrap;
  1253. }
  1254. .hot-item:first-child {
  1255. margin-left: 0;
  1256. }
  1257. .hot-img {
  1258. /* width: 550rpx; */
  1259. width: 210rpx;
  1260. height: 210rpx;
  1261. border-radius: 10rpx;
  1262. flex-shrink: 0;
  1263. font-size: 0;
  1264. }
  1265. .hot-item .name {
  1266. /* font-size: 28rpx;
  1267. font-family: "FZZhunYuan-M02S";
  1268. font-weight: 400;
  1269. color: #1a1a1a;
  1270. margin-top: 22rpx; */
  1271. font-size: 32rpx;
  1272. line-height: 40rpx;
  1273. color: #333333;
  1274. margin-bottom: 10rpx;
  1275. font-family: PingFang SC, PingFang SC-Bold;
  1276. font-weight: 700;
  1277. text-overflow: ellipsis;
  1278. display: -webkit-box;
  1279. -webkit-line-clamp: 1;
  1280. -webkit-box-orient: vertical;
  1281. overflow: hidden;
  1282. }
  1283. .icon-home-dizhi-a {
  1284. color: #ffdc2f !important;
  1285. font-size: 30rpx !important;
  1286. margin-right: 9rpx !important;
  1287. }
  1288. .hot-item .time-box {
  1289. /* margin-top: 25rpx; */
  1290. /* font-family: "FZZhunYuan-M02S"; */
  1291. font-weight: 400;
  1292. display: flex;
  1293. align-items: center;
  1294. font-size: 24rpx;
  1295. color: #999999;
  1296. margin-bottom: 11rpx;
  1297. }
  1298. .hot-item .icon-box {
  1299. /* width: 35rpx; */
  1300. width: 21rpx;
  1301. height: auto;
  1302. text-align: left;
  1303. margin-right: 10rpx;
  1304. flex-shrink: 0;
  1305. }
  1306. .hot-item .per-icon{
  1307. width: 26rpx;
  1308. max-height: 30rpx;
  1309. margin-right: 10rpx;
  1310. }
  1311. .hot-item .per-icon-bottom{
  1312. margin-top: 0;
  1313. }
  1314. /* .hot-item .icon-box image {
  1315. width: 100%;
  1316. height: 100%;
  1317. }
  1318. .address-h-box .address .icon-box image {
  1319. width: 23rpx;
  1320. height: 23rpx;
  1321. margin-bottom: 6rpx;
  1322. } */
  1323. .icon-home-time {
  1324. font-size: 30rpx;
  1325. color: #ffdc2f;
  1326. margin-right: 9rpx;
  1327. }
  1328. .ming-box {
  1329. display: flex;
  1330. justify-content: space-between;
  1331. align-items: center;
  1332. }
  1333. .ming-box .per-box {
  1334. font-size: 24rpx;
  1335. /* font-family: "FZZhunYuan-M02S"; */
  1336. font-weight: 400;
  1337. color: #999999;
  1338. margin-top: 8rpx;
  1339. position: relative;
  1340. display: flex;
  1341. align-items: center;
  1342. margin-bottom: 5rpx;
  1343. }
  1344. .ming-box .vip-txt {
  1345. font-size: 24rpx;
  1346. color: #999999;
  1347. }
  1348. .icon-home-pel {
  1349. font-size: 30rpx;
  1350. color: #ffdc2f;
  1351. margin-right: 9rpx;
  1352. /* margin-top: 4rpx; */
  1353. /* position: absolute;
  1354. top: 2rpx; */
  1355. }
  1356. .address-h-box {
  1357. /* width: 100%; */
  1358. margin-bottom: 11rpx;
  1359. display: flex;
  1360. }
  1361. .address-h-box .address {
  1362. display: flex;
  1363. flex: 1;
  1364. width: 0;
  1365. /* align-items: center; */
  1366. padding-top: 9rpx;
  1367. /* margin-top: 25rpx; */
  1368. /* color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff)); */
  1369. }
  1370. .address-h-box .address .address-word {
  1371. flex: 1;
  1372. font-size: 24rpx;
  1373. font-family: "FZZhunYuan-M02S";
  1374. font-weight: 400;
  1375. color: #999999;
  1376. /* white-space: nowrap;
  1377. text-overflow: ellipsis;
  1378. overflow: hidden; */
  1379. word-break: break-all;
  1380. /* width: 285rpx; */
  1381. /* flex-shrink: 0; */
  1382. overflow: hidden;
  1383. display: -webkit-box;
  1384. -webkit-line-clamp: 1;
  1385. /* 设置最大显示行数 */
  1386. -webkit-box-orient: vertical;
  1387. text-overflow: ellipsis;
  1388. }
  1389. .address-h-box .address .price-h {
  1390. margin-left: 10rpx;
  1391. flex-shrink: 0;
  1392. }
  1393. .address-h-box .word-type {
  1394. font-size: 24rpx;
  1395. font-family: "FZZhunYuan-M02S";
  1396. font-weight: 400;
  1397. color: #333333;
  1398. /* width: 124rpx;
  1399. flex-shrink: 0; */
  1400. }
  1401. .jianzhi-box {
  1402. border-radius: 20rpx;
  1403. padding: 24rpx 30rpx 0;
  1404. margin-bottom: 24rpx;
  1405. box-sizing: border-box;
  1406. /* margin-top: 25rpx; */
  1407. }
  1408. .jianzhi-item {
  1409. display: flex;
  1410. flex-direction: column;
  1411. justify-content: space-between;
  1412. /* height: 145rpx; */
  1413. padding: 30rpx;
  1414. margin-bottom: 20rpx;
  1415. box-sizing: border-box;
  1416. background-color: #ffffff;
  1417. border-radius: 20rpx;
  1418. }
  1419. .jianzhi-item .name-price {
  1420. display: flex;
  1421. justify-content: space-between;
  1422. align-items: baseline;
  1423. margin-bottom: 10rpx;
  1424. line-height: 1;
  1425. }
  1426. .jianzhi-item .name-price .price {
  1427. display: flex;
  1428. align-items: baseline;
  1429. margin: 0;
  1430. flex-shrink: 0;
  1431. }
  1432. .jianzhi-item .name-price .price .p1,
  1433. .jianzhi-item .name-price .price .p2 {
  1434. line-height: 1;
  1435. }
  1436. .jian-name {
  1437. /* width: 480rpx; */
  1438. /* flex-shrink: 0; */
  1439. margin-right: 20rpx;
  1440. text-overflow: ellipsis;
  1441. overflow: hidden;
  1442. white-space: nowrap;
  1443. /* display: -webkit-box;
  1444. -webkit-line-clamp: 1;
  1445. -webkit-box-orient: vertical; */
  1446. color: #333333;
  1447. font-size: 28rpx;
  1448. font-family: "FZZhunYuan-M02S";
  1449. font-weight: bold;
  1450. letter-spacing: 0.28px;
  1451. }
  1452. .address-bao {
  1453. display: flex;
  1454. justify-content: space-between;
  1455. align-items: center;
  1456. /* margin-top: 10rpx; */
  1457. }
  1458. .address-bao .address {
  1459. display: flex;
  1460. justify-content: space-between;
  1461. align-items: center;
  1462. position: relative;
  1463. margin-bottom: 20rpx;
  1464. }
  1465. .address-bao .address image {
  1466. width: 23rpx;
  1467. height: 23rpx !important;
  1468. vertical-align: middle;
  1469. }
  1470. .address-bao .address .address-word {
  1471. font-size: 24rpx;
  1472. font-family: "FZZhunYuan-M02S";
  1473. font-weight: 400;
  1474. color: #666666;
  1475. width: 420rpx;
  1476. flex-shrink: 0;
  1477. text-overflow: ellipsis;
  1478. display: -webkit-box;
  1479. -webkit-line-clamp: 1;
  1480. -webkit-box-orient: vertical;
  1481. overflow: hidden;
  1482. /* text-indent: 40rpx; */
  1483. margin-left: 9rpx;
  1484. }
  1485. .icon-address {
  1486. position: absolute;
  1487. top: -4rpx;
  1488. left: 0;
  1489. font-size: 36rpx;
  1490. }
  1491. .address-bao .yu {
  1492. width: 150rpx;
  1493. height: 55rpx;
  1494. text-align: center;
  1495. line-height: 55rpx;
  1496. background: #e6e6e6;
  1497. border-radius: 28rpx;
  1498. font-size: 28rpx;
  1499. font-family: "FZZhunYuan-M02S";
  1500. font-weight: 400;
  1501. color: #0a0a0a;
  1502. }
  1503. .address-bao .man {
  1504. width: 150rpx;
  1505. height: 55rpx;
  1506. text-align: center;
  1507. line-height: 55rpx;
  1508. background: #e6e6e6;
  1509. color: #0a0a0a;
  1510. border-radius: 28rpx;
  1511. font-size: 28rpx;
  1512. font-family: "FZZhunYuan-M02S";
  1513. font-weight: 400;
  1514. }
  1515. .address-bao .job-info .job--base-info {
  1516. color: #ec931a;
  1517. font-size: 24rpx;
  1518. }
  1519. .address-bao .job-info .job--base-info text {
  1520. display: inline-block;
  1521. padding: 0 20rpx;
  1522. border-right: 1rpx solid #ec931a;
  1523. }
  1524. .address-bao .job-info .job--base-info text:first-child {
  1525. padding-left: 0;
  1526. }
  1527. .address-bao .job-info .job--base-info text:last-child {
  1528. border-right: 0;
  1529. }
  1530. .school-box {
  1531. background-color: #ffffff;
  1532. border-radius: 20rpx;
  1533. padding: 30rpx;
  1534. box-sizing: border-box;
  1535. margin-top: 25rpx;
  1536. }
  1537. .school-wap {
  1538. display: flex;
  1539. margin-top: 23rpx;
  1540. }
  1541. .school-item {
  1542. width: 236rpx;
  1543. margin-left: 20rpx;
  1544. display: flex;
  1545. flex-direction: column;
  1546. /* height: 380rpx; */
  1547. /* border-radius: 16rpx !important; */
  1548. }
  1549. .school-item:first-child {
  1550. margin-left: 0;
  1551. }
  1552. .school-img {
  1553. width: 236rpx;
  1554. height: 236rpx;
  1555. border-radius: 16rpx 16rpx 0 0;
  1556. }
  1557. .school-b {
  1558. background-color: #f5f5f4;
  1559. /* height: 122rpx; */
  1560. height: 165rpx;
  1561. border-radius: 0 0 16rpx 16rpx;
  1562. text-align: center;
  1563. padding-top: 24rpx;
  1564. box-sizing: border-box;
  1565. }
  1566. .school-b .name {
  1567. font-size: 28rpx;
  1568. font-family: "FZZhunYuan-M02S";
  1569. /* text-align: center; */
  1570. color: #1a1a1a;
  1571. }
  1572. .school-b .zhi {
  1573. font-size: 24rpx;
  1574. font-family: "FZZhunYuan-M02S";
  1575. font-weight: 400;
  1576. color: #666666;
  1577. margin-top: 13rpx;
  1578. text-overflow: ellipsis;
  1579. display: -webkit-box;
  1580. -webkit-line-clamp: 2;
  1581. -webkit-box-orient: vertical;
  1582. overflow: hidden;
  1583. }
  1584. .hang-box {
  1585. background-color: white;
  1586. padding: 22rpx 30rpx 31rpx 30rpx;
  1587. margin-top: 28rpx;
  1588. border-radius: 16rpx;
  1589. }
  1590. .hang-item {
  1591. padding-bottom: 21rpx;
  1592. border-bottom: 1px solid #e6e6e6;
  1593. }
  1594. .hang-item:last-child {
  1595. border-bottom: none;
  1596. }
  1597. .hang-item .info-box {
  1598. display: flex;
  1599. /* justify-content: space-between; */
  1600. margin-top: 23rpx;
  1601. }
  1602. .hang-item .info-box .per-img {
  1603. width: 140rpx;
  1604. height: 140rpx;
  1605. border-radius: 50%;
  1606. }
  1607. .hang-item .info-box .right-box {
  1608. display: flex;
  1609. margin-left: 65rpx;
  1610. justify-content: space-between;
  1611. width: 425rpx;
  1612. }
  1613. .hang-item-name {
  1614. font-size: 28rpx;
  1615. margin-top: 25rpx;
  1616. font-family: "FZCuYuan-M03";
  1617. font-weight: 400;
  1618. color: #1a1a1a;
  1619. }
  1620. .hang-item-zhi {
  1621. font-size: 24rpx;
  1622. font-family: "FZZhunYuan-M02S";
  1623. font-weight: 400;
  1624. color: #808080;
  1625. margin-top: 16rpx;
  1626. }
  1627. .jh {
  1628. font-family: "FZCuYuan-M03";
  1629. font-weight: 400;
  1630. }
  1631. .hang-item-address {
  1632. display: flex;
  1633. padding-top: 25rpx;
  1634. width: 210rpx;
  1635. flex-shrink: 0;
  1636. justify-content: flex-end;
  1637. }
  1638. .hang-item-address .address-word {
  1639. font-size: 24rpx;
  1640. font-family: "FZZhunYuan-M02S";
  1641. font-weight: 400;
  1642. color: #999999;
  1643. }
  1644. .hang-item .label {
  1645. font-size: 24rpx;
  1646. font-family: "FZZhunYuan-M02S";
  1647. font-weight: 400;
  1648. color: #333333;
  1649. margin-top: 13rpx;
  1650. }
  1651. .hang-item-type-box {
  1652. display: flex;
  1653. flex-wrap: wrap;
  1654. }
  1655. .hang-item-type-box .item {
  1656. padding: 0 16rpx;
  1657. height: 40rpx;
  1658. line-height: 40rpx;
  1659. opacity: 0.67;
  1660. background: #f5f5f5;
  1661. border-radius: 10rpx 0px 10rpx 0px;
  1662. margin-right: 15rpx;
  1663. font-size: 24rpx;
  1664. font-family: "FZZhunYuan-M02S";
  1665. font-weight: 400;
  1666. color: #333333;
  1667. margin-top: 10rpx;
  1668. }
  1669. .jiao-box {
  1670. display: flex;
  1671. justify-content: space-between;
  1672. margin-top: 12rpx;
  1673. align-items: baseline;
  1674. }
  1675. .jiao-box .num-box {
  1676. font-size: 24rpx;
  1677. font-family: "FZZhunYuan-M02S";
  1678. font-weight: 400;
  1679. color: #666666;
  1680. }
  1681. .pers {
  1682. color: #ff9209;
  1683. }
  1684. .shop-box {
  1685. padding: 18rpx 30rpx 27rpx 30rpx;
  1686. margin-top: 28rpx;
  1687. border-radius: 16rpx;
  1688. }
  1689. .shop-item {
  1690. margin-top: 20rpx;
  1691. }
  1692. .shop-img {
  1693. width: 630rpx;
  1694. height: 248rpx;
  1695. border-radius: 16rpx 16rpx 0px 0px;
  1696. }
  1697. .shop-name {
  1698. font-size: 28rpx;
  1699. font-family: "FZZhunYuan-M02S";
  1700. font-weight: 400;
  1701. color: #1a1a1a;
  1702. margin-top: 22rpx;
  1703. }
  1704. .shop-address {
  1705. margin-top: 17rpx;
  1706. display: flex;
  1707. align-items: center;
  1708. border-bottom: 1px solid #e6e6e6;
  1709. padding-bottom: 27rpx;
  1710. font-family: "FZZhunYuan-M02S";
  1711. }
  1712. .shop-address .address-word {
  1713. /* margin-left: 13rpx; */
  1714. font-size: 24rpx;
  1715. font-family: "FZZhunYuan-M02S";
  1716. font-weight: 400;
  1717. color: #333333;
  1718. }
  1719. .juli {
  1720. font-size: 24rpx;
  1721. font-family: "FZZhunYuan-M02S";
  1722. font-weight: 400;
  1723. color: #666666;
  1724. margin-left: 8rpx;
  1725. }
  1726. .ju-box {
  1727. display: flex;
  1728. justify-content: space-between;
  1729. align-items: center;
  1730. margin-top: 25rpx;
  1731. }
  1732. .ju-word {
  1733. font-size: 24rpx;
  1734. font-family: "FZZhunYuan-M02S";
  1735. font-weight: 400;
  1736. color: #666666;
  1737. padding-right: 30rpx;
  1738. box-sizing: border-box;
  1739. }
  1740. .icons {
  1741. display: flex;
  1742. align-items: center;
  1743. }
  1744. .dingwei-img {
  1745. width: 33rpx;
  1746. height: 33rpx;
  1747. color: #639ffd;
  1748. }
  1749. .icon-phone {
  1750. font-size: 33rpx;
  1751. color: #fd75a7;
  1752. }
  1753. .price {
  1754. display: flex;
  1755. flex-direction: row;
  1756. align-items: flex-end;
  1757. }
  1758. .price-h .p2 {
  1759. font-size: 30rpx;
  1760. font-weight: bold;
  1761. text-align: left;
  1762. color: #ec2e26;
  1763. }
  1764. .price-h .p1 {
  1765. font-size: 20rpx;
  1766. font-weight: 500;
  1767. text-align: left;
  1768. color: #ec2e26;
  1769. }
  1770. .catebottom .sub-btn-box {
  1771. display: inline-block;
  1772. width: calc(100% - 375rpx);
  1773. text-align: right;
  1774. vertical-align: text-top;
  1775. margin-top: -10rpx;
  1776. }
  1777. .catebottom .sub-btn {
  1778. background: #fcc26e;
  1779. border: 2rpx solid #ffffff;
  1780. border-radius: 27rpx;
  1781. padding: 0 24rpx;
  1782. line-height: 50rpx;
  1783. color: white;
  1784. font-size: 28rpx;
  1785. width: fit-content;
  1786. display: inline-block;
  1787. }
  1788. .green2 {
  1789. background: #2b58a5 !important;
  1790. color: #ffffff !important;
  1791. }
  1792. .touritem {
  1793. display: flex;
  1794. flex-direction: column;
  1795. width: 100%;
  1796. height: 428rpx;
  1797. opacity: 1;
  1798. background: #ffffff;
  1799. border-radius: 8rpx;
  1800. margin-bottom: 15rpx;
  1801. }
  1802. .touritem .namebg {
  1803. width: 100%;
  1804. height: 260rpx;
  1805. opacity: 1;
  1806. background: rgba(0, 0, 0, 0);
  1807. border-radius: 8rpx 8rpx 0px 0px;
  1808. }
  1809. .touritem .tourbody {
  1810. height: 168rpx;
  1811. display: flex;
  1812. flex-direction: column;
  1813. width: 100%;
  1814. padding: 16rpx 30rpx;
  1815. box-sizing: border-box;
  1816. }
  1817. .tourtitle {
  1818. font-size: 28rpx;
  1819. font-weight: 700;
  1820. text-align: left;
  1821. color: #333333;
  1822. text-overflow: ellipsis;
  1823. white-space: nowrap;
  1824. overflow: hidden;
  1825. }
  1826. .touradwr {
  1827. display: flex;
  1828. flex-direction: row;
  1829. align-items: center;
  1830. padding-top: 5rpx;
  1831. box-sizing: border-box;
  1832. }
  1833. .tourleft {
  1834. width: 403rpx;
  1835. display: flex;
  1836. flex-direction: column;
  1837. }
  1838. .tourright {
  1839. display: flex;
  1840. flex-direction: row;
  1841. align-items: flex-end;
  1842. margin-left: auto;
  1843. }
  1844. .tourright .t1 {
  1845. font-size: 22rpx;
  1846. font-weight: 500;
  1847. text-align: right;
  1848. color: #ec2e26;
  1849. padding-bottom: 5rpx;
  1850. }
  1851. .tourright .t2 {
  1852. font-size: 36rpx;
  1853. font-weight: bold;
  1854. color: #ec2e26;
  1855. }
  1856. .tourleftitem {
  1857. display: flex;
  1858. flex-direction: row;
  1859. align-items: center;
  1860. margin-top: 15rpx;
  1861. }
  1862. .left1ico {
  1863. width: 21rpx;
  1864. height: 29rpx;
  1865. margin-right: 21rpx;
  1866. }
  1867. .left2ico {
  1868. width: 21rpx;
  1869. height: 21rpx;
  1870. }
  1871. .lefttext {
  1872. width: 371rpx;
  1873. overflow: hidden;
  1874. text-overflow: ellipsis;
  1875. white-space: nowrap;
  1876. font-size: 24rpx;
  1877. font-weight: 400;
  1878. text-align: left;
  1879. color: #999999;
  1880. }
  1881. .flowitem {
  1882. width: 334rpx;
  1883. height: 538rpx;
  1884. opacity: 1;
  1885. background: #ffffff;
  1886. border-radius: 8rpx;
  1887. display: flex;
  1888. flex-direction: column;
  1889. margin-bottom: 15rpx;
  1890. margin-right: 22rpx;
  1891. }
  1892. .flowitem:nth-child(2n) {
  1893. margin-right: 0rpx !important;
  1894. }
  1895. .flowcover {
  1896. width: 334rpx;
  1897. height: 260rpx;
  1898. border-radius: 8rpx 8rpx 0 0;
  1899. }
  1900. .flowbody {
  1901. display: flex;
  1902. flex-direction: column;
  1903. height: 278rpx;
  1904. padding: 24rpx 30rpx;
  1905. box-sizing: border-box;
  1906. }
  1907. .flowbody .f1 {
  1908. font-size: 28rpx;
  1909. font-weight: 700;
  1910. color: #333333;
  1911. text-overflow: ellipsis;
  1912. overflow: hidden;
  1913. white-space: nowrap;
  1914. }
  1915. .flowbody .f2 {
  1916. margin-top: 8rpx;
  1917. font-size: 24rpx;
  1918. height: 60rpx;
  1919. font-weight: 400;
  1920. text-align: left;
  1921. color: #999999;
  1922. text-align: left;
  1923. text-overflow: ellipsis;
  1924. display: -webkit-box;
  1925. -webkit-line-clamp: 2;
  1926. -webkit-box-orient: vertical;
  1927. overflow: hidden;
  1928. }
  1929. .flowbtn {
  1930. width: 161rpx;
  1931. height: 50rpx;
  1932. margin-top: 17rpx;
  1933. opacity: 1;
  1934. background: #9ddb52;
  1935. border: 2rpx solid #ffffff;
  1936. border-radius: 27rpx;
  1937. font-size: 28rpx;
  1938. font-weight: 400;
  1939. text-align: left;
  1940. color: #ffffff;
  1941. display: flex;
  1942. justify-content: center;
  1943. align-items: center;
  1944. }
  1945. .fprice {
  1946. display: flex;
  1947. flex-direction: row;
  1948. align-items: center;
  1949. margin-top: 17rpx;
  1950. }
  1951. .fprice text {
  1952. font-size: 24rpx;
  1953. font-weight: 400;
  1954. text-align: left;
  1955. color: #999999;
  1956. /* line-height: 33rpx; */
  1957. }
  1958. .fprice .price {
  1959. display: flex;
  1960. flex-direction: row;
  1961. align-items: flex-end;
  1962. }
  1963. .fprice .price .p1 {
  1964. font-size: 20rpx;
  1965. font-weight: 500;
  1966. text-align: left;
  1967. color: #ec2e26;
  1968. }
  1969. .fprice .price .p2 {
  1970. font-size: 30rpx;
  1971. font-weight: bold;
  1972. text-align: left;
  1973. color: #ec2e26;
  1974. }
  1975. .activeity-fix {
  1976. margin-left: auto;
  1977. }
  1978. .weekt1 .feeafter {
  1979. padding-left: 0rpx;
  1980. margin-left: 0rpx;
  1981. }
  1982. .weekt1 .feeafter::after {
  1983. display: none;
  1984. }
  1985. .nodata-img {
  1986. margin: 5rpx auto;
  1987. }
  1988. .popup-box {
  1989. width: 750rpx;
  1990. height: 100vh;
  1991. background-color: rgba(0, 0, 0, 0.7);
  1992. display: flex;
  1993. align-items: center;
  1994. justify-content: center;
  1995. position: fixed;
  1996. left: 0;
  1997. top: 0;
  1998. z-index: 100000;
  1999. }
  2000. .popup-wap {
  2001. display: flex;
  2002. flex-direction: column;
  2003. align-items: flex-end;
  2004. width: 630rpx;
  2005. }
  2006. .popup-close {
  2007. width: 54rpx;
  2008. height: 54rpx;
  2009. }
  2010. .popup-img {
  2011. width: 630rpx;
  2012. height: 751rpx;
  2013. margin-top: 43rpx;
  2014. border-radius: 20rpx;
  2015. }
  2016. .status {
  2017. width: 115rpx;
  2018. height: 50rpx;
  2019. position: absolute;
  2020. left: 30rpx;
  2021. top: 30rpx;
  2022. font-size: 24rpx;
  2023. line-height: 50rpx;
  2024. padding-left: 14rpx;
  2025. z-index: 10;
  2026. color: white;
  2027. background-size: 115rpx 50rpx;
  2028. background-repeat: no-repeat;
  2029. /* border-radius: 20rpx 20rpx 0 20rpx; */
  2030. }
  2031. .activestatus {
  2032. background: #ffdc2f;
  2033. }
  2034. .baostatus {
  2035. background: #00de9b;
  2036. }
  2037. .endstatus {
  2038. background: #707070;
  2039. }
  2040. .nostatus {
  2041. background: rgba(251, 177, 120, 0.9);
  2042. }
  2043. .mstatus {
  2044. background: #ff3a3a;
  2045. }
  2046. .txt-con .item {
  2047. font-size: 28rpx;
  2048. line-height: 36rpx;
  2049. font-weight: 400;
  2050. color: #333333;
  2051. display: -webkit-box;
  2052. overflow: hidden;
  2053. -webkit-box-orient: vertical;
  2054. -webkit-line-clamp: 1;
  2055. margin-bottom: 5rpx;
  2056. font-family: PingFang SC, PingFang SC-Regular;
  2057. }
  2058. .txt-con .item .time-box,
  2059. .txt-con .address-type,
  2060. .txt-con .num-price .num {
  2061. display: flex;
  2062. align-items: center;
  2063. }
  2064. .txt-con .item .time-box,
  2065. .txt-con .num-price .num {
  2066. font-size: 24rpx;
  2067. color: #999999;
  2068. }
  2069. .txt-con .item .icon-box,
  2070. .txt-con .address-type .icon-box,
  2071. .txt-con .num-price .icon-box {
  2072. width: 35rpx;
  2073. text-align: left;
  2074. margin-right: 9rpx;
  2075. flex-shrink: 0;
  2076. }
  2077. .num-price {
  2078. display: flex;
  2079. justify-content: space-between;
  2080. font-size: 28rpx;
  2081. line-height: 36rpx;
  2082. font-weight: 400;
  2083. color: #333333;
  2084. margin-bottom: 5rpx;
  2085. font-family: PingFang SC, PingFang SC-Regular;
  2086. margin-top: 8rpx;
  2087. position: relative;
  2088. }
  2089. /* 分类管理 */
  2090. .classfiy-box {
  2091. padding: 0 30rpx 0;
  2092. margin-bottom: 24rpx;
  2093. box-sizing: border-box;
  2094. }
  2095. .classfiy-box .main {
  2096. }
  2097. .classfiy-box .main .goods-item {
  2098. display: flex;
  2099. /* align-items: center; */
  2100. padding: 30rpx 23rpx;
  2101. font-size: 28rpx;
  2102. color: #3b403d;
  2103. font-weight: 400;
  2104. background-color: #fff;
  2105. border-radius: 20rpx;
  2106. margin-bottom: 20rpx;
  2107. }
  2108. .classfiy-box .main .goods-item image {
  2109. width: 210rpx;
  2110. height: 210rpx;
  2111. margin-right: 30rpx;
  2112. /* background: #000; */
  2113. border-radius: 10rpx;
  2114. flex-shrink: 0;
  2115. }
  2116. .classfiy-box .main .goods-item .goods-btn {
  2117. max-width: 424rpx;
  2118. flex: 1;
  2119. min-height: 210rpx;
  2120. display: flex;
  2121. flex-direction: column;
  2122. justify-content: space-between;
  2123. /* align-items: center; */
  2124. }
  2125. .classfiy-box .main .goods-item .goods-btn .title {
  2126. display: -webkit-box;
  2127. -webkit-box-orient: vertical;
  2128. -webkit-line-clamp: 2;
  2129. /* 限制为两行 */
  2130. overflow: hidden;
  2131. font-weight: 700;
  2132. font-size: 30rpx;
  2133. }
  2134. .classfiy-box .main .goods-item .goods-btn .desc {
  2135. display: -webkit-box;
  2136. -webkit-box-orient: vertical;
  2137. -webkit-line-clamp: 2;
  2138. /* 限制为两行 */
  2139. overflow: hidden;
  2140. font-size: 24rpx;
  2141. margin-bottom: 8rpx;
  2142. color: #808080;
  2143. }
  2144. .classfiy-box .main .goods-item .goods-btn .btn {
  2145. display: inline-block;
  2146. width: 150rpx;
  2147. height: 55rpx;
  2148. line-height: 55rpx;
  2149. text-align: center;
  2150. color: #ffffff;
  2151. background-color: #2b58a5;
  2152. flex-shrink: 0;
  2153. border-radius: 28rpx;
  2154. font-size: 28rpx;
  2155. font-family: "FZZhunYuan-M02S";
  2156. font-weight: 400;
  2157. }
  2158. .shop-list-box {
  2159. padding: 0 30rpx 30rpx;
  2160. margin-bottom: 46rpx;
  2161. box-sizing: border-box;
  2162. }
  2163. .shop-list-box .main {
  2164. display: flex;
  2165. flex-wrap: wrap;
  2166. }
  2167. .shop-list-box .shop-item-box {
  2168. width: 335rpx;
  2169. height: 441rpx;
  2170. font-weight: 400;
  2171. overflow: hidden;
  2172. margin-right: 20rpx;
  2173. background-color: #fff;
  2174. border-radius: 20rpx;
  2175. }
  2176. .shop-list-box .shop-item-box:nth-child(2n) {
  2177. margin-right: 0;
  2178. }
  2179. .shop-list-box .shop-item-box .shop-pic {
  2180. width: 100%;
  2181. height: 221rpx !important;
  2182. margin-bottom: 24rpx;
  2183. vertical-align: middle;
  2184. }
  2185. .shop-list-box .shop-item-box .shops-name {
  2186. font-size: 28rpx;
  2187. color: #1a1a1a;
  2188. font-weight: 400;
  2189. margin-bottom: 9rpx;
  2190. }
  2191. .shop-list-box .shop-item-box .shop-info {
  2192. width: 100%;
  2193. padding: 0 20rpx;
  2194. box-sizing: border-box;
  2195. }
  2196. .shop-list-box .shop-item-box .shops-address {
  2197. display: flex;
  2198. height: 66rpx;
  2199. font-size: 24rpx;
  2200. color: #999999;
  2201. margin-bottom: 20rpx;
  2202. display: flex;
  2203. align-items: flex-start;
  2204. }
  2205. .shop-list-box .shop-item-box .shops-address .address-icon {
  2206. width: 13px;
  2207. height: 13px !important;
  2208. margin-right: 10rpx;
  2209. /* margin-top: 6rpx; */
  2210. flex-shrink: 0;
  2211. }
  2212. .shop-list-box .shop-item-box .shops-address .address-text {
  2213. flex: 1;
  2214. overflow: hidden;
  2215. -webkit-line-clamp: 2;
  2216. text-overflow: ellipsis;
  2217. display: -webkit-box;
  2218. -webkit-box-orient: vertical;
  2219. color: #999999;
  2220. font-size: 24rpx;
  2221. /* border: 1rpx solid #000; */
  2222. line-height: 14px;
  2223. }
  2224. .shop-list-box .shop-item-box .shop-info .shop-juli {
  2225. display: flex;
  2226. justify-content: space-between;
  2227. align-items: center;
  2228. padding: 9rpx 20rpx;
  2229. font-size: 24rpx;
  2230. color: #77603d;
  2231. background-color: #e8f1ff;
  2232. border-radius: 10rpx;
  2233. }
  2234. .shop-list-box .shop-item-box .shop-info .shop-juli {
  2235. flex: 1;
  2236. }
  2237. .shop-list-box .shop-item-box .shop-info .shop-juli .juli-num {
  2238. flex: 1;
  2239. overflow: hidden;
  2240. text-overflow: ellipsis;
  2241. white-space: nowrap;
  2242. }
  2243. .shop-list-box .shop-item-box .shop-info .shop-juli .btns {
  2244. display: flex;
  2245. justify-content: space-between;
  2246. align-items: center;
  2247. margin-left: 20rpx;
  2248. flex-shrink: 0;
  2249. }
  2250. .shop-list-box .shop-item-box .shop-info .shop-juli image {
  2251. width: 32rpx;
  2252. height: 32rpx !important;
  2253. margin-right: 20rpx;
  2254. }
  2255. .shop-list-box .shop-item-box .shop-info .shop-juli image:last-child {
  2256. margin-right: 0;
  2257. }
  2258. .yin {
  2259. font-size: 30rpx;
  2260. color: #00a5fb;
  2261. }
  2262. .popup2Btns {
  2263. display: flex;
  2264. justify-content: space-around;
  2265. padding: 30rpx;
  2266. border-top: 1rpx solid #efefef;
  2267. }
  2268. .popup2Btns .btn {
  2269. width: 200rpx;
  2270. height: 80rpx;
  2271. border: 1px solid #efefef;
  2272. border-radius: 46rpx;
  2273. background-color: #efefef;
  2274. color: #101010;
  2275. line-height: 80rpx;
  2276. }
  2277. .popup2Btns #agree-btn1 {
  2278. background: #2b58a5 !important;
  2279. color: #ffffff !important;
  2280. }