index.wxss 45 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619
  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. overflow: hidden;
  2127. text-overflow: ellipsis;
  2128. white-space: nowrap;
  2129. font-weight: 700;
  2130. font-size: 30rpx;
  2131. }
  2132. .classfiy-box .main .goods-item .goods-btn .desc {
  2133. display: -webkit-box;
  2134. -webkit-box-orient: vertical;
  2135. -webkit-line-clamp: 2;
  2136. /* 限制为两行 */
  2137. overflow: hidden;
  2138. font-size: 24rpx;
  2139. margin-bottom: 8rpx;
  2140. color: #808080;
  2141. }
  2142. .classfiy-box .main .goods-item .goods-btn .btn {
  2143. display: inline-block;
  2144. width: 165rpx;
  2145. height: 60rpx;
  2146. line-height: 60rpx;
  2147. text-align: center;
  2148. font-size: 24rpx;
  2149. color: #ffffff;
  2150. background-color: #2b58a5;
  2151. border-radius: 30rpx;
  2152. flex-shrink: 0;
  2153. }
  2154. .shop-list-box {
  2155. padding: 0 30rpx 30rpx;
  2156. margin-bottom: 46rpx;
  2157. box-sizing: border-box;
  2158. }
  2159. .shop-list-box .main {
  2160. display: flex;
  2161. flex-wrap: wrap;
  2162. }
  2163. .shop-list-box .shop-item-box {
  2164. width: 335rpx;
  2165. height: 441rpx;
  2166. font-weight: 400;
  2167. overflow: hidden;
  2168. margin-right: 20rpx;
  2169. background-color: #fff;
  2170. border-radius: 20rpx;
  2171. }
  2172. .shop-list-box .shop-item-box:nth-child(2n) {
  2173. margin-right: 0;
  2174. }
  2175. .shop-list-box .shop-item-box .shop-pic {
  2176. width: 100%;
  2177. height: 221rpx !important;
  2178. margin-bottom: 24rpx;
  2179. vertical-align: middle;
  2180. }
  2181. .shop-list-box .shop-item-box .shops-name {
  2182. font-size: 28rpx;
  2183. color: #1a1a1a;
  2184. font-weight: 400;
  2185. margin-bottom: 9rpx;
  2186. }
  2187. .shop-list-box .shop-item-box .shop-info {
  2188. width: 100%;
  2189. padding: 0 20rpx;
  2190. box-sizing: border-box;
  2191. }
  2192. .shop-list-box .shop-item-box .shops-address {
  2193. display: flex;
  2194. height: 66rpx;
  2195. font-size: 24rpx;
  2196. color: #999999;
  2197. margin-bottom: 20rpx;
  2198. display: flex;
  2199. align-items: flex-start;
  2200. }
  2201. .shop-list-box .shop-item-box .shops-address .address-icon {
  2202. width: 13px;
  2203. height: 13px !important;
  2204. margin-right: 10rpx;
  2205. /* margin-top: 6rpx; */
  2206. flex-shrink: 0;
  2207. }
  2208. .shop-list-box .shop-item-box .shops-address .address-text {
  2209. flex: 1;
  2210. overflow: hidden;
  2211. -webkit-line-clamp: 2;
  2212. text-overflow: ellipsis;
  2213. display: -webkit-box;
  2214. -webkit-box-orient: vertical;
  2215. color: #999999;
  2216. font-size: 24rpx;
  2217. /* border: 1rpx solid #000; */
  2218. line-height: 14px;
  2219. }
  2220. .shop-list-box .shop-item-box .shop-info .shop-juli {
  2221. display: flex;
  2222. justify-content: space-between;
  2223. align-items: center;
  2224. padding: 9rpx 20rpx;
  2225. font-size: 24rpx;
  2226. color: #77603d;
  2227. background-color: #e8f1ff;
  2228. border-radius: 10rpx;
  2229. }
  2230. .shop-list-box .shop-item-box .shop-info .shop-juli {
  2231. flex: 1;
  2232. }
  2233. .shop-list-box .shop-item-box .shop-info .shop-juli .juli-num {
  2234. flex: 1;
  2235. overflow: hidden;
  2236. text-overflow: ellipsis;
  2237. white-space: nowrap;
  2238. }
  2239. .shop-list-box .shop-item-box .shop-info .shop-juli .btns {
  2240. display: flex;
  2241. justify-content: space-between;
  2242. align-items: center;
  2243. margin-left: 20rpx;
  2244. flex-shrink: 0;
  2245. }
  2246. .shop-list-box .shop-item-box .shop-info .shop-juli image {
  2247. width: 32rpx;
  2248. height: 32rpx !important;
  2249. margin-right: 20rpx;
  2250. }
  2251. .shop-list-box .shop-item-box .shop-info .shop-juli image:last-child {
  2252. margin-right: 0;
  2253. }
  2254. .yin {
  2255. font-size: 30rpx;
  2256. color: #00a5fb;
  2257. }
  2258. .popup2Btns {
  2259. display: flex;
  2260. justify-content: space-around;
  2261. padding: 30rpx;
  2262. border-top: 1rpx solid #efefef;
  2263. }
  2264. .popup2Btns .btn {
  2265. width: 200rpx;
  2266. height: 80rpx;
  2267. border: 1px solid #efefef;
  2268. border-radius: 46rpx;
  2269. background-color: #efefef;
  2270. color: #101010;
  2271. line-height: 80rpx;
  2272. }
  2273. .popup2Btns #agree-btn1 {
  2274. background: #2b58a5 !important;
  2275. color: #ffffff !important;
  2276. }