selectwaistline.css 27 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. *
  7. */
  8. /**
  9. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  10. *
  11. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  12. */
  13. /* 颜色变量 */
  14. /* 行为相关颜色 */
  15. /* 文字基本颜色 */
  16. /* 背景颜色 */
  17. /* 边框颜色 */
  18. /* 尺寸变量 */
  19. /* 文字尺寸 */
  20. /* 图片尺寸 */
  21. /* Border Radius */
  22. /* 水平间距 */
  23. /* 垂直间距 */
  24. /* 透明度 */
  25. /* 文章场景相关 */
  26. .uv-overlay[data-v-7303e1aa] {
  27. position: fixed;
  28. top: 0;
  29. left: 0;
  30. width: 100%;
  31. height: 100%;
  32. background-color: rgba(0, 0, 0, 0.7);
  33. }
  34. /**
  35. * 这里是uni-app内置的常用样式变量
  36. *
  37. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  38. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  39. *
  40. */
  41. /**
  42. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  43. *
  44. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  45. */
  46. /* 颜色变量 */
  47. /* 行为相关颜色 */
  48. /* 文字基本颜色 */
  49. /* 背景颜色 */
  50. /* 边框颜色 */
  51. /* 尺寸变量 */
  52. /* 文字尺寸 */
  53. /* 图片尺寸 */
  54. /* Border Radius */
  55. /* 水平间距 */
  56. /* 垂直间距 */
  57. /* 透明度 */
  58. /* 文章场景相关 */
  59. uni-view[data-v-29b619ea], uni-scroll-view[data-v-29b619ea], uni-swiper-item[data-v-29b619ea] {
  60. display: flex;
  61. flex-direction: column;
  62. flex-shrink: 0;
  63. flex-grow: 0;
  64. flex-basis: auto;
  65. align-items: stretch;
  66. align-content: flex-start;
  67. }
  68. .uv-loading-icon[data-v-29b619ea] {
  69. flex-direction: row;
  70. align-items: center;
  71. justify-content: center;
  72. color: #c8c9cc;
  73. }
  74. .uv-loading-icon__text[data-v-29b619ea] {
  75. margin-left: 4px;
  76. color: #606266;
  77. font-size: 14px;
  78. line-height: 20px;
  79. }
  80. .uv-loading-icon__spinner[data-v-29b619ea] {
  81. width: 30px;
  82. height: 30px;
  83. position: relative;
  84. box-sizing: border-box;
  85. max-width: 100%;
  86. max-height: 100%;
  87. animation: uv-rotate-29b619ea 1s linear infinite;
  88. }
  89. .uv-loading-icon__spinner--semicircle[data-v-29b619ea] {
  90. border-width: 2px;
  91. border-color: transparent;
  92. border-top-right-radius: 100px;
  93. border-top-left-radius: 100px;
  94. border-bottom-left-radius: 100px;
  95. border-bottom-right-radius: 100px;
  96. border-style: solid;
  97. }
  98. .uv-loading-icon__spinner--circle[data-v-29b619ea] {
  99. border-top-right-radius: 100px;
  100. border-top-left-radius: 100px;
  101. border-bottom-left-radius: 100px;
  102. border-bottom-right-radius: 100px;
  103. border-width: 2px;
  104. border-top-color: #e5e5e5;
  105. border-right-color: #e5e5e5;
  106. border-bottom-color: #e5e5e5;
  107. border-left-color: #e5e5e5;
  108. border-style: solid;
  109. }
  110. .uv-loading-icon--vertical[data-v-29b619ea] {
  111. flex-direction: column;
  112. }
  113. [data-v-29b619ea]:host {
  114. font-size: 0px;
  115. line-height: 1;
  116. }
  117. .uv-loading-icon__spinner--spinner[data-v-29b619ea] {
  118. animation-timing-function: steps(12);
  119. }
  120. .uv-loading-icon__text[data-v-29b619ea]:empty {
  121. display: none;
  122. }
  123. .uv-loading-icon--vertical .uv-loading-icon__text[data-v-29b619ea] {
  124. margin: 6px 0 0;
  125. color: #606266;
  126. }
  127. .uv-loading-icon__dot[data-v-29b619ea] {
  128. position: absolute;
  129. top: 0;
  130. left: 0;
  131. width: 100%;
  132. height: 100%;
  133. }
  134. .uv-loading-icon__dot[data-v-29b619ea]:before {
  135. display: block;
  136. width: 2px;
  137. height: 25%;
  138. margin: 0 auto;
  139. background-color: currentColor;
  140. border-radius: 40%;
  141. content: " ";
  142. }
  143. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(1) {
  144. transform: rotate(30deg);
  145. opacity: 1;
  146. }
  147. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(2) {
  148. transform: rotate(60deg);
  149. opacity: 0.9375;
  150. }
  151. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(3) {
  152. transform: rotate(90deg);
  153. opacity: 0.875;
  154. }
  155. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(4) {
  156. transform: rotate(120deg);
  157. opacity: 0.8125;
  158. }
  159. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(5) {
  160. transform: rotate(150deg);
  161. opacity: 0.75;
  162. }
  163. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(6) {
  164. transform: rotate(180deg);
  165. opacity: 0.6875;
  166. }
  167. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(7) {
  168. transform: rotate(210deg);
  169. opacity: 0.625;
  170. }
  171. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(8) {
  172. transform: rotate(240deg);
  173. opacity: 0.5625;
  174. }
  175. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(9) {
  176. transform: rotate(270deg);
  177. opacity: 0.5;
  178. }
  179. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(10) {
  180. transform: rotate(300deg);
  181. opacity: 0.4375;
  182. }
  183. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(11) {
  184. transform: rotate(330deg);
  185. opacity: 0.375;
  186. }
  187. .uv-loading-icon__dot[data-v-29b619ea]:nth-of-type(12) {
  188. transform: rotate(360deg);
  189. opacity: 0.3125;
  190. }
  191. @keyframes uv-rotate-29b619ea {
  192. 0% {
  193. transform: rotate(0deg);
  194. }
  195. to {
  196. transform: rotate(1turn);
  197. }
  198. }
  199. /**
  200. * 这里是uni-app内置的常用样式变量
  201. *
  202. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  203. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  204. *
  205. */
  206. /**
  207. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  208. *
  209. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  210. */
  211. /* 颜色变量 */
  212. /* 行为相关颜色 */
  213. /* 文字基本颜色 */
  214. /* 背景颜色 */
  215. /* 边框颜色 */
  216. /* 尺寸变量 */
  217. /* 文字尺寸 */
  218. /* 图片尺寸 */
  219. /* Border Radius */
  220. /* 水平间距 */
  221. /* 垂直间距 */
  222. /* 透明度 */
  223. /* 文章场景相关 */
  224. uni-view[data-v-b7a6dd5d], uni-scroll-view[data-v-b7a6dd5d], uni-swiper-item[data-v-b7a6dd5d] {
  225. display: flex;
  226. flex-direction: column;
  227. flex-shrink: 0;
  228. flex-grow: 0;
  229. flex-basis: auto;
  230. align-items: stretch;
  231. align-content: flex-start;
  232. }
  233. @font-face {
  234. font-family: "uvicon-iconfont";
  235. src: url("../../assets/uvicons.04d281cc.ttf") format("truetype");
  236. }
  237. .uv-icon[data-v-b7a6dd5d] {
  238. display: flex;
  239. align-items: center;
  240. }
  241. .uv-icon--left[data-v-b7a6dd5d] {
  242. flex-direction: row-reverse;
  243. align-items: center;
  244. }
  245. .uv-icon--right[data-v-b7a6dd5d] {
  246. flex-direction: row;
  247. align-items: center;
  248. }
  249. .uv-icon--top[data-v-b7a6dd5d] {
  250. flex-direction: column-reverse;
  251. justify-content: center;
  252. }
  253. .uv-icon--bottom[data-v-b7a6dd5d] {
  254. flex-direction: column;
  255. justify-content: center;
  256. }
  257. .uv-icon__icon[data-v-b7a6dd5d] {
  258. font-family: uvicon-iconfont;
  259. position: relative;
  260. display: flex;
  261. flex-direction: row;
  262. align-items: center;
  263. }
  264. .uv-icon__icon--primary[data-v-b7a6dd5d] {
  265. color: #3c9cff;
  266. }
  267. .uv-icon__icon--success[data-v-b7a6dd5d] {
  268. color: #5ac725;
  269. }
  270. .uv-icon__icon--error[data-v-b7a6dd5d] {
  271. color: #f56c6c;
  272. }
  273. .uv-icon__icon--warning[data-v-b7a6dd5d] {
  274. color: #f9ae3d;
  275. }
  276. .uv-icon__icon--info[data-v-b7a6dd5d] {
  277. color: #909399;
  278. }
  279. .uv-icon__img[data-v-b7a6dd5d] {
  280. height: auto;
  281. will-change: transform;
  282. }
  283. .uv-icon__label[data-v-b7a6dd5d] {
  284. line-height: 1;
  285. }
  286. /**
  287. * 这里是uni-app内置的常用样式变量
  288. *
  289. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  290. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  291. *
  292. */
  293. /**
  294. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  295. *
  296. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  297. */
  298. /* 颜色变量 */
  299. /* 行为相关颜色 */
  300. /* 文字基本颜色 */
  301. /* 背景颜色 */
  302. /* 边框颜色 */
  303. /* 尺寸变量 */
  304. /* 文字尺寸 */
  305. /* 图片尺寸 */
  306. /* Border Radius */
  307. /* 水平间距 */
  308. /* 垂直间距 */
  309. /* 透明度 */
  310. /* 文章场景相关 */
  311. uni-view[data-v-70f56d7c], uni-scroll-view[data-v-70f56d7c], uni-swiper-item[data-v-70f56d7c] {
  312. display: flex;
  313. flex-direction: column;
  314. flex-shrink: 0;
  315. flex-grow: 0;
  316. flex-basis: auto;
  317. align-items: stretch;
  318. align-content: flex-start;
  319. }
  320. .uv-toast__content[data-v-70f56d7c] {
  321. display: flex;
  322. flex-direction: row;
  323. padding: 12px 20px;
  324. border-radius: 4px;
  325. background-color: #585858;
  326. color: #fff;
  327. align-items: center;
  328. max-width: 18.75rem;
  329. position: relative;
  330. }
  331. .uv-toast__content--loading[data-v-70f56d7c] {
  332. flex-direction: column;
  333. padding: 20px 20px;
  334. }
  335. .uv-toast__content__text[data-v-70f56d7c] {
  336. color: #fff;
  337. font-size: 15px;
  338. line-height: 15px;
  339. }
  340. .uv-toast__content__text--default[data-v-70f56d7c] {
  341. color: #fff;
  342. }
  343. .uv-toast__content__text--error[data-v-70f56d7c] {
  344. color: #f56c6c;
  345. }
  346. .uv-toast__content__text--primary[data-v-70f56d7c] {
  347. color: #3c9cff;
  348. }
  349. .uv-toast__content__text--success[data-v-70f56d7c] {
  350. color: #5ac725;
  351. }
  352. .uv-toast__content__text--warning[data-v-70f56d7c] {
  353. color: #f9ae3d;
  354. }
  355. .uv-type-primary[data-v-70f56d7c] {
  356. color: #3c9cff;
  357. background-color: #ecf5ff;
  358. border-color: #d7eafe;
  359. border-width: 1px;
  360. }
  361. .uv-type-success[data-v-70f56d7c] {
  362. color: #5ac725;
  363. background-color: #dbf1e1;
  364. border-color: #BEF5C8;
  365. border-width: 1px;
  366. }
  367. .uv-type-error[data-v-70f56d7c] {
  368. color: #f56c6c;
  369. background-color: #fef0f0;
  370. border-color: #fde2e2;
  371. border-width: 1px;
  372. }
  373. .uv-type-warning[data-v-70f56d7c] {
  374. color: #f9ae3d;
  375. background-color: #fdf6ec;
  376. border-color: #faecd8;
  377. border-width: 1px;
  378. }
  379. .uv-type-default[data-v-70f56d7c] {
  380. color: #fff;
  381. background-color: #585858;
  382. }
  383. /**
  384. * 这里是uni-app内置的常用样式变量
  385. *
  386. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  387. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  388. *
  389. */
  390. /**
  391. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  392. *
  393. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  394. */
  395. /* 颜色变量 */
  396. /* 行为相关颜色 */
  397. /* 文字基本颜色 */
  398. /* 背景颜色 */
  399. /* 边框颜色 */
  400. /* 尺寸变量 */
  401. /* 文字尺寸 */
  402. /* 图片尺寸 */
  403. /* Border Radius */
  404. /* 水平间距 */
  405. /* 垂直间距 */
  406. /* 透明度 */
  407. /* 文章场景相关 */
  408. .uv-line-1[data-v-298cf9e4] {
  409. display: -webkit-box !important;
  410. overflow: hidden;
  411. text-overflow: ellipsis;
  412. word-break: break-all;
  413. -webkit-line-clamp: 1;
  414. -webkit-box-orient: vertical !important;
  415. }
  416. .uv-line-2[data-v-298cf9e4] {
  417. display: -webkit-box !important;
  418. overflow: hidden;
  419. text-overflow: ellipsis;
  420. word-break: break-all;
  421. -webkit-line-clamp: 2;
  422. -webkit-box-orient: vertical !important;
  423. }
  424. .uv-line-3[data-v-298cf9e4] {
  425. display: -webkit-box !important;
  426. overflow: hidden;
  427. text-overflow: ellipsis;
  428. word-break: break-all;
  429. -webkit-line-clamp: 3;
  430. -webkit-box-orient: vertical !important;
  431. }
  432. .uv-line-4[data-v-298cf9e4] {
  433. display: -webkit-box !important;
  434. overflow: hidden;
  435. text-overflow: ellipsis;
  436. word-break: break-all;
  437. -webkit-line-clamp: 4;
  438. -webkit-box-orient: vertical !important;
  439. }
  440. .uv-line-5[data-v-298cf9e4] {
  441. display: -webkit-box !important;
  442. overflow: hidden;
  443. text-overflow: ellipsis;
  444. word-break: break-all;
  445. -webkit-line-clamp: 5;
  446. -webkit-box-orient: vertical !important;
  447. }
  448. .uv-border-bottom[data-v-298cf9e4] {
  449. border-bottom-width: 0.5px !important;
  450. border-color: #dadbde !important;
  451. border-bottom-style: solid;
  452. }
  453. .uv-hover-class[data-v-298cf9e4] {
  454. opacity: 0.7;
  455. }
  456. uni-view[data-v-298cf9e4], uni-scroll-view[data-v-298cf9e4], uni-swiper-item[data-v-298cf9e4] {
  457. display: flex;
  458. flex-direction: column;
  459. flex-shrink: 0;
  460. flex-grow: 0;
  461. flex-basis: auto;
  462. align-items: stretch;
  463. align-content: flex-start;
  464. }
  465. .uv-toolbar[data-v-298cf9e4] {
  466. height: 42px;
  467. display: flex;
  468. flex-direction: row;
  469. justify-content: space-between;
  470. align-items: center;
  471. }
  472. .uv-toolbar__wrapper__cancel[data-v-298cf9e4] {
  473. color: #909193;
  474. font-size: 15px;
  475. padding: 0 15px;
  476. }
  477. .uv-toolbar__title[data-v-298cf9e4] {
  478. color: #303133;
  479. padding: 0 1.875rem;
  480. font-size: 16px;
  481. flex: 1;
  482. text-align: center;
  483. }
  484. .uv-toolbar__wrapper__confirm[data-v-298cf9e4] {
  485. color: #3c9cff;
  486. font-size: 15px;
  487. padding: 0 15px;
  488. }
  489. /**
  490. * 这里是uni-app内置的常用样式变量
  491. *
  492. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  493. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  494. *
  495. */
  496. /**
  497. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  498. *
  499. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  500. */
  501. /* 颜色变量 */
  502. /* 行为相关颜色 */
  503. /* 文字基本颜色 */
  504. /* 背景颜色 */
  505. /* 边框颜色 */
  506. /* 尺寸变量 */
  507. /* 文字尺寸 */
  508. /* 图片尺寸 */
  509. /* Border Radius */
  510. /* 水平间距 */
  511. /* 垂直间距 */
  512. /* 透明度 */
  513. /* 文章场景相关 */
  514. .uv-status-bar[data-v-f5bd6f5a] {
  515. width: 100%;
  516. }
  517. /**
  518. * 这里是uni-app内置的常用样式变量
  519. *
  520. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  521. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  522. *
  523. */
  524. /**
  525. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  526. *
  527. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  528. */
  529. /* 颜色变量 */
  530. /* 行为相关颜色 */
  531. /* 文字基本颜色 */
  532. /* 背景颜色 */
  533. /* 边框颜色 */
  534. /* 尺寸变量 */
  535. /* 文字尺寸 */
  536. /* 图片尺寸 */
  537. /* Border Radius */
  538. /* 水平间距 */
  539. /* 垂直间距 */
  540. /* 透明度 */
  541. /* 文章场景相关 */
  542. .uv-safe-bottom[data-v-560f16b2] {
  543. width: 100%;
  544. }
  545. .uv-safe-area-inset-top[data-v-560f16b2] {
  546. padding-top: 0;
  547. padding-top: constant(safe-area-inset-top);
  548. padding-top: env(safe-area-inset-top);
  549. }
  550. .uv-safe-area-inset-right[data-v-560f16b2] {
  551. padding-right: 0;
  552. padding-right: constant(safe-area-inset-right);
  553. padding-right: env(safe-area-inset-right);
  554. }
  555. .uv-safe-area-inset-bottom[data-v-560f16b2] {
  556. padding-bottom: 0;
  557. padding-bottom: constant(safe-area-inset-bottom);
  558. padding-bottom: env(safe-area-inset-bottom);
  559. }
  560. .uv-safe-area-inset-left[data-v-560f16b2] {
  561. padding-left: 0;
  562. padding-left: constant(safe-area-inset-left);
  563. padding-left: env(safe-area-inset-left);
  564. }
  565. /**
  566. * 这里是uni-app内置的常用样式变量
  567. *
  568. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  569. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  570. *
  571. */
  572. /**
  573. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  574. *
  575. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  576. */
  577. /* 颜色变量 */
  578. /* 行为相关颜色 */
  579. /* 文字基本颜色 */
  580. /* 背景颜色 */
  581. /* 边框颜色 */
  582. /* 尺寸变量 */
  583. /* 文字尺寸 */
  584. /* 图片尺寸 */
  585. /* Border Radius */
  586. /* 水平间距 */
  587. /* 垂直间距 */
  588. /* 透明度 */
  589. /* 文章场景相关 */
  590. .uv-popup[data-v-01a3ad6e] {
  591. position: fixed;
  592. z-index: 99;
  593. }
  594. .uv-popup.top[data-v-01a3ad6e], .uv-popup.left[data-v-01a3ad6e], .uv-popup.right[data-v-01a3ad6e] {
  595. top: 0;
  596. }
  597. .uv-popup .uv-popup__content[data-v-01a3ad6e] {
  598. display: block;
  599. overflow: hidden;
  600. position: relative;
  601. }
  602. .uv-popup .uv-popup__content.left[data-v-01a3ad6e], .uv-popup .uv-popup__content.right[data-v-01a3ad6e] {
  603. padding-top: 0;
  604. flex: 1;
  605. }
  606. .uv-popup .uv-popup__content__close[data-v-01a3ad6e] {
  607. position: absolute;
  608. }
  609. .uv-popup .uv-popup__content__close--hover[data-v-01a3ad6e] {
  610. opacity: 0.4;
  611. }
  612. .uv-popup .uv-popup__content__close--top-left[data-v-01a3ad6e] {
  613. top: 15px;
  614. left: 15px;
  615. }
  616. .uv-popup .uv-popup__content__close--top-right[data-v-01a3ad6e] {
  617. top: 15px;
  618. right: 15px;
  619. }
  620. .uv-popup .uv-popup__content__close--bottom-left[data-v-01a3ad6e] {
  621. bottom: 15px;
  622. left: 15px;
  623. }
  624. .uv-popup .uv-popup__content__close--bottom-right[data-v-01a3ad6e] {
  625. right: 15px;
  626. bottom: 15px;
  627. }
  628. .fixforpc-z-index[data-v-01a3ad6e] {
  629. z-index: 999;
  630. }
  631. .fixforpc-top[data-v-01a3ad6e] {
  632. top: 0;
  633. }
  634. /**
  635. * 这里是uni-app内置的常用样式变量
  636. *
  637. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  638. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  639. *
  640. */
  641. /**
  642. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  643. *
  644. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  645. */
  646. /* 颜色变量 */
  647. /* 行为相关颜色 */
  648. /* 文字基本颜色 */
  649. /* 背景颜色 */
  650. /* 边框颜色 */
  651. /* 尺寸变量 */
  652. /* 文字尺寸 */
  653. /* 图片尺寸 */
  654. /* Border Radius */
  655. /* 水平间距 */
  656. /* 垂直间距 */
  657. /* 透明度 */
  658. /* 文章场景相关 */
  659. .uv-line-1[data-v-f74a1703] {
  660. display: -webkit-box !important;
  661. overflow: hidden;
  662. text-overflow: ellipsis;
  663. word-break: break-all;
  664. -webkit-line-clamp: 1;
  665. -webkit-box-orient: vertical !important;
  666. }
  667. .uv-line-2[data-v-f74a1703] {
  668. display: -webkit-box !important;
  669. overflow: hidden;
  670. text-overflow: ellipsis;
  671. word-break: break-all;
  672. -webkit-line-clamp: 2;
  673. -webkit-box-orient: vertical !important;
  674. }
  675. .uv-line-3[data-v-f74a1703] {
  676. display: -webkit-box !important;
  677. overflow: hidden;
  678. text-overflow: ellipsis;
  679. word-break: break-all;
  680. -webkit-line-clamp: 3;
  681. -webkit-box-orient: vertical !important;
  682. }
  683. .uv-line-4[data-v-f74a1703] {
  684. display: -webkit-box !important;
  685. overflow: hidden;
  686. text-overflow: ellipsis;
  687. word-break: break-all;
  688. -webkit-line-clamp: 4;
  689. -webkit-box-orient: vertical !important;
  690. }
  691. .uv-line-5[data-v-f74a1703] {
  692. display: -webkit-box !important;
  693. overflow: hidden;
  694. text-overflow: ellipsis;
  695. word-break: break-all;
  696. -webkit-line-clamp: 5;
  697. -webkit-box-orient: vertical !important;
  698. }
  699. uni-view[data-v-f74a1703], uni-scroll-view[data-v-f74a1703], uni-swiper-item[data-v-f74a1703] {
  700. display: flex;
  701. flex-direction: column;
  702. flex-shrink: 0;
  703. flex-grow: 0;
  704. flex-basis: auto;
  705. align-items: stretch;
  706. align-content: flex-start;
  707. }
  708. .uv-picker[data-v-f74a1703] {
  709. position: relative;
  710. }
  711. .uv-picker__view__column[data-v-f74a1703] {
  712. display: flex;
  713. flex-direction: row;
  714. flex: 1;
  715. justify-content: center;
  716. }
  717. .uv-picker__view__column__item[data-v-f74a1703] {
  718. display: flex;
  719. flex-direction: row;
  720. justify-content: center;
  721. align-items: center;
  722. text-align: center;
  723. display: block;
  724. color: #303133;
  725. }
  726. .uv-picker__view__column__item--disabled[data-v-f74a1703] {
  727. cursor: not-allowed;
  728. opacity: 0.35;
  729. }
  730. .uv-picker--loading[data-v-f74a1703] {
  731. position: absolute;
  732. top: 0;
  733. right: 0;
  734. left: 0;
  735. bottom: 0;
  736. display: flex;
  737. flex-direction: row;
  738. justify-content: center;
  739. align-items: center;
  740. background-color: rgba(255, 255, 255, 0.87);
  741. z-index: 1000;
  742. }
  743. /**
  744. * 这里是uni-app内置的常用样式变量
  745. *
  746. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  747. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  748. *
  749. */
  750. /**
  751. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  752. *
  753. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  754. */
  755. /* 颜色变量 */
  756. /* 行为相关颜色 */
  757. /* 文字基本颜色 */
  758. /* 背景颜色 */
  759. /* 边框颜色 */
  760. /* 尺寸变量 */
  761. /* 文字尺寸 */
  762. /* 图片尺寸 */
  763. /* Border Radius */
  764. /* 水平间距 */
  765. /* 垂直间距 */
  766. /* 透明度 */
  767. /* 文章场景相关 */
  768. .uv-reset-button[data-v-ae8e42c7] {
  769. padding: 0;
  770. background-color: transparent;
  771. }
  772. .uv-reset-button[data-v-ae8e42c7]::after {
  773. border: none;
  774. }
  775. uni-view[data-v-ae8e42c7], uni-scroll-view[data-v-ae8e42c7], uni-swiper-item[data-v-ae8e42c7] {
  776. display: flex;
  777. flex-direction: column;
  778. flex-shrink: 0;
  779. flex-grow: 0;
  780. flex-basis: auto;
  781. align-items: stretch;
  782. align-content: flex-start;
  783. }
  784. .uv-button-wrapper[data-v-ae8e42c7] {
  785. position: relative;
  786. }
  787. .uv-button-wrapper--dis[data-v-ae8e42c7] {
  788. position: absolute;
  789. left: 0;
  790. top: 0;
  791. right: 0;
  792. bottom: 0;
  793. z-index: 9;
  794. }
  795. .uv-button[data-v-ae8e42c7] {
  796. width: 100%;
  797. }
  798. .uv-button__text[data-v-ae8e42c7] {
  799. white-space: nowrap;
  800. line-height: 1;
  801. }
  802. .uv-button[data-v-ae8e42c7]:before {
  803. position: absolute;
  804. top: 50%;
  805. left: 50%;
  806. width: 100%;
  807. height: 100%;
  808. border: inherit;
  809. border-radius: inherit;
  810. transform: translate(-50%, -50%);
  811. opacity: 0;
  812. content: " ";
  813. background-color: #000;
  814. border-color: #000;
  815. }
  816. .uv-button--active[data-v-ae8e42c7]:before {
  817. opacity: 0.15;
  818. }
  819. .uv-button__icon + .uv-button__text[data-v-ae8e42c7]:not(:empty), .uv-button__loading-text[data-v-ae8e42c7] {
  820. margin-left: 4px;
  821. }
  822. .uv-button--plain.uv-button--primary[data-v-ae8e42c7] {
  823. color: #3c9cff;
  824. }
  825. .uv-button--plain.uv-button--info[data-v-ae8e42c7] {
  826. color: #909399;
  827. }
  828. .uv-button--plain.uv-button--success[data-v-ae8e42c7] {
  829. color: #5ac725;
  830. }
  831. .uv-button--plain.uv-button--error[data-v-ae8e42c7] {
  832. color: #f56c6c;
  833. }
  834. .uv-button--plain.uv-button--warning[data-v-ae8e42c7] {
  835. color: #f9ae3d;
  836. }
  837. .uv-button[data-v-ae8e42c7] {
  838. height: 40px;
  839. position: relative;
  840. align-items: center;
  841. justify-content: center;
  842. display: flex;
  843. flex-direction: row;
  844. box-sizing: border-box;
  845. flex-direction: row;
  846. }
  847. .uv-button__text[data-v-ae8e42c7] {
  848. font-size: 15px;
  849. }
  850. .uv-button__loading-text[data-v-ae8e42c7] {
  851. font-size: 15px;
  852. margin-left: 4px;
  853. }
  854. .uv-button--large[data-v-ae8e42c7] {
  855. width: 100%;
  856. height: 50px;
  857. padding: 0 15px;
  858. }
  859. .uv-button--normal[data-v-ae8e42c7] {
  860. padding: 0 12px;
  861. font-size: 14px;
  862. }
  863. .uv-button--small[data-v-ae8e42c7] {
  864. min-width: 60px;
  865. height: 30px;
  866. padding: 0px 8px;
  867. font-size: 12px;
  868. }
  869. .uv-button--mini[data-v-ae8e42c7] {
  870. height: 22px;
  871. font-size: 10px;
  872. min-width: 50px;
  873. padding: 0px 8px;
  874. }
  875. .uv-button--disabled[data-v-ae8e42c7] {
  876. opacity: 0.5;
  877. }
  878. .uv-button--info[data-v-ae8e42c7] {
  879. color: #323233;
  880. background-color: #fff;
  881. border-color: #ebedf0;
  882. border-width: 1px;
  883. border-style: solid;
  884. }
  885. .uv-button--success[data-v-ae8e42c7] {
  886. color: #fff;
  887. background-color: #5ac725;
  888. border-color: #5ac725;
  889. border-width: 1px;
  890. border-style: solid;
  891. }
  892. .uv-button--primary[data-v-ae8e42c7] {
  893. color: #fff;
  894. background-color: #3c9cff;
  895. border-color: #3c9cff;
  896. border-width: 1px;
  897. border-style: solid;
  898. }
  899. .uv-button--error[data-v-ae8e42c7] {
  900. color: #fff;
  901. background-color: #f56c6c;
  902. border-color: #f56c6c;
  903. border-width: 1px;
  904. border-style: solid;
  905. }
  906. .uv-button--warning[data-v-ae8e42c7] {
  907. color: #fff;
  908. background-color: #f9ae3d;
  909. border-color: #f9ae3d;
  910. border-width: 1px;
  911. border-style: solid;
  912. }
  913. .uv-button--block[data-v-ae8e42c7] {
  914. display: flex;
  915. flex-direction: row;
  916. width: 100%;
  917. }
  918. .uv-button--circle[data-v-ae8e42c7] {
  919. border-top-right-radius: 100px;
  920. border-top-left-radius: 100px;
  921. border-bottom-left-radius: 100px;
  922. border-bottom-right-radius: 100px;
  923. }
  924. .uv-button--square[data-v-ae8e42c7] {
  925. border-bottom-left-radius: 3px;
  926. border-bottom-right-radius: 3px;
  927. border-top-left-radius: 3px;
  928. border-top-right-radius: 3px;
  929. }
  930. .uv-button__icon[data-v-ae8e42c7] {
  931. min-width: 1em;
  932. line-height: inherit !important;
  933. vertical-align: top;
  934. }
  935. .uv-button--plain[data-v-ae8e42c7] {
  936. background-color: #fff;
  937. }
  938. .uv-button--hairline[data-v-ae8e42c7] {
  939. border-width: 0.5px !important;
  940. }
  941. .titlearea{
  942. /* height:400rpx; */
  943. display:flex;
  944. flex-direction:column;
  945. justify-content: center;
  946. align-items:center;
  947. }
  948. .title_2{
  949. margin-top:0.46875rem;
  950. font-size:1.125rem;
  951. font-weight:400;
  952. color:#666666
  953. }
  954. .title_member{
  955. margin-top:0.9375rem;
  956. font-size:1.125rem;
  957. font-weight:400;
  958. color:#648EB8;
  959. }
  960. .title_desstr{
  961. width:21.875rem;
  962. margin-left:0.78125rem;
  963. margin-top:0.9375rem;
  964. font-size:0.9375rem;
  965. font-weight:300;
  966. color:#9C9C9C;
  967. }
  968. .info_div{
  969. display: flex;
  970. flex-direction: column;
  971. align-items: center;
  972. margin-bottom: 20px;
  973. gap: 5px;
  974. }
  975. .info_div_2{
  976. margin-top: 20px;
  977. }
  978. .info_div_1{
  979. display: flex;
  980. flex-direction: row;
  981. justify-content: center;
  982. gap: 10px;
  983. }
  984. .info_div .text_div{
  985. text-align: center;
  986. letter-spacing: "0.5em";
  987. }
  988. .title1{
  989. color: #363636 ;
  990. font-size: 30px;
  991. }
  992. .text{
  993. color: #0000CD;
  994. font-size: 30px;
  995. }
  996. .title2{
  997. color: #363636;
  998. font-size: 15px;
  999. }
  1000. .title3{
  1001. color: #363636;
  1002. font-size: 20px;
  1003. }
  1004. .mybtn{
  1005. width: 50%;
  1006. letter-spacing: 10px;
  1007. }
  1008. .canvasview{
  1009. position:relative;
  1010. }
  1011. .showdiv{
  1012. position: relative;
  1013. width: 100%;
  1014. }
  1015. .showdiv #canvas_ruler{
  1016. position: absolute;
  1017. top: 0;
  1018. left: 0;
  1019. z-index: 0;
  1020. }
  1021. .showdiv #canvas-cursor{
  1022. position: absolute;
  1023. top: 0;
  1024. left: 0;
  1025. z-index: 100;
  1026. pointer-events:none;
  1027. }