fui.css 36 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791
  1. /* #ifndef APP-PLUS-NVUE*/
  2. /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  3. ::-webkit-scrollbar
  4. {
  5. width: 0rpx!important;
  6. height: 0rpx!important;
  7. background-color: #F8F8F8;
  8. }
  9. /*定义滚动条轨道 内阴影+圆角*/
  10. ::-webkit-scrollbar-track
  11. {
  12. /* // -webkit-box-shadow: inset 0 0 2rpx rgba(0,0,0,0.1); */
  13. border-radius: 10px;
  14. background-color: #fff;
  15. }
  16. /*定义滑块 内阴影+圆角*/
  17. ::-webkit-scrollbar-thumb
  18. {
  19. border-radius: 10px;
  20. -webkit-box-shadow: inset 0 0 2rpx rgba(0,0,0,.1);
  21. background-color: #555;
  22. }
  23. page {
  24. min-height: 100%;
  25. font-size: 14px;
  26. /* background-color: #FFFFFF; */
  27. --primary: #ffa74f;
  28. --primary_c:#EE8030;
  29. --status: #FF8C00;
  30. --color_1: #FFF0C9;
  31. --required: rgba(218, 37, 28, 1);
  32. }
  33. .page-height {
  34. height: calc(100vh - var(--window-top));
  35. }
  36. .container-height {
  37. min-height: calc(100vh - var(--window-top));
  38. }
  39. .required {
  40. color: var(--required);
  41. }
  42. view {
  43. box-sizing: border-box;
  44. }
  45. /* 防止图片闪一下 */
  46. image {
  47. width: 120rpx; height: 120rpx; will-change: transform;display: block;
  48. }
  49. .inline{
  50. display: inline-block;
  51. }
  52. .box {
  53. box-sizing: border-box;
  54. }
  55. /* 过度 */
  56. .transition {
  57. transition: all 0.5s;
  58. }
  59. /* #endif */
  60. /* 图标 */
  61. .iconfont {
  62. font-family: iconfont;
  63. /* #ifndef APP-PLUS-NVUE */
  64. line-height: 1;
  65. /* #endif */
  66. }
  67. /* cursor */
  68. .cursor {
  69. cursor: pointer;
  70. }
  71. .cursor-none {
  72. cursor: none;
  73. }
  74. .cursor-move {
  75. cursor: move;
  76. }
  77. .cursor-default{
  78. cursor: default;
  79. }
  80. /* 主色调 */
  81. .text-primary-color, .text-primary {
  82. color: var(--primary);
  83. }
  84. .text-primary-hover {
  85. color: var(--primary);
  86. }
  87. .text-label{
  88. color: var(--primary_c);
  89. }
  90. .text-color-price {
  91. color: var(--status);
  92. }
  93. .text-status {
  94. color: var(--status);
  95. }
  96. .text-ff3c00 {
  97. color: #FF3C00;
  98. }
  99. .text-EE8030{
  100. color: #EE8030;
  101. }
  102. .text-fc2419{
  103. color: #fc2419;
  104. }
  105. .text-FC3636{
  106. color: #FC3636;
  107. }
  108. .text-white, .text-color-white {
  109. color: #FFFFFF;
  110. }
  111. .text-black {
  112. color: #333333;
  113. }
  114. .text-gray {
  115. color: #999999;
  116. }
  117. .text-000 {
  118. color: #000000;
  119. }
  120. .text-000-05 {
  121. color: rgba(0, 0, 0, 0.5);
  122. }
  123. .text-000-06 {
  124. color: rgba(0, 0, 0, 0.6);
  125. }
  126. .text-000-07 {
  127. color: rgba(0, 0, 0, 0.7);
  128. }
  129. .text-255-07 {
  130. color: rgba(255, 255, 255, 0.7);
  131. }
  132. .text-111 {
  133. color: #111111;
  134. }
  135. .text-222 {
  136. color: #222222;
  137. }
  138. .text-333, .text-color-333 {
  139. color: #333333;
  140. }
  141. .text-444 {
  142. color: #444444;
  143. }
  144. .text-555 {
  145. color: #555555;
  146. }
  147. .text-666, .text-color-666 {
  148. color: #666666;
  149. }
  150. .text-777 {
  151. color: #777777;
  152. }
  153. .text-888 {
  154. color: #888888;
  155. }
  156. .text-999, .text-color-999 {
  157. color: #999999;
  158. }
  159. .text-aaa {
  160. color: #aaaaaa;
  161. }
  162. .text-bbb {
  163. color: #bbbbbb;
  164. }
  165. .text-ccc {
  166. color: #cccccc;
  167. }
  168. .text-ddd {
  169. color: #dddddd;
  170. }
  171. .text-eee {
  172. color: #eeeeee;
  173. }
  174. .text-ff782f {
  175. color: #ff782f;
  176. }
  177. .text-ffa74f{
  178. color: #ffa74f;
  179. }
  180. .text-fdb66f{
  181. color: #fdb66f;
  182. }
  183. .text-808181{
  184. color: #808181;
  185. }
  186. .text-da251c {
  187. color: #DA251C;
  188. }
  189. .text-skyblue {
  190. color: skyblue;
  191. }
  192. .text-856404{
  193. color: #856404;
  194. }
  195. .text-303030{
  196. color: #303030;
  197. }
  198. .text-7E7E7E{
  199. color: #7E7E7E;
  200. }
  201. /* #ifndef APP-PLUS-NVUE */
  202. .text-color-initial {
  203. color: initial;
  204. }
  205. .text-decoration-line{
  206. text-decoration: line-through;
  207. }
  208. /* #endif */
  209. /* hover */
  210. .hover, .hover-o {
  211. opacity: .8;
  212. }
  213. .hover-gray {
  214. background-color: rgba(0, 0, 0, .06); opacity: .8;
  215. }
  216. .place {
  217. color: #999999;
  218. }
  219. /* 背景色调 */
  220. .bg-primary, .bg-primary-color {
  221. background-color: var(--primary);
  222. }
  223. .bg-primary-hover-color {
  224. background-color: var(--primary);
  225. }
  226. .bg-primary-01 {
  227. background-color: rgba(218, 37, 28, .1);
  228. }
  229. .bg-border {
  230. background-color: #F7F8F9;
  231. }
  232. .bg-white {
  233. background-color: #FFFFFF;
  234. }
  235. .bg-dark, .bg-000 {
  236. background-color: #000000;
  237. }
  238. .bg-000-04{
  239. background-color: rgba(0,0,0,0.4);
  240. }
  241. .bg-000-05{
  242. background-color: rgba(0,0,0,0.5);
  243. }
  244. .bg-black, .bg-333 {
  245. background-color: #333333;
  246. }
  247. .bg-fafafc{
  248. background-color: #fafafc;
  249. }
  250. .bg-ffffff-fafafc{
  251. background: linear-gradient(#ffffff 0%,#fafafc 20%,#fafafc);
  252. }
  253. .bg-FF382E{
  254. background-color: #FF382E;
  255. }
  256. .bg-d9d9d9{
  257. background-color: #d9d9d9;
  258. }
  259. .bg-ee803033{
  260. background: #ee803033;
  261. }
  262. .bg-444 {
  263. background-color: #444444;
  264. }
  265. .bg-555 {
  266. background-color: #555555;
  267. }
  268. .bg-666 {
  269. background-color: #666666;
  270. }
  271. .bg-777 {
  272. background-color: #777777;
  273. }
  274. .bg-888 {
  275. background-color: #888888;
  276. }
  277. .bg-999 {
  278. background-color: #999999;
  279. }
  280. .bg-aaa {
  281. background-color: #aaaaaa;
  282. }
  283. .bg-eee {
  284. background-color: #eeeeee;
  285. }
  286. .bg-gray {
  287. background-color: #F8F8F8;
  288. }
  289. .bg-light-gray {
  290. background-color: #F7F8F9;
  291. }
  292. .bg-gray-hover-color {
  293. background-color: rgba(0, 0, 0, .02);
  294. }
  295. .bg-mask {
  296. background-color: rgba(0, 0, 0, .5);
  297. }
  298. .bg-tt {
  299. background-color: transparent;
  300. }
  301. .bg-blue {
  302. background-color: blue;
  303. }
  304. .bg-white-0_5 {
  305. background-color: rgba(255, 255, 255, .5);
  306. }
  307. .bg-white-1a {
  308. background-color: #ffffff1a;
  309. }
  310. .bg-fc9804 {
  311. background-color: #fc9804;
  312. }
  313. .bg-fff3cd {
  314. background-color: #fff3cd;
  315. }
  316. .bg-status {
  317. background-color: var(--status);
  318. }
  319. .bg-ff3c00 {
  320. background-color: #FF3C00;
  321. }
  322. .bg-da251c {
  323. background-color: #da251c;
  324. }
  325. .bg-f8f8f8 {
  326. background-color: #f8f8f8;
  327. }
  328. .bg-f9f9f9 {
  329. background-color: #f9f9f9;
  330. }
  331. .bg-cd231a {
  332. background-color: #cd231a;
  333. }
  334. .bg-fffae5 {
  335. background-color: #fffae5;
  336. }
  337. .bg-ffed46 {
  338. background-color: #FFED46;
  339. }
  340. .bg-8CA937{
  341. background-color: #8CA937;
  342. }
  343. /* 阴影 */
  344. .box-shadow-0-4-20-04{
  345. box-shadow: 0px 4rpx 20rpx 0px rgba(0, 0, 0, 0.04);
  346. }
  347. .box-shadow-0-4-30-02{
  348. box-shadow: 0px 4rpx 20rpx 0px rgba(0, 0, 0, 0.02);
  349. }
  350. .bos-shadow-0-72-128-04 {
  351. box-shadow: 0 72rpx 128rpx 0 rgba(0, 0, 0, 0.04);
  352. }
  353. /* 字号 */
  354. .text-b {
  355. font-weight: bold;
  356. }
  357. .text-100 {
  358. font-weight: 100;
  359. }
  360. .text-200 {
  361. font-weight: 200;
  362. }
  363. .text-300 {
  364. font-weight: 300;
  365. }
  366. .text-400 {
  367. font-weight: 400;
  368. }
  369. .text-500 {
  370. font-weight: 500;
  371. }
  372. .text-600 {
  373. font-weight: 600;
  374. }
  375. .text-700 {
  376. font-weight: 700;
  377. }
  378. .text-800 {
  379. font-weight: 800;
  380. }
  381. .text-12 {
  382. font-size: 12rpx;
  383. }
  384. .text-16 {
  385. font-size: 16rpx;
  386. }
  387. .text-20 {
  388. font-size: 20rpx;
  389. }
  390. .text-22 {
  391. font-size: 22rpx;
  392. }
  393. .text-24 {
  394. font-size: 24rpx;
  395. }
  396. .text-26 {
  397. font-size: 26rpx;
  398. }
  399. .text-28 {
  400. font-size: 28rpx;
  401. }
  402. .text-30 {
  403. font-size: 30rpx;
  404. }
  405. .text-32 {
  406. font-size: 32rpx;
  407. }
  408. .text-34 {
  409. font-size: 34rpx;
  410. }
  411. .text-36 {
  412. font-size: 36rpx;
  413. }
  414. .text-40 {
  415. font-size: 40rpx;
  416. }
  417. .text-42 {
  418. font-size: 42rpx;
  419. }
  420. .text-44 {
  421. font-size: 44rpx;
  422. }
  423. .text-48 {
  424. font-size: 48rpx;
  425. }
  426. .text-52 {
  427. font-size: 52rpx;
  428. }
  429. .text-54 {
  430. font-size: 54rpx;
  431. }
  432. .text-56 {
  433. font-size: 56rpx;
  434. }
  435. .text-58 {
  436. font-size: 58rpx;
  437. }
  438. .text-60 {
  439. font-size: 60rpx;
  440. }
  441. .text-62 {
  442. font-size: 62rpx;
  443. }
  444. .text-64 {
  445. font-size: 64rpx;
  446. }
  447. .text-68 {
  448. font-size: 68rpx;
  449. }
  450. .text-70 {
  451. font-size: 70rpx;
  452. }
  453. .text-underline {
  454. text-decoration: underline;
  455. }
  456. .text-through {
  457. text-decoration: line-through;
  458. }
  459. /* 字体对齐 */
  460. .text-left {
  461. text-align: left;
  462. }
  463. .text-center {
  464. text-align: center;
  465. }
  466. .text-right {
  467. text-align: right;
  468. }
  469. /* 字体缩进2个字符 */
  470. .text-indent {
  471. text-indent: 2em;
  472. }
  473. /* #ifndef APP-PLUS-NVUE */
  474. .text-justify {
  475. text-align: justify;
  476. }
  477. .va-center {
  478. vertical-align: center;
  479. }
  480. .va-top {
  481. vertical-align: top;
  482. }
  483. .va-bottom {
  484. vertical-align: bottom;
  485. }
  486. /* #endif */
  487. /* 透明 */
  488. .op-0 {
  489. opacity: 0;
  490. }
  491. .op-02 {
  492. opacity: 0.2;
  493. }
  494. .op-04 {
  495. opacity: 0.4;
  496. }
  497. .op-05 {
  498. opacity: 0.5;
  499. }
  500. .op-08 {
  501. opacity: 0.8;
  502. }
  503. .op-1 {
  504. opacity: 1;
  505. }
  506. /* 隐藏 */
  507. .ov-hide {
  508. overflow: hidden;
  509. }
  510. /* #ifndef APP-PLUS-NVUE */
  511. .vi-hide {
  512. visibility: hidden;
  513. }
  514. /* #endif */
  515. /* 定位 */
  516. .p-abs, .abs {
  517. position: absolute;
  518. }
  519. .abs_xy {
  520. position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  521. }
  522. .abs_auto {
  523. position: absolute; top: 0; left: 0; bottom: 0; right: 0;
  524. /* #ifndef APP-PLUS-NVUE */
  525. margin: auto;
  526. /* #endif */
  527. }
  528. .abs_top {
  529. position: absolute; top: 0; left: 0; right: 0;
  530. /* #ifndef APP-PLUS-NVUE */
  531. margin: auto;
  532. /* #endif */
  533. }
  534. .abs_left {
  535. position: absolute; top: 0; left: 0; bottom: 0;
  536. /* #ifndef APP-PLUS-NVUE */
  537. margin: auto;
  538. /* #endif */
  539. }
  540. .abs_right {
  541. position: absolute; top: 0; bottom: 0; right: 0;
  542. /* #ifndef APP-PLUS-NVUE */
  543. margin: auto;
  544. /* #endif */
  545. }
  546. .abs_bottom {
  547. position: absolute; bottom: 0; left: 0; right: 0;
  548. /* #ifndef APP-PLUS-NVUE */
  549. margin: auto;
  550. /* #endif */
  551. }
  552. .abs_center {
  553. position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  554. }
  555. .abs_x {
  556. position: absolute; left: 50%; transform: translateX(-50%);
  557. }
  558. .abs_y {
  559. position: absolute; top: 50%; transform: translateY(-50%);
  560. }
  561. .p-fixed, .fixed {
  562. position: fixed;
  563. }
  564. .fixed_auto {
  565. position: fixed; top: 0; left: 0; bottom: 0; right: 0;
  566. /* #ifndef APP-PLUS-NVUE */
  567. margin: auto;
  568. /* #endif */
  569. }
  570. .fixed_center, .fixed_xy {
  571. position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  572. }
  573. .fixed_x {
  574. position: fixed; left: 50%; transform: translateX(-50%);
  575. }
  576. .fixed_y {
  577. position: fixed; top: 50%; transform: translateY(-50%);
  578. }
  579. .fixed_bottom {
  580. position: fixed;
  581. bottom: var(--window-bottom);
  582. bottom: calc(constant(safe-area-inset-bottom));
  583. bottom: calc(env(safe-area-inset-bottom));
  584. }
  585. .fixed_top {
  586. position: fixed; top: var(--window-top);
  587. }
  588. .fixed_left {
  589. position: fixed; left: 0;
  590. }
  591. .fixed_right {
  592. position: fixed; right: 0;
  593. }
  594. .fixed_low {
  595. position: fixed; bottom: 0; left: 0; right: 0;
  596. /* #ifndef APP-PLUS-NVUE */
  597. margin: auto;
  598. /* #endif */
  599. }
  600. .fixed_up {
  601. position: fixed; top: 0; left: 0; right: 0;
  602. /* #ifndef APP-PLUS-NVUE */
  603. margin: auto;
  604. /* #endif */
  605. }
  606. .p-rel, .rel {
  607. position: relative;
  608. }
  609. .p-sticky, .sticky {
  610. position: sticky;
  611. }
  612. .bottom, .bottom-0 {
  613. bottom: 0;
  614. }
  615. .bottom-w {
  616. bottom: var(--window-bottom);
  617. }
  618. .bottom-10 {
  619. bottom: 10rpx;
  620. }
  621. .bottom-20 {
  622. bottom: 20rpx;
  623. }
  624. .bottom-30 {
  625. bottom: 30rpx;
  626. }
  627. .bottom-40 {
  628. bottom: 40rpx;
  629. }
  630. .bottom-50 {
  631. bottom: 50rpx;
  632. }
  633. .bottom-60 {
  634. bottom: 60rpx;
  635. }
  636. .bottom-70 {
  637. bottom: 70rpx;
  638. }
  639. .bottom-80 {
  640. bottom: 80rpx;
  641. }
  642. .bottom-90 {
  643. bottom: 90rpx;
  644. }
  645. .bottom-100 {
  646. bottom: 100rpx;
  647. }
  648. .bottom-150 {
  649. bottom: 150rpx;
  650. }
  651. .bottom-180px {
  652. bottom: 180px;
  653. }
  654. .bottom-200 {
  655. bottom: 200rpx;
  656. }
  657. .bottom-260px{
  658. bottom:260px;
  659. }
  660. .bottom-300 {
  661. bottom: 300rpx;
  662. }
  663. .bottom-350 {
  664. bottom: 350rpx;
  665. }
  666. .bottom_100{
  667. bottom: 100vh;
  668. }
  669. .left, .left-0 {
  670. left: 0;
  671. }
  672. .top, .top-0 {
  673. top: 0;
  674. }
  675. .top-w {
  676. top: var(--window-top);
  677. }
  678. .top-10 {
  679. top: 10rpx;
  680. }
  681. .top-20 {
  682. top: 20rpx;
  683. }
  684. .top-30 {
  685. top: 30rpx;
  686. }
  687. .top-40 {
  688. top: 40rpx;
  689. }
  690. .top-50 {
  691. top: 50rpx;
  692. }
  693. .top-60 {
  694. top: 60rpx;
  695. }
  696. .top-70 {
  697. top: 70rpx;
  698. }
  699. .top-80 {
  700. top: 80rpx;
  701. }
  702. .top-90 {
  703. top: 90rpx;
  704. }
  705. .top-100 {
  706. top: 100rpx;
  707. }
  708. .top-200 {
  709. top: 200rpx;
  710. }
  711. .left-10 {
  712. left: 10rpx;
  713. }
  714. .left-20 {
  715. left: 20rpx;
  716. }
  717. .left-30 {
  718. left: 30rpx;
  719. }
  720. .left-40 {
  721. left: 40rpx;
  722. }
  723. .left-50 {
  724. left: 50rpx;
  725. }
  726. .left-60 {
  727. left: 60rpx;
  728. }
  729. .left-70 {
  730. left: 70rpx;
  731. }
  732. .left-80 {
  733. left: 80rpx;
  734. }
  735. .left-90 {
  736. left: 90rpx;
  737. }
  738. .left-100 {
  739. left: 100rpx;
  740. }
  741. .left-300 {
  742. left: 300rpx;
  743. }
  744. .right, .right-0 {
  745. right: 0;
  746. }
  747. .right-10 {
  748. right: 10rpx;
  749. }
  750. .right-20 {
  751. right: 20rpx;
  752. }
  753. .right-30 {
  754. right: 30rpx;
  755. }
  756. .right-40 {
  757. right: 40rpx;
  758. }
  759. .right-50 {
  760. right: 50rpx;
  761. }
  762. .right-60 {
  763. right: 60rpx;
  764. }
  765. .right-70 {
  766. right: 70rpx;
  767. }
  768. .right-80 {
  769. right: 80rpx;
  770. }
  771. .right-90 {
  772. right: 90rpx;
  773. }
  774. .right-100 {
  775. right: 100rpx;
  776. }
  777. /* 层级 */
  778. .zindex-0 {
  779. z-index: 0;
  780. }
  781. .zindex-1 {
  782. z-index: 1;
  783. }
  784. .zindex-2 {
  785. z-index: 2;
  786. }
  787. .zindex-3 {
  788. z-index: 3;
  789. }
  790. .zindex-4 {
  791. z-index: 4;
  792. }
  793. .zindex-5 {
  794. z-index: 5;
  795. }
  796. .zindex-6 {
  797. z-index: 6;
  798. }
  799. .zindex-7 {
  800. z-index: 7;
  801. }
  802. .zindex-8 {
  803. z-index: 8;
  804. }
  805. .zindex-9 {
  806. z-index: 9;
  807. }
  808. .zindex-10 {
  809. z-index: 10;
  810. }
  811. .zindex-99 {
  812. z-index: 99;
  813. }
  814. .zindex-100 {
  815. z-index: 100;
  816. }
  817. .zindex-101 {
  818. z-index: 101;
  819. }
  820. .zindex-200 {
  821. z-index: 200;
  822. }
  823. .zindex-300 {
  824. z-index: 300;
  825. }
  826. .zindex-400 {
  827. z-index: 400;
  828. }
  829. .zindex-500 {
  830. z-index: 500;
  831. }
  832. .zindex-999 {
  833. z-index: 999;
  834. }
  835. .zindex-1000 {
  836. z-index: 1000;
  837. }
  838. .zindex-1001 {
  839. z-index: 1001;
  840. }
  841. .zindex-2000 {
  842. z-index: 2000;
  843. }
  844. .zindex-2001 {
  845. z-index: 2001;
  846. }
  847. .zindex-3000 {
  848. z-index: 3000;
  849. }
  850. .zindex-3001 {
  851. z-index: 3001;
  852. }
  853. .zindex-9999 {
  854. z-index: 9999;
  855. }
  856. .zindex-10000 {
  857. z-index: 10000;
  858. }
  859. .zindex-10001 {
  860. z-index: 10001;
  861. }
  862. .zindex-99999 {
  863. z-index: 99999;
  864. }
  865. .zindex-100000 {
  866. z-index: 100000;
  867. }
  868. .zindex-100001 {
  869. z-index: 100001;
  870. }
  871. /* margin */
  872. /* #ifndef APP-PLUS-NVUE */
  873. .mg-auto {
  874. margin: auto;
  875. }
  876. .mgx-auto {
  877. margin-left: auto; margin-right: auto;
  878. }
  879. .mgy-auto {
  880. margin-top: auto; margin-bottom: auto;
  881. }
  882. .mgl-auto {
  883. margin-left: auto;
  884. }
  885. .mgr-auto {
  886. margin-right: auto;
  887. }
  888. .mgt-auto {
  889. margin-top: auto;
  890. }
  891. .mgb-auto {
  892. margin-bottom: auto;
  893. }
  894. /* #endif */
  895. .mg-0 {
  896. margin: 0;
  897. }
  898. .mgl-2 {
  899. margin-left: 2rpx;
  900. }
  901. .mgl-4 {
  902. margin-left: 4rpx;
  903. }
  904. .mgl-6 {
  905. margin-left: 6rpx;
  906. }
  907. .mgl-8 {
  908. margin-left: 8rpx;
  909. }
  910. .mg-10 {
  911. margin: 10;
  912. }
  913. .mg-20 {
  914. margin: 20;
  915. }
  916. .mg-30 {
  917. margin: 30;
  918. }
  919. .mg-40 {
  920. margin: 40;
  921. }
  922. .mg-50 {
  923. margin: 50;
  924. }
  925. .mg-60 {
  926. margin: 60;
  927. }
  928. .mg-70 {
  929. margin: 70;
  930. }
  931. .mg-80 {
  932. margin: 80;
  933. }
  934. .mg-90 {
  935. margin: 90;
  936. }
  937. .mg-100 {
  938. margin: 100;
  939. }
  940. .mgl-0 {
  941. margin-left: 0;
  942. }
  943. .mgl-2 {
  944. margin-left: 2rpx;
  945. }
  946. .mgl-4 {
  947. margin-left: 4rpx;
  948. }
  949. .mgl-6 {
  950. margin-left: 6rpx;
  951. }
  952. .mgl-8 {
  953. margin-left: 8rpx;
  954. }
  955. .mgl-10 {
  956. margin-left: 10rpx;
  957. }
  958. .mgl-12 {
  959. margin-left: 12rpx;
  960. }
  961. .mgl-14 {
  962. margin-left: 14rpx;
  963. }
  964. .mgl-15 {
  965. margin-left: 15rpx;
  966. }
  967. .mgl-16 {
  968. margin-left: 16rpx;
  969. }
  970. .mgl-18 {
  971. margin-left: 18rpx;
  972. }
  973. .mgl-20 {
  974. margin-left: 20rpx;
  975. }
  976. .mgl-20 {
  977. margin-left: 20rpx;
  978. }
  979. .mgl-22 {
  980. margin-left: 22rpx;
  981. }
  982. .mgl-24 {
  983. margin-left: 24rpx;
  984. }
  985. .mgl-26 {
  986. margin-left: 26rpx;
  987. }
  988. .mgl-28 {
  989. margin-left: 28rpx;
  990. }
  991. .mgl-30 {
  992. margin-left: 30rpx;
  993. }
  994. .mgl-34 {
  995. margin-left: 34rpx;
  996. }
  997. .mgl-40 {
  998. margin-left: 40rpx;
  999. }
  1000. .mgl-50{
  1001. margin-left: 50rpx;
  1002. }
  1003. .mgr-0 {
  1004. margin-right: 0;
  1005. }
  1006. .mgr-2 {
  1007. margin-right: 2rpx;
  1008. }
  1009. .mgr-4 {
  1010. margin-right: 4rpx;
  1011. }
  1012. .mgr-6 {
  1013. margin-right: 6rpx;
  1014. }
  1015. .mgr-8 {
  1016. margin-right: 8rpx;
  1017. }
  1018. .mgr-10 {
  1019. margin-right: 10rpx;
  1020. }
  1021. .mgr-12 {
  1022. margin-right: 12rpx;
  1023. }
  1024. .mgr-14 {
  1025. margin-right: 14rpx;
  1026. }
  1027. .mgr-15 {
  1028. margin-right: 15rpx;
  1029. }
  1030. .mgr-16 {
  1031. margin-right: 16rpx;
  1032. }
  1033. .mgr-18 {
  1034. margin-right: 18rpx;
  1035. }
  1036. .mgr-20 {
  1037. margin-right: 20rpx;
  1038. }
  1039. .mgr-24{
  1040. margin-right: 24rpx;
  1041. }
  1042. .mgr-30 {
  1043. margin-right: 30rpx;
  1044. }
  1045. .mgr-40 {
  1046. margin-right: 40rpx;
  1047. }
  1048. .mgr-50 {
  1049. margin-right: 50rpx;
  1050. }
  1051. .mgr-60 {
  1052. margin-right: 60rpx;
  1053. }
  1054. .mgr-70 {
  1055. margin-right: 70rpx;
  1056. }
  1057. .mgr-80 {
  1058. margin-right: 80rpx;
  1059. }
  1060. .mgr-90 {
  1061. margin-right: 90rpx;
  1062. }
  1063. .mgr-100 {
  1064. margin-right: 100rpx;
  1065. }
  1066. .mgr-110 {
  1067. margin-right: 110rpx;
  1068. }
  1069. .mgr-120 {
  1070. margin-right: 120rpx;
  1071. }
  1072. .mgr-130 {
  1073. margin-right: 130rpx;
  1074. }
  1075. .mgr-140 {
  1076. margin-right: 140rpx;
  1077. }
  1078. .mgx-0 {
  1079. margin-left: 0; margin-right: 0;
  1080. }
  1081. .mgx-5 {
  1082. margin-left: 5rpx; margin-right: 5rpx;
  1083. }
  1084. .mgx-10 {
  1085. margin-left: 10rpx; margin-right: 10rpx;
  1086. }
  1087. .mgx-20 {
  1088. margin-left: 20rpx; margin-right: 20rpx;
  1089. }
  1090. .mgx-24{
  1091. margin-left: 24rpx; margin-right: 24rpx;
  1092. }
  1093. .mgx-24-{
  1094. margin-left: -24rpx; margin-right: -24rpx;
  1095. }
  1096. .mgx-30 {
  1097. margin-left: 30rpx; margin-right: 30rpx;
  1098. }
  1099. .mgx-40 {
  1100. margin-left: 40rpx; margin-right: 40rpx;
  1101. }
  1102. .mgx-50 {
  1103. margin-left: 50rpx; margin-right: 50rpx;
  1104. }
  1105. .mgx-60 {
  1106. margin-left: 60rpx; margin-right: 60rpx;
  1107. }
  1108. .mgx-70 {
  1109. margin-left: 70rpx; margin-right: 70rpx;
  1110. }
  1111. .mgx-80 {
  1112. margin-left: 80rpx; margin-right: 80rpx;
  1113. }
  1114. .mgx-90 {
  1115. margin-left: 90rpx; margin-right: 90rpx;
  1116. }
  1117. .mgx-100 {
  1118. margin-left: 100rpx; margin-right: 100rpx;
  1119. }
  1120. .mgy-0 {
  1121. margin-top: 0; margin-bottom: 0;
  1122. }
  1123. .mgy-10 {
  1124. margin-top: 10rpx; margin-bottom: 10rpx;
  1125. }
  1126. .mgy-20 {
  1127. margin-top: 20rpx; margin-bottom: 20rpx;
  1128. }
  1129. .mgy-30 {
  1130. margin-top: 30rpx; margin-bottom: 30rpx;
  1131. }
  1132. .mgy-40 {
  1133. margin-top: 40rpx; margin-bottom: 40rpx;
  1134. }
  1135. .mgy-50 {
  1136. margin-top: 50rpx; margin-bottom: 50rpx;
  1137. }
  1138. .mgy-60 {
  1139. margin-top: 60rpx; margin-bottom: 60rpx;
  1140. }
  1141. .mgy-70 {
  1142. margin-top: 70rpx; margin-bottom: 70rpx;
  1143. }
  1144. .mgy-80 {
  1145. margin-top: 80rpx; margin-bottom: 80rpx;
  1146. }
  1147. .mgy-90 {
  1148. margin-top: 90rpx; margin-bottom: 90rpx;
  1149. }
  1150. .mgy-100 {
  1151. margin-top: 100rpx; margin-bottom: 100rpx;
  1152. }
  1153. .mgt-0 {
  1154. margin-top: 0;
  1155. }
  1156. .mgt-2 {
  1157. margin-top: 2rpx;
  1158. }
  1159. .mgt-4 {
  1160. margin-top: 4rpx;
  1161. }
  1162. .mgt-6 {
  1163. margin-top: 6rpx;
  1164. }
  1165. .mgt-8 {
  1166. margin-top: 8rpx;
  1167. }
  1168. .mgt-10 {
  1169. margin-top: 10rpx;
  1170. }
  1171. .mgt-12 {
  1172. margin-top: 12rpx;
  1173. }
  1174. .mgt-14 {
  1175. margin-top: 14rpx;
  1176. }
  1177. .mgt-15 {
  1178. margin-top: 15rpx;
  1179. }
  1180. .mgt-16 {
  1181. margin-top: 16rpx;
  1182. }
  1183. .mgt-18 {
  1184. margin-top: 18rpx;
  1185. }
  1186. .mgt-20 {
  1187. margin-top: 20rpx;
  1188. }
  1189. .mgt-22 {
  1190. margin-top: 22rpx;
  1191. }
  1192. .mgt-23 {
  1193. margin-top: 23rpx;
  1194. }
  1195. .mgt-24 {
  1196. margin-top: 24rpx;
  1197. }
  1198. .mgt-26 {
  1199. margin-top: 26rpx;
  1200. }
  1201. .mgt-28 {
  1202. margin-top: 28rpx;
  1203. }
  1204. .mgt-30 {
  1205. margin-top: 30rpx;
  1206. }
  1207. .mgt-32 {
  1208. margin-top: 32rpx;
  1209. }
  1210. .mgt-35 {
  1211. margin-top: 35rpx;
  1212. }
  1213. .mgt-36 {
  1214. margin-top: 36rpx;
  1215. }
  1216. .mgt-38 {
  1217. margin-top: 38rpx;
  1218. }
  1219. .mgt-40 {
  1220. margin-top: 40rpx;
  1221. }
  1222. .mgt-48 {
  1223. margin-top: 48rpx;
  1224. }
  1225. .mgt-50 {
  1226. margin-top: 50rpx;
  1227. }
  1228. .mgt-60 {
  1229. margin-top: 60rpx;
  1230. }
  1231. .mgt-70 {
  1232. margin-top: 70rpx;
  1233. }
  1234. .mgt-72 {
  1235. margin-top: 72rpx;
  1236. }
  1237. .mgt-80 {
  1238. margin-top: 80rpx;
  1239. }
  1240. .mgt-90 {
  1241. margin-top: 90rpx;
  1242. }
  1243. .mgt-100 {
  1244. margin-top: 100rpx;
  1245. }
  1246. .mgt-110 {
  1247. margin-top: 110rpx;
  1248. }
  1249. .mgt-120 {
  1250. margin-top: 120rpx;
  1251. }
  1252. .mgt-130 {
  1253. margin-top: 130rpx;
  1254. }
  1255. .mgt-132 {
  1256. margin-top: 132rpx;
  1257. }
  1258. .mgt-140 {
  1259. margin-top: 140rpx;
  1260. }
  1261. .mgt-160 {
  1262. margin-top: 160rpx;
  1263. }
  1264. .mgt-170 {
  1265. margin-top: 170rpx;
  1266. }
  1267. .mgt-180 {
  1268. margin-top: 180rpx;
  1269. }
  1270. .mgt-190 {
  1271. margin-top: 190rpx;
  1272. }
  1273. .mgt-200 {
  1274. margin-top: 200rpx;
  1275. }
  1276. .mgt-210 {
  1277. margin-top: 210rpx;
  1278. }
  1279. .mgt-220 {
  1280. margin-top: 220rpx;
  1281. }
  1282. .mgt-230 {
  1283. margin-top: 230rpx;
  1284. }
  1285. .mgt-240 {
  1286. margin-top: 240rpx;
  1287. }
  1288. .mgb-0 {
  1289. margin-bottom: 0;
  1290. }
  1291. .mgb-10 {
  1292. margin-bottom: 10rpx;
  1293. }
  1294. .mgb-20 {
  1295. margin-bottom: 20rpx;
  1296. }
  1297. .mgb-30 {
  1298. margin-bottom: 30rpx;
  1299. }
  1300. .mgb-40 {
  1301. margin-bottom: 40rpx;
  1302. }
  1303. .mgb-50 {
  1304. margin-bottom: 50rpx;
  1305. }
  1306. .mgb-60 {
  1307. margin-bottom: 60rpx;
  1308. }
  1309. .mgb-70 {
  1310. margin-bottom: 70rpx;
  1311. }
  1312. .mgb-80 {
  1313. margin-bottom: 80rpx;
  1314. }
  1315. .mgb-90 {
  1316. margin-bottom: 90rpx;
  1317. }
  1318. .mgb-100 {
  1319. margin-bottom: 100rpx;
  1320. }
  1321. /* padding */
  1322. .pd-0 {
  1323. padding: 0;
  1324. }
  1325. .pd-10 {
  1326. padding: 10rpx;
  1327. }
  1328. .pd-20 {
  1329. padding: 20rpx;
  1330. }
  1331. .pd-24 {
  1332. padding: 24rpx;
  1333. }
  1334. .pd-30 {
  1335. padding: 30rpx;
  1336. }
  1337. .pd-40 {
  1338. padding: 40rpx;
  1339. }
  1340. .pd-50 {
  1341. padding: 50rpx;
  1342. }
  1343. .pd-60 {
  1344. padding: 60rpx;
  1345. }
  1346. .pd-70 {
  1347. padding: 70rpx;
  1348. }
  1349. .pd-80 {
  1350. padding: 80rpx;
  1351. }
  1352. .pd-90 {
  1353. padding: 90rpx;
  1354. }
  1355. .pd-100 {
  1356. padding: 100rpx;
  1357. }
  1358. .pd-110 {
  1359. padding: 110rpx;
  1360. }
  1361. .pdx-0 {
  1362. padding-left: 0; padding-right: 0;
  1363. }
  1364. .pdx-4 {
  1365. padding-left: 4rpx; padding-right: 4rpx;
  1366. }
  1367. .pdx-6 {
  1368. padding-left: 6rpx; padding-right: 6rpx;
  1369. }
  1370. .pdx-10 {
  1371. padding-left: 10rpx; padding-right: 10rpx;
  1372. }
  1373. .pdx-12 {
  1374. padding-left: 12rpx; padding-right: 12rpx;
  1375. }
  1376. .pdx-14 {
  1377. padding-left: 14rpx; padding-right: 14rpx;
  1378. }
  1379. .pdx-16 {
  1380. padding-left: 16rpx; padding-right: 16rpx;
  1381. }
  1382. .pdx-18 {
  1383. padding-left: 18rpx; padding-right: 18rpx;
  1384. }
  1385. .pdx-20 {
  1386. padding-left: 20rpx; padding-right: 20rpx;
  1387. }
  1388. .pdx-22 {
  1389. padding-left: 22rpx; padding-right: 22rpx;
  1390. }
  1391. .pdx-24 {
  1392. padding-left: 24rpx; padding-right: 24rpx;
  1393. }
  1394. .pdx-26 {
  1395. padding-left: 26rpx; padding-right: 26rpx;
  1396. }
  1397. .pdx-28 {
  1398. padding-left: 28rpx; padding-right: 28rpx;
  1399. }
  1400. .pdx-30 {
  1401. padding-left: 30rpx; padding-right: 30rpx;
  1402. }
  1403. .pdx-40 {
  1404. padding-left: 40rpx; padding-right: 40rpx;
  1405. }
  1406. .pdx-50 {
  1407. padding-left: 50rpx; padding-right: 50rpx;
  1408. }
  1409. .pdx-60 {
  1410. padding-left: 60rpx; padding-right: 60rpx;
  1411. }
  1412. .pdx-70 {
  1413. padding-left: 70rpx; padding-right: 70rpx;
  1414. }
  1415. .pdx-80 {
  1416. padding-left: 80rpx; padding-right: 80rpx;
  1417. }
  1418. .pdx-100 {
  1419. padding-left: 100rpx; padding-right: 100rpx;
  1420. }
  1421. .pdx-110 {
  1422. padding-left: 110rpx; padding-right: 110rpx;
  1423. }
  1424. .pdx-120 {
  1425. padding-left: 120rpx; padding-right: 120rpx;
  1426. }
  1427. .pdy-0 {
  1428. padding-top: 0; padding-bottom: 0;
  1429. }
  1430. .pdy-2 {
  1431. padding-top: 2rpx; padding-bottom: 2rpx;
  1432. }
  1433. .pdy-4 {
  1434. padding-top: 4rpx; padding-bottom: 4rpx;
  1435. }
  1436. .pdy-6 {
  1437. padding-top: 6rpx; padding-bottom: 6rpx;
  1438. }
  1439. .pdy-8 {
  1440. padding-top: 8rpx; padding-bottom: 8rpx;
  1441. }
  1442. .pdy-10 {
  1443. padding-top: 10rpx; padding-bottom: 10rpx;
  1444. }
  1445. .pdy-12 {
  1446. padding-top: 12rpx; padding-bottom: 12rpx;
  1447. }
  1448. .pdy-14 {
  1449. padding-top: 14rpx; padding-bottom: 14rpx;
  1450. }
  1451. .pdy-16 {
  1452. padding-top: 16rpx; padding-bottom: 16rpx;
  1453. }
  1454. .pdy-18 {
  1455. padding-top: 18rpx; padding-bottom: 18rpx;
  1456. }
  1457. .pdy-20 {
  1458. padding-top: 20rpx; padding-bottom: 20rpx;
  1459. }
  1460. .pdy-30 {
  1461. padding-top: 30rpx; padding-bottom: 30rpx;
  1462. }
  1463. .pdy-35 {
  1464. padding-top: 35rpx; padding-bottom: 35rpx;
  1465. }
  1466. .pdy-40 {
  1467. padding-top: 40rpx; padding-bottom: 40rpx;
  1468. }
  1469. .pdy-50 {
  1470. padding-top: 50rpx; padding-bottom: 50rpx;
  1471. }
  1472. .pdy-60 {
  1473. padding-top: 60rpx; padding-bottom: 60rpx;
  1474. }
  1475. .pdy-70 {
  1476. padding-top: 70rpx; padding-bottom: 70rpx;
  1477. }
  1478. .pdy-80 {
  1479. padding-top: 80rpx; padding-bottom: 80rpx;
  1480. }
  1481. .pdy-100 {
  1482. padding-top: 100rpx; padding-bottom: 100rpx;
  1483. }
  1484. .pdy-110 {
  1485. padding-top: 110rpx; padding-bottom: 110rpx;
  1486. }
  1487. .pdy-120 {
  1488. padding-top: 120rpx; padding-bottom: 120rpx;
  1489. }
  1490. .pdt-0 {
  1491. padding-top: 0;
  1492. }
  1493. .pdt-10 {
  1494. padding-top: 10rpx;
  1495. }
  1496. .pdt-20 {
  1497. padding-top: 20rpx;
  1498. }
  1499. .pdt-22 {
  1500. padding-top: 22rpx;
  1501. }
  1502. .pdt-24 {
  1503. padding-top: 24rpx;
  1504. }
  1505. .pdt-26 {
  1506. padding-top: 26rpx;
  1507. }
  1508. .pdt-28 {
  1509. padding-top: 28rpx;
  1510. }
  1511. .pdt-30 {
  1512. padding-top: 30rpx;
  1513. }
  1514. .pdt-40 {
  1515. padding-top: 40rpx;
  1516. }
  1517. .pdt-50 {
  1518. padding-top: 50rpx;
  1519. }
  1520. .pdt-60 {
  1521. padding-top: 60rpx;
  1522. }
  1523. .pdt-70 {
  1524. padding-top: 70rpx;
  1525. }
  1526. .pdt-80 {
  1527. padding-top: 80rpx;
  1528. }
  1529. .pdt-90 {
  1530. padding-top: 90rpx;
  1531. }
  1532. .pdt-100 {
  1533. padding-top: 100rpx;
  1534. }
  1535. .pdt-110 {
  1536. padding-top: 110rpx;
  1537. }
  1538. .pdt-120 {
  1539. padding-top: 120rpx;
  1540. }
  1541. .pdt-140 {
  1542. padding-top: 140rpx;
  1543. }
  1544. .pdt-160 {
  1545. padding-top: 160rpx;
  1546. }
  1547. .pdt-180 {
  1548. padding-top: 180rpx;
  1549. }
  1550. .pdt-200 {
  1551. padding-top: 200rpx;
  1552. }
  1553. .pdt-220 {
  1554. padding-top: 220rpx;
  1555. }
  1556. .pdt-240 {
  1557. padding-top: 240rpx;
  1558. }
  1559. .pdb-0 {
  1560. padding-bottom: 0;
  1561. }
  1562. .pdb-10 {
  1563. padding-bottom: 10rpx;
  1564. }
  1565. .pdb-12 {
  1566. padding-bottom: 12rpx;
  1567. }
  1568. .pdb-14 {
  1569. padding-bottom: 14rpx;
  1570. }
  1571. .pdb-15 {
  1572. padding-bottom: 15rpx;
  1573. }
  1574. .pdb-16 {
  1575. padding-bottom: 16rpx;
  1576. }
  1577. .pdb-18 {
  1578. padding-bottom: 18rpx;
  1579. }
  1580. .pdb-20 {
  1581. padding-bottom: 20rpx;
  1582. }
  1583. .pdb-30 {
  1584. padding-bottom: 30rpx;
  1585. }
  1586. .pdb-40 {
  1587. padding-bottom: 40rpx;
  1588. }
  1589. .pdb-50 {
  1590. padding-bottom: 50rpx;
  1591. }
  1592. .pdb-60 {
  1593. padding-bottom: 60rpx;
  1594. }
  1595. .pdb-70 {
  1596. padding-bottom: 70rpx;
  1597. }
  1598. .pdb-80 {
  1599. padding-bottom: 80rpx;
  1600. }
  1601. .pdb-90 {
  1602. padding-bottom: 90rpx;
  1603. }
  1604. .pdb-100 {
  1605. padding-bottom: 100rpx;
  1606. }
  1607. .pdb-110 {
  1608. padding-bottom: 110rpx;
  1609. }
  1610. .pdb-120 {
  1611. padding-bottom: 120rpx;
  1612. }
  1613. .pdb-300 {
  1614. padding-bottom: 300rpx;
  1615. }
  1616. .pdl-0 {
  1617. padding-left: 0;
  1618. }
  1619. .pdl-10 {
  1620. padding-left: 10rpx;
  1621. }
  1622. .pdl-20 {
  1623. padding-left: 20rpx;
  1624. }
  1625. .pdl-22 {
  1626. padding-left: 22rpx;
  1627. }
  1628. .pdl-24 {
  1629. padding-left: 24rpx;
  1630. }
  1631. .pdl-26 {
  1632. padding-left: 26rpx;
  1633. }
  1634. .pdl-28 {
  1635. padding-left: 28rpx;
  1636. }
  1637. .pdl-30 {
  1638. padding-left: 30rpx;
  1639. }
  1640. .pdl-32 {
  1641. padding-left: 32rpx;
  1642. }
  1643. .pdl-34 {
  1644. padding-left: 34rpx;
  1645. }
  1646. .pdl-36 {
  1647. padding-left: 36rpx;
  1648. }
  1649. .pdl-38 {
  1650. padding-left: 38rpx;
  1651. }
  1652. .pdl-40 {
  1653. padding-left: 40rpx;
  1654. }
  1655. .pdl-50 {
  1656. padding-left: 50rpx;
  1657. }
  1658. .pdl-60 {
  1659. padding-left: 60rpx;
  1660. }
  1661. .pdl-70 {
  1662. padding-left: 70rpx;
  1663. }
  1664. .pdl-80 {
  1665. padding-left: 80rpx;
  1666. }
  1667. .pdl-90 {
  1668. padding-left: 90rpx;
  1669. }
  1670. .pdl-100 {
  1671. padding-left: 100rpx;
  1672. }
  1673. .pdr-0 {
  1674. padding-right: 0;
  1675. }
  1676. .pdr-10 {
  1677. padding-right: 10rpx;
  1678. }
  1679. .pdr-20 {
  1680. padding-right: 20rpx;
  1681. }
  1682. .pdr-30 {
  1683. padding-right: 30rpx;
  1684. }
  1685. .pdr-40 {
  1686. padding-right: 40rpx;
  1687. }
  1688. .pdr-50 {
  1689. padding-right: 50rpx;
  1690. }
  1691. .pdr-60 {
  1692. padding-right: 60rpx;
  1693. }
  1694. .pdr-70 {
  1695. padding-right: 70rpx;
  1696. }
  1697. .pdr-80 {
  1698. padding-right: 80rpx;
  1699. }
  1700. .pdr-90 {
  1701. padding-right: 90rpx;
  1702. }
  1703. .pdr-100 {
  1704. padding-right: 100rpx;
  1705. }
  1706. .pdr-110 {
  1707. padding-right: 110rpx;
  1708. }
  1709. .pdr-120 {
  1710. padding-right: 120rpx;
  1711. }
  1712. /* width */
  1713. .w {
  1714. width: 100%;
  1715. }
  1716. .w-10 {
  1717. width: 10rpx;
  1718. }
  1719. .w-12 {
  1720. width: 12rpx;
  1721. }
  1722. .w-14 {
  1723. width: 14rpx;
  1724. }
  1725. .w-16 {
  1726. width: 16rpx;
  1727. }
  1728. .w-18 {
  1729. width: 18rpx;
  1730. }
  1731. .w-20 {
  1732. width: 20rpx;
  1733. }
  1734. .w-24 {
  1735. width: 24rpx;
  1736. }
  1737. .w-30 {
  1738. width: 30rpx;
  1739. }
  1740. .w-32 {
  1741. width: 32rpx;
  1742. }
  1743. .w-36 {
  1744. width: 36rpx;
  1745. }
  1746. .w-38 {
  1747. width: 38rpx;
  1748. }
  1749. .w-40 {
  1750. width: 40rpx;
  1751. }
  1752. .w-42 {
  1753. width: 42rpx;
  1754. }
  1755. .w-44 {
  1756. width: 44rpx;
  1757. }
  1758. .w-44px {
  1759. width: 44px;
  1760. }
  1761. .w-46 {
  1762. width: 46rpx;
  1763. }
  1764. .w-48 {
  1765. width: 48rpx;
  1766. }
  1767. .w-50 {
  1768. width: 50rpx;
  1769. }
  1770. .w-52 {
  1771. width: 52rpx;
  1772. }
  1773. .w-54 {
  1774. width: 54rpx;
  1775. }
  1776. .w-56 {
  1777. width: 56rpx;
  1778. }
  1779. .w-58 {
  1780. width: 58rpx;
  1781. }
  1782. .w-60 {
  1783. width: 60rpx;
  1784. }
  1785. .w-64 {
  1786. width: 64rpx;
  1787. }
  1788. .w-65 {
  1789. width: 65rpx;
  1790. }
  1791. .w-70 {
  1792. width: 70rpx;
  1793. }
  1794. .w-80 {
  1795. width: 80rpx;
  1796. }
  1797. .w-90 {
  1798. width: 90rpx;
  1799. }
  1800. .w-92 {
  1801. width: 92rpx;
  1802. }
  1803. .w-96 {
  1804. width: 96rpx;
  1805. }
  1806. .w-100 {
  1807. width: 100rpx;
  1808. }
  1809. .w-110 {
  1810. width: 110rpx;
  1811. }
  1812. .w-120 {
  1813. width: 120rpx;
  1814. }
  1815. .w-140 {
  1816. width: 140rpx;
  1817. }
  1818. .w-147 {
  1819. width: 147rpx;
  1820. }
  1821. .w-160 {
  1822. width: 160rpx;
  1823. }
  1824. .w-170 {
  1825. width: 170rpx;
  1826. }
  1827. .w-180 {
  1828. width: 180rpx;
  1829. }
  1830. .w-190 {
  1831. width: 190rpx;
  1832. }
  1833. .w-200 {
  1834. width: 200rpx;
  1835. }
  1836. .w-240 {
  1837. width: 240rpx;
  1838. }
  1839. .w-260 {
  1840. width: 260rpx;
  1841. }
  1842. .w-220 {
  1843. width: 220rpx;
  1844. }
  1845. .w-375, .w-1_2 {
  1846. width: 375rpx;
  1847. }
  1848. .w-230 {
  1849. width: 230rpx;
  1850. }
  1851. .w-250, .w-1_3 {
  1852. width: 250rpx;
  1853. }
  1854. .w-253 {
  1855. width: 253rpx;
  1856. }
  1857. .w-260 {
  1858. width: 260rpx;
  1859. }
  1860. .w-270 {
  1861. width: 270rpx;
  1862. }
  1863. .w-280 {
  1864. width: 280rpx;
  1865. }
  1866. .w-290 {
  1867. width: 290rpx;
  1868. }
  1869. .w-300 {
  1870. width: 300rpx;
  1871. }
  1872. .w-310 {
  1873. width: 310rpx;
  1874. }
  1875. .w-320 {
  1876. width: 320rpx;
  1877. }
  1878. .w-330 {
  1879. width: 330rpx;
  1880. }
  1881. .w-335 {
  1882. width: 335rpx;
  1883. }
  1884. .w-340 {
  1885. width: 340rpx;
  1886. }
  1887. .w-350 {
  1888. width: 350rpx;
  1889. }
  1890. .w-360 {
  1891. width: 360rpx;
  1892. }
  1893. .w-370 {
  1894. width: 370rpx;
  1895. }
  1896. .w-380 {
  1897. width: 380rpx;
  1898. }
  1899. .w-400 {
  1900. width: 400rpx;
  1901. }
  1902. .w-420 {
  1903. width: 420rpx;
  1904. }
  1905. .w-440 {
  1906. width: 440rpx;
  1907. }
  1908. .w-480 {
  1909. width: 480rpx;
  1910. }
  1911. .w-610 {
  1912. width: 610rpx;
  1913. }
  1914. .w-690 {
  1915. width: 690rpx;
  1916. }
  1917. .w-187, .w-1_4 {
  1918. width: 187.5rpx;
  1919. }
  1920. .w-150, .w-1_5 {
  1921. width: 150rpx;
  1922. }
  1923. .w-156 {
  1924. width: 156rpx;
  1925. }
  1926. .w-125, .w-1_6 {
  1927. width: 125rpx;
  1928. }
  1929. .w-93, .w-1_8 {
  1930. width: 93.75rpx;
  1931. }
  1932. .w-750, .w100 {
  1933. width: 750rpx;
  1934. }
  1935. .w-750 {
  1936. width: 750rpx;
  1937. }
  1938. .w-200px{
  1939. width: 200px;
  1940. }
  1941. .w-249px{
  1942. width: 249px;
  1943. }
  1944. .w_10 {
  1945. width: 10%;
  1946. }
  1947. .w_20 {
  1948. width: 20%;
  1949. }
  1950. .w_25 {
  1951. width: 25%;
  1952. }
  1953. .w_33 {
  1954. width: 33.33%;
  1955. }
  1956. .w_50 {
  1957. width: 50%;
  1958. }
  1959. /* height */
  1960. .h, .h100 {
  1961. height: 100%;
  1962. }
  1963. .hvh100 {
  1964. height: 100vh;
  1965. }
  1966. .h-2 {
  1967. height: 2rpx;
  1968. }
  1969. .h-4 {
  1970. height: 4rpx;
  1971. }
  1972. .h-6 {
  1973. height: 6rpx;
  1974. }
  1975. .h-8 {
  1976. height: 8rpx;
  1977. }
  1978. .h-10 {
  1979. height: 10rpx;
  1980. }
  1981. .h-11 {
  1982. height: 11rpx;
  1983. }
  1984. .h-12 {
  1985. height: 12rpx;
  1986. }
  1987. .h-14 {
  1988. height: 14rpx;
  1989. }
  1990. .h-16 {
  1991. height: 16rpx;
  1992. }
  1993. .h-18 {
  1994. height: 18rpx;
  1995. }
  1996. .h-20 {
  1997. height: 20rpx;
  1998. }
  1999. .h-22 {
  2000. height: 22rpx;
  2001. }
  2002. .h-24 {
  2003. height: 24rpx;
  2004. }
  2005. .h-26 {
  2006. height: 26rpx;
  2007. }
  2008. .h-28 {
  2009. height: 28rpx;
  2010. }
  2011. .h-30 {
  2012. height: 30rpx;
  2013. }
  2014. .h-32 {
  2015. height: 32rpx;
  2016. }
  2017. .h-34 {
  2018. height: 34rpx;
  2019. }
  2020. .h-36 {
  2021. height: 36rpx;
  2022. }
  2023. .h-38 {
  2024. height: 38rpx;
  2025. }
  2026. .h-40 {
  2027. height: 40rpx;
  2028. }
  2029. .h-40px {
  2030. height: 40px;
  2031. }
  2032. .h-44 {
  2033. height: 44rpx;
  2034. }
  2035. .h-44px {
  2036. height: 44px;
  2037. }
  2038. .h-48{
  2039. height: 48rpx;
  2040. }
  2041. .h-50 {
  2042. height: 50rpx;
  2043. }
  2044. .h-56 {
  2045. height: 56rpx;
  2046. }
  2047. .h-60 {
  2048. height: 60rpx;
  2049. }
  2050. .h-61 {
  2051. height: 61rpx;
  2052. }
  2053. .h-62 {
  2054. height: 62rpx;
  2055. }
  2056. .h-63 {
  2057. height: 63rpx;
  2058. }
  2059. .h-64 {
  2060. height: 64rpx;
  2061. }
  2062. .h-65 {
  2063. height: 65rpx;
  2064. }
  2065. .h-66 {
  2066. height: 66rpx;
  2067. }
  2068. .h-67 {
  2069. height: 67rpx;
  2070. }
  2071. .h-68 {
  2072. height: 68rpx;
  2073. }
  2074. .h-69 {
  2075. height: 69rpx;
  2076. }
  2077. .h-70 {
  2078. height: 70rpx;
  2079. }
  2080. .h-80 {
  2081. height: 80rpx;
  2082. }
  2083. .h-88 {
  2084. height: 88rpx;
  2085. }
  2086. .h-90 {
  2087. height: 90rpx;
  2088. }
  2089. .h-96 {
  2090. height: 96rpx;
  2091. }
  2092. .h-100 {
  2093. height: 100rpx;
  2094. }
  2095. .h-102 {
  2096. height: 102rpx;
  2097. }
  2098. .h-104 {
  2099. height: 104rpx;
  2100. }
  2101. .h-106 {
  2102. height: 106rpx;
  2103. }
  2104. .h-108 {
  2105. height: 108rpx;
  2106. }
  2107. .h-110 {
  2108. height: 110rpx;
  2109. }
  2110. .h-112 {
  2111. height: 112rpx;
  2112. }
  2113. .h-120 {
  2114. height: 120rpx;
  2115. }
  2116. .h-130 {
  2117. height: 130rpx;
  2118. }
  2119. .h-140 {
  2120. height: 140rpx;
  2121. }
  2122. .h-150 {
  2123. height: 150rpx;
  2124. }
  2125. .h-160 {
  2126. height: 160rpx;
  2127. }
  2128. .h-180 {
  2129. height: 180rpx;
  2130. }
  2131. .h-184 {
  2132. height: 184rpx;
  2133. }
  2134. .h-192 {
  2135. height: 192rpx;
  2136. }
  2137. .h-200 {
  2138. height: 200rpx;
  2139. }
  2140. .h-210 {
  2141. height: 210rpx;
  2142. }
  2143. .h-220 {
  2144. height: 220rpx;
  2145. }
  2146. .h-240 {
  2147. height: 240rpx;
  2148. }
  2149. .h-260 {
  2150. height: 260rpx;
  2151. }
  2152. .h-280 {
  2153. height: 280rpx;
  2154. }
  2155. .h-300 {
  2156. height: 300rpx;
  2157. }
  2158. .h-320 {
  2159. height: 320rpx;
  2160. }
  2161. .h-326{
  2162. height: 326rpx;
  2163. }
  2164. .h-336{
  2165. height: 336rpx;
  2166. }
  2167. .h-340 {
  2168. height: 340rpx;
  2169. }
  2170. .h-350 {
  2171. height: 350rpx;
  2172. }
  2173. .h-360 {
  2174. height: 360rpx;
  2175. }
  2176. .h-380 {
  2177. height: 380rpx;
  2178. }
  2179. .h-400 {
  2180. height: 400rpx;
  2181. }
  2182. .h-420 {
  2183. height: 420rpx;
  2184. }
  2185. .h-460 {
  2186. height: 460rpx;
  2187. }
  2188. .h-480 {
  2189. height: 480rpx;
  2190. }
  2191. .h-500 {
  2192. height: 500rpx;
  2193. }
  2194. .h-520 {
  2195. height: 520rpx;
  2196. }
  2197. .h-750 {
  2198. height: 750rpx;
  2199. }
  2200. .h-200px{
  2201. height:200px;
  2202. }
  2203. .h-249px{
  2204. height:249px;
  2205. }
  2206. .h-272px{
  2207. height:272px;
  2208. }
  2209. .h-339px{
  2210. height:339px;
  2211. }
  2212. /* #ifndef APP-PLUS-NVUE*/
  2213. /* min-width */
  2214. .minw-10 {
  2215. min-width: 10rpx;
  2216. }
  2217. .minw-20 {
  2218. min-width: 20rpx;
  2219. }
  2220. .minw-30 {
  2221. min-width: 30rpx;
  2222. }
  2223. .minw-40 {
  2224. min-width: 40rpx;
  2225. }
  2226. .minw-50 {
  2227. min-width: 50rpx;
  2228. }
  2229. .minw-60 {
  2230. min-width: 60rpx;
  2231. }
  2232. .minw-70 {
  2233. min-width: 70rpx;
  2234. }
  2235. .minw-80 {
  2236. min-width: 80rpx;
  2237. }
  2238. .minw-90 {
  2239. min-width: 90rpx;
  2240. }
  2241. .minw-100 {
  2242. min-width: 100rpx;
  2243. }
  2244. .minw-120 {
  2245. min-width: 120rpx;
  2246. }
  2247. /* min-height */
  2248. .minh_100 {
  2249. min-height: 100%;
  2250. }
  2251. .minh {
  2252. min-height: 100vh;
  2253. }
  2254. .minh-100 {
  2255. min-height: 100rpx;
  2256. }
  2257. .minh-120 {
  2258. min-height: 120rpx;
  2259. }
  2260. /* maxheight */
  2261. .maxvh-10 {
  2262. max-height: 10vh;
  2263. }
  2264. .maxvh-20 {
  2265. max-height: 20vh;
  2266. }
  2267. .maxvh-30 {
  2268. max-height: 30vh;
  2269. }
  2270. .maxvh-40 {
  2271. max-height: 40vh;
  2272. }
  2273. .maxvh-50 {
  2274. max-height: 50vh;
  2275. }
  2276. .maxvh-60 {
  2277. max-height: 60vh;
  2278. }
  2279. .maxvh-70 {
  2280. max-height: 70vh;
  2281. }
  2282. .maxvh-80 {
  2283. max-height: 80vh;
  2284. }
  2285. .maxvh-90 {
  2286. max-height: 90vh;
  2287. }
  2288. .maxvh-100 {
  2289. max-height: 100vh;
  2290. }
  2291. .mh-10 {
  2292. max-height: 10rpx;
  2293. }
  2294. .mh-20 {
  2295. max-height: 20rpx;
  2296. }
  2297. .mh-30 {
  2298. max-height: 30rpx;
  2299. }
  2300. .mh-40 {
  2301. max-height: 40rpx;
  2302. }
  2303. .mh-50 {
  2304. max-height: 50rpx;
  2305. }
  2306. .mh-60 {
  2307. max-height: 60rpx;
  2308. }
  2309. .mh-80 {
  2310. max-height: 80rpx;
  2311. }
  2312. .mh-90 {
  2313. max-height: 90rpx;
  2314. }
  2315. .mh-100 {
  2316. max-height: 100rpx;
  2317. }
  2318. .mh-120 {
  2319. max-height: 120rpx;
  2320. }
  2321. .mh-130 {
  2322. max-height: 130rpx;
  2323. }
  2324. .mh-140 {
  2325. max-height: 140rpx;
  2326. }
  2327. .mh-150 {
  2328. max-height: 150rpx;
  2329. }
  2330. .mh-160 {
  2331. max-height: 160rpx;
  2332. }
  2333. /* #endif */
  2334. /* lineheight */
  2335. .lh-1 {
  2336. line-height: 1;
  2337. }
  2338. .lh-1_2 {
  2339. line-height: 1.2;
  2340. }
  2341. .lh-1_4 {
  2342. line-height: 1.4;
  2343. }
  2344. .lh-1_6 {
  2345. line-height: 1.6;
  2346. }
  2347. .lh-1_8 {
  2348. line-height: 1.8;
  2349. }
  2350. .lh-2 {
  2351. line-height: 2;
  2352. }
  2353. .lh-2_2 {
  2354. line-height: 2.2;
  2355. }
  2356. /* #ifndef APP-PLUS-NVUE */
  2357. .lh-ih {
  2358. line-height: inherit;
  2359. }
  2360. /* #endif */
  2361. /* #ifndef APP-PLUS-NVUE*/
  2362. /* scroll-view */
  2363. .scroll-row, .scroll-x {
  2364. white-space: nowrap;
  2365. }
  2366. /* #endif */
  2367. /* 边框 */
  2368. .border-yellow {
  2369. border: 1px solid var(--status);
  2370. }
  2371. .border {
  2372. border: 1px solid #eeeeee;
  2373. }
  2374. .border-top {
  2375. border-top: 1px solid #eeeeee;
  2376. }
  2377. .border-top-20{
  2378. border-top: 20rpx solid #eeeeee;
  2379. }
  2380. .border-left {
  2381. border-left: 1px solid #eeeeee;
  2382. }
  2383. .border-bottom {
  2384. border-bottom: 1px solid #eeeeee;
  2385. }
  2386. .border-right {
  2387. border-right: 1px solid #eeeeee;
  2388. }
  2389. .border-width-2px {
  2390. border-width: 2px;
  2391. }
  2392. .border-primary-color, .border-color-primary, .border-primary {
  2393. border-color: var(--primary);
  2394. }
  2395. .border-color-primary-02, .border-primary-02 {
  2396. border-color: rgba(218, 37, 28, .2);
  2397. }
  2398. .border-white, .border-color-white {
  2399. border-color: #ffffff;
  2400. }
  2401. .border-color-eee {
  2402. border-color: #eeeeee;
  2403. }
  2404. .border-color-e5e5e5 {
  2405. border-color: #e5e5e5;
  2406. }
  2407. .border-color-f8f8f8 {
  2408. border-color: #f8f8f8;
  2409. }
  2410. .border-color-transparent {
  2411. border-color: rgba(0, 0, 0, 0);
  2412. }
  2413. .border-color-tt {
  2414. border-color: transparent;
  2415. }
  2416. .border-0_1 {
  2417. border: 1rpx solid rgba(0,0,0,.1);
  2418. }
  2419. .border-status {
  2420. border-color: var(--status);
  2421. }
  2422. .baf, .bef {
  2423. position: relative;
  2424. }
  2425. /* #ifndef APP-PLUS-NVUE */
  2426. .baf::after, .bef::before {
  2427. content: ''; display: inline-block; position: absolute; border-bottom: 1px solid #F7F8F9; left: 0; right: 0; margin: auto;
  2428. }
  2429. /* #endif */
  2430. .baf::after {
  2431. top: 0;
  2432. }
  2433. .bef::before {
  2434. bottom: 0;
  2435. }
  2436. /* 圆角 */
  2437. .radio-0 {
  2438. border-radius: 0rpx;
  2439. }
  2440. .radio-2 {
  2441. border-radius: 2rpx;
  2442. }
  2443. .radio-4 {
  2444. border-radius: 4rpx;
  2445. }
  2446. .radio-6 {
  2447. border-radius: 6rpx;
  2448. }
  2449. .radio-8 {
  2450. border-radius: 8rpx;
  2451. }
  2452. .radio-10 {
  2453. border-radius: 10rpx;
  2454. }
  2455. .radio-16 {
  2456. border-radius: 16rpx;
  2457. }
  2458. .radio-20 {
  2459. border-radius: 20rpx;
  2460. }
  2461. .radio-22 {
  2462. border-radius: 22rpx;
  2463. }
  2464. .radio-30 {
  2465. border-radius: 30rpx;
  2466. }
  2467. .radio-40 {
  2468. border-radius: 40rpx;
  2469. }
  2470. .radio-50 {
  2471. border-radius: 50rpx;
  2472. }
  2473. .radio-60 {
  2474. border-radius: 60rpx;
  2475. }
  2476. .radio-70 {
  2477. border-radius: 70rpx;
  2478. }
  2479. .radio-80 {
  2480. border-radius: 80rpx;
  2481. }
  2482. .radio-90 {
  2483. border-radius: 90rpx;
  2484. }
  2485. .radio-100 {
  2486. border-radius: 100rpx;
  2487. }
  2488. .radio-120 {
  2489. border-radius: 120rpx;
  2490. }
  2491. .radio-130 {
  2492. border-radius: 130rpx;
  2493. }
  2494. .radio-140 {
  2495. border-radius: 140rpx;
  2496. }
  2497. .radio-150 {
  2498. border-radius: 150rpx;
  2499. }
  2500. .radio-160 {
  2501. border-radius: 160rpx;
  2502. }
  2503. .radio-circle {
  2504. border-radius: 50%;
  2505. }
  2506. .radio-o {
  2507. border-radius: 750rpx;
  2508. }
  2509. .radio-t-10 {
  2510. border-top-left-radius: 10rpx; border-top-right-radius: 10rpx;
  2511. }
  2512. .radio-t-20 {
  2513. border-top-left-radius: 20rpx; border-top-right-radius: 20rpx;
  2514. }
  2515. .radio-t-30 {
  2516. border-top-left-radius: 30rpx; border-top-right-radius: 30rpx;
  2517. }
  2518. .radio-t-40 {
  2519. border-top-left-radius: 40rpx; border-top-right-radius: 40rpx;
  2520. }
  2521. .radio-t-50 {
  2522. border-top-left-radius: 50rpx; border-top-right-radius: 50rpx;
  2523. }
  2524. .radio-t-60 {
  2525. border-top-left-radius: 60rpx; border-top-right-radius: 60rpx;
  2526. }
  2527. .radio-t-70 {
  2528. border-top-left-radius: 70rpx; border-top-right-radius: 70rpx;
  2529. }
  2530. .radio-b-10 {
  2531. border-bottom-left-radius: 10rpx; border-bottom-right-radius: 10rpx;
  2532. }
  2533. .radio-b-20 {
  2534. border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx;
  2535. }
  2536. .radio-b-30 {
  2537. border-bottom-left-radius: 30rpx; border-bottom-right-radius: 30rpx;
  2538. }
  2539. .radio-b-40 {
  2540. border-bottom-left-radius: 40rpx; border-bottom-right-radius: 40rpx;
  2541. }
  2542. .radio-b-50 {
  2543. border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx;
  2544. }
  2545. .radio-b-60 {
  2546. border-bottom-left-radius: 60rpx; border-bottom-right-radius: 60rpx;
  2547. }
  2548. .radio-b-70 {
  2549. border-bottom-left-radius: 70rpx; border-bottom-right-radius: 70rpx;
  2550. }
  2551. .radio-lt-10 {
  2552. border-top-left-radius: 10rpx;
  2553. }
  2554. .radio-lt-20 {
  2555. border-top-left-radius: 20rpx;
  2556. }
  2557. .radio-lt-30 {
  2558. border-top-left-radius: 30rpx;
  2559. }
  2560. .radio-lt-40 {
  2561. border-top-left-radius: 40rpx;
  2562. }
  2563. .radio-lt-50 {
  2564. border-top-left-radius: 50rpx;
  2565. }
  2566. .radio-lt-60 {
  2567. border-top-left-radius: 60rpx;
  2568. }
  2569. .radio-rt-10 {
  2570. border-top-right-radius: 10rpx;
  2571. }
  2572. .radio-rt-20 {
  2573. border-top-right-radius: 20rpx;
  2574. }
  2575. .radio-rt-30 {
  2576. border-top-right-radius: 30rpx;
  2577. }
  2578. .radio-rt-40 {
  2579. border-top-right-radius: 40rpx;
  2580. }
  2581. .radio-rt-50 {
  2582. border-top-right-radius: 50rpx;
  2583. }
  2584. .radio-rt-60 {
  2585. border-top-right-radius: 60rpx;
  2586. }
  2587. .radio-lb-10 {
  2588. border-bottom-left-radius: 10rpx;
  2589. }
  2590. .radio-lb-20 {
  2591. border-bottom-left-radius: 20rpx;
  2592. }
  2593. .radio-lb-30 {
  2594. border-bottom-left-radius: 30rpx;
  2595. }
  2596. .radio-lb-40 {
  2597. border-bottom-left-radius: 40rpx;
  2598. }
  2599. .radio-lb-50 {
  2600. border-bottom-left-radius: 50rpx;
  2601. }
  2602. .radio-lb-60 {
  2603. border-bottom-left-radius: 60rpx;
  2604. }
  2605. .radio-rb-10 {
  2606. border-bottom-right-radius: 10rpx;
  2607. }
  2608. .radio-rb-20 {
  2609. border-bottom-right-radius: 20rpx;
  2610. }
  2611. .radio-rb-30 {
  2612. border-bottom-right-radius: 30rpx;
  2613. }
  2614. .radio-rb-40 {
  2615. border-bottom-right-radius: 40rpx;
  2616. }
  2617. .radio-rb-50 {
  2618. border-bottom-right-radius: 50rpx;
  2619. }
  2620. .radio-rb-60 {
  2621. border-bottom-right-radius: 60rpx;
  2622. }
  2623. /* 分隔线 */
  2624. .divider_10 {
  2625. width: 100%; height: 10rpx; background-color: #F8F8F8;
  2626. }
  2627. .divider_20 {
  2628. width: 100%; height: 20rpx; background-color: #F8F8F8;
  2629. }
  2630. .divider_30 {
  2631. width: 100%; height: 30rpx; background-color: #F8F8F8;
  2632. }
  2633. /* font fa*/
  2634. .font-source-han-sans-cn {
  2635. font-family: Source Han Sans CN;
  2636. }
  2637. /* 文字换行溢出处理 */
  2638. .text-ellipsis {
  2639. overflow: hidden;
  2640. text-overflow: ellipsis;
  2641. /* #ifndef APP-PLUS-NVUE */
  2642. white-space: nowrap;
  2643. line-height: normal;
  2644. /* #endif */
  2645. }
  2646. /* #ifndef APP-NVUE */
  2647. .line_1 {
  2648. display: -webkit-box;
  2649. display: -moz-box;
  2650. display: -ms-box;
  2651. display: -o-box;
  2652. -webkit-box-orient: vertical;
  2653. -moz-box-orient: vertical;
  2654. -ms-box-orient: vertical;
  2655. -o-box-orient: vertical;
  2656. box-orient: vertical;
  2657. -webkit-line-clamp: 1;
  2658. -moz-line-clamp: 1;
  2659. -ms-line-clamp: 1;
  2660. -o-line-clamp: 1;
  2661. line-clamp: 1;
  2662. line-height: normal;
  2663. white-space: normal;
  2664. overflow: hidden;
  2665. }
  2666. .line_2{
  2667. display: -webkit-box;
  2668. display: -moz-box;
  2669. display: -ms-box;
  2670. display: -o-box;
  2671. -webkit-box-orient: vertical;
  2672. -moz-box-orient: vertical;
  2673. -ms-box-orient: vertical;
  2674. -o-box-orient: vertical;
  2675. box-orient: vertical;
  2676. -webkit-line-clamp: 2;
  2677. -moz-line-clamp: 2;
  2678. -ms-line-clamp: 2;
  2679. -o-line-clamp: 2;
  2680. line-clamp: 2;
  2681. line-height: normal;
  2682. white-space: normal;
  2683. overflow: hidden;
  2684. }
  2685. .line_3{
  2686. display: -webkit-box;
  2687. display: -moz-box;
  2688. display: -ms-box;
  2689. display: -o-box;
  2690. -webkit-box-orient: vertical;
  2691. -moz-box-orient: vertical;
  2692. -ms-box-orient: vertical;
  2693. -o-box-orient: vertical;
  2694. box-orient: vertical;
  2695. -webkit-line-clamp: 3;
  2696. -moz-line-clamp: 3;
  2697. -ms-line-clamp: 3;
  2698. -o-line-clamp: 3;
  2699. line-clamp: 3;
  2700. line-height: normal;
  2701. white-space: normal;
  2702. overflow: hidden;
  2703. }
  2704. .line_4{
  2705. display: -webkit-box;
  2706. display: -moz-box;
  2707. display: -ms-box;
  2708. display: -o-box;
  2709. -webkit-box-orient: vertical;
  2710. -moz-box-orient: vertical;
  2711. -ms-box-orient: vertical;
  2712. -o-box-orient: vertical;
  2713. box-orient: vertical;
  2714. -webkit-line-clamp: 4;
  2715. -moz-line-clamp: 4;
  2716. -ms-line-clamp: 4;
  2717. -o-line-clamp: 4;
  2718. line-clamp: 4;
  2719. line-height: normal;
  2720. white-space: normal;
  2721. overflow: hidden;
  2722. }
  2723. .line_5{
  2724. display: -webkit-box;
  2725. display: -moz-box;
  2726. display: -ms-box;
  2727. display: -o-box;
  2728. -webkit-box-orient: vertical;
  2729. -moz-box-orient: vertical;
  2730. -ms-box-orient: vertical;
  2731. -o-box-orient: vertical;
  2732. box-orient: vertical;
  2733. -webkit-line-clamp: 5;
  2734. -moz-line-clamp: 5;
  2735. -ms-line-clamp: 5;
  2736. -o-line-clamp: 5;
  2737. line-clamp: 5;
  2738. line-height: normal;
  2739. white-space: normal;
  2740. overflow: hidden;
  2741. }
  2742. .line_6{
  2743. display: -webkit-box;
  2744. display: -moz-box;
  2745. display: -ms-box;
  2746. display: -o-box;
  2747. -webkit-box-orient: vertical;
  2748. -moz-box-orient: vertical;
  2749. -ms-box-orient: vertical;
  2750. -o-box-orient: vertical;
  2751. box-orient: vertical;
  2752. -webkit-line-clamp: 6;
  2753. -moz-line-clamp: 6;
  2754. -ms-line-clamp: 6;
  2755. -o-line-clamp: 6;
  2756. line-clamp: 6;
  2757. line-height: normal;
  2758. white-space: normal;
  2759. overflow: hidden;
  2760. }
  2761. /* #endif */