富茂A端打印模板内嵌编辑器
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

13913 lines
332 KiB

  1. @charset "UTF-8";
  2. @font-face {
  3. font-family: kr-element-icons;
  4. src: url(fonts/element-icons.woff) format("woff"),
  5. url(fonts/element-icons.ttf) format("truetype");
  6. font-weight: 400;
  7. font-display: "auto";
  8. font-style: normal;
  9. }
  10. [data-theme="kr-designer"] [class*=" el-icon-"],
  11. [data-theme="kr-designer"] [class^="el-icon-"] {
  12. font-family: kr-element-icons !important;
  13. speak: none;
  14. font-style: normal;
  15. font-weight: 400;
  16. font-variant: normal;
  17. text-transform: none;
  18. line-height: 1;
  19. vertical-align: baseline;
  20. display: inline-block;
  21. -webkit-font-smoothing: antialiased;
  22. -moz-osx-font-smoothing: grayscale;
  23. }
  24. [data-theme="kr-designer"] .el-icon-ice-cream-round:before {
  25. content: "\e6a0";
  26. }
  27. [data-theme="kr-designer"] .el-icon-ice-cream-square:before {
  28. content: "\e6a3";
  29. }
  30. [data-theme="kr-designer"] .el-icon-lollipop:before {
  31. content: "\e6a4";
  32. }
  33. [data-theme="kr-designer"] .el-icon-potato-strips:before {
  34. content: "\e6a5";
  35. }
  36. [data-theme="kr-designer"] .el-icon-milk-tea:before {
  37. content: "\e6a6";
  38. }
  39. [data-theme="kr-designer"] .el-icon-ice-drink:before {
  40. content: "\e6a7";
  41. }
  42. [data-theme="kr-designer"] .el-icon-ice-tea:before {
  43. content: "\e6a9";
  44. }
  45. [data-theme="kr-designer"] .el-icon-coffee:before {
  46. content: "\e6aa";
  47. }
  48. [data-theme="kr-designer"] .el-icon-orange:before {
  49. content: "\e6ab";
  50. }
  51. [data-theme="kr-designer"] .el-icon-pear:before {
  52. content: "\e6ac";
  53. }
  54. [data-theme="kr-designer"] .el-icon-apple:before {
  55. content: "\e6ad";
  56. }
  57. [data-theme="kr-designer"] .el-icon-cherry:before {
  58. content: "\e6ae";
  59. }
  60. [data-theme="kr-designer"] .el-icon-watermelon:before {
  61. content: "\e6af";
  62. }
  63. [data-theme="kr-designer"] .el-icon-grape:before {
  64. content: "\e6b0";
  65. }
  66. [data-theme="kr-designer"] .el-icon-refrigerator:before {
  67. content: "\e6b1";
  68. }
  69. [data-theme="kr-designer"] .el-icon-goblet-square-full:before {
  70. content: "\e6b2";
  71. }
  72. [data-theme="kr-designer"] .el-icon-goblet-square:before {
  73. content: "\e6b3";
  74. }
  75. [data-theme="kr-designer"] .el-icon-goblet-full:before {
  76. content: "\e6b4";
  77. }
  78. [data-theme="kr-designer"] .el-icon-goblet:before {
  79. content: "\e6b5";
  80. }
  81. [data-theme="kr-designer"] .el-icon-cold-drink:before {
  82. content: "\e6b6";
  83. }
  84. [data-theme="kr-designer"] .el-icon-coffee-cup:before {
  85. content: "\e6b8";
  86. }
  87. [data-theme="kr-designer"] .el-icon-water-cup:before {
  88. content: "\e6b9";
  89. }
  90. [data-theme="kr-designer"] .el-icon-hot-water:before {
  91. content: "\e6ba";
  92. }
  93. [data-theme="kr-designer"] .el-icon-ice-cream:before {
  94. content: "\e6bb";
  95. }
  96. [data-theme="kr-designer"] .el-icon-dessert:before {
  97. content: "\e6bc";
  98. }
  99. [data-theme="kr-designer"] .el-icon-sugar:before {
  100. content: "\e6bd";
  101. }
  102. [data-theme="kr-designer"] .el-icon-tableware:before {
  103. content: "\e6be";
  104. }
  105. [data-theme="kr-designer"] .el-icon-burger:before {
  106. content: "\e6bf";
  107. }
  108. [data-theme="kr-designer"] .el-icon-knife-fork:before {
  109. content: "\e6c1";
  110. }
  111. [data-theme="kr-designer"] .el-icon-fork-spoon:before {
  112. content: "\e6c2";
  113. }
  114. [data-theme="kr-designer"] .el-icon-chicken:before {
  115. content: "\e6c3";
  116. }
  117. [data-theme="kr-designer"] .el-icon-food:before {
  118. content: "\e6c4";
  119. }
  120. [data-theme="kr-designer"] .el-icon-dish-1:before {
  121. content: "\e6c5";
  122. }
  123. [data-theme="kr-designer"] .el-icon-dish:before {
  124. content: "\e6c6";
  125. }
  126. [data-theme="kr-designer"] .el-icon-moon-night:before {
  127. content: "\e6ee";
  128. }
  129. [data-theme="kr-designer"] .el-icon-moon:before {
  130. content: "\e6f0";
  131. }
  132. [data-theme="kr-designer"] .el-icon-cloudy-and-sunny:before {
  133. content: "\e6f1";
  134. }
  135. [data-theme="kr-designer"] .el-icon-partly-cloudy:before {
  136. content: "\e6f2";
  137. }
  138. [data-theme="kr-designer"] .el-icon-cloudy:before {
  139. content: "\e6f3";
  140. }
  141. [data-theme="kr-designer"] .el-icon-sunny:before {
  142. content: "\e6f6";
  143. }
  144. [data-theme="kr-designer"] .el-icon-sunset:before {
  145. content: "\e6f7";
  146. }
  147. [data-theme="kr-designer"] .el-icon-sunrise-1:before {
  148. content: "\e6f8";
  149. }
  150. [data-theme="kr-designer"] .el-icon-sunrise:before {
  151. content: "\e6f9";
  152. }
  153. [data-theme="kr-designer"] .el-icon-heavy-rain:before {
  154. content: "\e6fa";
  155. }
  156. [data-theme="kr-designer"] .el-icon-lightning:before {
  157. content: "\e6fb";
  158. }
  159. [data-theme="kr-designer"] .el-icon-light-rain:before {
  160. content: "\e6fc";
  161. }
  162. [data-theme="kr-designer"] .el-icon-wind-power:before {
  163. content: "\e6fd";
  164. }
  165. [data-theme="kr-designer"] .el-icon-baseball:before {
  166. content: "\e712";
  167. }
  168. [data-theme="kr-designer"] .el-icon-soccer:before {
  169. content: "\e713";
  170. }
  171. [data-theme="kr-designer"] .el-icon-football:before {
  172. content: "\e715";
  173. }
  174. [data-theme="kr-designer"] .el-icon-basketball:before {
  175. content: "\e716";
  176. }
  177. [data-theme="kr-designer"] .el-icon-ship:before {
  178. content: "\e73f";
  179. }
  180. [data-theme="kr-designer"] .el-icon-truck:before {
  181. content: "\e740";
  182. }
  183. [data-theme="kr-designer"] .el-icon-bicycle:before {
  184. content: "\e741";
  185. }
  186. [data-theme="kr-designer"] .el-icon-mobile-phone:before {
  187. content: "\e6d3";
  188. }
  189. [data-theme="kr-designer"] .el-icon-service:before {
  190. content: "\e6d4";
  191. }
  192. [data-theme="kr-designer"] .el-icon-key:before {
  193. content: "\e6e2";
  194. }
  195. [data-theme="kr-designer"] .el-icon-unlock:before {
  196. content: "\e6e4";
  197. }
  198. [data-theme="kr-designer"] .el-icon-lock:before {
  199. content: "\e6e5";
  200. }
  201. [data-theme="kr-designer"] .el-icon-watch:before {
  202. content: "\e6fe";
  203. }
  204. [data-theme="kr-designer"] .el-icon-watch-1:before {
  205. content: "\e6ff";
  206. }
  207. [data-theme="kr-designer"] .el-icon-timer:before {
  208. content: "\e702";
  209. }
  210. [data-theme="kr-designer"] .el-icon-alarm-clock:before {
  211. content: "\e703";
  212. }
  213. [data-theme="kr-designer"] .el-icon-map-location:before {
  214. content: "\e704";
  215. }
  216. [data-theme="kr-designer"] .el-icon-delete-location:before {
  217. content: "\e705";
  218. }
  219. [data-theme="kr-designer"] .el-icon-add-location:before {
  220. content: "\e706";
  221. }
  222. [data-theme="kr-designer"] .el-icon-location-information:before {
  223. content: "\e707";
  224. }
  225. [data-theme="kr-designer"] .el-icon-location-outline:before {
  226. content: "\e708";
  227. }
  228. [data-theme="kr-designer"] .el-icon-location:before {
  229. content: "\e79e";
  230. }
  231. [data-theme="kr-designer"] .el-icon-place:before {
  232. content: "\e709";
  233. }
  234. [data-theme="kr-designer"] .el-icon-discover:before {
  235. content: "\e70a";
  236. }
  237. [data-theme="kr-designer"] .el-icon-first-aid-kit:before {
  238. content: "\e70b";
  239. }
  240. [data-theme="kr-designer"] .el-icon-trophy-1:before {
  241. content: "\e70c";
  242. }
  243. [data-theme="kr-designer"] .el-icon-trophy:before {
  244. content: "\e70d";
  245. }
  246. [data-theme="kr-designer"] .el-icon-medal:before {
  247. content: "\e70e";
  248. }
  249. [data-theme="kr-designer"] .el-icon-medal-1:before {
  250. content: "\e70f";
  251. }
  252. [data-theme="kr-designer"] .el-icon-stopwatch:before {
  253. content: "\e710";
  254. }
  255. [data-theme="kr-designer"] .el-icon-mic:before {
  256. content: "\e711";
  257. }
  258. [data-theme="kr-designer"] .el-icon-copy-document:before {
  259. content: "\e718";
  260. }
  261. [data-theme="kr-designer"] .el-icon-full-screen:before {
  262. content: "\e719";
  263. }
  264. [data-theme="kr-designer"] .el-icon-switch-button:before {
  265. content: "\e71b";
  266. }
  267. [data-theme="kr-designer"] .el-icon-aim:before {
  268. content: "\e71c";
  269. }
  270. [data-theme="kr-designer"] .el-icon-crop:before {
  271. content: "\e71d";
  272. }
  273. [data-theme="kr-designer"] .el-icon-odometer:before {
  274. content: "\e71e";
  275. }
  276. [data-theme="kr-designer"] .el-icon-time:before {
  277. content: "\e71f";
  278. }
  279. [data-theme="kr-designer"] .el-icon-bangzhu:before {
  280. content: "\e724";
  281. }
  282. [data-theme="kr-designer"] .el-icon-close-notification:before {
  283. content: "\e726";
  284. }
  285. [data-theme="kr-designer"] .el-icon-microphone:before {
  286. content: "\e727";
  287. }
  288. [data-theme="kr-designer"] .el-icon-turn-off-microphone:before {
  289. content: "\e728";
  290. }
  291. [data-theme="kr-designer"] .el-icon-position:before {
  292. content: "\e729";
  293. }
  294. [data-theme="kr-designer"] .el-icon-postcard:before {
  295. content: "\e72a";
  296. }
  297. [data-theme="kr-designer"] .el-icon-message:before {
  298. content: "\e72b";
  299. }
  300. [data-theme="kr-designer"] .el-icon-chat-line-square:before {
  301. content: "\e72d";
  302. }
  303. [data-theme="kr-designer"] .el-icon-chat-dot-square:before {
  304. content: "\e72e";
  305. }
  306. [data-theme="kr-designer"] .el-icon-chat-dot-round:before {
  307. content: "\e72f";
  308. }
  309. [data-theme="kr-designer"] .el-icon-chat-square:before {
  310. content: "\e730";
  311. }
  312. [data-theme="kr-designer"] .el-icon-chat-line-round:before {
  313. content: "\e731";
  314. }
  315. [data-theme="kr-designer"] .el-icon-chat-round:before {
  316. content: "\e732";
  317. }
  318. [data-theme="kr-designer"] .el-icon-set-up:before {
  319. content: "\e733";
  320. }
  321. [data-theme="kr-designer"] .el-icon-turn-off:before {
  322. content: "\e734";
  323. }
  324. [data-theme="kr-designer"] .el-icon-open:before {
  325. content: "\e735";
  326. }
  327. [data-theme="kr-designer"] .el-icon-connection:before {
  328. content: "\e736";
  329. }
  330. [data-theme="kr-designer"] .el-icon-link:before {
  331. content: "\e737";
  332. }
  333. [data-theme="kr-designer"] .el-icon-cpu:before {
  334. content: "\e738";
  335. }
  336. [data-theme="kr-designer"] .el-icon-thumb:before {
  337. content: "\e739";
  338. }
  339. [data-theme="kr-designer"] .el-icon-female:before {
  340. content: "\e73a";
  341. }
  342. [data-theme="kr-designer"] .el-icon-male:before {
  343. content: "\e73b";
  344. }
  345. [data-theme="kr-designer"] .el-icon-guide:before {
  346. content: "\e73c";
  347. }
  348. [data-theme="kr-designer"] .el-icon-news:before {
  349. content: "\e73e";
  350. }
  351. [data-theme="kr-designer"] .el-icon-price-tag:before {
  352. content: "\e744";
  353. }
  354. [data-theme="kr-designer"] .el-icon-discount:before {
  355. content: "\e745";
  356. }
  357. [data-theme="kr-designer"] .el-icon-wallet:before {
  358. content: "\e747";
  359. }
  360. [data-theme="kr-designer"] .el-icon-coin:before {
  361. content: "\e748";
  362. }
  363. [data-theme="kr-designer"] .el-icon-money:before {
  364. content: "\e749";
  365. }
  366. [data-theme="kr-designer"] .el-icon-bank-card:before {
  367. content: "\e74a";
  368. }
  369. [data-theme="kr-designer"] .el-icon-box:before {
  370. content: "\e74b";
  371. }
  372. [data-theme="kr-designer"] .el-icon-present:before {
  373. content: "\e74c";
  374. }
  375. [data-theme="kr-designer"] .el-icon-sell:before {
  376. content: "\e6d5";
  377. }
  378. [data-theme="kr-designer"] .el-icon-sold-out:before {
  379. content: "\e6d6";
  380. }
  381. [data-theme="kr-designer"] .el-icon-shopping-bag-2:before {
  382. content: "\e74d";
  383. }
  384. [data-theme="kr-designer"] .el-icon-shopping-bag-1:before {
  385. content: "\e74e";
  386. }
  387. [data-theme="kr-designer"] .el-icon-shopping-cart-2:before {
  388. content: "\e74f";
  389. }
  390. [data-theme="kr-designer"] .el-icon-shopping-cart-1:before {
  391. content: "\e750";
  392. }
  393. [data-theme="kr-designer"] .el-icon-shopping-cart-full:before {
  394. content: "\e751";
  395. }
  396. [data-theme="kr-designer"] .el-icon-smoking:before {
  397. content: "\e752";
  398. }
  399. [data-theme="kr-designer"] .el-icon-no-smoking:before {
  400. content: "\e753";
  401. }
  402. [data-theme="kr-designer"] .el-icon-house:before {
  403. content: "\e754";
  404. }
  405. [data-theme="kr-designer"] .el-icon-table-lamp:before {
  406. content: "\e755";
  407. }
  408. [data-theme="kr-designer"] .el-icon-school:before {
  409. content: "\e756";
  410. }
  411. [data-theme="kr-designer"] .el-icon-office-building:before {
  412. content: "\e757";
  413. }
  414. [data-theme="kr-designer"] .el-icon-toilet-paper:before {
  415. content: "\e758";
  416. }
  417. [data-theme="kr-designer"] .el-icon-notebook-2:before {
  418. content: "\e759";
  419. }
  420. [data-theme="kr-designer"] .el-icon-notebook-1:before {
  421. content: "\e75a";
  422. }
  423. [data-theme="kr-designer"] .el-icon-files:before {
  424. content: "\e75b";
  425. }
  426. [data-theme="kr-designer"] .el-icon-collection:before {
  427. content: "\e75c";
  428. }
  429. [data-theme="kr-designer"] .el-icon-receiving:before {
  430. content: "\e75d";
  431. }
  432. [data-theme="kr-designer"] .el-icon-suitcase-1:before {
  433. content: "\e760";
  434. }
  435. [data-theme="kr-designer"] .el-icon-suitcase:before {
  436. content: "\e761";
  437. }
  438. [data-theme="kr-designer"] .el-icon-film:before {
  439. content: "\e763";
  440. }
  441. [data-theme="kr-designer"] .el-icon-collection-tag:before {
  442. content: "\e765";
  443. }
  444. [data-theme="kr-designer"] .el-icon-data-analysis:before {
  445. content: "\e766";
  446. }
  447. [data-theme="kr-designer"] .el-icon-pie-chart:before {
  448. content: "\e767";
  449. }
  450. [data-theme="kr-designer"] .el-icon-data-board:before {
  451. content: "\e768";
  452. }
  453. [data-theme="kr-designer"] .el-icon-data-line:before {
  454. content: "\e76d";
  455. }
  456. [data-theme="kr-designer"] .el-icon-reading:before {
  457. content: "\e769";
  458. }
  459. [data-theme="kr-designer"] .el-icon-magic-stick:before {
  460. content: "\e76a";
  461. }
  462. [data-theme="kr-designer"] .el-icon-coordinate:before {
  463. content: "\e76b";
  464. }
  465. [data-theme="kr-designer"] .el-icon-mouse:before {
  466. content: "\e76c";
  467. }
  468. [data-theme="kr-designer"] .el-icon-brush:before {
  469. content: "\e76e";
  470. }
  471. [data-theme="kr-designer"] .el-icon-headset:before {
  472. content: "\e76f";
  473. }
  474. [data-theme="kr-designer"] .el-icon-umbrella:before {
  475. content: "\e770";
  476. }
  477. [data-theme="kr-designer"] .el-icon-scissors:before {
  478. content: "\e771";
  479. }
  480. [data-theme="kr-designer"] .el-icon-mobile:before {
  481. content: "\e773";
  482. }
  483. [data-theme="kr-designer"] .el-icon-attract:before {
  484. content: "\e774";
  485. }
  486. [data-theme="kr-designer"] .el-icon-monitor:before {
  487. content: "\e775";
  488. }
  489. [data-theme="kr-designer"] .el-icon-search:before {
  490. content: "\e778";
  491. }
  492. [data-theme="kr-designer"] .el-icon-takeaway-box:before {
  493. content: "\e77a";
  494. }
  495. [data-theme="kr-designer"] .el-icon-paperclip:before {
  496. content: "\e77d";
  497. }
  498. [data-theme="kr-designer"] .el-icon-printer:before {
  499. content: "\e77e";
  500. }
  501. [data-theme="kr-designer"] .el-icon-document-add:before {
  502. content: "\e782";
  503. }
  504. [data-theme="kr-designer"] .el-icon-document:before {
  505. content: "\e785";
  506. }
  507. [data-theme="kr-designer"] .el-icon-document-checked:before {
  508. content: "\e786";
  509. }
  510. [data-theme="kr-designer"] .el-icon-document-copy:before {
  511. content: "\e787";
  512. }
  513. [data-theme="kr-designer"] .el-icon-document-delete:before {
  514. content: "\e788";
  515. }
  516. [data-theme="kr-designer"] .el-icon-document-remove:before {
  517. content: "\e789";
  518. }
  519. [data-theme="kr-designer"] .el-icon-tickets:before {
  520. content: "\e78b";
  521. }
  522. [data-theme="kr-designer"] .el-icon-folder-checked:before {
  523. content: "\e77f";
  524. }
  525. [data-theme="kr-designer"] .el-icon-folder-delete:before {
  526. content: "\e780";
  527. }
  528. [data-theme="kr-designer"] .el-icon-folder-remove:before {
  529. content: "\e781";
  530. }
  531. [data-theme="kr-designer"] .el-icon-folder-add:before {
  532. content: "\e783";
  533. }
  534. [data-theme="kr-designer"] .el-icon-folder-opened:before {
  535. content: "\e784";
  536. }
  537. [data-theme="kr-designer"] .el-icon-folder:before {
  538. content: "\e78a";
  539. }
  540. [data-theme="kr-designer"] .el-icon-edit-outline:before {
  541. content: "\e764";
  542. }
  543. [data-theme="kr-designer"] .el-icon-edit:before {
  544. content: "\e78c";
  545. }
  546. [data-theme="kr-designer"] .el-icon-date:before {
  547. content: "\e78e";
  548. }
  549. [data-theme="kr-designer"] .el-icon-c-scale-to-original:before {
  550. content: "\e7c6";
  551. }
  552. [data-theme="kr-designer"] .el-icon-view:before {
  553. content: "\e6ce";
  554. }
  555. [data-theme="kr-designer"] .el-icon-loading:before {
  556. content: "\e6cf";
  557. }
  558. [data-theme="kr-designer"] .el-icon-rank:before {
  559. content: "\e6d1";
  560. }
  561. [data-theme="kr-designer"] .el-icon-sort-down:before {
  562. content: "\e7c4";
  563. }
  564. [data-theme="kr-designer"] .el-icon-sort-up:before {
  565. content: "\e7c5";
  566. }
  567. [data-theme="kr-designer"] .el-icon-sort:before {
  568. content: "\e6d2";
  569. }
  570. [data-theme="kr-designer"] .el-icon-finished:before {
  571. content: "\e6cd";
  572. }
  573. [data-theme="kr-designer"] .el-icon-refresh-left:before {
  574. content: "\e6c7";
  575. }
  576. [data-theme="kr-designer"] .el-icon-refresh-right:before {
  577. content: "\e6c8";
  578. }
  579. [data-theme="kr-designer"] .el-icon-refresh:before {
  580. content: "\e6d0";
  581. }
  582. [data-theme="kr-designer"] .el-icon-video-play:before {
  583. content: "\e7c0";
  584. }
  585. [data-theme="kr-designer"] .el-icon-video-pause:before {
  586. content: "\e7c1";
  587. }
  588. [data-theme="kr-designer"] .el-icon-d-arrow-right:before {
  589. content: "\e6dc";
  590. }
  591. [data-theme="kr-designer"] .el-icon-d-arrow-left:before {
  592. content: "\e6dd";
  593. }
  594. [data-theme="kr-designer"] .el-icon-arrow-up:before {
  595. content: "\e6e1";
  596. }
  597. [data-theme="kr-designer"] .el-icon-arrow-down:before {
  598. content: "\e6df";
  599. }
  600. [data-theme="kr-designer"] .el-icon-arrow-right:before {
  601. content: "\e6e0";
  602. }
  603. [data-theme="kr-designer"] .el-icon-arrow-left:before {
  604. content: "\e6de";
  605. }
  606. [data-theme="kr-designer"] .el-icon-top-right:before {
  607. content: "\e6e7";
  608. }
  609. [data-theme="kr-designer"] .el-icon-top-left:before {
  610. content: "\e6e8";
  611. }
  612. [data-theme="kr-designer"] .el-icon-top:before {
  613. content: "\e6e6";
  614. }
  615. [data-theme="kr-designer"] .el-icon-bottom:before {
  616. content: "\e6eb";
  617. }
  618. [data-theme="kr-designer"] .el-icon-right:before {
  619. content: "\e6e9";
  620. }
  621. [data-theme="kr-designer"] .el-icon-back:before {
  622. content: "\e6ea";
  623. }
  624. [data-theme="kr-designer"] .el-icon-bottom-right:before {
  625. content: "\e6ec";
  626. }
  627. [data-theme="kr-designer"] .el-icon-bottom-left:before {
  628. content: "\e6ed";
  629. }
  630. [data-theme="kr-designer"] .el-icon-caret-top:before {
  631. content: "\e78f";
  632. }
  633. [data-theme="kr-designer"] .el-icon-caret-bottom:before {
  634. content: "\e790";
  635. }
  636. [data-theme="kr-designer"] .el-icon-caret-right:before {
  637. content: "\e791";
  638. }
  639. [data-theme="kr-designer"] .el-icon-caret-left:before {
  640. content: "\e792";
  641. }
  642. [data-theme="kr-designer"] .el-icon-d-caret:before {
  643. content: "\e79a";
  644. }
  645. [data-theme="kr-designer"] .el-icon-share:before {
  646. content: "\e793";
  647. }
  648. [data-theme="kr-designer"] .el-icon-menu:before {
  649. content: "\e798";
  650. }
  651. [data-theme="kr-designer"] .el-icon-s-grid:before {
  652. content: "\e7a6";
  653. }
  654. [data-theme="kr-designer"] .el-icon-s-check:before {
  655. content: "\e7a7";
  656. }
  657. [data-theme="kr-designer"] .el-icon-s-data:before {
  658. content: "\e7a8";
  659. }
  660. [data-theme="kr-designer"] .el-icon-s-opportunity:before {
  661. content: "\e7aa";
  662. }
  663. [data-theme="kr-designer"] .el-icon-s-custom:before {
  664. content: "\e7ab";
  665. }
  666. [data-theme="kr-designer"] .el-icon-s-claim:before {
  667. content: "\e7ad";
  668. }
  669. [data-theme="kr-designer"] .el-icon-s-finance:before {
  670. content: "\e7ae";
  671. }
  672. [data-theme="kr-designer"] .el-icon-s-comment:before {
  673. content: "\e7af";
  674. }
  675. [data-theme="kr-designer"] .el-icon-s-flag:before {
  676. content: "\e7b0";
  677. }
  678. [data-theme="kr-designer"] .el-icon-s-marketing:before {
  679. content: "\e7b1";
  680. }
  681. [data-theme="kr-designer"] .el-icon-s-shop:before {
  682. content: "\e7b4";
  683. }
  684. [data-theme="kr-designer"] .el-icon-s-open:before {
  685. content: "\e7b5";
  686. }
  687. [data-theme="kr-designer"] .el-icon-s-management:before {
  688. content: "\e7b6";
  689. }
  690. [data-theme="kr-designer"] .el-icon-s-ticket:before {
  691. content: "\e7b7";
  692. }
  693. [data-theme="kr-designer"] .el-icon-s-release:before {
  694. content: "\e7b8";
  695. }
  696. [data-theme="kr-designer"] .el-icon-s-home:before {
  697. content: "\e7b9";
  698. }
  699. [data-theme="kr-designer"] .el-icon-s-promotion:before {
  700. content: "\e7ba";
  701. }
  702. [data-theme="kr-designer"] .el-icon-s-operation:before {
  703. content: "\e7bb";
  704. }
  705. [data-theme="kr-designer"] .el-icon-s-unfold:before {
  706. content: "\e7bc";
  707. }
  708. [data-theme="kr-designer"] .el-icon-s-fold:before {
  709. content: "\e7a9";
  710. }
  711. [data-theme="kr-designer"] .el-icon-s-platform:before {
  712. content: "\e7bd";
  713. }
  714. [data-theme="kr-designer"] .el-icon-s-order:before {
  715. content: "\e7be";
  716. }
  717. [data-theme="kr-designer"] .el-icon-s-cooperation:before {
  718. content: "\e7bf";
  719. }
  720. [data-theme="kr-designer"] .el-icon-bell:before {
  721. content: "\e725";
  722. }
  723. [data-theme="kr-designer"] .el-icon-message-solid:before {
  724. content: "\e799";
  725. }
  726. [data-theme="kr-designer"] .el-icon-video-camera:before {
  727. content: "\e772";
  728. }
  729. [data-theme="kr-designer"] .el-icon-video-camera-solid:before {
  730. content: "\e796";
  731. }
  732. [data-theme="kr-designer"] .el-icon-camera:before {
  733. content: "\e779";
  734. }
  735. [data-theme="kr-designer"] .el-icon-camera-solid:before {
  736. content: "\e79b";
  737. }
  738. [data-theme="kr-designer"] .el-icon-download:before {
  739. content: "\e77c";
  740. }
  741. [data-theme="kr-designer"] .el-icon-upload2:before {
  742. content: "\e77b";
  743. }
  744. [data-theme="kr-designer"] .el-icon-upload:before {
  745. content: "\e7c3";
  746. }
  747. [data-theme="kr-designer"] .el-icon-picture-outline-round:before {
  748. content: "\e75f";
  749. }
  750. [data-theme="kr-designer"] .el-icon-picture-outline:before {
  751. content: "\e75e";
  752. }
  753. [data-theme="kr-designer"] .el-icon-picture:before {
  754. content: "\e79f";
  755. }
  756. [data-theme="kr-designer"] .el-icon-close:before {
  757. content: "\e6db";
  758. }
  759. [data-theme="kr-designer"] .el-icon-check:before {
  760. content: "\e6da";
  761. }
  762. [data-theme="kr-designer"] .el-icon-plus:before {
  763. content: "\e6d9";
  764. }
  765. [data-theme="kr-designer"] .el-icon-minus:before {
  766. content: "\e6d8";
  767. }
  768. [data-theme="kr-designer"] .el-icon-help:before {
  769. content: "\e73d";
  770. }
  771. [data-theme="kr-designer"] .el-icon-s-help:before {
  772. content: "\e7b3";
  773. }
  774. [data-theme="kr-designer"] .el-icon-circle-close:before {
  775. content: "\e78d";
  776. }
  777. [data-theme="kr-designer"] .el-icon-circle-check:before {
  778. content: "\e720";
  779. }
  780. [data-theme="kr-designer"] .el-icon-circle-plus-outline:before {
  781. content: "\e723";
  782. }
  783. [data-theme="kr-designer"] .el-icon-remove-outline:before {
  784. content: "\e722";
  785. }
  786. [data-theme="kr-designer"] .el-icon-zoom-out:before {
  787. content: "\e776";
  788. }
  789. [data-theme="kr-designer"] .el-icon-zoom-in:before {
  790. content: "\e777";
  791. }
  792. [data-theme="kr-designer"] .el-icon-error:before {
  793. content: "\e79d";
  794. }
  795. [data-theme="kr-designer"] .el-icon-success:before {
  796. content: "\e79c";
  797. }
  798. [data-theme="kr-designer"] .el-icon-circle-plus:before {
  799. content: "\e7a0";
  800. }
  801. [data-theme="kr-designer"] .el-icon-remove:before {
  802. content: "\e7a2";
  803. }
  804. [data-theme="kr-designer"] .el-icon-info:before {
  805. content: "\e7a1";
  806. }
  807. [data-theme="kr-designer"] .el-icon-question:before {
  808. content: "\e7a4";
  809. }
  810. [data-theme="kr-designer"] .el-icon-warning-outline:before {
  811. content: "\e6c9";
  812. }
  813. [data-theme="kr-designer"] .el-icon-warning:before {
  814. content: "\e7a3";
  815. }
  816. [data-theme="kr-designer"] .el-icon-goods:before {
  817. content: "\e7c2";
  818. }
  819. [data-theme="kr-designer"] .el-icon-s-goods:before {
  820. content: "\e7b2";
  821. }
  822. [data-theme="kr-designer"] .el-icon-star-off:before {
  823. content: "\e717";
  824. }
  825. [data-theme="kr-designer"] .el-icon-star-on:before {
  826. content: "\e797";
  827. }
  828. [data-theme="kr-designer"] .el-icon-more-outline:before {
  829. content: "\e6cc";
  830. }
  831. [data-theme="kr-designer"] .el-icon-more:before {
  832. content: "\e794";
  833. }
  834. [data-theme="kr-designer"] .el-icon-phone-outline:before {
  835. content: "\e6cb";
  836. }
  837. [data-theme="kr-designer"] .el-icon-phone:before {
  838. content: "\e795";
  839. }
  840. [data-theme="kr-designer"] .el-icon-user:before {
  841. content: "\e6e3";
  842. }
  843. [data-theme="kr-designer"] .el-icon-user-solid:before {
  844. content: "\e7a5";
  845. }
  846. [data-theme="kr-designer"] .el-icon-setting:before {
  847. content: "\e6ca";
  848. }
  849. [data-theme="kr-designer"] .el-icon-s-tools:before {
  850. content: "\e7ac";
  851. }
  852. [data-theme="kr-designer"] .el-icon-delete:before {
  853. content: "\e6d7";
  854. }
  855. [data-theme="kr-designer"] .el-icon-delete-solid:before {
  856. content: "\e7c9";
  857. }
  858. [data-theme="kr-designer"] .el-icon-eleme:before {
  859. content: "\e7c7";
  860. }
  861. [data-theme="kr-designer"] .el-icon-platform-eleme:before {
  862. content: "\e7ca";
  863. }
  864. [data-theme="kr-designer"] .el-icon-loading {
  865. -webkit-animation: rotating 2s linear infinite;
  866. animation: rotating 2s linear infinite;
  867. }
  868. [data-theme="kr-designer"] .el-icon--right {
  869. margin-left: 5px;
  870. }
  871. [data-theme="kr-designer"] .el-icon--left {
  872. margin-right: 5px;
  873. }
  874. @-webkit-keyframes rotating {
  875. 0% {
  876. -webkit-transform: rotateZ(0);
  877. transform: rotateZ(0);
  878. }
  879. 100% {
  880. -webkit-transform: rotateZ(360deg);
  881. transform: rotateZ(360deg);
  882. }
  883. }
  884. @keyframes rotating {
  885. 0% {
  886. -webkit-transform: rotateZ(0);
  887. transform: rotateZ(0);
  888. }
  889. 100% {
  890. -webkit-transform: rotateZ(360deg);
  891. transform: rotateZ(360deg);
  892. }
  893. }
  894. [data-theme="kr-designer"] .el-pagination {
  895. white-space: nowrap;
  896. padding: 2px 5px;
  897. color: #303133;
  898. font-weight: 700;
  899. }
  900. [data-theme="kr-designer"] .el-pagination::after,
  901. [data-theme="kr-designer"] .el-pagination::before {
  902. display: table;
  903. content: "";
  904. }
  905. [data-theme="kr-designer"] .el-pagination::after {
  906. clear: both;
  907. }
  908. [data-theme="kr-designer"] .el-pagination button,
  909. [data-theme="kr-designer"] .el-pagination span:not([class*="suffix"]) {
  910. display: inline-block;
  911. font-size: 13px;
  912. min-width: 35.5px;
  913. height: 28px;
  914. line-height: 28px;
  915. vertical-align: top;
  916. -webkit-box-sizing: border-box;
  917. box-sizing: border-box;
  918. }
  919. [data-theme="kr-designer"] .el-pagination .el-input__inner {
  920. text-align: center;
  921. -moz-appearance: textfield;
  922. line-height: normal;
  923. }
  924. [data-theme="kr-designer"] .el-pagination .el-input__suffix {
  925. right: 0;
  926. -webkit-transform: scale(0.8);
  927. transform: scale(0.8);
  928. }
  929. [data-theme="kr-designer"] .el-pagination .el-select .el-input {
  930. width: 100px;
  931. margin: 0 5px;
  932. }
  933. [data-theme="kr-designer"]
  934. .el-pagination
  935. .el-select
  936. .el-input
  937. .el-input__inner {
  938. padding-right: 25px;
  939. border-radius: 3px;
  940. }
  941. [data-theme="kr-designer"] .el-pagination button {
  942. border: none;
  943. padding: 0 6px;
  944. background: 0 0;
  945. }
  946. [data-theme="kr-designer"] .el-pagination button:focus {
  947. outline: 0;
  948. }
  949. [data-theme="kr-designer"] .el-pagination button:hover {
  950. color: #409eff;
  951. }
  952. [data-theme="kr-designer"] .el-pagination button:disabled {
  953. color: #c0c4cc;
  954. background-color: #fff;
  955. cursor: not-allowed;
  956. }
  957. [data-theme="kr-designer"] .el-pagination .btn-next,
  958. [data-theme="kr-designer"] .el-pagination .btn-prev {
  959. background: center center no-repeat #fff;
  960. background-size: 16px;
  961. cursor: pointer;
  962. margin: 0;
  963. color: #303133;
  964. }
  965. [data-theme="kr-designer"] .el-pagination .btn-next .el-icon,
  966. [data-theme="kr-designer"] .el-pagination .btn-prev .el-icon {
  967. display: block;
  968. font-size: 12px;
  969. font-weight: 700;
  970. }
  971. [data-theme="kr-designer"] .el-pagination .btn-prev {
  972. padding-right: 12px;
  973. }
  974. [data-theme="kr-designer"] .el-pagination .btn-next {
  975. padding-left: 12px;
  976. }
  977. [data-theme="kr-designer"] .el-pagination .el-pager li.disabled {
  978. color: #c0c4cc;
  979. cursor: not-allowed;
  980. }
  981. [data-theme="kr-designer"] .el-pagination--small .btn-next,
  982. [data-theme="kr-designer"] .el-pagination--small .btn-prev,
  983. [data-theme="kr-designer"] .el-pagination--small .el-pager li,
  984. [data-theme="kr-designer"] .el-pagination--small .el-pager li.btn-quicknext,
  985. [data-theme="kr-designer"] .el-pagination--small .el-pager li.btn-quickprev,
  986. [data-theme="kr-designer"] .el-pagination--small .el-pager li:last-child {
  987. border-color: transparent;
  988. font-size: 12px;
  989. line-height: 22px;
  990. height: 22px;
  991. min-width: 22px;
  992. }
  993. [data-theme="kr-designer"] .el-pagination--small .arrow.disabled {
  994. visibility: hidden;
  995. }
  996. [data-theme="kr-designer"] .el-pagination--small .more::before,
  997. [data-theme="kr-designer"] .el-pagination--small li.more::before {
  998. line-height: 24px;
  999. }
  1000. [data-theme="kr-designer"] .el-pagination--small button,
  1001. [data-theme="kr-designer"] .el-pagination--small span:not([class*="suffix"]) {
  1002. height: 22px;
  1003. line-height: 22px;
  1004. }
  1005. [data-theme="kr-designer"] .el-pagination--small .el-pagination__editor,
  1006. [data-theme="kr-designer"]
  1007. .el-pagination--small
  1008. .el-pagination__editor.el-input
  1009. .el-input__inner {
  1010. height: 22px;
  1011. }
  1012. .el-pagination__sizes {
  1013. margin: 0 10px 0 0;
  1014. font-weight: 400;
  1015. color: #606266;
  1016. }
  1017. .el-pagination__sizes .el-input .el-input__inner {
  1018. font-size: 13px;
  1019. padding-left: 8px;
  1020. }
  1021. .el-pagination__sizes .el-input .el-input__inner:hover {
  1022. border-color: #409eff;
  1023. }
  1024. .el-pagination__total {
  1025. margin-right: 10px;
  1026. font-weight: 400;
  1027. color: #606266;
  1028. }
  1029. .el-pagination__jump {
  1030. margin-left: 24px;
  1031. font-weight: 400;
  1032. color: #606266;
  1033. }
  1034. .el-pagination__jump .el-input__inner {
  1035. padding: 0 3px;
  1036. }
  1037. .el-pagination__rightwrapper {
  1038. float: right;
  1039. }
  1040. .el-pagination__editor {
  1041. line-height: 18px;
  1042. padding: 0 2px;
  1043. height: 28px;
  1044. text-align: center;
  1045. margin: 0 2px;
  1046. -webkit-box-sizing: border-box;
  1047. box-sizing: border-box;
  1048. border-radius: 3px;
  1049. }
  1050. .el-pagination__editor.el-input {
  1051. width: 50px;
  1052. }
  1053. .el-pagination__editor.el-input .el-input__inner {
  1054. height: 28px;
  1055. }
  1056. .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
  1057. .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  1058. -webkit-appearance: none;
  1059. margin: 0;
  1060. }
  1061. [data-theme="kr-designer"] .el-pagination.is-background .btn-next,
  1062. [data-theme="kr-designer"] .el-pagination.is-background .btn-prev,
  1063. [data-theme="kr-designer"] .el-pagination.is-background .el-pager li {
  1064. margin: 0 5px;
  1065. background-color: #f4f4f5;
  1066. color: #606266;
  1067. min-width: 30px;
  1068. border-radius: 2px;
  1069. }
  1070. [data-theme="kr-designer"] .el-pagination.is-background .btn-next.disabled,
  1071. [data-theme="kr-designer"] .el-pagination.is-background .btn-next:disabled,
  1072. [data-theme="kr-designer"] .el-pagination.is-background .btn-prev.disabled,
  1073. [data-theme="kr-designer"] .el-pagination.is-background .btn-prev:disabled,
  1074. [data-theme="kr-designer"] .el-pagination.is-background .el-pager li.disabled {
  1075. color: #c0c4cc;
  1076. }
  1077. [data-theme="kr-designer"] .el-pagination.is-background .btn-next,
  1078. [data-theme="kr-designer"] .el-pagination.is-background .btn-prev {
  1079. padding: 0;
  1080. }
  1081. [data-theme="kr-designer"]
  1082. .el-pagination.is-background
  1083. .el-pager
  1084. li:not(.disabled):hover {
  1085. color: #409eff;
  1086. }
  1087. [data-theme="kr-designer"]
  1088. .el-pagination.is-background
  1089. .el-pager
  1090. li:not(.disabled).active {
  1091. background-color: #409eff;
  1092. color: #fff;
  1093. }
  1094. [data-theme="kr-designer"]
  1095. .el-pagination.is-background.el-pagination--small
  1096. .btn-next,
  1097. [data-theme="kr-designer"]
  1098. .el-pagination.is-background.el-pagination--small
  1099. .btn-prev,
  1100. [data-theme="kr-designer"]
  1101. .el-pagination.is-background.el-pagination--small
  1102. .el-pager
  1103. li {
  1104. margin: 0 3px;
  1105. min-width: 22px;
  1106. }
  1107. [data-theme="kr-designer"] .el-pager {
  1108. -webkit-user-select: none;
  1109. -moz-user-select: none;
  1110. -ms-user-select: none;
  1111. user-select: none;
  1112. list-style: none;
  1113. display: inline-block;
  1114. vertical-align: top;
  1115. font-size: 0;
  1116. padding: 0;
  1117. margin: 0;
  1118. }
  1119. [data-theme="kr-designer"] .el-pager .more::before {
  1120. line-height: 30px;
  1121. }
  1122. [data-theme="kr-designer"] .el-pager li {
  1123. padding: 0 4px;
  1124. background: #fff;
  1125. vertical-align: top;
  1126. display: inline-block;
  1127. font-size: 13px;
  1128. min-width: 35.5px;
  1129. height: 28px;
  1130. line-height: 28px;
  1131. cursor: pointer;
  1132. -webkit-box-sizing: border-box;
  1133. box-sizing: border-box;
  1134. text-align: center;
  1135. margin: 0;
  1136. }
  1137. [data-theme="kr-designer"] .el-pager li.btn-quicknext,
  1138. [data-theme="kr-designer"] .el-pager li.btn-quickprev {
  1139. line-height: 28px;
  1140. color: #303133;
  1141. }
  1142. [data-theme="kr-designer"] .el-pager li.btn-quicknext.disabled,
  1143. [data-theme="kr-designer"] .el-pager li.btn-quickprev.disabled {
  1144. color: #c0c4cc;
  1145. }
  1146. [data-theme="kr-designer"] .el-pager li.btn-quicknext:hover,
  1147. [data-theme="kr-designer"] .el-pager li.btn-quickprev:hover {
  1148. cursor: pointer;
  1149. }
  1150. [data-theme="kr-designer"] .el-pager li.active + li {
  1151. border-left: 0;
  1152. }
  1153. [data-theme="kr-designer"] .el-pager li:hover {
  1154. color: #409eff;
  1155. }
  1156. [data-theme="kr-designer"] .el-pager li.active {
  1157. color: #409eff;
  1158. cursor: default;
  1159. }
  1160. @-webkit-keyframes v-modal-in {
  1161. 0% {
  1162. opacity: 0;
  1163. }
  1164. }
  1165. @-webkit-keyframes v-modal-out {
  1166. 100% {
  1167. opacity: 0;
  1168. }
  1169. }
  1170. [data-theme="kr-designer"] .el-dialog {
  1171. position: relative;
  1172. margin: 0 auto 50px;
  1173. background: #fff;
  1174. border-radius: 2px;
  1175. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  1176. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  1177. -webkit-box-sizing: border-box;
  1178. box-sizing: border-box;
  1179. width: 50%;
  1180. }
  1181. [data-theme="kr-designer"] .el-dialog.is-fullscreen {
  1182. width: 100%;
  1183. margin-top: 0;
  1184. margin-bottom: 0;
  1185. height: 100%;
  1186. overflow: auto;
  1187. }
  1188. .el-dialog__wrapper {
  1189. position: fixed;
  1190. top: 0;
  1191. right: 0;
  1192. bottom: 0;
  1193. left: 0;
  1194. overflow: auto;
  1195. margin: 0;
  1196. }
  1197. .el-dialog__header {
  1198. padding: 20px 20px 10px;
  1199. }
  1200. .el-dialog__headerbtn {
  1201. position: absolute;
  1202. top: 20px;
  1203. right: 20px;
  1204. padding: 0;
  1205. background: 0 0;
  1206. border: none;
  1207. outline: 0;
  1208. cursor: pointer;
  1209. font-size: 16px;
  1210. }
  1211. .el-dialog__headerbtn .el-dialog__close {
  1212. color: #909399;
  1213. }
  1214. .el-dialog__headerbtn:focus .el-dialog__close,
  1215. .el-dialog__headerbtn:hover .el-dialog__close {
  1216. color: #409eff;
  1217. }
  1218. .el-dialog__title {
  1219. line-height: 24px;
  1220. font-size: 18px;
  1221. color: #303133;
  1222. }
  1223. .el-dialog__body {
  1224. padding: 30px 20px;
  1225. color: #606266;
  1226. font-size: 14px;
  1227. word-break: break-all;
  1228. }
  1229. .el-dialog__footer {
  1230. padding: 10px 20px 20px;
  1231. text-align: right;
  1232. -webkit-box-sizing: border-box;
  1233. box-sizing: border-box;
  1234. }
  1235. [data-theme="kr-designer"] .el-dialog--center {
  1236. text-align: center;
  1237. }
  1238. [data-theme="kr-designer"] .el-dialog--center .el-dialog__body {
  1239. text-align: initial;
  1240. padding: 25px 25px 30px;
  1241. }
  1242. [data-theme="kr-designer"] .el-dialog--center .el-dialog__footer {
  1243. text-align: inherit;
  1244. }
  1245. [data-theme="kr-designer"] .dialog-fade-enter-active {
  1246. -webkit-animation: dialog-fade-in 0.3s;
  1247. animation: dialog-fade-in 0.3s;
  1248. }
  1249. [data-theme="kr-designer"] .dialog-fade-leave-active {
  1250. -webkit-animation: dialog-fade-out 0.3s;
  1251. animation: dialog-fade-out 0.3s;
  1252. }
  1253. @-webkit-keyframes dialog-fade-in {
  1254. 0% {
  1255. -webkit-transform: translate3d(0, -20px, 0);
  1256. transform: translate3d(0, -20px, 0);
  1257. opacity: 0;
  1258. }
  1259. 100% {
  1260. -webkit-transform: translate3d(0, 0, 0);
  1261. transform: translate3d(0, 0, 0);
  1262. opacity: 1;
  1263. }
  1264. }
  1265. @keyframes dialog-fade-in {
  1266. 0% {
  1267. -webkit-transform: translate3d(0, -20px, 0);
  1268. transform: translate3d(0, -20px, 0);
  1269. opacity: 0;
  1270. }
  1271. 100% {
  1272. -webkit-transform: translate3d(0, 0, 0);
  1273. transform: translate3d(0, 0, 0);
  1274. opacity: 1;
  1275. }
  1276. }
  1277. @-webkit-keyframes dialog-fade-out {
  1278. 0% {
  1279. -webkit-transform: translate3d(0, 0, 0);
  1280. transform: translate3d(0, 0, 0);
  1281. opacity: 1;
  1282. }
  1283. 100% {
  1284. -webkit-transform: translate3d(0, -20px, 0);
  1285. transform: translate3d(0, -20px, 0);
  1286. opacity: 0;
  1287. }
  1288. }
  1289. @keyframes dialog-fade-out {
  1290. 0% {
  1291. -webkit-transform: translate3d(0, 0, 0);
  1292. transform: translate3d(0, 0, 0);
  1293. opacity: 1;
  1294. }
  1295. 100% {
  1296. -webkit-transform: translate3d(0, -20px, 0);
  1297. transform: translate3d(0, -20px, 0);
  1298. opacity: 0;
  1299. }
  1300. }
  1301. [data-theme="kr-designer"] .el-autocomplete {
  1302. position: relative;
  1303. display: inline-block;
  1304. }
  1305. [data-theme="kr-designer"] .el-autocomplete-suggestion {
  1306. margin: 5px 0;
  1307. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1308. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1309. border-radius: 4px;
  1310. border: 1px solid #e4e7ed;
  1311. -webkit-box-sizing: border-box;
  1312. box-sizing: border-box;
  1313. background-color: #fff;
  1314. }
  1315. .el-autocomplete-suggestion__wrap {
  1316. max-height: 280px;
  1317. padding: 10px 0;
  1318. -webkit-box-sizing: border-box;
  1319. box-sizing: border-box;
  1320. }
  1321. .el-autocomplete-suggestion__list {
  1322. margin: 0;
  1323. padding: 0;
  1324. }
  1325. [data-theme="kr-designer"] .el-autocomplete-suggestion li {
  1326. padding: 0 20px;
  1327. margin: 0;
  1328. line-height: 34px;
  1329. cursor: pointer;
  1330. color: #606266;
  1331. font-size: 14px;
  1332. list-style: none;
  1333. white-space: nowrap;
  1334. overflow: hidden;
  1335. text-overflow: ellipsis;
  1336. }
  1337. [data-theme="kr-designer"] .el-autocomplete-suggestion li.highlighted,
  1338. [data-theme="kr-designer"] .el-autocomplete-suggestion li:hover {
  1339. background-color: #f5f7fa;
  1340. }
  1341. [data-theme="kr-designer"] .el-autocomplete-suggestion li.divider {
  1342. margin-top: 6px;
  1343. border-top: 1px solid #000;
  1344. }
  1345. [data-theme="kr-designer"] .el-autocomplete-suggestion li.divider:last-child {
  1346. margin-bottom: -6px;
  1347. }
  1348. [data-theme="kr-designer"] .el-autocomplete-suggestion.is-loading li {
  1349. text-align: center;
  1350. height: 100px;
  1351. line-height: 100px;
  1352. font-size: 20px;
  1353. color: #999;
  1354. }
  1355. [data-theme="kr-designer"] .el-autocomplete-suggestion.is-loading li::after {
  1356. display: inline-block;
  1357. content: "";
  1358. height: 100%;
  1359. vertical-align: middle;
  1360. }
  1361. [data-theme="kr-designer"] .el-autocomplete-suggestion.is-loading li:hover {
  1362. background-color: #fff;
  1363. }
  1364. [data-theme="kr-designer"]
  1365. .el-autocomplete-suggestion.is-loading
  1366. .el-icon-loading {
  1367. vertical-align: middle;
  1368. }
  1369. [data-theme="kr-designer"] .el-dropdown {
  1370. display: inline-block;
  1371. position: relative;
  1372. color: #606266;
  1373. font-size: 14px;
  1374. }
  1375. [data-theme="kr-designer"] .el-dropdown .el-button-group {
  1376. display: block;
  1377. }
  1378. [data-theme="kr-designer"] .el-dropdown .el-button-group .el-button {
  1379. float: none;
  1380. }
  1381. [data-theme="kr-designer"] .el-dropdown .el-dropdown__caret-button {
  1382. padding-left: 5px;
  1383. padding-right: 5px;
  1384. position: relative;
  1385. border-left: none;
  1386. }
  1387. [data-theme="kr-designer"] .el-dropdown .el-dropdown__caret-button::before {
  1388. content: "";
  1389. position: absolute;
  1390. display: block;
  1391. width: 1px;
  1392. top: 5px;
  1393. bottom: 5px;
  1394. left: 0;
  1395. background: rgba(255, 255, 255, 0.5);
  1396. }
  1397. [data-theme="kr-designer"]
  1398. .el-dropdown
  1399. .el-dropdown__caret-button.el-button--default::before {
  1400. background: rgba(220, 223, 230, 0.5);
  1401. }
  1402. [data-theme="kr-designer"]
  1403. .el-dropdown
  1404. .el-dropdown__caret-button:hover::before {
  1405. top: 0;
  1406. bottom: 0;
  1407. }
  1408. [data-theme="kr-designer"]
  1409. .el-dropdown
  1410. .el-dropdown__caret-button
  1411. .el-dropdown__icon {
  1412. padding-left: 0;
  1413. }
  1414. .el-dropdown__icon {
  1415. font-size: 12px;
  1416. margin: 0 3px;
  1417. }
  1418. [data-theme="kr-designer"] .el-dropdown .el-dropdown-selfdefine:focus:active,
  1419. [data-theme="kr-designer"]
  1420. .el-dropdown
  1421. .el-dropdown-selfdefine:focus:not(.focusing) {
  1422. outline-width: 0;
  1423. }
  1424. [data-theme="kr-designer"] .el-dropdown-menu {
  1425. position: absolute;
  1426. top: 0;
  1427. left: 0;
  1428. z-index: 10;
  1429. padding: 10px 0;
  1430. margin: 5px 0;
  1431. background-color: #fff;
  1432. border: 1px solid #ebeef5;
  1433. border-radius: 4px;
  1434. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1435. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1436. }
  1437. .el-dropdown-menu__item {
  1438. list-style: none;
  1439. line-height: 36px;
  1440. padding: 0 20px;
  1441. margin: 0;
  1442. font-size: 14px;
  1443. color: #606266;
  1444. cursor: pointer;
  1445. outline: 0;
  1446. }
  1447. .el-dropdown-menu__item:focus,
  1448. .el-dropdown-menu__item:not(.is-disabled):hover {
  1449. background-color: #ecf5ff;
  1450. color: #66b1ff;
  1451. }
  1452. .el-dropdown-menu__item i {
  1453. margin-right: 5px;
  1454. }
  1455. .el-dropdown-menu__item--divided {
  1456. position: relative;
  1457. margin-top: 6px;
  1458. border-top: 1px solid #ebeef5;
  1459. }
  1460. .el-dropdown-menu__item--divided:before {
  1461. content: "";
  1462. height: 6px;
  1463. display: block;
  1464. margin: 0 -20px;
  1465. background-color: #fff;
  1466. }
  1467. .el-dropdown-menu__item.is-disabled {
  1468. cursor: default;
  1469. color: #bbb;
  1470. pointer-events: none;
  1471. }
  1472. [data-theme="kr-designer"] .el-dropdown-menu--medium {
  1473. padding: 6px 0;
  1474. }
  1475. [data-theme="kr-designer"] .el-dropdown-menu--medium .el-dropdown-menu__item {
  1476. line-height: 30px;
  1477. padding: 0 17px;
  1478. font-size: 14px;
  1479. }
  1480. [data-theme="kr-designer"]
  1481. .el-dropdown-menu--medium
  1482. .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  1483. margin-top: 6px;
  1484. }
  1485. [data-theme="kr-designer"]
  1486. .el-dropdown-menu--medium
  1487. .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  1488. height: 6px;
  1489. margin: 0 -17px;
  1490. }
  1491. [data-theme="kr-designer"] .el-dropdown-menu--small {
  1492. padding: 6px 0;
  1493. }
  1494. [data-theme="kr-designer"] .el-dropdown-menu--small .el-dropdown-menu__item {
  1495. line-height: 27px;
  1496. padding: 0 15px;
  1497. font-size: 13px;
  1498. }
  1499. [data-theme="kr-designer"]
  1500. .el-dropdown-menu--small
  1501. .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  1502. margin-top: 4px;
  1503. }
  1504. [data-theme="kr-designer"]
  1505. .el-dropdown-menu--small
  1506. .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  1507. height: 4px;
  1508. margin: 0 -15px;
  1509. }
  1510. [data-theme="kr-designer"] .el-dropdown-menu--mini {
  1511. padding: 3px 0;
  1512. }
  1513. [data-theme="kr-designer"] .el-dropdown-menu--mini .el-dropdown-menu__item {
  1514. line-height: 24px;
  1515. padding: 0 10px;
  1516. font-size: 12px;
  1517. }
  1518. [data-theme="kr-designer"]
  1519. .el-dropdown-menu--mini
  1520. .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  1521. margin-top: 3px;
  1522. }
  1523. [data-theme="kr-designer"]
  1524. .el-dropdown-menu--mini
  1525. .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  1526. height: 3px;
  1527. margin: 0 -10px;
  1528. }
  1529. [data-theme="kr-designer"] .el-menu {
  1530. border-right: solid 1px #e6e6e6;
  1531. list-style: none;
  1532. position: relative;
  1533. margin: 0;
  1534. padding-left: 0;
  1535. background-color: #fff;
  1536. }
  1537. [data-theme="kr-designer"]
  1538. .el-menu--horizontal
  1539. > .el-menu-item:not(.is-disabled):focus,
  1540. [data-theme="kr-designer"]
  1541. .el-menu--horizontal
  1542. > .el-menu-item:not(.is-disabled):hover,
  1543. [data-theme="kr-designer"]
  1544. .el-menu--horizontal
  1545. > .el-submenu
  1546. .el-submenu__title:hover {
  1547. background-color: #fff;
  1548. }
  1549. [data-theme="kr-designer"] .el-menu::after,
  1550. [data-theme="kr-designer"] .el-menu::before {
  1551. display: table;
  1552. content: "";
  1553. }
  1554. .el-breadcrumb__item:last-child .el-breadcrumb__separator,
  1555. [data-theme="kr-designer"]
  1556. .el-menu--collapse
  1557. > .el-menu-item
  1558. .el-submenu__icon-arrow,
  1559. [data-theme="kr-designer"]
  1560. .el-menu--collapse
  1561. > .el-submenu
  1562. > .el-submenu__title
  1563. .el-submenu__icon-arrow {
  1564. display: none;
  1565. }
  1566. [data-theme="kr-designer"] .el-menu::after {
  1567. clear: both;
  1568. }
  1569. [data-theme="kr-designer"] .el-menu.el-menu--horizontal {
  1570. border-bottom: solid 1px #e6e6e6;
  1571. }
  1572. [data-theme="kr-designer"] .el-menu--horizontal {
  1573. border-right: none;
  1574. }
  1575. [data-theme="kr-designer"] .el-menu--horizontal > .el-menu-item {
  1576. float: left;
  1577. height: 60px;
  1578. line-height: 60px;
  1579. margin: 0;
  1580. border-bottom: 2px solid transparent;
  1581. color: #909399;
  1582. }
  1583. [data-theme="kr-designer"] .el-menu--horizontal > .el-menu-item a,
  1584. [data-theme="kr-designer"] .el-menu--horizontal > .el-menu-item a:hover {
  1585. color: inherit;
  1586. }
  1587. [data-theme="kr-designer"] .el-menu--horizontal > .el-submenu {
  1588. float: left;
  1589. }
  1590. [data-theme="kr-designer"] .el-menu--horizontal > .el-submenu:focus,
  1591. [data-theme="kr-designer"] .el-menu--horizontal > .el-submenu:hover {
  1592. outline: 0;
  1593. }
  1594. [data-theme="kr-designer"]
  1595. .el-menu--horizontal
  1596. > .el-submenu:focus
  1597. .el-submenu__title,
  1598. [data-theme="kr-designer"]
  1599. .el-menu--horizontal
  1600. > .el-submenu:hover
  1601. .el-submenu__title {
  1602. color: #303133;
  1603. }
  1604. [data-theme="kr-designer"]
  1605. .el-menu--horizontal
  1606. > .el-submenu.is-active
  1607. .el-submenu__title {
  1608. border-bottom: 2px solid #409eff;
  1609. color: #303133;
  1610. }
  1611. [data-theme="kr-designer"]
  1612. .el-menu--horizontal
  1613. > .el-submenu
  1614. .el-submenu__title {
  1615. height: 60px;
  1616. line-height: 60px;
  1617. border-bottom: 2px solid transparent;
  1618. color: #909399;
  1619. }
  1620. [data-theme="kr-designer"]
  1621. .el-menu--horizontal
  1622. > .el-submenu
  1623. .el-submenu__icon-arrow {
  1624. position: static;
  1625. vertical-align: middle;
  1626. margin-left: 8px;
  1627. margin-top: -3px;
  1628. }
  1629. [data-theme="kr-designer"] .el-menu--horizontal .el-menu .el-menu-item,
  1630. [data-theme="kr-designer"] .el-menu--horizontal .el-menu .el-submenu__title {
  1631. background-color: #fff;
  1632. float: none;
  1633. height: 36px;
  1634. line-height: 36px;
  1635. padding: 0 10px;
  1636. color: #909399;
  1637. }
  1638. [data-theme="kr-designer"]
  1639. .el-menu--horizontal
  1640. .el-menu
  1641. .el-menu-item.is-active,
  1642. [data-theme="kr-designer"]
  1643. .el-menu--horizontal
  1644. .el-menu
  1645. .el-submenu.is-active
  1646. > .el-submenu__title {
  1647. color: #303133;
  1648. }
  1649. [data-theme="kr-designer"]
  1650. .el-menu--horizontal
  1651. .el-menu-item:not(.is-disabled):focus,
  1652. [data-theme="kr-designer"]
  1653. .el-menu--horizontal
  1654. .el-menu-item:not(.is-disabled):hover {
  1655. outline: 0;
  1656. color: #303133;
  1657. }
  1658. [data-theme="kr-designer"] .el-menu--horizontal > .el-menu-item.is-active {
  1659. border-bottom: 2px solid #409eff;
  1660. color: #303133;
  1661. }
  1662. [data-theme="kr-designer"] .el-menu--collapse {
  1663. width: 64px;
  1664. }
  1665. [data-theme="kr-designer"]
  1666. .el-menu--collapse
  1667. > .el-menu-item
  1668. [class^="el-icon-"],
  1669. [data-theme="kr-designer"]
  1670. .el-menu--collapse
  1671. > .el-submenu
  1672. > .el-submenu__title
  1673. [class^="el-icon-"] {
  1674. margin: 0;
  1675. vertical-align: middle;
  1676. width: 24px;
  1677. text-align: center;
  1678. }
  1679. [data-theme="kr-designer"] .el-menu--collapse > .el-menu-item span,
  1680. [data-theme="kr-designer"]
  1681. .el-menu--collapse
  1682. > .el-submenu
  1683. > .el-submenu__title
  1684. span {
  1685. height: 0;
  1686. width: 0;
  1687. overflow: hidden;
  1688. visibility: hidden;
  1689. display: inline-block;
  1690. }
  1691. [data-theme="kr-designer"] .el-menu--collapse > .el-menu-item.is-active i {
  1692. color: inherit;
  1693. }
  1694. [data-theme="kr-designer"] .el-menu--collapse .el-menu .el-submenu {
  1695. min-width: 200px;
  1696. }
  1697. [data-theme="kr-designer"] .el-menu--collapse .el-submenu {
  1698. position: relative;
  1699. }
  1700. [data-theme="kr-designer"] .el-menu--collapse .el-submenu .el-menu {
  1701. position: absolute;
  1702. margin-left: 5px;
  1703. top: 0;
  1704. left: 100%;
  1705. z-index: 10;
  1706. border: 1px solid #e4e7ed;
  1707. border-radius: 2px;
  1708. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1709. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1710. }
  1711. [data-theme="kr-designer"]
  1712. .el-menu--collapse
  1713. .el-submenu.is-opened
  1714. > .el-submenu__title
  1715. .el-submenu__icon-arrow {
  1716. -webkit-transform: none;
  1717. transform: none;
  1718. }
  1719. [data-theme="kr-designer"] .el-menu--popup {
  1720. z-index: 100;
  1721. min-width: 200px;
  1722. border: none;
  1723. padding: 5px 0;
  1724. border-radius: 2px;
  1725. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1726. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  1727. }
  1728. [data-theme="kr-designer"] .el-menu--popup-bottom-start {
  1729. margin-top: 5px;
  1730. }
  1731. [data-theme="kr-designer"] .el-menu--popup-right-start {
  1732. margin-left: 5px;
  1733. margin-right: 5px;
  1734. }
  1735. [data-theme="kr-designer"] .el-menu-item {
  1736. height: 56px;
  1737. line-height: 56px;
  1738. font-size: 14px;
  1739. color: #303133;
  1740. padding: 0 20px;
  1741. list-style: none;
  1742. cursor: pointer;
  1743. position: relative;
  1744. -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  1745. transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  1746. -webkit-box-sizing: border-box;
  1747. box-sizing: border-box;
  1748. white-space: nowrap;
  1749. }
  1750. [data-theme="kr-designer"] .el-menu-item * {
  1751. vertical-align: middle;
  1752. }
  1753. [data-theme="kr-designer"] .el-menu-item i {
  1754. color: #909399;
  1755. }
  1756. [data-theme="kr-designer"] .el-menu-item:focus,
  1757. [data-theme="kr-designer"] .el-menu-item:hover {
  1758. outline: 0;
  1759. background-color: #ecf5ff;
  1760. }
  1761. [data-theme="kr-designer"] .el-menu-item.is-disabled {
  1762. opacity: 0.25;
  1763. cursor: not-allowed;
  1764. background: 0 0 !important;
  1765. }
  1766. [data-theme="kr-designer"] .el-menu-item [class^="el-icon-"] {
  1767. margin-right: 5px;
  1768. width: 24px;
  1769. text-align: center;
  1770. font-size: 18px;
  1771. vertical-align: middle;
  1772. }
  1773. [data-theme="kr-designer"] .el-menu-item.is-active {
  1774. color: #409eff;
  1775. }
  1776. [data-theme="kr-designer"] .el-menu-item.is-active i {
  1777. color: inherit;
  1778. }
  1779. [data-theme="kr-designer"] .el-submenu {
  1780. list-style: none;
  1781. margin: 0;
  1782. padding-left: 0;
  1783. }
  1784. .el-submenu__title {
  1785. height: 56px;
  1786. line-height: 56px;
  1787. font-size: 14px;
  1788. color: #303133;
  1789. padding: 0 20px;
  1790. list-style: none;
  1791. cursor: pointer;
  1792. position: relative;
  1793. -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  1794. transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  1795. -webkit-box-sizing: border-box;
  1796. box-sizing: border-box;
  1797. white-space: nowrap;
  1798. }
  1799. .el-radio-button__inner,
  1800. .el-switch__core {
  1801. -webkit-box-sizing: border-box;
  1802. outline: 0;
  1803. vertical-align: middle;
  1804. }
  1805. .el-submenu__title * {
  1806. vertical-align: middle;
  1807. }
  1808. .el-submenu__title i {
  1809. color: #909399;
  1810. }
  1811. .el-submenu__title:focus,
  1812. .el-submenu__title:hover {
  1813. outline: 0;
  1814. background-color: #ecf5ff;
  1815. }
  1816. .el-submenu__title.is-disabled {
  1817. opacity: 0.25;
  1818. cursor: not-allowed;
  1819. background: 0 0 !important;
  1820. }
  1821. .el-submenu__title:hover {
  1822. background-color: #ecf5ff;
  1823. }
  1824. [data-theme="kr-designer"] .el-submenu .el-menu {
  1825. border: none;
  1826. }
  1827. [data-theme="kr-designer"] .el-submenu .el-menu-item {
  1828. height: 50px;
  1829. line-height: 50px;
  1830. padding: 0 45px;
  1831. min-width: 200px;
  1832. }
  1833. [data-theme="kr-designer"] .el-menu-item-group > ul,
  1834. [data-theme="kr-designer"]
  1835. .el-select-dropdown
  1836. .el-scrollbar.is-empty
  1837. .el-select-dropdown__list {
  1838. padding: 0;
  1839. }
  1840. .el-submenu__icon-arrow {
  1841. position: absolute;
  1842. top: 50%;
  1843. right: 20px;
  1844. margin-top: -7px;
  1845. -webkit-transition: -webkit-transform 0.3s;
  1846. transition: -webkit-transform 0.3s;
  1847. transition: transform 0.3s;
  1848. transition: transform 0.3s, -webkit-transform 0.3s;
  1849. font-size: 12px;
  1850. }
  1851. [data-theme="kr-designer"] .el-submenu.is-active .el-submenu__title {
  1852. border-bottom-color: #409eff;
  1853. }
  1854. [data-theme="kr-designer"]
  1855. .el-submenu.is-opened
  1856. > .el-submenu__title
  1857. .el-submenu__icon-arrow {
  1858. -webkit-transform: rotateZ(180deg);
  1859. transform: rotateZ(180deg);
  1860. }
  1861. [data-theme="kr-designer"] .el-submenu.is-disabled .el-menu-item,
  1862. [data-theme="kr-designer"] .el-submenu.is-disabled .el-submenu__title {
  1863. opacity: 0.25;
  1864. cursor: not-allowed;
  1865. background: 0 0 !important;
  1866. }
  1867. [data-theme="kr-designer"] .el-submenu [class^="el-icon-"] {
  1868. vertical-align: middle;
  1869. margin-right: 5px;
  1870. width: 24px;
  1871. text-align: center;
  1872. font-size: 18px;
  1873. }
  1874. .el-menu-item-group__title {
  1875. padding: 7px 0 7px 20px;
  1876. line-height: normal;
  1877. font-size: 12px;
  1878. color: #909399;
  1879. }
  1880. [data-theme="kr-designer"]
  1881. .horizontal-collapse-transition
  1882. .el-submenu__title
  1883. .el-submenu__icon-arrow {
  1884. -webkit-transition: 0.2s;
  1885. transition: 0.2s;
  1886. opacity: 0;
  1887. }
  1888. [data-theme="kr-designer"] .el-radio-group {
  1889. display: inline-block;
  1890. line-height: 1;
  1891. vertical-align: middle;
  1892. font-size: 0;
  1893. }
  1894. [data-theme="kr-designer"] .el-radio-button {
  1895. position: relative;
  1896. display: inline-block;
  1897. outline: 0;
  1898. }
  1899. .el-radio-button__inner {
  1900. display: inline-block;
  1901. line-height: 1;
  1902. white-space: nowrap;
  1903. background: #fff;
  1904. border: 1px solid #dcdfe6;
  1905. font-weight: 500;
  1906. border-left: 0;
  1907. color: #606266;
  1908. -webkit-appearance: none;
  1909. text-align: center;
  1910. box-sizing: border-box;
  1911. margin: 0;
  1912. position: relative;
  1913. cursor: pointer;
  1914. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  1915. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  1916. padding: 12px 20px;
  1917. font-size: 14px;
  1918. border-radius: 0;
  1919. }
  1920. .el-radio-button__inner.is-round {
  1921. padding: 12px 20px;
  1922. }
  1923. .el-radio-button__inner:hover {
  1924. color: #409eff;
  1925. }
  1926. .el-radio-button__inner [class*="el-icon-"] {
  1927. line-height: 0.9;
  1928. }
  1929. .el-radio-button__inner [class*="el-icon-"] + span {
  1930. margin-left: 5px;
  1931. }
  1932. [data-theme="kr-designer"]
  1933. .el-radio-button:first-child
  1934. .el-radio-button__inner {
  1935. border-left: 1px solid #dcdfe6;
  1936. border-radius: 4px 0 0 4px;
  1937. -webkit-box-shadow: none !important;
  1938. box-shadow: none !important;
  1939. }
  1940. .el-radio-button__orig-radio {
  1941. opacity: 0;
  1942. outline: 0;
  1943. position: absolute;
  1944. z-index: -1;
  1945. }
  1946. .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  1947. color: #fff;
  1948. background-color: #409eff;
  1949. border-color: #409eff;
  1950. -webkit-box-shadow: -1px 0 0 0 #409eff;
  1951. box-shadow: -1px 0 0 0 #409eff;
  1952. }
  1953. .el-radio-button__orig-radio:disabled + .el-radio-button__inner {
  1954. color: #c0c4cc;
  1955. cursor: not-allowed;
  1956. background-image: none;
  1957. background-color: #fff;
  1958. border-color: #ebeef5;
  1959. -webkit-box-shadow: none;
  1960. box-shadow: none;
  1961. }
  1962. .el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
  1963. background-color: #f2f6fc;
  1964. }
  1965. [data-theme="kr-designer"] .el-radio-button:last-child .el-radio-button__inner {
  1966. border-radius: 0 4px 4px 0;
  1967. }
  1968. [data-theme="kr-designer"]
  1969. .el-radio-button:first-child:last-child
  1970. .el-radio-button__inner {
  1971. border-radius: 4px;
  1972. }
  1973. [data-theme="kr-designer"] .el-radio-button--medium .el-radio-button__inner {
  1974. padding: 10px 20px;
  1975. font-size: 14px;
  1976. border-radius: 0;
  1977. }
  1978. [data-theme="kr-designer"]
  1979. .el-radio-button--medium
  1980. .el-radio-button__inner.is-round {
  1981. padding: 10px 20px;
  1982. }
  1983. [data-theme="kr-designer"] .el-radio-button--small .el-radio-button__inner {
  1984. padding: 9px 15px;
  1985. font-size: 12px;
  1986. border-radius: 0;
  1987. }
  1988. [data-theme="kr-designer"]
  1989. .el-radio-button--small
  1990. .el-radio-button__inner.is-round {
  1991. padding: 9px 15px;
  1992. }
  1993. [data-theme="kr-designer"] .el-radio-button--mini .el-radio-button__inner {
  1994. padding: 7px 15px;
  1995. font-size: 12px;
  1996. border-radius: 0;
  1997. }
  1998. [data-theme="kr-designer"]
  1999. .el-radio-button--mini
  2000. .el-radio-button__inner.is-round {
  2001. padding: 7px 15px;
  2002. }
  2003. [data-theme="kr-designer"]
  2004. .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  2005. -webkit-box-shadow: 0 0 2px 2px #409eff;
  2006. box-shadow: 0 0 2px 2px #409eff;
  2007. }
  2008. [data-theme="kr-designer"] .el-switch {
  2009. display: -webkit-inline-box;
  2010. display: -ms-inline-flexbox;
  2011. display: inline-flex;
  2012. -webkit-box-align: center;
  2013. -ms-flex-align: center;
  2014. align-items: center;
  2015. position: relative;
  2016. font-size: 14px;
  2017. line-height: 20px;
  2018. height: 20px;
  2019. vertical-align: middle;
  2020. }
  2021. .el-switch__core,
  2022. .el-switch__label {
  2023. display: inline-block;
  2024. cursor: pointer;
  2025. }
  2026. [data-theme="kr-designer"] .el-switch.is-disabled .el-switch__core,
  2027. [data-theme="kr-designer"] .el-switch.is-disabled .el-switch__label {
  2028. cursor: not-allowed;
  2029. }
  2030. .el-switch__label {
  2031. -webkit-transition: 0.2s;
  2032. transition: 0.2s;
  2033. height: 20px;
  2034. font-size: 14px;
  2035. font-weight: 500;
  2036. vertical-align: middle;
  2037. color: #303133;
  2038. }
  2039. .el-switch__label.is-active {
  2040. color: #409eff;
  2041. }
  2042. .el-switch__label--left {
  2043. margin-right: 10px;
  2044. }
  2045. .el-switch__label--right {
  2046. margin-left: 10px;
  2047. }
  2048. .el-switch__label * {
  2049. line-height: 1;
  2050. font-size: 14px;
  2051. display: inline-block;
  2052. }
  2053. .el-switch__input {
  2054. position: absolute;
  2055. width: 0;
  2056. height: 0;
  2057. opacity: 0;
  2058. margin: 0;
  2059. }
  2060. .el-switch__core {
  2061. margin: 0;
  2062. position: relative;
  2063. width: 40px;
  2064. height: 20px;
  2065. border: 1px solid #dcdfe6;
  2066. border-radius: 10px;
  2067. box-sizing: border-box;
  2068. background: #dcdfe6;
  2069. -webkit-transition: border-color 0.3s, background-color 0.3s;
  2070. transition: border-color 0.3s, background-color 0.3s;
  2071. }
  2072. .el-switch__core:after {
  2073. content: "";
  2074. position: absolute;
  2075. top: 1px;
  2076. left: 1px;
  2077. border-radius: 100%;
  2078. -webkit-transition: all 0.3s;
  2079. transition: all 0.3s;
  2080. width: 16px;
  2081. height: 16px;
  2082. background-color: #fff;
  2083. }
  2084. [data-theme="kr-designer"] .el-switch.is-checked .el-switch__core {
  2085. border-color: #409eff;
  2086. background-color: #409eff;
  2087. }
  2088. [data-theme="kr-designer"] .el-switch.is-checked .el-switch__core::after {
  2089. left: 100%;
  2090. margin-left: -17px;
  2091. }
  2092. [data-theme="kr-designer"] .el-switch.is-disabled {
  2093. opacity: 0.6;
  2094. }
  2095. [data-theme="kr-designer"]
  2096. .el-switch--wide
  2097. .el-switch__label.el-switch__label--left
  2098. span {
  2099. left: 10px;
  2100. }
  2101. [data-theme="kr-designer"]
  2102. .el-switch--wide
  2103. .el-switch__label.el-switch__label--right
  2104. span {
  2105. right: 10px;
  2106. }
  2107. [data-theme="kr-designer"] .el-switch .label-fade-enter,
  2108. [data-theme="kr-designer"] .el-switch .label-fade-leave-active {
  2109. opacity: 0;
  2110. }
  2111. [data-theme="kr-designer"] .el-select-dropdown {
  2112. position: absolute;
  2113. z-index: 1001;
  2114. border: 1px solid #e4e7ed;
  2115. border-radius: 4px;
  2116. background-color: #fff;
  2117. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  2118. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  2119. -webkit-box-sizing: border-box;
  2120. box-sizing: border-box;
  2121. margin: 5px 0;
  2122. }
  2123. [data-theme="kr-designer"]
  2124. .el-select-dropdown.is-multiple
  2125. .el-select-dropdown__item.selected {
  2126. color: #409eff;
  2127. background-color: #fff;
  2128. }
  2129. [data-theme="kr-designer"]
  2130. .el-select-dropdown.is-multiple
  2131. .el-select-dropdown__item.selected.hover {
  2132. background-color: #f5f7fa;
  2133. }
  2134. [data-theme="kr-designer"]
  2135. .el-select-dropdown.is-multiple
  2136. .el-select-dropdown__item.selected::after {
  2137. position: absolute;
  2138. right: 20px;
  2139. font-family: kr-element-icons;
  2140. content: "\e6da";
  2141. font-size: 12px;
  2142. font-weight: 700;
  2143. -webkit-font-smoothing: antialiased;
  2144. -moz-osx-font-smoothing: grayscale;
  2145. }
  2146. [data-theme="kr-designer"] .el-select-dropdown__empty {
  2147. padding: 10px 0;
  2148. margin: 0;
  2149. text-align: center;
  2150. color: #999;
  2151. font-size: 14px;
  2152. }
  2153. [data-theme="kr-designer"] .el-select-dropdown__wrap {
  2154. max-height: 274px;
  2155. }
  2156. [data-theme="kr-designer"] .el-select-dropdown__list {
  2157. list-style: none;
  2158. padding: 6px 0;
  2159. margin: 0;
  2160. -webkit-box-sizing: border-box;
  2161. box-sizing: border-box;
  2162. }
  2163. .el-select-dropdown__item {
  2164. font-size: 14px;
  2165. padding: 0 20px;
  2166. position: relative;
  2167. white-space: nowrap;
  2168. overflow: hidden;
  2169. text-overflow: ellipsis;
  2170. color: #606266;
  2171. height: 34px;
  2172. line-height: 34px;
  2173. -webkit-box-sizing: border-box;
  2174. box-sizing: border-box;
  2175. cursor: pointer;
  2176. }
  2177. .el-select-dropdown__item.is-disabled {
  2178. color: #c0c4cc;
  2179. cursor: not-allowed;
  2180. }
  2181. .el-select-dropdown__item.is-disabled:hover {
  2182. background-color: #fff;
  2183. }
  2184. .el-select-dropdown__item.hover,
  2185. .el-select-dropdown__item:hover {
  2186. background-color: #f5f7fa;
  2187. }
  2188. .el-select-dropdown__item.selected {
  2189. color: #409eff;
  2190. font-weight: 700;
  2191. }
  2192. [data-theme="kr-designer"] .el-select-group {
  2193. margin: 0;
  2194. padding: 0;
  2195. }
  2196. .el-select-group__wrap {
  2197. position: relative;
  2198. list-style: none;
  2199. margin: 0;
  2200. padding: 0;
  2201. }
  2202. .el-select-group__wrap:not(:last-of-type) {
  2203. padding-bottom: 24px;
  2204. }
  2205. .el-select-group__wrap:not(:last-of-type)::after {
  2206. content: "";
  2207. position: absolute;
  2208. display: block;
  2209. left: 20px;
  2210. right: 20px;
  2211. bottom: 12px;
  2212. height: 1px;
  2213. background: #e4e7ed;
  2214. }
  2215. .el-select-group__title {
  2216. padding-left: 20px;
  2217. font-size: 12px;
  2218. color: #909399;
  2219. line-height: 30px;
  2220. }
  2221. [data-theme="kr-designer"] .el-select-group .el-select-dropdown__item {
  2222. padding-left: 20px;
  2223. }
  2224. [data-theme="kr-designer"] .el-select {
  2225. display: inline-block;
  2226. position: relative;
  2227. }
  2228. [data-theme="kr-designer"] .el-select .el-select__tags > span {
  2229. display: contents;
  2230. }
  2231. [data-theme="kr-designer"] .el-select:hover .el-input__inner {
  2232. border-color: #c0c4cc;
  2233. }
  2234. [data-theme="kr-designer"] .el-select .el-input__inner {
  2235. cursor: pointer;
  2236. padding-right: 35px;
  2237. }
  2238. [data-theme="kr-designer"] .el-select .el-input__inner:focus {
  2239. border-color: #409eff;
  2240. }
  2241. [data-theme="kr-designer"] .el-select .el-input .el-select__caret {
  2242. color: #c0c4cc;
  2243. font-size: 14px;
  2244. -webkit-transition: -webkit-transform 0.3s;
  2245. transition: -webkit-transform 0.3s;
  2246. transition: transform 0.3s;
  2247. transition: transform 0.3s, -webkit-transform 0.3s;
  2248. -webkit-transform: rotateZ(180deg);
  2249. transform: rotateZ(180deg);
  2250. cursor: pointer;
  2251. }
  2252. [data-theme="kr-designer"] .el-select .el-input .el-select__caret.is-reverse {
  2253. -webkit-transform: rotateZ(0);
  2254. transform: rotateZ(0);
  2255. }
  2256. [data-theme="kr-designer"]
  2257. .el-select
  2258. .el-input
  2259. .el-select__caret.is-show-close {
  2260. font-size: 14px;
  2261. text-align: center;
  2262. -webkit-transform: rotateZ(180deg);
  2263. transform: rotateZ(180deg);
  2264. border-radius: 100%;
  2265. color: #c0c4cc;
  2266. -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  2267. transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  2268. }
  2269. [data-theme="kr-designer"]
  2270. .el-select
  2271. .el-input
  2272. .el-select__caret.is-show-close:hover {
  2273. color: #909399;
  2274. }
  2275. [data-theme="kr-designer"] .el-select .el-input.is-disabled .el-input__inner {
  2276. cursor: not-allowed;
  2277. }
  2278. [data-theme="kr-designer"]
  2279. .el-select
  2280. .el-input.is-disabled
  2281. .el-input__inner:hover {
  2282. border-color: #e4e7ed;
  2283. }
  2284. .el-range-editor.is-active,
  2285. .el-range-editor.is-active:hover,
  2286. [data-theme="kr-designer"] .el-select .el-input.is-focus .el-input__inner {
  2287. border-color: #409eff;
  2288. }
  2289. [data-theme="kr-designer"] .el-select > .el-input {
  2290. display: block;
  2291. }
  2292. .el-select__input {
  2293. border: none;
  2294. outline: 0;
  2295. padding: 0;
  2296. margin-left: 15px;
  2297. color: #666;
  2298. font-size: 14px;
  2299. -webkit-appearance: none;
  2300. -moz-appearance: none;
  2301. appearance: none;
  2302. height: 28px;
  2303. background-color: transparent;
  2304. }
  2305. .el-select__input.is-mini {
  2306. height: 14px;
  2307. }
  2308. .el-select__close {
  2309. cursor: pointer;
  2310. position: absolute;
  2311. top: 8px;
  2312. z-index: 1000;
  2313. right: 25px;
  2314. color: #c0c4cc;
  2315. line-height: 18px;
  2316. font-size: 14px;
  2317. }
  2318. .el-select__close:hover {
  2319. color: #909399;
  2320. }
  2321. .el-select__tags {
  2322. position: absolute;
  2323. line-height: normal;
  2324. white-space: normal;
  2325. z-index: 1;
  2326. top: 50%;
  2327. -webkit-transform: translateY(-50%);
  2328. transform: translateY(-50%);
  2329. display: -webkit-box;
  2330. display: -ms-flexbox;
  2331. display: flex;
  2332. -webkit-box-align: center;
  2333. -ms-flex-align: center;
  2334. align-items: center;
  2335. -ms-flex-wrap: wrap;
  2336. flex-wrap: wrap;
  2337. }
  2338. [data-theme="kr-designer"] .el-select .el-tag__close {
  2339. margin-top: -2px;
  2340. }
  2341. [data-theme="kr-designer"] .el-select .el-tag {
  2342. -webkit-box-sizing: border-box;
  2343. box-sizing: border-box;
  2344. border-color: transparent;
  2345. margin: 2px 0 2px 6px;
  2346. background-color: #f0f2f5;
  2347. }
  2348. [data-theme="kr-designer"] .el-select .el-tag__close.el-icon-close {
  2349. background-color: #c0c4cc;
  2350. right: -7px;
  2351. top: 0;
  2352. color: #fff;
  2353. }
  2354. [data-theme="kr-designer"] .el-select .el-tag__close.el-icon-close:hover {
  2355. background-color: #909399;
  2356. }
  2357. [data-theme="kr-designer"] .el-select .el-tag__close.el-icon-close::before {
  2358. display: block;
  2359. -webkit-transform: translate(0, 0.5px);
  2360. transform: translate(0, 0.5px);
  2361. }
  2362. [data-theme="kr-designer"] .el-table {
  2363. position: relative;
  2364. overflow: hidden;
  2365. -webkit-box-sizing: border-box;
  2366. box-sizing: border-box;
  2367. -webkit-box-flex: 1;
  2368. -ms-flex: 1;
  2369. flex: 1;
  2370. width: 100%;
  2371. max-width: 100%;
  2372. background-color: #fff;
  2373. font-size: 14px;
  2374. color: #606266;
  2375. }
  2376. .el-table__empty-block {
  2377. min-height: 60px;
  2378. text-align: center;
  2379. width: 100%;
  2380. display: -webkit-box;
  2381. display: -ms-flexbox;
  2382. display: flex;
  2383. -webkit-box-pack: center;
  2384. -ms-flex-pack: center;
  2385. justify-content: center;
  2386. -webkit-box-align: center;
  2387. -ms-flex-align: center;
  2388. align-items: center;
  2389. }
  2390. .el-table__empty-text {
  2391. line-height: 60px;
  2392. width: 50%;
  2393. color: #909399;
  2394. }
  2395. .el-table__expand-column .cell {
  2396. padding: 0;
  2397. text-align: center;
  2398. }
  2399. .el-table__expand-icon {
  2400. position: relative;
  2401. cursor: pointer;
  2402. color: #666;
  2403. font-size: 12px;
  2404. -webkit-transition: -webkit-transform 0.2s ease-in-out;
  2405. transition: -webkit-transform 0.2s ease-in-out;
  2406. transition: transform 0.2s ease-in-out;
  2407. transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  2408. height: 20px;
  2409. }
  2410. .el-table__expand-icon--expanded {
  2411. -webkit-transform: rotate(90deg);
  2412. transform: rotate(90deg);
  2413. }
  2414. .el-table__expand-icon > .el-icon {
  2415. position: absolute;
  2416. left: 50%;
  2417. top: 50%;
  2418. margin-left: -5px;
  2419. margin-top: -5px;
  2420. }
  2421. .el-table__expanded-cell {
  2422. background-color: #fff;
  2423. }
  2424. .el-table__expanded-cell[class*="cell"] {
  2425. padding: 20px 50px;
  2426. }
  2427. .el-table__expanded-cell:hover {
  2428. background-color: transparent !important;
  2429. }
  2430. .el-table__placeholder {
  2431. display: inline-block;
  2432. width: 20px;
  2433. }
  2434. .el-table__append-wrapper {
  2435. overflow: hidden;
  2436. }
  2437. [data-theme="kr-designer"] .el-table--fit {
  2438. border-right: 0;
  2439. border-bottom: 0;
  2440. }
  2441. [data-theme="kr-designer"] .el-table--fit td.gutter,
  2442. [data-theme="kr-designer"] .el-table--fit th.gutter {
  2443. border-right-width: 1px;
  2444. }
  2445. [data-theme="kr-designer"] .el-table--scrollable-x .el-table__body-wrapper {
  2446. overflow-x: auto;
  2447. }
  2448. [data-theme="kr-designer"] .el-table--scrollable-y .el-table__body-wrapper {
  2449. overflow-y: auto;
  2450. }
  2451. [data-theme="kr-designer"] .el-table thead {
  2452. color: #909399;
  2453. font-weight: 500;
  2454. }
  2455. [data-theme="kr-designer"] .el-table thead.is-group th {
  2456. background: #f5f7fa;
  2457. }
  2458. [data-theme="kr-designer"] .el-table td,
  2459. [data-theme="kr-designer"] .el-table th {
  2460. padding: 12px 0;
  2461. min-width: 0;
  2462. -webkit-box-sizing: border-box;
  2463. box-sizing: border-box;
  2464. text-overflow: ellipsis;
  2465. vertical-align: middle;
  2466. position: relative;
  2467. text-align: left;
  2468. }
  2469. [data-theme="kr-designer"] .el-table td.is-center,
  2470. [data-theme="kr-designer"] .el-table th.is-center {
  2471. text-align: center;
  2472. }
  2473. [data-theme="kr-designer"] .el-table td.is-right,
  2474. [data-theme="kr-designer"] .el-table th.is-right {
  2475. text-align: right;
  2476. }
  2477. [data-theme="kr-designer"] .el-table td.gutter,
  2478. [data-theme="kr-designer"] .el-table th.gutter {
  2479. width: 15px;
  2480. border-right-width: 0;
  2481. border-bottom-width: 0;
  2482. padding: 0;
  2483. }
  2484. [data-theme="kr-designer"] .el-table td.is-hidden > *,
  2485. [data-theme="kr-designer"] .el-table th.is-hidden > * {
  2486. visibility: hidden;
  2487. }
  2488. [data-theme="kr-designer"] .el-table--medium td,
  2489. [data-theme="kr-designer"] .el-table--medium th {
  2490. padding: 10px 0;
  2491. }
  2492. [data-theme="kr-designer"] .el-table--small {
  2493. font-size: 12px;
  2494. }
  2495. [data-theme="kr-designer"] .el-table--small td,
  2496. [data-theme="kr-designer"] .el-table--small th {
  2497. padding: 8px 0;
  2498. }
  2499. [data-theme="kr-designer"] .el-table--mini {
  2500. font-size: 12px;
  2501. }
  2502. [data-theme="kr-designer"] .el-table--mini td,
  2503. [data-theme="kr-designer"] .el-table--mini th {
  2504. padding: 6px 0;
  2505. }
  2506. [data-theme="kr-designer"] .el-table tr {
  2507. background-color: #fff;
  2508. }
  2509. [data-theme="kr-designer"] .el-table tr input[type="checkbox"] {
  2510. margin: 0;
  2511. }
  2512. [data-theme="kr-designer"] .el-table td,
  2513. [data-theme="kr-designer"] .el-table th.is-leaf {
  2514. border-bottom: 1px solid #ebeef5;
  2515. }
  2516. [data-theme="kr-designer"] .el-table th.is-sortable {
  2517. cursor: pointer;
  2518. }
  2519. [data-theme="kr-designer"] .el-table th {
  2520. overflow: hidden;
  2521. -webkit-user-select: none;
  2522. -moz-user-select: none;
  2523. -ms-user-select: none;
  2524. user-select: none;
  2525. background-color: #fff;
  2526. }
  2527. .el-slider__button-wrapper,
  2528. .el-time-panel {
  2529. -ms-user-select: none;
  2530. -moz-user-select: none;
  2531. }
  2532. [data-theme="kr-designer"] .el-table th > .cell {
  2533. display: inline-block;
  2534. -webkit-box-sizing: border-box;
  2535. box-sizing: border-box;
  2536. position: relative;
  2537. vertical-align: middle;
  2538. padding-left: 10px;
  2539. padding-right: 10px;
  2540. width: 100%;
  2541. }
  2542. [data-theme="kr-designer"] .el-table th > .cell.highlight {
  2543. color: #409eff;
  2544. }
  2545. [data-theme="kr-designer"] .el-table th.required > div::before {
  2546. display: inline-block;
  2547. content: "";
  2548. width: 8px;
  2549. height: 8px;
  2550. border-radius: 50%;
  2551. background: #ff4d51;
  2552. margin-right: 5px;
  2553. vertical-align: middle;
  2554. }
  2555. [data-theme="kr-designer"] .el-table td div {
  2556. -webkit-box-sizing: border-box;
  2557. box-sizing: border-box;
  2558. }
  2559. [data-theme="kr-designer"] .el-table td.gutter {
  2560. width: 0;
  2561. }
  2562. [data-theme="kr-designer"] .el-table .cell {
  2563. -webkit-box-sizing: border-box;
  2564. box-sizing: border-box;
  2565. overflow: hidden;
  2566. text-overflow: ellipsis;
  2567. white-space: normal;
  2568. word-break: break-all;
  2569. line-height: 23px;
  2570. padding-left: 10px;
  2571. padding-right: 10px;
  2572. }
  2573. [data-theme="kr-designer"] .el-table .cell.el-tooltip {
  2574. white-space: nowrap;
  2575. min-width: 50px;
  2576. }
  2577. [data-theme="kr-designer"] .el-table--border,
  2578. [data-theme="kr-designer"] .el-table--group {
  2579. border: 1px solid #ebeef5;
  2580. }
  2581. [data-theme="kr-designer"] .el-table--border::after,
  2582. [data-theme="kr-designer"] .el-table--group::after,
  2583. [data-theme="kr-designer"] .el-table::before {
  2584. content: "";
  2585. position: absolute;
  2586. background-color: #ebeef5;
  2587. z-index: 1;
  2588. }
  2589. [data-theme="kr-designer"] .el-table--border::after,
  2590. [data-theme="kr-designer"] .el-table--group::after {
  2591. top: 0;
  2592. right: 0;
  2593. width: 1px;
  2594. height: 100%;
  2595. }
  2596. [data-theme="kr-designer"] .el-table::before {
  2597. left: 0;
  2598. bottom: 0;
  2599. width: 100%;
  2600. height: 1px;
  2601. }
  2602. [data-theme="kr-designer"] .el-table--border {
  2603. border-right: none;
  2604. border-bottom: none;
  2605. }
  2606. [data-theme="kr-designer"] .el-table--border.el-loading-parent--relative {
  2607. border-color: transparent;
  2608. }
  2609. .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed,
  2610. [data-theme="kr-designer"] .el-table--border td,
  2611. [data-theme="kr-designer"] .el-table--border th {
  2612. border-right: 1px solid #ebeef5;
  2613. }
  2614. [data-theme="kr-designer"] .el-table--border td:first-child .cell,
  2615. [data-theme="kr-designer"] .el-table--border th:first-child .cell {
  2616. padding-left: 10px;
  2617. }
  2618. [data-theme="kr-designer"] .el-table--border th.gutter:last-of-type {
  2619. border-bottom: 1px solid #ebeef5;
  2620. border-bottom-width: 1px;
  2621. }
  2622. .el-table__fixed-right-patch,
  2623. [data-theme="kr-designer"] .el-table--border th {
  2624. border-bottom: 1px solid #ebeef5;
  2625. }
  2626. [data-theme="kr-designer"] .el-table--hidden {
  2627. visibility: hidden;
  2628. }
  2629. .el-table__fixed,
  2630. .el-table__fixed-right {
  2631. position: absolute;
  2632. top: 0;
  2633. left: 0;
  2634. overflow-x: hidden;
  2635. overflow-y: hidden;
  2636. -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  2637. box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  2638. }
  2639. .el-table__fixed-right::before,
  2640. .el-table__fixed::before {
  2641. content: "";
  2642. position: absolute;
  2643. left: 0;
  2644. bottom: 0;
  2645. width: 100%;
  2646. height: 1px;
  2647. background-color: #ebeef5;
  2648. z-index: 4;
  2649. }
  2650. .el-table__fixed-right-patch {
  2651. position: absolute;
  2652. top: -1px;
  2653. right: 0;
  2654. background-color: #fff;
  2655. }
  2656. .el-table__fixed-right {
  2657. top: 0;
  2658. left: auto;
  2659. right: 0;
  2660. }
  2661. .el-table__fixed-right .el-table__fixed-body-wrapper,
  2662. .el-table__fixed-right .el-table__fixed-footer-wrapper,
  2663. .el-table__fixed-right .el-table__fixed-header-wrapper {
  2664. left: auto;
  2665. right: 0;
  2666. }
  2667. .el-table__fixed-header-wrapper {
  2668. position: absolute;
  2669. left: 0;
  2670. top: 0;
  2671. z-index: 3;
  2672. }
  2673. .el-table__fixed-footer-wrapper {
  2674. position: absolute;
  2675. left: 0;
  2676. bottom: 0;
  2677. z-index: 3;
  2678. }
  2679. .el-table__fixed-footer-wrapper tbody td {
  2680. border-top: 1px solid #ebeef5;
  2681. background-color: #f5f7fa;
  2682. color: #606266;
  2683. }
  2684. .el-table__fixed-body-wrapper {
  2685. position: absolute;
  2686. left: 0;
  2687. top: 37px;
  2688. overflow: hidden;
  2689. z-index: 3;
  2690. }
  2691. .el-table__body-wrapper,
  2692. .el-table__footer-wrapper,
  2693. .el-table__header-wrapper {
  2694. width: 100%;
  2695. }
  2696. .el-table__footer-wrapper {
  2697. margin-top: -1px;
  2698. }
  2699. .el-table__footer-wrapper td {
  2700. border-top: 1px solid #ebeef5;
  2701. }
  2702. .el-table__body,
  2703. .el-table__footer,
  2704. .el-table__header {
  2705. table-layout: fixed;
  2706. border-collapse: separate;
  2707. }
  2708. .el-table__footer-wrapper,
  2709. .el-table__header-wrapper {
  2710. overflow: hidden;
  2711. }
  2712. .el-table__footer-wrapper tbody td,
  2713. .el-table__header-wrapper tbody td {
  2714. background-color: #f5f7fa;
  2715. color: #606266;
  2716. }
  2717. .el-table__body-wrapper {
  2718. overflow: hidden;
  2719. position: relative;
  2720. }
  2721. .el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed,
  2722. .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
  2723. .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right,
  2724. .el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
  2725. -webkit-box-shadow: none;
  2726. box-shadow: none;
  2727. }
  2728. .el-table__body-wrapper
  2729. .el-table--border.is-scrolling-right
  2730. ~ .el-table__fixed-right {
  2731. border-left: 1px solid #ebeef5;
  2732. }
  2733. [data-theme="kr-designer"] .el-table .caret-wrapper {
  2734. display: -webkit-inline-box;
  2735. display: -ms-inline-flexbox;
  2736. display: inline-flex;
  2737. -webkit-box-orient: vertical;
  2738. -webkit-box-direction: normal;
  2739. -ms-flex-direction: column;
  2740. flex-direction: column;
  2741. -webkit-box-align: center;
  2742. -ms-flex-align: center;
  2743. align-items: center;
  2744. height: 34px;
  2745. width: 24px;
  2746. vertical-align: middle;
  2747. cursor: pointer;
  2748. overflow: initial;
  2749. position: relative;
  2750. }
  2751. [data-theme="kr-designer"] .el-table .sort-caret {
  2752. width: 0;
  2753. height: 0;
  2754. border: 5px solid transparent;
  2755. position: absolute;
  2756. left: 7px;
  2757. }
  2758. [data-theme="kr-designer"] .el-table .sort-caret.ascending {
  2759. border-bottom-color: #c0c4cc;
  2760. top: 5px;
  2761. }
  2762. [data-theme="kr-designer"] .el-table .sort-caret.descending {
  2763. border-top-color: #c0c4cc;
  2764. bottom: 7px;
  2765. }
  2766. [data-theme="kr-designer"] .el-table .ascending .sort-caret.ascending {
  2767. border-bottom-color: #409eff;
  2768. }
  2769. [data-theme="kr-designer"] .el-table .descending .sort-caret.descending {
  2770. border-top-color: #409eff;
  2771. }
  2772. [data-theme="kr-designer"] .el-table .hidden-columns {
  2773. visibility: hidden;
  2774. position: absolute;
  2775. z-index: -1;
  2776. }
  2777. [data-theme="kr-designer"]
  2778. .el-table--striped
  2779. .el-table__body
  2780. tr.el-table__row--striped
  2781. td {
  2782. background: #fafafa;
  2783. }
  2784. [data-theme="kr-designer"]
  2785. .el-table--striped
  2786. .el-table__body
  2787. tr.el-table__row--striped.current-row
  2788. td {
  2789. background-color: #ecf5ff;
  2790. }
  2791. .el-table__body tr.hover-row.current-row > td,
  2792. .el-table__body tr.hover-row.el-table__row--striped.current-row > td,
  2793. .el-table__body tr.hover-row.el-table__row--striped > td,
  2794. .el-table__body tr.hover-row > td {
  2795. background-color: #f5f7fa;
  2796. }
  2797. .el-table__body tr.current-row > td {
  2798. background-color: #ecf5ff;
  2799. }
  2800. .el-table__column-resize-proxy {
  2801. position: absolute;
  2802. left: 200px;
  2803. top: 0;
  2804. bottom: 0;
  2805. width: 0;
  2806. border-left: 1px solid #ebeef5;
  2807. z-index: 10;
  2808. }
  2809. .el-table__column-filter-trigger {
  2810. display: inline-block;
  2811. line-height: 34px;
  2812. cursor: pointer;
  2813. }
  2814. .el-table__column-filter-trigger i {
  2815. color: #909399;
  2816. font-size: 12px;
  2817. -webkit-transform: scale(0.75);
  2818. transform: scale(0.75);
  2819. }
  2820. [data-theme="kr-designer"] .el-table--enable-row-transition .el-table__body td {
  2821. -webkit-transition: background-color 0.25s ease;
  2822. transition: background-color 0.25s ease;
  2823. }
  2824. [data-theme="kr-designer"]
  2825. .el-table--enable-row-hover
  2826. .el-table__body
  2827. tr:hover
  2828. > td {
  2829. background-color: #f5f7fa;
  2830. }
  2831. [data-theme="kr-designer"] .el-table--fluid-height .el-table__fixed,
  2832. [data-theme="kr-designer"] .el-table--fluid-height .el-table__fixed-right {
  2833. bottom: 0;
  2834. overflow: hidden;
  2835. }
  2836. [data-theme="kr-designer"]
  2837. .el-table
  2838. [class*="el-table__row--level"]
  2839. .el-table__expand-icon {
  2840. display: inline-block;
  2841. width: 20px;
  2842. line-height: 20px;
  2843. height: 20px;
  2844. text-align: center;
  2845. margin-right: 3px;
  2846. }
  2847. [data-theme="kr-designer"] .el-table-column--selection .cell {
  2848. padding-left: 14px;
  2849. padding-right: 14px;
  2850. }
  2851. [data-theme="kr-designer"] .el-table-filter {
  2852. border: 1px solid #ebeef5;
  2853. border-radius: 2px;
  2854. background-color: #fff;
  2855. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  2856. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  2857. -webkit-box-sizing: border-box;
  2858. box-sizing: border-box;
  2859. margin: 2px 0;
  2860. }
  2861. .el-table-filter__list {
  2862. padding: 5px 0;
  2863. margin: 0;
  2864. list-style: none;
  2865. min-width: 100px;
  2866. }
  2867. .el-table-filter__list-item {
  2868. line-height: 36px;
  2869. padding: 0 10px;
  2870. cursor: pointer;
  2871. font-size: 14px;
  2872. }
  2873. .el-table-filter__list-item:hover {
  2874. background-color: #ecf5ff;
  2875. color: #66b1ff;
  2876. }
  2877. .el-table-filter__list-item.is-active {
  2878. background-color: #409eff;
  2879. color: #fff;
  2880. }
  2881. .el-table-filter__content {
  2882. min-width: 100px;
  2883. }
  2884. .el-table-filter__bottom {
  2885. border-top: 1px solid #ebeef5;
  2886. padding: 8px;
  2887. }
  2888. .el-table-filter__bottom button {
  2889. background: 0 0;
  2890. border: none;
  2891. color: #606266;
  2892. cursor: pointer;
  2893. font-size: 13px;
  2894. padding: 0 3px;
  2895. }
  2896. .el-date-table td.in-range div,
  2897. .el-date-table td.in-range div:hover,
  2898. .el-date-table.is-week-mode .el-date-table__row.current div,
  2899. .el-date-table.is-week-mode .el-date-table__row:hover div {
  2900. background-color: #f2f6fc;
  2901. }
  2902. .el-table-filter__bottom button:hover {
  2903. color: #409eff;
  2904. }
  2905. .el-table-filter__bottom button:focus {
  2906. outline: 0;
  2907. }
  2908. .el-table-filter__bottom button.is-disabled {
  2909. color: #c0c4cc;
  2910. cursor: not-allowed;
  2911. }
  2912. .el-table-filter__wrap {
  2913. max-height: 280px;
  2914. }
  2915. .el-table-filter__checkbox-group {
  2916. padding: 10px;
  2917. }
  2918. .el-table-filter__checkbox-group label.el-checkbox {
  2919. display: block;
  2920. margin-right: 5px;
  2921. margin-bottom: 8px;
  2922. margin-left: 5px;
  2923. }
  2924. .el-table-filter__checkbox-group .el-checkbox:last-child {
  2925. margin-bottom: 0;
  2926. }
  2927. .el-date-table {
  2928. font-size: 12px;
  2929. -webkit-user-select: none;
  2930. -moz-user-select: none;
  2931. -ms-user-select: none;
  2932. user-select: none;
  2933. }
  2934. .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  2935. color: #606266;
  2936. }
  2937. .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
  2938. margin-left: 5px;
  2939. border-top-left-radius: 15px;
  2940. border-bottom-left-radius: 15px;
  2941. }
  2942. .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
  2943. margin-right: 5px;
  2944. border-top-right-radius: 15px;
  2945. border-bottom-right-radius: 15px;
  2946. }
  2947. .el-date-table td {
  2948. width: 32px;
  2949. height: 30px;
  2950. padding: 4px 0;
  2951. -webkit-box-sizing: border-box;
  2952. box-sizing: border-box;
  2953. text-align: center;
  2954. cursor: pointer;
  2955. position: relative;
  2956. }
  2957. .el-date-table td div {
  2958. height: 30px;
  2959. padding: 3px 0;
  2960. -webkit-box-sizing: border-box;
  2961. box-sizing: border-box;
  2962. }
  2963. .el-date-table td span {
  2964. width: 24px;
  2965. height: 24px;
  2966. display: block;
  2967. margin: 0 auto;
  2968. line-height: 24px;
  2969. position: absolute;
  2970. left: 50%;
  2971. -webkit-transform: translateX(-50%);
  2972. transform: translateX(-50%);
  2973. border-radius: 50%;
  2974. }
  2975. .el-date-table td.next-month,
  2976. .el-date-table td.prev-month {
  2977. color: #c0c4cc;
  2978. }
  2979. .el-date-table td.today {
  2980. position: relative;
  2981. }
  2982. .el-date-table td.today span {
  2983. color: #409eff;
  2984. font-weight: 700;
  2985. }
  2986. .el-date-table td.today.end-date span,
  2987. .el-date-table td.today.start-date span {
  2988. color: #fff;
  2989. }
  2990. .el-date-table td.available:hover {
  2991. color: #409eff;
  2992. }
  2993. .el-date-table td.current:not(.disabled) span {
  2994. color: #fff;
  2995. background-color: #409eff;
  2996. }
  2997. .el-date-table td.end-date div,
  2998. .el-date-table td.start-date div {
  2999. color: #fff;
  3000. }
  3001. .el-date-table td.end-date span,
  3002. .el-date-table td.start-date span {
  3003. background-color: #409eff;
  3004. }
  3005. .el-date-table td.start-date div {
  3006. margin-left: 5px;
  3007. border-top-left-radius: 15px;
  3008. border-bottom-left-radius: 15px;
  3009. }
  3010. .el-date-table td.end-date div {
  3011. margin-right: 5px;
  3012. border-top-right-radius: 15px;
  3013. border-bottom-right-radius: 15px;
  3014. }
  3015. .el-date-table td.disabled div {
  3016. background-color: #f5f7fa;
  3017. opacity: 1;
  3018. cursor: not-allowed;
  3019. color: #c0c4cc;
  3020. }
  3021. .el-date-table td.selected div {
  3022. margin-left: 5px;
  3023. margin-right: 5px;
  3024. background-color: #f2f6fc;
  3025. border-radius: 15px;
  3026. }
  3027. .el-date-table td.selected div:hover {
  3028. background-color: #f2f6fc;
  3029. }
  3030. .el-date-table td.selected span {
  3031. background-color: #409eff;
  3032. color: #fff;
  3033. border-radius: 15px;
  3034. }
  3035. .el-date-table td.week {
  3036. font-size: 80%;
  3037. color: #606266;
  3038. }
  3039. .el-date-table th {
  3040. padding: 5px;
  3041. color: #606266;
  3042. font-weight: 400;
  3043. border-bottom: solid 1px #ebeef5;
  3044. }
  3045. .el-month-table {
  3046. font-size: 12px;
  3047. margin: -1px;
  3048. border-collapse: collapse;
  3049. }
  3050. .el-month-table td {
  3051. text-align: center;
  3052. padding: 8px 0;
  3053. cursor: pointer;
  3054. }
  3055. .el-month-table td div {
  3056. height: 48px;
  3057. padding: 6px 0;
  3058. -webkit-box-sizing: border-box;
  3059. box-sizing: border-box;
  3060. }
  3061. .el-month-table td.today .cell {
  3062. color: #409eff;
  3063. font-weight: 700;
  3064. }
  3065. .el-month-table td.today.end-date .cell,
  3066. .el-month-table td.today.start-date .cell {
  3067. color: #fff;
  3068. }
  3069. .el-month-table td.disabled .cell {
  3070. background-color: #f5f7fa;
  3071. cursor: not-allowed;
  3072. color: #c0c4cc;
  3073. }
  3074. .el-month-table td.disabled .cell:hover {
  3075. color: #c0c4cc;
  3076. }
  3077. .el-month-table td .cell {
  3078. width: 60px;
  3079. height: 36px;
  3080. display: block;
  3081. line-height: 36px;
  3082. color: #606266;
  3083. margin: 0 auto;
  3084. border-radius: 18px;
  3085. }
  3086. .el-month-table td .cell:hover {
  3087. color: #409eff;
  3088. }
  3089. .el-month-table td.in-range div,
  3090. .el-month-table td.in-range div:hover {
  3091. background-color: #f2f6fc;
  3092. }
  3093. .el-month-table td.end-date div,
  3094. .el-month-table td.start-date div {
  3095. color: #fff;
  3096. }
  3097. .el-month-table td.end-date .cell,
  3098. .el-month-table td.start-date .cell {
  3099. color: #fff;
  3100. background-color: #409eff;
  3101. }
  3102. .el-month-table td.start-date div {
  3103. border-top-left-radius: 24px;
  3104. border-bottom-left-radius: 24px;
  3105. }
  3106. .el-month-table td.end-date div {
  3107. border-top-right-radius: 24px;
  3108. border-bottom-right-radius: 24px;
  3109. }
  3110. .el-month-table td.current:not(.disabled) .cell {
  3111. color: #409eff;
  3112. }
  3113. .el-year-table {
  3114. font-size: 12px;
  3115. margin: -1px;
  3116. border-collapse: collapse;
  3117. }
  3118. .el-year-table .el-icon {
  3119. color: #303133;
  3120. }
  3121. .el-year-table td {
  3122. text-align: center;
  3123. padding: 20px 3px;
  3124. cursor: pointer;
  3125. }
  3126. .el-year-table td.today .cell {
  3127. color: #409eff;
  3128. font-weight: 700;
  3129. }
  3130. .el-year-table td.disabled .cell {
  3131. background-color: #f5f7fa;
  3132. cursor: not-allowed;
  3133. color: #c0c4cc;
  3134. }
  3135. .el-year-table td.disabled .cell:hover {
  3136. color: #c0c4cc;
  3137. }
  3138. .el-year-table td .cell {
  3139. width: 48px;
  3140. height: 32px;
  3141. display: block;
  3142. line-height: 32px;
  3143. color: #606266;
  3144. margin: 0 auto;
  3145. }
  3146. .el-year-table td .cell:hover,
  3147. .el-year-table td.current:not(.disabled) .cell {
  3148. color: #409eff;
  3149. }
  3150. .el-date-range-picker {
  3151. width: 646px;
  3152. }
  3153. .el-date-range-picker.has-sidebar {
  3154. width: 756px;
  3155. }
  3156. .el-date-range-picker table {
  3157. table-layout: fixed;
  3158. width: 100%;
  3159. }
  3160. .el-date-range-picker .el-picker-panel__body {
  3161. min-width: 513px;
  3162. }
  3163. .el-date-range-picker .el-picker-panel__content {
  3164. margin: 0;
  3165. }
  3166. .el-date-range-picker__header {
  3167. position: relative;
  3168. text-align: center;
  3169. height: 28px;
  3170. }
  3171. .el-date-range-picker__header [class*="arrow-left"] {
  3172. float: left;
  3173. }
  3174. .el-date-range-picker__header [class*="arrow-right"] {
  3175. float: right;
  3176. }
  3177. .el-date-range-picker__header div {
  3178. font-size: 16px;
  3179. font-weight: 500;
  3180. margin-right: 50px;
  3181. }
  3182. .el-date-range-picker__content {
  3183. float: left;
  3184. width: 50%;
  3185. -webkit-box-sizing: border-box;
  3186. box-sizing: border-box;
  3187. margin: 0;
  3188. padding: 16px;
  3189. }
  3190. .el-date-range-picker__content.is-left {
  3191. border-right: 1px solid #e4e4e4;
  3192. }
  3193. .el-date-range-picker__content .el-date-range-picker__header div {
  3194. margin-left: 50px;
  3195. margin-right: 50px;
  3196. }
  3197. .el-date-range-picker__editors-wrap {
  3198. -webkit-box-sizing: border-box;
  3199. box-sizing: border-box;
  3200. display: table-cell;
  3201. }
  3202. .el-date-range-picker__editors-wrap.is-right {
  3203. text-align: right;
  3204. }
  3205. .el-date-range-picker__time-header {
  3206. position: relative;
  3207. border-bottom: 1px solid #e4e4e4;
  3208. font-size: 12px;
  3209. padding: 8px 5px 5px;
  3210. display: table;
  3211. width: 100%;
  3212. -webkit-box-sizing: border-box;
  3213. box-sizing: border-box;
  3214. }
  3215. .el-date-range-picker__time-header > .el-icon-arrow-right {
  3216. font-size: 20px;
  3217. vertical-align: middle;
  3218. display: table-cell;
  3219. color: #303133;
  3220. }
  3221. .el-date-range-picker__time-picker-wrap {
  3222. position: relative;
  3223. display: table-cell;
  3224. padding: 0 5px;
  3225. }
  3226. .el-date-range-picker__time-picker-wrap .el-picker-panel {
  3227. position: absolute;
  3228. top: 13px;
  3229. right: 0;
  3230. z-index: 1;
  3231. background: #fff;
  3232. }
  3233. .el-date-picker {
  3234. width: 322px;
  3235. }
  3236. .el-date-picker.has-sidebar.has-time {
  3237. width: 434px;
  3238. }
  3239. .el-date-picker.has-sidebar {
  3240. width: 438px;
  3241. }
  3242. .el-date-picker.has-time .el-picker-panel__body-wrapper {
  3243. position: relative;
  3244. }
  3245. .el-date-picker .el-picker-panel__content {
  3246. width: 292px;
  3247. }
  3248. .el-date-picker table {
  3249. table-layout: fixed;
  3250. width: 100%;
  3251. }
  3252. .el-date-picker__editor-wrap {
  3253. position: relative;
  3254. display: table-cell;
  3255. padding: 0 5px;
  3256. }
  3257. .el-date-picker__time-header {
  3258. position: relative;
  3259. border-bottom: 1px solid #e4e4e4;
  3260. font-size: 12px;
  3261. padding: 8px 5px 5px;
  3262. display: table;
  3263. width: 100%;
  3264. -webkit-box-sizing: border-box;
  3265. box-sizing: border-box;
  3266. }
  3267. .el-date-picker__header {
  3268. margin: 12px;
  3269. text-align: center;
  3270. }
  3271. .el-date-picker__header--bordered {
  3272. margin-bottom: 0;
  3273. padding-bottom: 12px;
  3274. border-bottom: solid 1px #ebeef5;
  3275. }
  3276. .el-date-picker__header--bordered + .el-picker-panel__content {
  3277. margin-top: 0;
  3278. }
  3279. .el-date-picker__header-label {
  3280. font-size: 16px;
  3281. font-weight: 500;
  3282. padding: 0 5px;
  3283. line-height: 22px;
  3284. text-align: center;
  3285. cursor: pointer;
  3286. color: #606266;
  3287. }
  3288. .el-date-picker__header-label.active,
  3289. .el-date-picker__header-label:hover {
  3290. color: #409eff;
  3291. }
  3292. .el-date-picker__prev-btn {
  3293. float: left;
  3294. }
  3295. .el-date-picker__next-btn {
  3296. float: right;
  3297. }
  3298. .el-date-picker__time-wrap {
  3299. padding: 10px;
  3300. text-align: center;
  3301. }
  3302. .el-date-picker__time-label {
  3303. float: left;
  3304. cursor: pointer;
  3305. line-height: 30px;
  3306. margin-left: 10px;
  3307. }
  3308. [data-theme="kr-designer"] .time-select {
  3309. margin: 5px 0;
  3310. min-width: 0;
  3311. }
  3312. [data-theme="kr-designer"] .time-select .el-picker-panel__content {
  3313. max-height: 200px;
  3314. margin: 0;
  3315. }
  3316. [data-theme="kr-designer"] .time-select-item {
  3317. padding: 8px 10px;
  3318. font-size: 14px;
  3319. line-height: 20px;
  3320. }
  3321. [data-theme="kr-designer"] .time-select-item.selected:not(.disabled) {
  3322. color: #409eff;
  3323. font-weight: 700;
  3324. }
  3325. [data-theme="kr-designer"] .time-select-item.disabled {
  3326. color: #e4e7ed;
  3327. cursor: not-allowed;
  3328. }
  3329. [data-theme="kr-designer"] .time-select-item:hover {
  3330. background-color: #f5f7fa;
  3331. font-weight: 700;
  3332. cursor: pointer;
  3333. }
  3334. .el-date-editor {
  3335. position: relative;
  3336. display: inline-block;
  3337. text-align: left;
  3338. }
  3339. .el-date-editor.el-input,
  3340. .el-date-editor.el-input__inner {
  3341. width: 220px;
  3342. }
  3343. .el-date-editor--monthrange.el-input,
  3344. .el-date-editor--monthrange.el-input__inner {
  3345. width: 300px;
  3346. }
  3347. .el-date-editor--daterange.el-input,
  3348. .el-date-editor--daterange.el-input__inner,
  3349. .el-date-editor--timerange.el-input,
  3350. .el-date-editor--timerange.el-input__inner {
  3351. width: 350px;
  3352. }
  3353. .el-date-editor--datetimerange.el-input,
  3354. .el-date-editor--datetimerange.el-input__inner {
  3355. width: 400px;
  3356. }
  3357. .el-date-editor--dates .el-input__inner {
  3358. text-overflow: ellipsis;
  3359. white-space: nowrap;
  3360. }
  3361. .el-date-editor .el-icon-circle-close {
  3362. cursor: pointer;
  3363. }
  3364. .el-date-editor .el-range__icon {
  3365. font-size: 14px;
  3366. margin-left: -5px;
  3367. color: #c0c4cc;
  3368. float: left;
  3369. line-height: 32px;
  3370. }
  3371. .el-date-editor .el-range-input {
  3372. -webkit-appearance: none;
  3373. -moz-appearance: none;
  3374. appearance: none;
  3375. border: none;
  3376. outline: 0;
  3377. display: inline-block;
  3378. height: 100%;
  3379. margin: 0;
  3380. padding: 0;
  3381. width: 39%;
  3382. text-align: center;
  3383. font-size: 14px;
  3384. color: #606266;
  3385. }
  3386. .el-date-editor .el-range-input::-webkit-input-placeholder {
  3387. color: #c0c4cc;
  3388. }
  3389. .el-date-editor .el-range-input::-moz-placeholder {
  3390. color: #c0c4cc;
  3391. }
  3392. .el-date-editor .el-range-input:-ms-input-placeholder {
  3393. color: #c0c4cc;
  3394. }
  3395. .el-date-editor .el-range-input::-ms-input-placeholder {
  3396. color: #c0c4cc;
  3397. }
  3398. .el-date-editor .el-range-input::placeholder {
  3399. color: #c0c4cc;
  3400. }
  3401. .el-date-editor .el-range-separator {
  3402. display: inline-block;
  3403. height: 100%;
  3404. padding: 0 5px;
  3405. margin: 0;
  3406. text-align: center;
  3407. line-height: 32px;
  3408. font-size: 14px;
  3409. width: 5%;
  3410. color: #303133;
  3411. }
  3412. .el-date-editor .el-range__close-icon {
  3413. font-size: 14px;
  3414. color: #c0c4cc;
  3415. width: 25px;
  3416. display: inline-block;
  3417. float: right;
  3418. line-height: 32px;
  3419. }
  3420. .el-range-editor.el-input__inner {
  3421. display: -webkit-inline-box;
  3422. display: -ms-inline-flexbox;
  3423. display: inline-flex;
  3424. -webkit-box-align: center;
  3425. -ms-flex-align: center;
  3426. align-items: center;
  3427. padding: 3px 10px;
  3428. }
  3429. .el-range-editor .el-range-input {
  3430. line-height: 1;
  3431. }
  3432. .el-range-editor--medium.el-input__inner {
  3433. height: 36px;
  3434. }
  3435. .el-range-editor--medium .el-range-separator {
  3436. line-height: 28px;
  3437. font-size: 14px;
  3438. }
  3439. .el-range-editor--medium .el-range-input {
  3440. font-size: 14px;
  3441. }
  3442. .el-range-editor--medium .el-range__close-icon,
  3443. .el-range-editor--medium .el-range__icon {
  3444. line-height: 28px;
  3445. }
  3446. .el-range-editor--small.el-input__inner {
  3447. height: 32px;
  3448. }
  3449. .el-range-editor--small .el-range-separator {
  3450. line-height: 24px;
  3451. font-size: 13px;
  3452. }
  3453. .el-range-editor--small .el-range-input {
  3454. font-size: 13px;
  3455. }
  3456. .el-range-editor--small .el-range__close-icon,
  3457. .el-range-editor--small .el-range__icon {
  3458. line-height: 24px;
  3459. }
  3460. .el-range-editor--mini.el-input__inner {
  3461. height: 28px;
  3462. }
  3463. .el-range-editor--mini .el-range-separator {
  3464. line-height: 20px;
  3465. font-size: 12px;
  3466. }
  3467. .el-range-editor--mini .el-range-input {
  3468. font-size: 12px;
  3469. }
  3470. .el-range-editor--mini .el-range__close-icon,
  3471. .el-range-editor--mini .el-range__icon {
  3472. line-height: 20px;
  3473. }
  3474. .el-range-editor.is-disabled {
  3475. background-color: #f5f7fa;
  3476. border-color: #e4e7ed;
  3477. color: #c0c4cc;
  3478. cursor: not-allowed;
  3479. }
  3480. .el-range-editor.is-disabled:focus,
  3481. .el-range-editor.is-disabled:hover {
  3482. border-color: #e4e7ed;
  3483. }
  3484. .el-picker-panel,
  3485. .el-time-panel {
  3486. border: 1px solid #e4e7ed;
  3487. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  3488. }
  3489. .el-range-editor.is-disabled input {
  3490. background-color: #f5f7fa;
  3491. color: #c0c4cc;
  3492. cursor: not-allowed;
  3493. }
  3494. .el-range-editor.is-disabled input::-webkit-input-placeholder {
  3495. color: #c0c4cc;
  3496. }
  3497. .el-range-editor.is-disabled input::-moz-placeholder {
  3498. color: #c0c4cc;
  3499. }
  3500. .el-range-editor.is-disabled input:-ms-input-placeholder {
  3501. color: #c0c4cc;
  3502. }
  3503. .el-range-editor.is-disabled input::-ms-input-placeholder {
  3504. color: #c0c4cc;
  3505. }
  3506. .el-range-editor.is-disabled input::placeholder {
  3507. color: #c0c4cc;
  3508. }
  3509. .el-range-editor.is-disabled .el-range-separator {
  3510. color: #c0c4cc;
  3511. }
  3512. .el-picker-panel {
  3513. color: #606266;
  3514. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  3515. background: #fff;
  3516. border-radius: 4px;
  3517. line-height: 30px;
  3518. margin: 5px 0;
  3519. }
  3520. .el-picker-panel__body-wrapper::after,
  3521. .el-picker-panel__body::after {
  3522. content: "";
  3523. display: table;
  3524. clear: both;
  3525. }
  3526. .el-picker-panel__content {
  3527. position: relative;
  3528. margin: 15px;
  3529. }
  3530. .el-picker-panel__footer {
  3531. border-top: 1px solid #e4e4e4;
  3532. padding: 4px;
  3533. text-align: right;
  3534. background-color: #fff;
  3535. position: relative;
  3536. font-size: 0;
  3537. }
  3538. .el-picker-panel__btn,
  3539. .el-picker-panel__shortcut,
  3540. .el-time-panel__btn {
  3541. background-color: transparent;
  3542. outline: 0;
  3543. }
  3544. .el-picker-panel__shortcut {
  3545. display: block;
  3546. width: 100%;
  3547. border: 0;
  3548. line-height: 28px;
  3549. font-size: 14px;
  3550. color: #606266;
  3551. padding-left: 12px;
  3552. text-align: left;
  3553. cursor: pointer;
  3554. }
  3555. .el-picker-panel__shortcut:hover {
  3556. color: #409eff;
  3557. }
  3558. .el-picker-panel__shortcut.active {
  3559. background-color: #e6f1fe;
  3560. color: #409eff;
  3561. }
  3562. .el-picker-panel__btn {
  3563. border: 1px solid #dcdcdc;
  3564. color: #333;
  3565. line-height: 24px;
  3566. border-radius: 2px;
  3567. padding: 0 20px;
  3568. cursor: pointer;
  3569. font-size: 12px;
  3570. }
  3571. .el-picker-panel__btn[disabled] {
  3572. color: #ccc;
  3573. cursor: not-allowed;
  3574. }
  3575. .el-picker-panel__icon-btn {
  3576. font-size: 12px;
  3577. color: #303133;
  3578. border: 0;
  3579. background: 0 0;
  3580. cursor: pointer;
  3581. outline: 0;
  3582. margin-top: 8px;
  3583. }
  3584. .el-picker-panel__icon-btn:hover {
  3585. color: #409eff;
  3586. }
  3587. .el-picker-panel__icon-btn.is-disabled {
  3588. color: #bbb;
  3589. }
  3590. .el-picker-panel__icon-btn.is-disabled:hover {
  3591. cursor: not-allowed;
  3592. }
  3593. .el-picker-panel__link-btn {
  3594. vertical-align: middle;
  3595. }
  3596. .el-picker-panel [slot="sidebar"],
  3597. .el-picker-panel__sidebar {
  3598. position: absolute;
  3599. top: 0;
  3600. bottom: 0;
  3601. width: 110px;
  3602. border-right: 1px solid #e4e4e4;
  3603. -webkit-box-sizing: border-box;
  3604. box-sizing: border-box;
  3605. padding-top: 6px;
  3606. background-color: #fff;
  3607. overflow: auto;
  3608. }
  3609. .el-picker-panel [slot="sidebar"] + .el-picker-panel__body,
  3610. .el-picker-panel__sidebar + .el-picker-panel__body {
  3611. margin-left: 110px;
  3612. }
  3613. .el-time-spinner.has-seconds .el-time-spinner__wrapper {
  3614. width: 33.3%;
  3615. }
  3616. .el-time-spinner__wrapper {
  3617. max-height: 190px;
  3618. overflow: auto;
  3619. display: inline-block;
  3620. width: 50%;
  3621. vertical-align: top;
  3622. position: relative;
  3623. }
  3624. .el-time-spinner__wrapper
  3625. .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  3626. padding-bottom: 15px;
  3627. }
  3628. .el-time-spinner__input.el-input .el-input__inner,
  3629. .el-time-spinner__list {
  3630. padding: 0;
  3631. text-align: center;
  3632. }
  3633. .el-time-spinner__wrapper.is-arrow {
  3634. -webkit-box-sizing: border-box;
  3635. box-sizing: border-box;
  3636. text-align: center;
  3637. overflow: hidden;
  3638. }
  3639. .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  3640. -webkit-transform: translateY(-32px);
  3641. transform: translateY(-32px);
  3642. }
  3643. .el-time-spinner__wrapper.is-arrow
  3644. .el-time-spinner__item:hover:not(.disabled):not(.active) {
  3645. background: #fff;
  3646. cursor: default;
  3647. }
  3648. .el-time-spinner__arrow {
  3649. font-size: 12px;
  3650. color: #909399;
  3651. position: absolute;
  3652. left: 0;
  3653. width: 100%;
  3654. z-index: 1;
  3655. text-align: center;
  3656. height: 30px;
  3657. line-height: 30px;
  3658. cursor: pointer;
  3659. }
  3660. .el-time-spinner__arrow:hover {
  3661. color: #409eff;
  3662. }
  3663. .el-time-spinner__arrow.el-icon-arrow-up {
  3664. top: 10px;
  3665. }
  3666. .el-time-spinner__arrow.el-icon-arrow-down {
  3667. bottom: 10px;
  3668. }
  3669. .el-time-spinner__input.el-input {
  3670. width: 70%;
  3671. }
  3672. .el-time-spinner__list {
  3673. margin: 0;
  3674. list-style: none;
  3675. }
  3676. .el-time-spinner__list::after,
  3677. .el-time-spinner__list::before {
  3678. content: "";
  3679. display: block;
  3680. width: 100%;
  3681. height: 80px;
  3682. }
  3683. .el-time-spinner__item {
  3684. height: 32px;
  3685. line-height: 32px;
  3686. font-size: 12px;
  3687. color: #606266;
  3688. }
  3689. .el-time-spinner__item:hover:not(.disabled):not(.active) {
  3690. background: #f5f7fa;
  3691. cursor: pointer;
  3692. }
  3693. .el-time-spinner__item.active:not(.disabled) {
  3694. color: #303133;
  3695. font-weight: 700;
  3696. }
  3697. .el-time-spinner__item.disabled {
  3698. color: #c0c4cc;
  3699. cursor: not-allowed;
  3700. }
  3701. .el-time-panel {
  3702. margin: 5px 0;
  3703. background-color: #fff;
  3704. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  3705. border-radius: 2px;
  3706. position: absolute;
  3707. width: 180px;
  3708. left: 0;
  3709. z-index: 1000;
  3710. -webkit-user-select: none;
  3711. user-select: none;
  3712. -webkit-box-sizing: content-box;
  3713. box-sizing: content-box;
  3714. }
  3715. .el-time-panel__content {
  3716. font-size: 0;
  3717. position: relative;
  3718. overflow: hidden;
  3719. }
  3720. .el-time-panel__content::after,
  3721. .el-time-panel__content::before {
  3722. content: "";
  3723. top: 50%;
  3724. position: absolute;
  3725. margin-top: -15px;
  3726. height: 32px;
  3727. z-index: -1;
  3728. left: 0;
  3729. right: 0;
  3730. -webkit-box-sizing: border-box;
  3731. box-sizing: border-box;
  3732. padding-top: 6px;
  3733. text-align: left;
  3734. border-top: 1px solid #e4e7ed;
  3735. border-bottom: 1px solid #e4e7ed;
  3736. }
  3737. .el-time-panel__content::after {
  3738. left: 50%;
  3739. margin-left: 12%;
  3740. margin-right: 12%;
  3741. }
  3742. .el-time-panel__content::before {
  3743. padding-left: 50%;
  3744. margin-right: 12%;
  3745. margin-left: 12%;
  3746. }
  3747. .el-time-panel__content.has-seconds::after {
  3748. left: calc(100% / 3 * 2);
  3749. }
  3750. .el-time-panel__content.has-seconds::before {
  3751. padding-left: calc(100% / 3);
  3752. }
  3753. .el-time-panel__footer {
  3754. border-top: 1px solid #e4e4e4;
  3755. padding: 4px;
  3756. height: 36px;
  3757. line-height: 25px;
  3758. text-align: right;
  3759. -webkit-box-sizing: border-box;
  3760. box-sizing: border-box;
  3761. }
  3762. .el-time-panel__btn {
  3763. border: none;
  3764. line-height: 28px;
  3765. padding: 0 5px;
  3766. margin: 0 5px;
  3767. cursor: pointer;
  3768. font-size: 12px;
  3769. color: #303133;
  3770. }
  3771. .el-time-panel__btn.confirm {
  3772. font-weight: 800;
  3773. color: #409eff;
  3774. }
  3775. .el-time-range-picker {
  3776. width: 354px;
  3777. overflow: visible;
  3778. }
  3779. .el-time-range-picker__content {
  3780. position: relative;
  3781. text-align: center;
  3782. padding: 10px;
  3783. }
  3784. .el-time-range-picker__cell {
  3785. -webkit-box-sizing: border-box;
  3786. box-sizing: border-box;
  3787. margin: 0;
  3788. padding: 4px 7px 7px;
  3789. width: 50%;
  3790. display: inline-block;
  3791. }
  3792. .el-time-range-picker__header {
  3793. margin-bottom: 5px;
  3794. text-align: center;
  3795. font-size: 14px;
  3796. }
  3797. .el-popover__title,
  3798. .el-tooltip__popper[x-placement^="top"] {
  3799. margin-bottom: 12px;
  3800. }
  3801. .el-time-range-picker__body {
  3802. border-radius: 2px;
  3803. border: 1px solid #e4e7ed;
  3804. }
  3805. [data-theme="kr-designer"] .el-popover {
  3806. position: absolute;
  3807. background: #fff;
  3808. min-width: 150px;
  3809. border-radius: 4px;
  3810. border: 1px solid #ebeef5;
  3811. padding: 12px;
  3812. z-index: 2000;
  3813. color: #606266;
  3814. line-height: 1.4;
  3815. text-align: justify;
  3816. font-size: 14px;
  3817. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  3818. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  3819. word-break: break-all;
  3820. }
  3821. [data-theme="kr-designer"] .el-popover--plain {
  3822. padding: 18px 20px;
  3823. }
  3824. .el-popover__title {
  3825. color: #303133;
  3826. font-size: 16px;
  3827. line-height: 1;
  3828. }
  3829. .el-popover__reference:focus:hover,
  3830. .el-popover__reference:focus:not(.focusing),
  3831. [data-theme="kr-designer"] .el-popover:focus,
  3832. [data-theme="kr-designer"] .el-popover:focus:active {
  3833. outline-width: 0;
  3834. }
  3835. .v-modal-enter {
  3836. -webkit-animation: v-modal-in 0.2s ease;
  3837. animation: v-modal-in 0.2s ease;
  3838. }
  3839. .v-modal-leave {
  3840. -webkit-animation: v-modal-out 0.2s ease forwards;
  3841. animation: v-modal-out 0.2s ease forwards;
  3842. }
  3843. @keyframes v-modal-in {
  3844. 0% {
  3845. opacity: 0;
  3846. }
  3847. }
  3848. @keyframes v-modal-out {
  3849. 100% {
  3850. opacity: 0;
  3851. }
  3852. }
  3853. .v-modal {
  3854. position: fixed;
  3855. left: 0;
  3856. top: 0;
  3857. width: 100%;
  3858. height: 100%;
  3859. opacity: 0.5;
  3860. background: #000;
  3861. }
  3862. .el-popup-parent--hidden {
  3863. overflow: hidden;
  3864. }
  3865. [data-theme="kr-designer"] .el-message-box {
  3866. display: inline-block;
  3867. width: 420px;
  3868. padding-bottom: 10px;
  3869. vertical-align: middle;
  3870. background-color: #fff;
  3871. border-radius: 4px;
  3872. border: 1px solid #ebeef5;
  3873. font-size: 18px;
  3874. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  3875. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  3876. text-align: left;
  3877. overflow: hidden;
  3878. -webkit-backface-visibility: hidden;
  3879. backface-visibility: hidden;
  3880. }
  3881. .el-message-box__wrapper {
  3882. position: fixed;
  3883. top: 0;
  3884. bottom: 0;
  3885. left: 0;
  3886. right: 0;
  3887. text-align: center;
  3888. }
  3889. .el-message-box__wrapper::after {
  3890. content: "";
  3891. display: inline-block;
  3892. height: 100%;
  3893. width: 0;
  3894. vertical-align: middle;
  3895. }
  3896. .el-message-box__header {
  3897. position: relative;
  3898. padding: 15px 15px 10px;
  3899. }
  3900. .el-message-box__title {
  3901. padding-left: 0;
  3902. margin-bottom: 0;
  3903. font-size: 18px;
  3904. line-height: 1;
  3905. color: #303133;
  3906. }
  3907. .el-message-box__headerbtn {
  3908. position: absolute;
  3909. top: 15px;
  3910. right: 15px;
  3911. padding: 0;
  3912. border: none;
  3913. outline: 0;
  3914. background: 0 0;
  3915. font-size: 16px;
  3916. cursor: pointer;
  3917. }
  3918. .el-message-box__input input.invalid,
  3919. .el-message-box__input input.invalid:focus,
  3920. [data-theme="kr-designer"] .el-form-item.is-error .el-input__inner,
  3921. [data-theme="kr-designer"] .el-form-item.is-error .el-input__inner:focus,
  3922. [data-theme="kr-designer"] .el-form-item.is-error .el-textarea__inner,
  3923. [data-theme="kr-designer"] .el-form-item.is-error .el-textarea__inner:focus {
  3924. border-color: #f56c6c;
  3925. }
  3926. .el-message-box__headerbtn .el-message-box__close {
  3927. color: #909399;
  3928. }
  3929. .el-message-box__headerbtn:focus .el-message-box__close,
  3930. .el-message-box__headerbtn:hover .el-message-box__close {
  3931. color: #409eff;
  3932. }
  3933. .el-message-box__content {
  3934. padding: 10px 15px;
  3935. color: #606266;
  3936. font-size: 14px;
  3937. }
  3938. .el-message-box__container {
  3939. position: relative;
  3940. }
  3941. .el-message-box__input {
  3942. padding-top: 15px;
  3943. }
  3944. .el-message-box__status {
  3945. position: absolute;
  3946. top: 50%;
  3947. -webkit-transform: translateY(-50%);
  3948. transform: translateY(-50%);
  3949. font-size: 24px !important;
  3950. }
  3951. .el-message-box__status::before {
  3952. padding-left: 1px;
  3953. }
  3954. .el-message-box__status + .el-message-box__message {
  3955. padding-left: 36px;
  3956. padding-right: 12px;
  3957. }
  3958. .el-message-box__status.el-icon-success {
  3959. color: #67c23a;
  3960. }
  3961. .el-message-box__status.el-icon-info {
  3962. color: #909399;
  3963. }
  3964. .el-message-box__status.el-icon-warning {
  3965. color: #e6a23c;
  3966. }
  3967. .el-message-box__status.el-icon-error {
  3968. color: #f56c6c;
  3969. }
  3970. .el-message-box__message {
  3971. margin: 0;
  3972. }
  3973. .el-message-box__message p {
  3974. margin: 0;
  3975. line-height: 24px;
  3976. }
  3977. .el-message-box__errormsg {
  3978. color: #f56c6c;
  3979. font-size: 12px;
  3980. min-height: 18px;
  3981. margin-top: 2px;
  3982. }
  3983. .el-message-box__btns {
  3984. padding: 5px 15px 0;
  3985. text-align: right;
  3986. }
  3987. .el-message-box__btns button:nth-child(2) {
  3988. margin-left: 10px;
  3989. }
  3990. .el-message-box__btns-reverse {
  3991. -webkit-box-orient: horizontal;
  3992. -webkit-box-direction: reverse;
  3993. -ms-flex-direction: row-reverse;
  3994. flex-direction: row-reverse;
  3995. }
  3996. [data-theme="kr-designer"] .el-message-box--center {
  3997. padding-bottom: 30px;
  3998. }
  3999. [data-theme="kr-designer"] .el-message-box--center .el-message-box__header {
  4000. padding-top: 30px;
  4001. }
  4002. [data-theme="kr-designer"] .el-message-box--center .el-message-box__title {
  4003. position: relative;
  4004. display: -webkit-box;
  4005. display: -ms-flexbox;
  4006. display: flex;
  4007. -webkit-box-align: center;
  4008. -ms-flex-align: center;
  4009. align-items: center;
  4010. -webkit-box-pack: center;
  4011. -ms-flex-pack: center;
  4012. justify-content: center;
  4013. }
  4014. [data-theme="kr-designer"] .el-message-box--center .el-message-box__status {
  4015. position: relative;
  4016. top: auto;
  4017. padding-right: 5px;
  4018. text-align: center;
  4019. -webkit-transform: translateY(-1px);
  4020. transform: translateY(-1px);
  4021. }
  4022. [data-theme="kr-designer"] .el-message-box--center .el-message-box__message {
  4023. margin-left: 0;
  4024. }
  4025. [data-theme="kr-designer"] .el-message-box--center .el-message-box__btns,
  4026. [data-theme="kr-designer"] .el-message-box--center .el-message-box__content {
  4027. text-align: center;
  4028. }
  4029. [data-theme="kr-designer"] .el-message-box--center .el-message-box__content {
  4030. padding-left: 27px;
  4031. padding-right: 27px;
  4032. }
  4033. [data-theme="kr-designer"] .msgbox-fade-enter-active {
  4034. -webkit-animation: msgbox-fade-in 0.3s;
  4035. animation: msgbox-fade-in 0.3s;
  4036. }
  4037. [data-theme="kr-designer"] .msgbox-fade-leave-active {
  4038. -webkit-animation: msgbox-fade-out 0.3s;
  4039. animation: msgbox-fade-out 0.3s;
  4040. }
  4041. @-webkit-keyframes msgbox-fade-in {
  4042. 0% {
  4043. -webkit-transform: translate3d(0, -20px, 0);
  4044. transform: translate3d(0, -20px, 0);
  4045. opacity: 0;
  4046. }
  4047. 100% {
  4048. -webkit-transform: translate3d(0, 0, 0);
  4049. transform: translate3d(0, 0, 0);
  4050. opacity: 1;
  4051. }
  4052. }
  4053. @keyframes msgbox-fade-in {
  4054. 0% {
  4055. -webkit-transform: translate3d(0, -20px, 0);
  4056. transform: translate3d(0, -20px, 0);
  4057. opacity: 0;
  4058. }
  4059. 100% {
  4060. -webkit-transform: translate3d(0, 0, 0);
  4061. transform: translate3d(0, 0, 0);
  4062. opacity: 1;
  4063. }
  4064. }
  4065. @-webkit-keyframes msgbox-fade-out {
  4066. 0% {
  4067. -webkit-transform: translate3d(0, 0, 0);
  4068. transform: translate3d(0, 0, 0);
  4069. opacity: 1;
  4070. }
  4071. 100% {
  4072. -webkit-transform: translate3d(0, -20px, 0);
  4073. transform: translate3d(0, -20px, 0);
  4074. opacity: 0;
  4075. }
  4076. }
  4077. @keyframes msgbox-fade-out {
  4078. 0% {
  4079. -webkit-transform: translate3d(0, 0, 0);
  4080. transform: translate3d(0, 0, 0);
  4081. opacity: 1;
  4082. }
  4083. 100% {
  4084. -webkit-transform: translate3d(0, -20px, 0);
  4085. transform: translate3d(0, -20px, 0);
  4086. opacity: 0;
  4087. }
  4088. }
  4089. [data-theme="kr-designer"] .el-breadcrumb {
  4090. font-size: 14px;
  4091. line-height: 1;
  4092. }
  4093. [data-theme="kr-designer"] .el-breadcrumb::after,
  4094. [data-theme="kr-designer"] .el-breadcrumb::before {
  4095. display: table;
  4096. content: "";
  4097. }
  4098. [data-theme="kr-designer"] .el-breadcrumb::after {
  4099. clear: both;
  4100. }
  4101. .el-breadcrumb__separator {
  4102. margin: 0 9px;
  4103. font-weight: 700;
  4104. color: #c0c4cc;
  4105. }
  4106. .el-breadcrumb__separator[class*="icon"] {
  4107. margin: 0 6px;
  4108. font-weight: 400;
  4109. }
  4110. .el-breadcrumb__item {
  4111. float: left;
  4112. }
  4113. .el-breadcrumb__inner {
  4114. color: #606266;
  4115. }
  4116. .el-breadcrumb__inner a,
  4117. .el-breadcrumb__inner.is-link {
  4118. font-weight: 700;
  4119. text-decoration: none;
  4120. -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  4121. transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  4122. color: #303133;
  4123. }
  4124. .el-breadcrumb__inner a:hover,
  4125. .el-breadcrumb__inner.is-link:hover {
  4126. color: #409eff;
  4127. cursor: pointer;
  4128. }
  4129. .el-breadcrumb__item:last-child .el-breadcrumb__inner,
  4130. .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
  4131. .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
  4132. .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  4133. font-weight: 400;
  4134. color: #606266;
  4135. cursor: text;
  4136. }
  4137. [data-theme="kr-designer"] .el-form--label-left .el-form-item__label {
  4138. text-align: left;
  4139. }
  4140. [data-theme="kr-designer"] .el-form--label-top .el-form-item__label {
  4141. float: none;
  4142. display: inline-block;
  4143. text-align: left;
  4144. padding: 0 0 10px;
  4145. }
  4146. [data-theme="kr-designer"] .el-form--inline .el-form-item {
  4147. display: inline-block;
  4148. margin-right: 10px;
  4149. vertical-align: top;
  4150. }
  4151. [data-theme="kr-designer"] .el-form--inline .el-form-item__label {
  4152. float: none;
  4153. display: inline-block;
  4154. }
  4155. [data-theme="kr-designer"] .el-form--inline .el-form-item__content {
  4156. display: inline-block;
  4157. vertical-align: top;
  4158. }
  4159. [data-theme="kr-designer"]
  4160. .el-form--inline.el-form--label-top
  4161. .el-form-item__content,
  4162. [data-theme="kr-designer"] .el-tabs--left .el-tabs__item.is-left,
  4163. [data-theme="kr-designer"] .el-tabs--left .el-tabs__item.is-right,
  4164. [data-theme="kr-designer"] .el-tabs--right .el-tabs__item.is-left,
  4165. [data-theme="kr-designer"] .el-tabs--right .el-tabs__item.is-right {
  4166. display: block;
  4167. }
  4168. [data-theme="kr-designer"] .el-form-item {
  4169. margin-bottom: 22px;
  4170. }
  4171. [data-theme="kr-designer"] .el-form-item::after,
  4172. [data-theme="kr-designer"] .el-form-item::before {
  4173. display: table;
  4174. content: "";
  4175. }
  4176. [data-theme="kr-designer"] .el-form-item::after {
  4177. clear: both;
  4178. }
  4179. [data-theme="kr-designer"] .el-form-item .el-form-item {
  4180. margin-bottom: 0;
  4181. }
  4182. [data-theme="kr-designer"] .el-form-item--mini.el-form-item,
  4183. [data-theme="kr-designer"] .el-form-item--small.el-form-item {
  4184. margin-bottom: 18px;
  4185. }
  4186. [data-theme="kr-designer"] .el-form-item .el-input__validateIcon {
  4187. display: none;
  4188. }
  4189. [data-theme="kr-designer"] .el-form-item--medium .el-form-item__content,
  4190. [data-theme="kr-designer"] .el-form-item--medium .el-form-item__label {
  4191. line-height: 36px;
  4192. }
  4193. [data-theme="kr-designer"] .el-form-item--small .el-form-item__content,
  4194. [data-theme="kr-designer"] .el-form-item--small .el-form-item__label {
  4195. line-height: 32px;
  4196. }
  4197. [data-theme="kr-designer"] .el-form-item--small .el-form-item__error {
  4198. padding-top: 2px;
  4199. }
  4200. [data-theme="kr-designer"] .el-form-item--mini .el-form-item__content,
  4201. [data-theme="kr-designer"] .el-form-item--mini .el-form-item__label {
  4202. line-height: 28px;
  4203. }
  4204. [data-theme="kr-designer"] .el-form-item--mini .el-form-item__error {
  4205. padding-top: 1px;
  4206. }
  4207. .el-form-item__label-wrap {
  4208. float: left;
  4209. }
  4210. .el-form-item__label-wrap .el-form-item__label {
  4211. display: inline-block;
  4212. float: none;
  4213. }
  4214. .el-form-item__label {
  4215. text-align: right;
  4216. vertical-align: middle;
  4217. float: left;
  4218. font-size: 14px;
  4219. color: #606266;
  4220. line-height: 40px;
  4221. padding: 0 12px 0 0;
  4222. -webkit-box-sizing: border-box;
  4223. box-sizing: border-box;
  4224. }
  4225. .el-form-item__content {
  4226. line-height: 40px;
  4227. position: relative;
  4228. font-size: 14px;
  4229. }
  4230. .el-form-item__content::after,
  4231. .el-form-item__content::before {
  4232. display: table;
  4233. content: "";
  4234. }
  4235. .el-form-item__content::after {
  4236. clear: both;
  4237. }
  4238. .el-form-item__content .el-input-group {
  4239. vertical-align: top;
  4240. }
  4241. .el-form-item__error {
  4242. color: #f56c6c;
  4243. font-size: 12px;
  4244. line-height: 1;
  4245. padding-top: 4px;
  4246. position: absolute;
  4247. top: 100%;
  4248. left: 0;
  4249. }
  4250. .el-form-item__error--inline {
  4251. position: relative;
  4252. top: auto;
  4253. left: auto;
  4254. display: inline-block;
  4255. margin-left: 10px;
  4256. }
  4257. [data-theme="kr-designer"]
  4258. .el-form-item.is-required:not(.is-no-asterisk)
  4259. .el-form-item__label-wrap
  4260. > .el-form-item__label:before,
  4261. [data-theme="kr-designer"]
  4262. .el-form-item.is-required:not(.is-no-asterisk)
  4263. > .el-form-item__label:before {
  4264. content: "*";
  4265. color: #f56c6c;
  4266. margin-right: 4px;
  4267. }
  4268. [data-theme="kr-designer"]
  4269. .el-form-item.is-error
  4270. .el-input-group__append
  4271. .el-input__inner,
  4272. [data-theme="kr-designer"]
  4273. .el-form-item.is-error
  4274. .el-input-group__prepend
  4275. .el-input__inner {
  4276. border-color: transparent;
  4277. }
  4278. [data-theme="kr-designer"] .el-form-item.is-error .el-input__validateIcon {
  4279. color: #f56c6c;
  4280. }
  4281. [data-theme="kr-designer"] .el-form-item--feedback .el-input__validateIcon {
  4282. display: inline-block;
  4283. }
  4284. .el-tabs__header {
  4285. padding: 0;
  4286. position: relative;
  4287. margin: 0 0 15px;
  4288. }
  4289. .el-tabs__active-bar {
  4290. position: absolute;
  4291. bottom: 0;
  4292. left: 0;
  4293. height: 2px;
  4294. background-color: #409eff;
  4295. z-index: 1;
  4296. -webkit-transition: -webkit-transform 0.3s
  4297. cubic-bezier(0.645, 0.045, 0.355, 1);
  4298. transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  4299. transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  4300. transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
  4301. -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  4302. list-style: none;
  4303. }
  4304. .el-tabs__new-tab {
  4305. float: right;
  4306. border: 1px solid #d3dce6;
  4307. height: 18px;
  4308. width: 18px;
  4309. line-height: 18px;
  4310. margin: 12px 0 9px 10px;
  4311. border-radius: 3px;
  4312. text-align: center;
  4313. font-size: 12px;
  4314. color: #d3dce6;
  4315. cursor: pointer;
  4316. -webkit-transition: all 0.15s;
  4317. transition: all 0.15s;
  4318. }
  4319. .el-tabs__new-tab .el-icon-plus {
  4320. -webkit-transform: scale(0.8, 0.8);
  4321. transform: scale(0.8, 0.8);
  4322. }
  4323. .el-tabs__new-tab:hover {
  4324. color: #409eff;
  4325. }
  4326. .el-tabs__nav-wrap {
  4327. overflow: hidden;
  4328. margin-bottom: -1px;
  4329. position: relative;
  4330. }
  4331. .el-tabs__nav-wrap::after {
  4332. content: "";
  4333. position: absolute;
  4334. left: 0;
  4335. bottom: 0;
  4336. width: 100%;
  4337. height: 2px;
  4338. background-color: #e4e7ed;
  4339. z-index: 1;
  4340. }
  4341. .el-tabs__nav-wrap.is-scrollable {
  4342. padding: 0 20px;
  4343. -webkit-box-sizing: border-box;
  4344. box-sizing: border-box;
  4345. }
  4346. .el-tabs__nav-scroll {
  4347. overflow: hidden;
  4348. }
  4349. .el-tabs__nav-next,
  4350. .el-tabs__nav-prev {
  4351. position: absolute;
  4352. cursor: pointer;
  4353. line-height: 44px;
  4354. font-size: 12px;
  4355. color: #909399;
  4356. }
  4357. .el-tabs__nav-next {
  4358. right: 0;
  4359. }
  4360. .el-tabs__nav-prev {
  4361. left: 0;
  4362. }
  4363. .el-tabs__nav {
  4364. white-space: nowrap;
  4365. position: relative;
  4366. -webkit-transition: -webkit-transform 0.3s;
  4367. transition: -webkit-transform 0.3s;
  4368. transition: transform 0.3s;
  4369. transition: transform 0.3s, -webkit-transform 0.3s;
  4370. float: left;
  4371. z-index: 2;
  4372. }
  4373. .el-tabs__nav.is-stretch {
  4374. min-width: 100%;
  4375. display: -webkit-box;
  4376. display: -ms-flexbox;
  4377. display: flex;
  4378. }
  4379. .el-tabs__nav.is-stretch > * {
  4380. -webkit-box-flex: 1;
  4381. -ms-flex: 1;
  4382. flex: 1;
  4383. text-align: center;
  4384. }
  4385. .el-tabs__item {
  4386. padding: 0 20px;
  4387. height: 40px;
  4388. -webkit-box-sizing: border-box;
  4389. box-sizing: border-box;
  4390. line-height: 40px;
  4391. display: inline-block;
  4392. list-style: none;
  4393. font-size: 14px;
  4394. font-weight: 500;
  4395. color: #303133;
  4396. position: relative;
  4397. }
  4398. .el-tabs__item:focus,
  4399. .el-tabs__item:focus:active {
  4400. outline: 0;
  4401. }
  4402. .el-tabs__item:focus.is-active.is-focus:not(:active) {
  4403. -webkit-box-shadow: 0 0 2px 2px #409eff inset;
  4404. box-shadow: 0 0 2px 2px #409eff inset;
  4405. border-radius: 3px;
  4406. }
  4407. .el-tabs__item .el-icon-close {
  4408. border-radius: 50%;
  4409. text-align: center;
  4410. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  4411. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  4412. margin-left: 5px;
  4413. }
  4414. .el-tabs__item .el-icon-close:before {
  4415. -webkit-transform: scale(0.9);
  4416. transform: scale(0.9);
  4417. display: inline-block;
  4418. }
  4419. [data-theme="kr-designer"]
  4420. .el-tabs--card
  4421. > .el-tabs__header
  4422. .el-tabs__active-bar,
  4423. [data-theme="kr-designer"]
  4424. .el-tabs--left.el-tabs--card
  4425. .el-tabs__active-bar.is-left,
  4426. [data-theme="kr-designer"]
  4427. .el-tabs--right.el-tabs--card
  4428. .el-tabs__active-bar.is-right {
  4429. display: none;
  4430. }
  4431. .el-tabs__item .el-icon-close:hover {
  4432. background-color: #c0c4cc;
  4433. color: #fff;
  4434. }
  4435. .el-tabs__item.is-active {
  4436. color: #409eff;
  4437. }
  4438. .el-tabs__item:hover {
  4439. color: #409eff;
  4440. cursor: pointer;
  4441. }
  4442. .el-tabs__item.is-disabled {
  4443. color: #c0c4cc;
  4444. cursor: default;
  4445. }
  4446. .el-tabs__content {
  4447. overflow: hidden;
  4448. position: relative;
  4449. }
  4450. [data-theme="kr-designer"] .el-tabs--card > .el-tabs__header {
  4451. border-bottom: 1px solid #e4e7ed;
  4452. }
  4453. [data-theme="kr-designer"]
  4454. .el-tabs--card
  4455. > .el-tabs__header
  4456. .el-tabs__nav-wrap::after {
  4457. content: none;
  4458. }
  4459. [data-theme="kr-designer"] .el-tabs--card > .el-tabs__header .el-tabs__nav {
  4460. border: 1px solid #e4e7ed;
  4461. border-bottom: none;
  4462. border-radius: 4px 4px 0 0;
  4463. -webkit-box-sizing: border-box;
  4464. box-sizing: border-box;
  4465. }
  4466. [data-theme="kr-designer"]
  4467. .el-tabs--card
  4468. > .el-tabs__header
  4469. .el-tabs__item
  4470. .el-icon-close {
  4471. position: relative;
  4472. font-size: 12px;
  4473. width: 0;
  4474. height: 14px;
  4475. vertical-align: middle;
  4476. line-height: 15px;
  4477. overflow: hidden;
  4478. top: -1px;
  4479. right: -2px;
  4480. -webkit-transform-origin: 100% 50%;
  4481. transform-origin: 100% 50%;
  4482. }
  4483. [data-theme="kr-designer"] .el-tabs--card > .el-tabs__header .el-tabs__item {
  4484. border-bottom: 1px solid transparent;
  4485. border-left: 1px solid #e4e7ed;
  4486. -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
  4487. padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  4488. transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
  4489. padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  4490. }
  4491. [data-theme="kr-designer"]
  4492. .el-tabs--card
  4493. > .el-tabs__header
  4494. .el-tabs__item:first-child {
  4495. border-left: none;
  4496. }
  4497. [data-theme="kr-designer"]
  4498. .el-tabs--card
  4499. > .el-tabs__header
  4500. .el-tabs__item.is-closable:hover {
  4501. padding-left: 13px;
  4502. padding-right: 13px;
  4503. }
  4504. [data-theme="kr-designer"]
  4505. .el-tabs--card
  4506. > .el-tabs__header
  4507. .el-tabs__item.is-closable:hover
  4508. .el-icon-close {
  4509. width: 14px;
  4510. }
  4511. [data-theme="kr-designer"]
  4512. .el-tabs--card
  4513. > .el-tabs__header
  4514. .el-tabs__item.is-active {
  4515. border-bottom-color: #fff;
  4516. }
  4517. [data-theme="kr-designer"]
  4518. .el-tabs--card
  4519. > .el-tabs__header
  4520. .el-tabs__item.is-active.is-closable {
  4521. padding-left: 20px;
  4522. padding-right: 20px;
  4523. }
  4524. [data-theme="kr-designer"]
  4525. .el-tabs--card
  4526. > .el-tabs__header
  4527. .el-tabs__item.is-active.is-closable
  4528. .el-icon-close {
  4529. width: 14px;
  4530. }
  4531. [data-theme="kr-designer"] .el-tabs--border-card {
  4532. background: #fff;
  4533. border: 1px solid #dcdfe6;
  4534. -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
  4535. 0 0 6px 0 rgba(0, 0, 0, 0.04);
  4536. box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
  4537. }
  4538. [data-theme="kr-designer"] .el-tabs--border-card > .el-tabs__content {
  4539. padding: 15px;
  4540. }
  4541. [data-theme="kr-designer"] .el-tabs--border-card > .el-tabs__header {
  4542. background-color: #f5f7fa;
  4543. border-bottom: 1px solid #e4e7ed;
  4544. margin: 0;
  4545. }
  4546. [data-theme="kr-designer"]
  4547. .el-tabs--border-card
  4548. > .el-tabs__header
  4549. .el-tabs__nav-wrap::after {
  4550. content: none;
  4551. }
  4552. [data-theme="kr-designer"]
  4553. .el-tabs--border-card
  4554. > .el-tabs__header
  4555. .el-tabs__item {
  4556. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  4557. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  4558. border: 1px solid transparent;
  4559. margin-top: -1px;
  4560. color: #909399;
  4561. }
  4562. [data-theme="kr-designer"]
  4563. .el-tabs--border-card
  4564. > .el-tabs__header
  4565. .el-tabs__item
  4566. + .el-tabs__item,
  4567. [data-theme="kr-designer"]
  4568. .el-tabs--border-card
  4569. > .el-tabs__header
  4570. .el-tabs__item:first-child {
  4571. margin-left: -1px;
  4572. }
  4573. [data-theme="kr-designer"] .el-col-offset-0,
  4574. [data-theme="kr-designer"]
  4575. .el-tabs--border-card
  4576. > .el-tabs__header
  4577. .is-scrollable
  4578. .el-tabs__item:first-child {
  4579. margin-left: 0;
  4580. }
  4581. [data-theme="kr-designer"]
  4582. .el-tabs--border-card
  4583. > .el-tabs__header
  4584. .el-tabs__item.is-active {
  4585. color: #409eff;
  4586. background-color: #fff;
  4587. border-right-color: #dcdfe6;
  4588. border-left-color: #dcdfe6;
  4589. }
  4590. [data-theme="kr-designer"]
  4591. .el-tabs--border-card
  4592. > .el-tabs__header
  4593. .el-tabs__item:not(.is-disabled):hover {
  4594. color: #409eff;
  4595. }
  4596. [data-theme="kr-designer"]
  4597. .el-tabs--border-card
  4598. > .el-tabs__header
  4599. .el-tabs__item.is-disabled {
  4600. color: #c0c4cc;
  4601. }
  4602. [data-theme="kr-designer"]
  4603. .el-tabs--bottom
  4604. .el-tabs__item.is-bottom:nth-child(2),
  4605. [data-theme="kr-designer"] .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
  4606. [data-theme="kr-designer"] .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
  4607. [data-theme="kr-designer"] .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  4608. padding-left: 0;
  4609. }
  4610. [data-theme="kr-designer"] .el-tabs--bottom .el-tabs__item.is-bottom:last-child,
  4611. [data-theme="kr-designer"] .el-tabs--bottom .el-tabs__item.is-top:last-child,
  4612. [data-theme="kr-designer"] .el-tabs--top .el-tabs__item.is-bottom:last-child,
  4613. [data-theme="kr-designer"] .el-tabs--top .el-tabs__item.is-top:last-child {
  4614. padding-right: 0;
  4615. }
  4616. [data-theme="kr-designer"] .el-cascader-menu:last-child .el-cascader-node,
  4617. [data-theme="kr-designer"]
  4618. .el-tabs--bottom
  4619. .el-tabs--left
  4620. > .el-tabs__header
  4621. .el-tabs__item:last-child,
  4622. [data-theme="kr-designer"]
  4623. .el-tabs--bottom
  4624. .el-tabs--right
  4625. > .el-tabs__header
  4626. .el-tabs__item:last-child,
  4627. [data-theme="kr-designer"]
  4628. .el-tabs--bottom.el-tabs--border-card
  4629. > .el-tabs__header
  4630. .el-tabs__item:last-child,
  4631. [data-theme="kr-designer"]
  4632. .el-tabs--bottom.el-tabs--card
  4633. > .el-tabs__header
  4634. .el-tabs__item:last-child,
  4635. [data-theme="kr-designer"]
  4636. .el-tabs--top
  4637. .el-tabs--left
  4638. > .el-tabs__header
  4639. .el-tabs__item:last-child,
  4640. [data-theme="kr-designer"]
  4641. .el-tabs--top
  4642. .el-tabs--right
  4643. > .el-tabs__header
  4644. .el-tabs__item:last-child,
  4645. [data-theme="kr-designer"]
  4646. .el-tabs--top.el-tabs--border-card
  4647. > .el-tabs__header
  4648. .el-tabs__item:last-child,
  4649. [data-theme="kr-designer"]
  4650. .el-tabs--top.el-tabs--card
  4651. > .el-tabs__header
  4652. .el-tabs__item:last-child {
  4653. padding-right: 20px;
  4654. }
  4655. [data-theme="kr-designer"]
  4656. .el-tabs--bottom
  4657. .el-tabs--left
  4658. > .el-tabs__header
  4659. .el-tabs__item:nth-child(2),
  4660. [data-theme="kr-designer"]
  4661. .el-tabs--bottom
  4662. .el-tabs--right
  4663. > .el-tabs__header
  4664. .el-tabs__item:nth-child(2),
  4665. [data-theme="kr-designer"]
  4666. .el-tabs--bottom.el-tabs--border-card
  4667. > .el-tabs__header
  4668. .el-tabs__item:nth-child(2),
  4669. [data-theme="kr-designer"]
  4670. .el-tabs--bottom.el-tabs--card
  4671. > .el-tabs__header
  4672. .el-tabs__item:nth-child(2),
  4673. [data-theme="kr-designer"]
  4674. .el-tabs--top
  4675. .el-tabs--left
  4676. > .el-tabs__header
  4677. .el-tabs__item:nth-child(2),
  4678. [data-theme="kr-designer"]
  4679. .el-tabs--top
  4680. .el-tabs--right
  4681. > .el-tabs__header
  4682. .el-tabs__item:nth-child(2),
  4683. [data-theme="kr-designer"]
  4684. .el-tabs--top.el-tabs--border-card
  4685. > .el-tabs__header
  4686. .el-tabs__item:nth-child(2),
  4687. [data-theme="kr-designer"]
  4688. .el-tabs--top.el-tabs--card
  4689. > .el-tabs__header
  4690. .el-tabs__item:nth-child(2) {
  4691. padding-left: 20px;
  4692. }
  4693. [data-theme="kr-designer"] .el-tabs--bottom .el-tabs__header.is-bottom {
  4694. margin-bottom: 0;
  4695. margin-top: 10px;
  4696. }
  4697. [data-theme="kr-designer"]
  4698. .el-tabs--bottom.el-tabs--border-card
  4699. .el-tabs__header.is-bottom {
  4700. border-bottom: 0;
  4701. border-top: 1px solid #dcdfe6;
  4702. }
  4703. [data-theme="kr-designer"]
  4704. .el-tabs--bottom.el-tabs--border-card
  4705. .el-tabs__nav-wrap.is-bottom {
  4706. margin-top: -1px;
  4707. margin-bottom: 0;
  4708. }
  4709. [data-theme="kr-designer"]
  4710. .el-tabs--bottom.el-tabs--border-card
  4711. .el-tabs__item.is-bottom:not(.is-active) {
  4712. border: 1px solid transparent;
  4713. }
  4714. [data-theme="kr-designer"]
  4715. .el-tabs--bottom.el-tabs--border-card
  4716. .el-tabs__item.is-bottom {
  4717. margin: 0 -1px -1px;
  4718. }
  4719. [data-theme="kr-designer"] .el-tabs--left,
  4720. [data-theme="kr-designer"] .el-tabs--right {
  4721. overflow: hidden;
  4722. }
  4723. [data-theme="kr-designer"] .el-tabs--left .el-tabs__header.is-left,
  4724. [data-theme="kr-designer"] .el-tabs--left .el-tabs__header.is-right,
  4725. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav-scroll,
  4726. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav-wrap.is-left,
  4727. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav-wrap.is-right,
  4728. [data-theme="kr-designer"] .el-tabs--right .el-tabs__header.is-left,
  4729. [data-theme="kr-designer"] .el-tabs--right .el-tabs__header.is-right,
  4730. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav-scroll,
  4731. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav-wrap.is-left,
  4732. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav-wrap.is-right {
  4733. height: 100%;
  4734. }
  4735. [data-theme="kr-designer"] .el-tabs--left .el-tabs__active-bar.is-left,
  4736. [data-theme="kr-designer"] .el-tabs--left .el-tabs__active-bar.is-right,
  4737. [data-theme="kr-designer"] .el-tabs--right .el-tabs__active-bar.is-left,
  4738. [data-theme="kr-designer"] .el-tabs--right .el-tabs__active-bar.is-right {
  4739. top: 0;
  4740. bottom: auto;
  4741. width: 2px;
  4742. height: auto;
  4743. }
  4744. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav-wrap.is-left,
  4745. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav-wrap.is-right,
  4746. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav-wrap.is-left,
  4747. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav-wrap.is-right {
  4748. margin-bottom: 0;
  4749. }
  4750. [data-theme="kr-designer"]
  4751. .el-tabs--left
  4752. .el-tabs__nav-wrap.is-left
  4753. > .el-tabs__nav-next,
  4754. [data-theme="kr-designer"]
  4755. .el-tabs--left
  4756. .el-tabs__nav-wrap.is-left
  4757. > .el-tabs__nav-prev,
  4758. [data-theme="kr-designer"]
  4759. .el-tabs--left
  4760. .el-tabs__nav-wrap.is-right
  4761. > .el-tabs__nav-next,
  4762. [data-theme="kr-designer"]
  4763. .el-tabs--left
  4764. .el-tabs__nav-wrap.is-right
  4765. > .el-tabs__nav-prev,
  4766. [data-theme="kr-designer"]
  4767. .el-tabs--right
  4768. .el-tabs__nav-wrap.is-left
  4769. > .el-tabs__nav-next,
  4770. [data-theme="kr-designer"]
  4771. .el-tabs--right
  4772. .el-tabs__nav-wrap.is-left
  4773. > .el-tabs__nav-prev,
  4774. [data-theme="kr-designer"]
  4775. .el-tabs--right
  4776. .el-tabs__nav-wrap.is-right
  4777. > .el-tabs__nav-next,
  4778. [data-theme="kr-designer"]
  4779. .el-tabs--right
  4780. .el-tabs__nav-wrap.is-right
  4781. > .el-tabs__nav-prev {
  4782. height: 30px;
  4783. line-height: 30px;
  4784. width: 100%;
  4785. text-align: center;
  4786. cursor: pointer;
  4787. }
  4788. [data-theme="kr-designer"]
  4789. .el-tabs--left
  4790. .el-tabs__nav-wrap.is-left
  4791. > .el-tabs__nav-next
  4792. i,
  4793. [data-theme="kr-designer"]
  4794. .el-tabs--left
  4795. .el-tabs__nav-wrap.is-left
  4796. > .el-tabs__nav-prev
  4797. i,
  4798. [data-theme="kr-designer"]
  4799. .el-tabs--left
  4800. .el-tabs__nav-wrap.is-right
  4801. > .el-tabs__nav-next
  4802. i,
  4803. [data-theme="kr-designer"]
  4804. .el-tabs--left
  4805. .el-tabs__nav-wrap.is-right
  4806. > .el-tabs__nav-prev
  4807. i,
  4808. [data-theme="kr-designer"]
  4809. .el-tabs--right
  4810. .el-tabs__nav-wrap.is-left
  4811. > .el-tabs__nav-next
  4812. i,
  4813. [data-theme="kr-designer"]
  4814. .el-tabs--right
  4815. .el-tabs__nav-wrap.is-left
  4816. > .el-tabs__nav-prev
  4817. i,
  4818. [data-theme="kr-designer"]
  4819. .el-tabs--right
  4820. .el-tabs__nav-wrap.is-right
  4821. > .el-tabs__nav-next
  4822. i,
  4823. [data-theme="kr-designer"]
  4824. .el-tabs--right
  4825. .el-tabs__nav-wrap.is-right
  4826. > .el-tabs__nav-prev
  4827. i {
  4828. -webkit-transform: rotateZ(90deg);
  4829. transform: rotateZ(90deg);
  4830. }
  4831. [data-theme="kr-designer"]
  4832. .el-tabs--left
  4833. .el-tabs__nav-wrap.is-left
  4834. > .el-tabs__nav-prev,
  4835. [data-theme="kr-designer"]
  4836. .el-tabs--left
  4837. .el-tabs__nav-wrap.is-right
  4838. > .el-tabs__nav-prev,
  4839. [data-theme="kr-designer"]
  4840. .el-tabs--right
  4841. .el-tabs__nav-wrap.is-left
  4842. > .el-tabs__nav-prev,
  4843. [data-theme="kr-designer"]
  4844. .el-tabs--right
  4845. .el-tabs__nav-wrap.is-right
  4846. > .el-tabs__nav-prev {
  4847. left: auto;
  4848. top: 0;
  4849. }
  4850. [data-theme="kr-designer"]
  4851. .el-tabs--left
  4852. .el-tabs__nav-wrap.is-left
  4853. > .el-tabs__nav-next,
  4854. [data-theme="kr-designer"]
  4855. .el-tabs--left
  4856. .el-tabs__nav-wrap.is-right
  4857. > .el-tabs__nav-next,
  4858. [data-theme="kr-designer"]
  4859. .el-tabs--right
  4860. .el-tabs__nav-wrap.is-left
  4861. > .el-tabs__nav-next,
  4862. [data-theme="kr-designer"]
  4863. .el-tabs--right
  4864. .el-tabs__nav-wrap.is-right
  4865. > .el-tabs__nav-next {
  4866. right: auto;
  4867. bottom: 0;
  4868. }
  4869. [data-theme="kr-designer"] .el-tabs--left .el-tabs__active-bar.is-left,
  4870. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav-wrap.is-left::after {
  4871. right: 0;
  4872. left: auto;
  4873. }
  4874. [data-theme="kr-designer"]
  4875. .el-tabs--left
  4876. .el-tabs__nav-wrap.is-left.is-scrollable,
  4877. [data-theme="kr-designer"]
  4878. .el-tabs--left
  4879. .el-tabs__nav-wrap.is-right.is-scrollable,
  4880. [data-theme="kr-designer"]
  4881. .el-tabs--right
  4882. .el-tabs__nav-wrap.is-left.is-scrollable,
  4883. [data-theme="kr-designer"]
  4884. .el-tabs--right
  4885. .el-tabs__nav-wrap.is-right.is-scrollable {
  4886. padding: 30px 0;
  4887. }
  4888. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav-wrap.is-left::after,
  4889. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav-wrap.is-right::after,
  4890. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav-wrap.is-left::after,
  4891. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav-wrap.is-right::after {
  4892. height: 100%;
  4893. width: 2px;
  4894. bottom: auto;
  4895. top: 0;
  4896. }
  4897. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav.is-left,
  4898. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav.is-right,
  4899. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav.is-left,
  4900. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav.is-right {
  4901. float: none;
  4902. }
  4903. [data-theme="kr-designer"] .el-tabs--left .el-tabs__header.is-left {
  4904. float: left;
  4905. margin-bottom: 0;
  4906. margin-right: 10px;
  4907. }
  4908. [data-theme="kr-designer"] .el-button-group > .el-button:not(:last-child),
  4909. [data-theme="kr-designer"] .el-tabs--left .el-tabs__nav-wrap.is-left {
  4910. margin-right: -1px;
  4911. }
  4912. [data-theme="kr-designer"] .el-tabs--left .el-tabs__item.is-left {
  4913. text-align: right;
  4914. }
  4915. [data-theme="kr-designer"] .el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  4916. border-left: none;
  4917. border-right: 1px solid #e4e7ed;
  4918. border-bottom: none;
  4919. border-top: 1px solid #e4e7ed;
  4920. text-align: left;
  4921. }
  4922. [data-theme="kr-designer"]
  4923. .el-tabs--left.el-tabs--card
  4924. .el-tabs__item.is-left:first-child {
  4925. border-right: 1px solid #e4e7ed;
  4926. border-top: none;
  4927. }
  4928. [data-theme="kr-designer"]
  4929. .el-tabs--left.el-tabs--card
  4930. .el-tabs__item.is-left.is-active {
  4931. border: 1px solid #e4e7ed;
  4932. border-right-color: #fff;
  4933. border-left: none;
  4934. border-bottom: none;
  4935. }
  4936. [data-theme="kr-designer"]
  4937. .el-tabs--left.el-tabs--card
  4938. .el-tabs__item.is-left.is-active:first-child {
  4939. border-top: none;
  4940. }
  4941. [data-theme="kr-designer"]
  4942. .el-tabs--left.el-tabs--card
  4943. .el-tabs__item.is-left.is-active:last-child {
  4944. border-bottom: none;
  4945. }
  4946. [data-theme="kr-designer"] .el-tabs--left.el-tabs--card .el-tabs__nav {
  4947. border-radius: 4px 0 0 4px;
  4948. border-bottom: 1px solid #e4e7ed;
  4949. border-right: none;
  4950. }
  4951. [data-theme="kr-designer"] .el-tabs--left.el-tabs--card .el-tabs__new-tab {
  4952. float: none;
  4953. }
  4954. [data-theme="kr-designer"]
  4955. .el-tabs--left.el-tabs--border-card
  4956. .el-tabs__header.is-left {
  4957. border-right: 1px solid #dfe4ed;
  4958. }
  4959. [data-theme="kr-designer"]
  4960. .el-tabs--left.el-tabs--border-card
  4961. .el-tabs__item.is-left {
  4962. border: 1px solid transparent;
  4963. margin: -1px 0 -1px -1px;
  4964. }
  4965. [data-theme="kr-designer"]
  4966. .el-tabs--left.el-tabs--border-card
  4967. .el-tabs__item.is-left.is-active {
  4968. border-color: #d1dbe5 transparent;
  4969. }
  4970. [data-theme="kr-designer"] .el-tabs--right .el-tabs__header.is-right {
  4971. float: right;
  4972. margin-bottom: 0;
  4973. margin-left: 10px;
  4974. }
  4975. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav-wrap.is-right {
  4976. margin-left: -1px;
  4977. }
  4978. [data-theme="kr-designer"] .el-tabs--right .el-tabs__nav-wrap.is-right::after {
  4979. left: 0;
  4980. right: auto;
  4981. }
  4982. [data-theme="kr-designer"] .el-tabs--right .el-tabs__active-bar.is-right {
  4983. left: 0;
  4984. }
  4985. [data-theme="kr-designer"]
  4986. .el-tabs--right.el-tabs--card
  4987. .el-tabs__item.is-right {
  4988. border-bottom: none;
  4989. border-top: 1px solid #e4e7ed;
  4990. }
  4991. [data-theme="kr-designer"]
  4992. .el-tabs--right.el-tabs--card
  4993. .el-tabs__item.is-right:first-child {
  4994. border-left: 1px solid #e4e7ed;
  4995. border-top: none;
  4996. }
  4997. [data-theme="kr-designer"]
  4998. .el-tabs--right.el-tabs--card
  4999. .el-tabs__item.is-right.is-active {
  5000. border: 1px solid #e4e7ed;
  5001. border-left-color: #fff;
  5002. border-right: none;
  5003. border-bottom: none;
  5004. }
  5005. [data-theme="kr-designer"]
  5006. .el-tabs--right.el-tabs--card
  5007. .el-tabs__item.is-right.is-active:first-child {
  5008. border-top: none;
  5009. }
  5010. [data-theme="kr-designer"]
  5011. .el-tabs--right.el-tabs--card
  5012. .el-tabs__item.is-right.is-active:last-child {
  5013. border-bottom: none;
  5014. }
  5015. [data-theme="kr-designer"] .el-tabs--right.el-tabs--card .el-tabs__nav {
  5016. border-radius: 0 4px 4px 0;
  5017. border-bottom: 1px solid #e4e7ed;
  5018. border-left: none;
  5019. }
  5020. [data-theme="kr-designer"]
  5021. .el-tabs--right.el-tabs--border-card
  5022. .el-tabs__header.is-right {
  5023. border-left: 1px solid #dfe4ed;
  5024. }
  5025. [data-theme="kr-designer"]
  5026. .el-tabs--right.el-tabs--border-card
  5027. .el-tabs__item.is-right {
  5028. border: 1px solid transparent;
  5029. margin: -1px -1px -1px 0;
  5030. }
  5031. [data-theme="kr-designer"]
  5032. .el-tabs--right.el-tabs--border-card
  5033. .el-tabs__item.is-right.is-active {
  5034. border-color: #d1dbe5 transparent;
  5035. }
  5036. [data-theme="kr-designer"] .slideInLeft-transition,
  5037. [data-theme="kr-designer"] .slideInRight-transition {
  5038. display: inline-block;
  5039. }
  5040. [data-theme="kr-designer"] .slideInRight-enter {
  5041. -webkit-animation: slideInRight-enter 0.3s;
  5042. animation: slideInRight-enter 0.3s;
  5043. }
  5044. [data-theme="kr-designer"] .slideInRight-leave {
  5045. position: absolute;
  5046. left: 0;
  5047. right: 0;
  5048. -webkit-animation: slideInRight-leave 0.3s;
  5049. animation: slideInRight-leave 0.3s;
  5050. }
  5051. [data-theme="kr-designer"] .slideInLeft-enter {
  5052. -webkit-animation: slideInLeft-enter 0.3s;
  5053. animation: slideInLeft-enter 0.3s;
  5054. }
  5055. [data-theme="kr-designer"] .slideInLeft-leave {
  5056. position: absolute;
  5057. left: 0;
  5058. right: 0;
  5059. -webkit-animation: slideInLeft-leave 0.3s;
  5060. animation: slideInLeft-leave 0.3s;
  5061. }
  5062. @-webkit-keyframes slideInRight-enter {
  5063. 0% {
  5064. opacity: 0;
  5065. -webkit-transform-origin: 0 0;
  5066. transform-origin: 0 0;
  5067. -webkit-transform: translateX(100%);
  5068. transform: translateX(100%);
  5069. }
  5070. to {
  5071. opacity: 1;
  5072. -webkit-transform-origin: 0 0;
  5073. transform-origin: 0 0;
  5074. -webkit-transform: translateX(0);
  5075. transform: translateX(0);
  5076. }
  5077. }
  5078. @keyframes slideInRight-enter {
  5079. 0% {
  5080. opacity: 0;
  5081. -webkit-transform-origin: 0 0;
  5082. transform-origin: 0 0;
  5083. -webkit-transform: translateX(100%);
  5084. transform: translateX(100%);
  5085. }
  5086. to {
  5087. opacity: 1;
  5088. -webkit-transform-origin: 0 0;
  5089. transform-origin: 0 0;
  5090. -webkit-transform: translateX(0);
  5091. transform: translateX(0);
  5092. }
  5093. }
  5094. @-webkit-keyframes slideInRight-leave {
  5095. 0% {
  5096. -webkit-transform-origin: 0 0;
  5097. transform-origin: 0 0;
  5098. -webkit-transform: translateX(0);
  5099. transform: translateX(0);
  5100. opacity: 1;
  5101. }
  5102. 100% {
  5103. -webkit-transform-origin: 0 0;
  5104. transform-origin: 0 0;
  5105. -webkit-transform: translateX(100%);
  5106. transform: translateX(100%);
  5107. opacity: 0;
  5108. }
  5109. }
  5110. @keyframes slideInRight-leave {
  5111. 0% {
  5112. -webkit-transform-origin: 0 0;
  5113. transform-origin: 0 0;
  5114. -webkit-transform: translateX(0);
  5115. transform: translateX(0);
  5116. opacity: 1;
  5117. }
  5118. 100% {
  5119. -webkit-transform-origin: 0 0;
  5120. transform-origin: 0 0;
  5121. -webkit-transform: translateX(100%);
  5122. transform: translateX(100%);
  5123. opacity: 0;
  5124. }
  5125. }
  5126. @-webkit-keyframes slideInLeft-enter {
  5127. 0% {
  5128. opacity: 0;
  5129. -webkit-transform-origin: 0 0;
  5130. transform-origin: 0 0;
  5131. -webkit-transform: translateX(-100%);
  5132. transform: translateX(-100%);
  5133. }
  5134. to {
  5135. opacity: 1;
  5136. -webkit-transform-origin: 0 0;
  5137. transform-origin: 0 0;
  5138. -webkit-transform: translateX(0);
  5139. transform: translateX(0);
  5140. }
  5141. }
  5142. @keyframes slideInLeft-enter {
  5143. 0% {
  5144. opacity: 0;
  5145. -webkit-transform-origin: 0 0;
  5146. transform-origin: 0 0;
  5147. -webkit-transform: translateX(-100%);
  5148. transform: translateX(-100%);
  5149. }
  5150. to {
  5151. opacity: 1;
  5152. -webkit-transform-origin: 0 0;
  5153. transform-origin: 0 0;
  5154. -webkit-transform: translateX(0);
  5155. transform: translateX(0);
  5156. }
  5157. }
  5158. @-webkit-keyframes slideInLeft-leave {
  5159. 0% {
  5160. -webkit-transform-origin: 0 0;
  5161. transform-origin: 0 0;
  5162. -webkit-transform: translateX(0);
  5163. transform: translateX(0);
  5164. opacity: 1;
  5165. }
  5166. 100% {
  5167. -webkit-transform-origin: 0 0;
  5168. transform-origin: 0 0;
  5169. -webkit-transform: translateX(-100%);
  5170. transform: translateX(-100%);
  5171. opacity: 0;
  5172. }
  5173. }
  5174. @keyframes slideInLeft-leave {
  5175. 0% {
  5176. -webkit-transform-origin: 0 0;
  5177. transform-origin: 0 0;
  5178. -webkit-transform: translateX(0);
  5179. transform: translateX(0);
  5180. opacity: 1;
  5181. }
  5182. 100% {
  5183. -webkit-transform-origin: 0 0;
  5184. transform-origin: 0 0;
  5185. -webkit-transform: translateX(-100%);
  5186. transform: translateX(-100%);
  5187. opacity: 0;
  5188. }
  5189. }
  5190. [data-theme="kr-designer"] .el-tree {
  5191. position: relative;
  5192. cursor: default;
  5193. background: #fff;
  5194. color: #606266;
  5195. }
  5196. .el-tree__empty-block {
  5197. position: relative;
  5198. min-height: 60px;
  5199. text-align: center;
  5200. width: 100%;
  5201. height: 100%;
  5202. }
  5203. .el-tree__empty-text {
  5204. position: absolute;
  5205. left: 50%;
  5206. top: 50%;
  5207. -webkit-transform: translate(-50%, -50%);
  5208. transform: translate(-50%, -50%);
  5209. color: #909399;
  5210. font-size: 14px;
  5211. }
  5212. .el-tree__drop-indicator {
  5213. position: absolute;
  5214. left: 0;
  5215. right: 0;
  5216. height: 1px;
  5217. background-color: #409eff;
  5218. }
  5219. [data-theme="kr-designer"] .el-tree-node {
  5220. white-space: nowrap;
  5221. outline: 0;
  5222. }
  5223. [data-theme="kr-designer"] .el-tree-node:focus > .el-tree-node__content {
  5224. background-color: #f5f7fa;
  5225. }
  5226. [data-theme="kr-designer"]
  5227. .el-tree-node.is-drop-inner
  5228. > .el-tree-node__content
  5229. .el-tree-node__label {
  5230. background-color: #409eff;
  5231. color: #fff;
  5232. }
  5233. .el-tree-node__content {
  5234. display: -webkit-box;
  5235. display: -ms-flexbox;
  5236. display: flex;
  5237. -webkit-box-align: center;
  5238. -ms-flex-align: center;
  5239. align-items: center;
  5240. height: 26px;
  5241. cursor: pointer;
  5242. }
  5243. .el-tree-node__content > .el-tree-node__expand-icon {
  5244. padding: 6px;
  5245. }
  5246. .el-tree-node__content > label.el-checkbox {
  5247. margin-right: 8px;
  5248. }
  5249. .el-tree-node__content:hover {
  5250. background-color: #f5f7fa;
  5251. }
  5252. .el-tree.is-dragging .el-tree-node__content {
  5253. cursor: move;
  5254. }
  5255. .el-tree.is-dragging .el-tree-node__content * {
  5256. pointer-events: none;
  5257. }
  5258. .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  5259. cursor: not-allowed;
  5260. }
  5261. .el-tree-node__expand-icon {
  5262. cursor: pointer;
  5263. color: #c0c4cc;
  5264. font-size: 12px;
  5265. -webkit-transform: rotate(0);
  5266. transform: rotate(0);
  5267. -webkit-transition: -webkit-transform 0.3s ease-in-out;
  5268. transition: -webkit-transform 0.3s ease-in-out;
  5269. transition: transform 0.3s ease-in-out;
  5270. transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  5271. }
  5272. .el-tree-node__expand-icon.expanded {
  5273. -webkit-transform: rotate(90deg);
  5274. transform: rotate(90deg);
  5275. }
  5276. .el-tree-node__expand-icon.is-leaf {
  5277. color: transparent;
  5278. cursor: default;
  5279. }
  5280. .el-tree-node__label {
  5281. font-size: 14px;
  5282. }
  5283. .el-tree-node__loading-icon {
  5284. margin-right: 8px;
  5285. font-size: 14px;
  5286. color: #c0c4cc;
  5287. }
  5288. [data-theme="kr-designer"] .el-tree-node > .el-tree-node__children {
  5289. overflow: hidden;
  5290. background-color: transparent;
  5291. }
  5292. [data-theme="kr-designer"] .el-tree-node.is-expanded > .el-tree-node__children {
  5293. display: block;
  5294. }
  5295. [data-theme="kr-designer"]
  5296. .el-tree--highlight-current
  5297. .el-tree-node.is-current
  5298. > .el-tree-node__content {
  5299. background-color: #f0f7ff;
  5300. }
  5301. [data-theme="kr-designer"] .el-alert {
  5302. width: 100%;
  5303. padding: 8px 16px;
  5304. margin: 0;
  5305. -webkit-box-sizing: border-box;
  5306. box-sizing: border-box;
  5307. border-radius: 4px;
  5308. position: relative;
  5309. background-color: #fff;
  5310. overflow: hidden;
  5311. opacity: 1;
  5312. display: -webkit-box;
  5313. display: -ms-flexbox;
  5314. display: flex;
  5315. -webkit-box-align: center;
  5316. -ms-flex-align: center;
  5317. align-items: center;
  5318. -webkit-transition: opacity 0.2s;
  5319. transition: opacity 0.2s;
  5320. }
  5321. [data-theme="kr-designer"] .el-alert.is-light .el-alert__closebtn {
  5322. color: #c0c4cc;
  5323. }
  5324. [data-theme="kr-designer"] .el-alert.is-dark .el-alert__closebtn,
  5325. [data-theme="kr-designer"] .el-alert.is-dark .el-alert__description {
  5326. color: #fff;
  5327. }
  5328. [data-theme="kr-designer"] .el-alert.is-center {
  5329. -webkit-box-pack: center;
  5330. -ms-flex-pack: center;
  5331. justify-content: center;
  5332. }
  5333. [data-theme="kr-designer"] .el-alert--success.is-light {
  5334. background-color: #f0f9eb;
  5335. color: #67c23a;
  5336. }
  5337. [data-theme="kr-designer"] .el-alert--success.is-light .el-alert__description {
  5338. color: #67c23a;
  5339. }
  5340. [data-theme="kr-designer"] .el-alert--success.is-dark {
  5341. background-color: #67c23a;
  5342. color: #fff;
  5343. }
  5344. [data-theme="kr-designer"] .el-alert--info.is-light {
  5345. background-color: #f4f4f5;
  5346. color: #909399;
  5347. }
  5348. [data-theme="kr-designer"] .el-alert--info.is-dark {
  5349. background-color: #909399;
  5350. color: #fff;
  5351. }
  5352. [data-theme="kr-designer"] .el-alert--info .el-alert__description {
  5353. color: #909399;
  5354. }
  5355. [data-theme="kr-designer"] .el-alert--warning.is-light {
  5356. background-color: #fdf6ec;
  5357. color: #e6a23c;
  5358. }
  5359. [data-theme="kr-designer"] .el-alert--warning.is-light .el-alert__description {
  5360. color: #e6a23c;
  5361. }
  5362. [data-theme="kr-designer"] .el-alert--warning.is-dark {
  5363. background-color: #e6a23c;
  5364. color: #fff;
  5365. }
  5366. [data-theme="kr-designer"] .el-alert--error.is-light {
  5367. background-color: #fef0f0;
  5368. color: #f56c6c;
  5369. }
  5370. [data-theme="kr-designer"] .el-alert--error.is-light .el-alert__description {
  5371. color: #f56c6c;
  5372. }
  5373. [data-theme="kr-designer"] .el-alert--error.is-dark {
  5374. background-color: #f56c6c;
  5375. color: #fff;
  5376. }
  5377. .el-alert__content {
  5378. display: table-cell;
  5379. padding: 0 8px;
  5380. }
  5381. .el-alert__icon {
  5382. font-size: 16px;
  5383. width: 16px;
  5384. }
  5385. .el-alert__icon.is-big {
  5386. font-size: 28px;
  5387. width: 28px;
  5388. }
  5389. .el-alert__title {
  5390. font-size: 13px;
  5391. line-height: 18px;
  5392. }
  5393. .el-alert__title.is-bold {
  5394. font-weight: 700;
  5395. }
  5396. [data-theme="kr-designer"] .el-alert .el-alert__description {
  5397. font-size: 12px;
  5398. margin: 5px 0 0;
  5399. }
  5400. .el-alert__closebtn {
  5401. font-size: 12px;
  5402. opacity: 1;
  5403. position: absolute;
  5404. top: 12px;
  5405. right: 15px;
  5406. cursor: pointer;
  5407. }
  5408. .el-alert__closebtn.is-customed {
  5409. font-style: normal;
  5410. font-size: 13px;
  5411. top: 9px;
  5412. }
  5413. [data-theme="kr-designer"] .el-alert-fade-enter,
  5414. [data-theme="kr-designer"] .el-alert-fade-leave-active {
  5415. opacity: 0;
  5416. }
  5417. [data-theme="kr-designer"] .el-notification {
  5418. display: -webkit-box;
  5419. display: -ms-flexbox;
  5420. display: flex;
  5421. width: 330px;
  5422. padding: 14px 26px 14px 13px;
  5423. border-radius: 8px;
  5424. -webkit-box-sizing: border-box;
  5425. box-sizing: border-box;
  5426. border: 1px solid #ebeef5;
  5427. position: fixed;
  5428. background-color: #fff;
  5429. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  5430. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  5431. -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
  5432. -webkit-transform 0.3s;
  5433. transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
  5434. -webkit-transform 0.3s;
  5435. transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
  5436. bottom 0.3s;
  5437. transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
  5438. bottom 0.3s, -webkit-transform 0.3s;
  5439. overflow: hidden;
  5440. }
  5441. [data-theme="kr-designer"] .el-notification.right {
  5442. right: 16px;
  5443. }
  5444. [data-theme="kr-designer"] .el-notification.left {
  5445. left: 16px;
  5446. }
  5447. .el-notification__group {
  5448. margin-left: 13px;
  5449. margin-right: 8px;
  5450. }
  5451. .el-notification__title {
  5452. font-weight: 700;
  5453. font-size: 16px;
  5454. color: #303133;
  5455. margin: 0;
  5456. }
  5457. .el-notification__content {
  5458. font-size: 14px;
  5459. line-height: 21px;
  5460. margin: 6px 0 0;
  5461. color: #606266;
  5462. text-align: justify;
  5463. }
  5464. .el-notification__content p {
  5465. margin: 0;
  5466. }
  5467. .el-notification__icon {
  5468. height: 24px;
  5469. width: 24px;
  5470. font-size: 24px;
  5471. }
  5472. .el-notification__closeBtn {
  5473. position: absolute;
  5474. top: 18px;
  5475. right: 15px;
  5476. cursor: pointer;
  5477. color: #909399;
  5478. font-size: 16px;
  5479. }
  5480. .el-notification__closeBtn:hover {
  5481. color: #606266;
  5482. }
  5483. [data-theme="kr-designer"] .el-notification .el-icon-success {
  5484. color: #67c23a;
  5485. }
  5486. [data-theme="kr-designer"] .el-notification .el-icon-error {
  5487. color: #f56c6c;
  5488. }
  5489. [data-theme="kr-designer"] .el-notification .el-icon-info {
  5490. color: #909399;
  5491. }
  5492. [data-theme="kr-designer"] .el-notification .el-icon-warning {
  5493. color: #e6a23c;
  5494. }
  5495. [data-theme="kr-designer"] .el-notification-fade-enter.right {
  5496. right: 0;
  5497. -webkit-transform: translateX(100%);
  5498. transform: translateX(100%);
  5499. }
  5500. [data-theme="kr-designer"] .el-notification-fade-enter.left {
  5501. left: 0;
  5502. -webkit-transform: translateX(-100%);
  5503. transform: translateX(-100%);
  5504. }
  5505. [data-theme="kr-designer"] .el-notification-fade-leave-active {
  5506. opacity: 0;
  5507. }
  5508. [data-theme="kr-designer"] .el-input-number {
  5509. position: relative;
  5510. display: inline-block;
  5511. width: 180px;
  5512. line-height: 38px;
  5513. }
  5514. [data-theme="kr-designer"] .el-input-number .el-input {
  5515. display: block;
  5516. }
  5517. [data-theme="kr-designer"] .el-input-number .el-input__inner {
  5518. -webkit-appearance: none;
  5519. padding-left: 50px;
  5520. padding-right: 50px;
  5521. text-align: center;
  5522. }
  5523. .el-input-number__decrease,
  5524. .el-input-number__increase {
  5525. position: absolute;
  5526. z-index: 1;
  5527. top: 1px;
  5528. width: 40px;
  5529. height: auto;
  5530. text-align: center;
  5531. background: #f5f7fa;
  5532. color: #606266;
  5533. cursor: pointer;
  5534. font-size: 13px;
  5535. }
  5536. .el-input-number__decrease:hover,
  5537. .el-input-number__increase:hover {
  5538. color: #409eff;
  5539. }
  5540. .el-input-number__decrease:hover:not(.is-disabled)
  5541. ~ .el-input
  5542. .el-input__inner:not(.is-disabled),
  5543. .el-input-number__increase:hover:not(.is-disabled)
  5544. ~ .el-input
  5545. .el-input__inner:not(.is-disabled) {
  5546. border-color: #409eff;
  5547. }
  5548. .el-input-number__decrease.is-disabled,
  5549. .el-input-number__increase.is-disabled {
  5550. color: #c0c4cc;
  5551. cursor: not-allowed;
  5552. }
  5553. .el-input-number__increase {
  5554. right: 1px;
  5555. border-radius: 0 4px 4px 0;
  5556. border-left: 1px solid #dcdfe6;
  5557. }
  5558. .el-input-number__decrease {
  5559. left: 1px;
  5560. border-radius: 4px 0 0 4px;
  5561. border-right: 1px solid #dcdfe6;
  5562. }
  5563. [data-theme="kr-designer"]
  5564. .el-input-number.is-disabled
  5565. .el-input-number__decrease,
  5566. [data-theme="kr-designer"]
  5567. .el-input-number.is-disabled
  5568. .el-input-number__increase {
  5569. border-color: #e4e7ed;
  5570. color: #e4e7ed;
  5571. }
  5572. [data-theme="kr-designer"]
  5573. .el-input-number.is-disabled
  5574. .el-input-number__decrease:hover,
  5575. [data-theme="kr-designer"]
  5576. .el-input-number.is-disabled
  5577. .el-input-number__increase:hover {
  5578. color: #e4e7ed;
  5579. cursor: not-allowed;
  5580. }
  5581. [data-theme="kr-designer"] .el-input-number--medium {
  5582. width: 200px;
  5583. line-height: 34px;
  5584. }
  5585. [data-theme="kr-designer"] .el-input-number--medium .el-input-number__decrease,
  5586. [data-theme="kr-designer"] .el-input-number--medium .el-input-number__increase {
  5587. width: 36px;
  5588. font-size: 14px;
  5589. }
  5590. [data-theme="kr-designer"] .el-input-number--medium .el-input__inner {
  5591. padding-left: 43px;
  5592. padding-right: 43px;
  5593. }
  5594. [data-theme="kr-designer"] .el-input-number--small {
  5595. width: 130px;
  5596. line-height: 30px;
  5597. }
  5598. [data-theme="kr-designer"] .el-input-number--small .el-input-number__decrease,
  5599. [data-theme="kr-designer"] .el-input-number--small .el-input-number__increase {
  5600. width: 32px;
  5601. font-size: 13px;
  5602. }
  5603. [data-theme="kr-designer"]
  5604. .el-input-number--small
  5605. .el-input-number__decrease
  5606. [class*="el-icon"],
  5607. [data-theme="kr-designer"]
  5608. .el-input-number--small
  5609. .el-input-number__increase
  5610. [class*="el-icon"] {
  5611. -webkit-transform: scale(0.9);
  5612. transform: scale(0.9);
  5613. }
  5614. [data-theme="kr-designer"] .el-input-number--small .el-input__inner {
  5615. padding-left: 39px;
  5616. padding-right: 39px;
  5617. }
  5618. [data-theme="kr-designer"] .el-input-number--mini {
  5619. width: 130px;
  5620. line-height: 26px;
  5621. }
  5622. [data-theme="kr-designer"] .el-input-number--mini .el-input-number__decrease,
  5623. [data-theme="kr-designer"] .el-input-number--mini .el-input-number__increase {
  5624. width: 28px;
  5625. font-size: 12px;
  5626. }
  5627. [data-theme="kr-designer"]
  5628. .el-input-number--mini
  5629. .el-input-number__decrease
  5630. [class*="el-icon"],
  5631. [data-theme="kr-designer"]
  5632. .el-input-number--mini
  5633. .el-input-number__increase
  5634. [class*="el-icon"] {
  5635. -webkit-transform: scale(0.8);
  5636. transform: scale(0.8);
  5637. }
  5638. [data-theme="kr-designer"] .el-input-number--mini .el-input__inner {
  5639. padding-left: 35px;
  5640. padding-right: 35px;
  5641. }
  5642. [data-theme="kr-designer"]
  5643. .el-input-number.is-without-controls
  5644. .el-input__inner {
  5645. padding-left: 15px;
  5646. padding-right: 15px;
  5647. }
  5648. [data-theme="kr-designer"] .el-input-number.is-controls-right .el-input__inner {
  5649. padding-left: 15px;
  5650. padding-right: 50px;
  5651. }
  5652. [data-theme="kr-designer"]
  5653. .el-input-number.is-controls-right
  5654. .el-input-number__decrease,
  5655. [data-theme="kr-designer"]
  5656. .el-input-number.is-controls-right
  5657. .el-input-number__increase {
  5658. height: auto;
  5659. line-height: 19px;
  5660. }
  5661. [data-theme="kr-designer"]
  5662. .el-input-number.is-controls-right
  5663. .el-input-number__decrease
  5664. [class*="el-icon"],
  5665. [data-theme="kr-designer"]
  5666. .el-input-number.is-controls-right
  5667. .el-input-number__increase
  5668. [class*="el-icon"] {
  5669. -webkit-transform: scale(0.8);
  5670. transform: scale(0.8);
  5671. }
  5672. [data-theme="kr-designer"]
  5673. .el-input-number.is-controls-right
  5674. .el-input-number__increase {
  5675. border-radius: 0 4px 0 0;
  5676. border-bottom: 1px solid #dcdfe6;
  5677. }
  5678. [data-theme="kr-designer"]
  5679. .el-input-number.is-controls-right
  5680. .el-input-number__decrease {
  5681. right: 1px;
  5682. bottom: 1px;
  5683. top: auto;
  5684. left: auto;
  5685. border-right: none;
  5686. border-left: 1px solid #dcdfe6;
  5687. border-radius: 0 0 4px;
  5688. }
  5689. [data-theme="kr-designer"]
  5690. .el-input-number.is-controls-right[class*="medium"]
  5691. [class*="decrease"],
  5692. [data-theme="kr-designer"]
  5693. .el-input-number.is-controls-right[class*="medium"]
  5694. [class*="increase"] {
  5695. line-height: 17px;
  5696. }
  5697. [data-theme="kr-designer"]
  5698. .el-input-number.is-controls-right[class*="small"]
  5699. [class*="decrease"],
  5700. [data-theme="kr-designer"]
  5701. .el-input-number.is-controls-right[class*="small"]
  5702. [class*="increase"] {
  5703. line-height: 15px;
  5704. }
  5705. [data-theme="kr-designer"]
  5706. .el-input-number.is-controls-right[class*="mini"]
  5707. [class*="decrease"],
  5708. [data-theme="kr-designer"]
  5709. .el-input-number.is-controls-right[class*="mini"]
  5710. [class*="increase"] {
  5711. line-height: 13px;
  5712. }
  5713. [data-theme="kr-designer"] .el-tooltip:focus:hover,
  5714. [data-theme="kr-designer"] .el-tooltip:focus:not(.focusing) {
  5715. outline-width: 0;
  5716. }
  5717. .el-tooltip__popper {
  5718. position: absolute;
  5719. border-radius: 4px;
  5720. padding: 10px;
  5721. z-index: 2000;
  5722. font-size: 12px;
  5723. line-height: 1.2;
  5724. min-width: 10px;
  5725. word-wrap: break-word;
  5726. }
  5727. .el-tooltip__popper .popper__arrow,
  5728. .el-tooltip__popper .popper__arrow::after {
  5729. position: absolute;
  5730. display: block;
  5731. width: 0;
  5732. height: 0;
  5733. border-color: transparent;
  5734. border-style: solid;
  5735. }
  5736. .el-tooltip__popper .popper__arrow {
  5737. border-width: 6px;
  5738. }
  5739. .el-tooltip__popper .popper__arrow::after {
  5740. content: " ";
  5741. border-width: 5px;
  5742. }
  5743. .el-tooltip__popper[x-placement^="top"] .popper__arrow {
  5744. bottom: -6px;
  5745. border-top-color: #303133;
  5746. border-bottom-width: 0;
  5747. }
  5748. .el-tooltip__popper[x-placement^="top"] .popper__arrow::after {
  5749. bottom: 1px;
  5750. margin-left: -5px;
  5751. border-top-color: #303133;
  5752. border-bottom-width: 0;
  5753. }
  5754. .el-tooltip__popper[x-placement^="bottom"] {
  5755. margin-top: 12px;
  5756. }
  5757. .el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
  5758. top: -6px;
  5759. border-top-width: 0;
  5760. border-bottom-color: #303133;
  5761. }
  5762. .el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after {
  5763. top: 1px;
  5764. margin-left: -5px;
  5765. border-top-width: 0;
  5766. border-bottom-color: #303133;
  5767. }
  5768. .el-tooltip__popper[x-placement^="right"] {
  5769. margin-left: 12px;
  5770. }
  5771. .el-tooltip__popper[x-placement^="right"] .popper__arrow {
  5772. left: -6px;
  5773. border-right-color: #303133;
  5774. border-left-width: 0;
  5775. }
  5776. .el-tooltip__popper[x-placement^="right"] .popper__arrow::after {
  5777. bottom: -5px;
  5778. left: 1px;
  5779. border-right-color: #303133;
  5780. border-left-width: 0;
  5781. }
  5782. .el-tooltip__popper[x-placement^="left"] {
  5783. margin-right: 12px;
  5784. }
  5785. .el-tooltip__popper[x-placement^="left"] .popper__arrow {
  5786. right: -6px;
  5787. border-right-width: 0;
  5788. border-left-color: #303133;
  5789. }
  5790. .el-tooltip__popper[x-placement^="left"] .popper__arrow::after {
  5791. right: 1px;
  5792. bottom: -5px;
  5793. margin-left: -5px;
  5794. border-right-width: 0;
  5795. border-left-color: #303133;
  5796. }
  5797. .el-tooltip__popper.is-dark {
  5798. background: #303133;
  5799. color: #fff;
  5800. }
  5801. .el-tooltip__popper.is-light {
  5802. background: #fff;
  5803. border: 1px solid #303133;
  5804. }
  5805. .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
  5806. border-top-color: #303133;
  5807. }
  5808. .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after {
  5809. border-top-color: #fff;
  5810. }
  5811. .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
  5812. border-bottom-color: #303133;
  5813. }
  5814. .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after {
  5815. border-bottom-color: #fff;
  5816. }
  5817. .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
  5818. border-left-color: #303133;
  5819. }
  5820. .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after {
  5821. border-left-color: #fff;
  5822. }
  5823. .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
  5824. border-right-color: #303133;
  5825. }
  5826. .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after {
  5827. border-right-color: #fff;
  5828. }
  5829. [data-theme="kr-designer"] .el-slider::after,
  5830. [data-theme="kr-designer"] .el-slider::before {
  5831. display: table;
  5832. content: "";
  5833. }
  5834. .el-slider__button-wrapper .el-tooltip,
  5835. .el-slider__button-wrapper::after {
  5836. vertical-align: middle;
  5837. display: inline-block;
  5838. }
  5839. [data-theme="kr-designer"] .el-slider::after {
  5840. clear: both;
  5841. }
  5842. .el-slider__runway {
  5843. width: 100%;
  5844. height: 6px;
  5845. margin: 16px 0;
  5846. background-color: #e4e7ed;
  5847. border-radius: 3px;
  5848. position: relative;
  5849. cursor: pointer;
  5850. vertical-align: middle;
  5851. }
  5852. .el-slider__runway.show-input {
  5853. margin-right: 160px;
  5854. width: auto;
  5855. }
  5856. .el-slider__runway.disabled {
  5857. cursor: default;
  5858. }
  5859. .el-slider__runway.disabled .el-slider__bar {
  5860. background-color: #c0c4cc;
  5861. }
  5862. .el-slider__runway.disabled .el-slider__button {
  5863. border-color: #c0c4cc;
  5864. }
  5865. .el-slider__runway.disabled .el-slider__button-wrapper.dragging,
  5866. .el-slider__runway.disabled .el-slider__button-wrapper.hover,
  5867. .el-slider__runway.disabled .el-slider__button-wrapper:hover {
  5868. cursor: not-allowed;
  5869. }
  5870. .el-slider__runway.disabled .el-slider__button.dragging,
  5871. .el-slider__runway.disabled .el-slider__button.hover,
  5872. .el-slider__runway.disabled .el-slider__button:hover {
  5873. -webkit-transform: scale(1);
  5874. transform: scale(1);
  5875. cursor: not-allowed;
  5876. }
  5877. .el-slider__button-wrapper,
  5878. .el-slider__stop {
  5879. -webkit-transform: translateX(-50%);
  5880. position: absolute;
  5881. }
  5882. .el-slider__input {
  5883. float: right;
  5884. margin-top: 3px;
  5885. width: 130px;
  5886. }
  5887. .el-slider__input.el-input-number--mini {
  5888. margin-top: 5px;
  5889. }
  5890. .el-slider__input.el-input-number--medium {
  5891. margin-top: 0;
  5892. }
  5893. .el-slider__input.el-input-number--large {
  5894. margin-top: -2px;
  5895. }
  5896. .el-slider__bar {
  5897. height: 6px;
  5898. background-color: #409eff;
  5899. border-top-left-radius: 3px;
  5900. border-bottom-left-radius: 3px;
  5901. position: absolute;
  5902. }
  5903. .el-slider__button-wrapper {
  5904. height: 36px;
  5905. width: 36px;
  5906. z-index: 1001;
  5907. top: -15px;
  5908. transform: translateX(-50%);
  5909. background-color: transparent;
  5910. text-align: center;
  5911. -webkit-user-select: none;
  5912. user-select: none;
  5913. line-height: normal;
  5914. }
  5915. .el-checkbox-button__inner,
  5916. .el-image-viewer__btn,
  5917. .el-slider__button,
  5918. .el-step__icon-inner,
  5919. [data-theme="kr-designer"] .el-button,
  5920. [data-theme="kr-designer"] .el-checkbox {
  5921. -moz-user-select: none;
  5922. -ms-user-select: none;
  5923. }
  5924. .el-slider__button-wrapper::after {
  5925. content: "";
  5926. height: 100%;
  5927. }
  5928. .el-slider__button-wrapper.hover,
  5929. .el-slider__button-wrapper:hover {
  5930. cursor: -webkit-grab;
  5931. cursor: grab;
  5932. }
  5933. .el-slider__button-wrapper.dragging {
  5934. cursor: -webkit-grabbing;
  5935. cursor: grabbing;
  5936. }
  5937. .el-slider__button {
  5938. width: 16px;
  5939. height: 16px;
  5940. border: 2px solid #409eff;
  5941. background-color: #fff;
  5942. border-radius: 50%;
  5943. -webkit-transition: 0.2s;
  5944. transition: 0.2s;
  5945. -webkit-user-select: none;
  5946. user-select: none;
  5947. }
  5948. .el-input__inner,
  5949. .el-textarea__inner {
  5950. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  5951. font-size: inherit;
  5952. }
  5953. .el-slider__button.dragging,
  5954. .el-slider__button.hover,
  5955. .el-slider__button:hover {
  5956. -webkit-transform: scale(1.2);
  5957. transform: scale(1.2);
  5958. }
  5959. .el-slider__button.hover,
  5960. .el-slider__button:hover {
  5961. cursor: -webkit-grab;
  5962. cursor: grab;
  5963. }
  5964. .el-slider__button.dragging {
  5965. cursor: -webkit-grabbing;
  5966. cursor: grabbing;
  5967. }
  5968. .el-slider__stop {
  5969. height: 6px;
  5970. width: 6px;
  5971. border-radius: 100%;
  5972. background-color: #fff;
  5973. transform: translateX(-50%);
  5974. }
  5975. .el-slider__marks {
  5976. top: 0;
  5977. left: 12px;
  5978. width: 18px;
  5979. height: 100%;
  5980. }
  5981. .el-slider__marks-text {
  5982. position: absolute;
  5983. -webkit-transform: translateX(-50%);
  5984. transform: translateX(-50%);
  5985. font-size: 14px;
  5986. color: #909399;
  5987. margin-top: 15px;
  5988. }
  5989. [data-theme="kr-designer"] .el-slider.is-vertical {
  5990. position: relative;
  5991. }
  5992. [data-theme="kr-designer"] .el-slider.is-vertical .el-slider__runway {
  5993. width: 6px;
  5994. height: 100%;
  5995. margin: 0 16px;
  5996. }
  5997. [data-theme="kr-designer"] .el-slider.is-vertical .el-slider__bar {
  5998. width: 6px;
  5999. height: auto;
  6000. border-radius: 0 0 3px 3px;
  6001. }
  6002. [data-theme="kr-designer"] .el-slider.is-vertical .el-slider__button-wrapper {
  6003. top: auto;
  6004. left: -15px;
  6005. -webkit-transform: translateY(50%);
  6006. transform: translateY(50%);
  6007. }
  6008. [data-theme="kr-designer"] .el-slider.is-vertical .el-slider__stop {
  6009. -webkit-transform: translateY(50%);
  6010. transform: translateY(50%);
  6011. }
  6012. [data-theme="kr-designer"] .el-slider.is-vertical.el-slider--with-input {
  6013. padding-bottom: 58px;
  6014. }
  6015. [data-theme="kr-designer"]
  6016. .el-slider.is-vertical.el-slider--with-input
  6017. .el-slider__input {
  6018. overflow: visible;
  6019. float: none;
  6020. position: absolute;
  6021. bottom: 22px;
  6022. width: 36px;
  6023. margin-top: 15px;
  6024. }
  6025. [data-theme="kr-designer"]
  6026. .el-slider.is-vertical.el-slider--with-input
  6027. .el-slider__input
  6028. .el-input__inner {
  6029. text-align: center;
  6030. padding-left: 5px;
  6031. padding-right: 5px;
  6032. }
  6033. [data-theme="kr-designer"]
  6034. .el-slider.is-vertical.el-slider--with-input
  6035. .el-slider__input
  6036. .el-input-number__decrease,
  6037. [data-theme="kr-designer"]
  6038. .el-slider.is-vertical.el-slider--with-input
  6039. .el-slider__input
  6040. .el-input-number__increase {
  6041. top: 32px;
  6042. margin-top: -1px;
  6043. border: 1px solid #dcdfe6;
  6044. line-height: 20px;
  6045. -webkit-box-sizing: border-box;
  6046. box-sizing: border-box;
  6047. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  6048. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  6049. }
  6050. [data-theme="kr-designer"]
  6051. .el-slider.is-vertical.el-slider--with-input
  6052. .el-slider__input
  6053. .el-input-number__decrease {
  6054. width: 18px;
  6055. right: 18px;
  6056. border-bottom-left-radius: 4px;
  6057. }
  6058. [data-theme="kr-designer"]
  6059. .el-slider.is-vertical.el-slider--with-input
  6060. .el-slider__input
  6061. .el-input-number__increase {
  6062. width: 19px;
  6063. border-bottom-right-radius: 4px;
  6064. }
  6065. [data-theme="kr-designer"]
  6066. .el-slider.is-vertical.el-slider--with-input
  6067. .el-slider__input
  6068. .el-input-number__increase
  6069. ~ .el-input
  6070. .el-input__inner {
  6071. border-bottom-left-radius: 0;
  6072. border-bottom-right-radius: 0;
  6073. }
  6074. [data-theme="kr-designer"]
  6075. .el-slider.is-vertical.el-slider--with-input
  6076. .el-slider__input:hover
  6077. .el-input-number__decrease,
  6078. [data-theme="kr-designer"]
  6079. .el-slider.is-vertical.el-slider--with-input
  6080. .el-slider__input:hover
  6081. .el-input-number__increase {
  6082. border-color: #c0c4cc;
  6083. }
  6084. [data-theme="kr-designer"]
  6085. .el-slider.is-vertical.el-slider--with-input
  6086. .el-slider__input:active
  6087. .el-input-number__decrease,
  6088. [data-theme="kr-designer"]
  6089. .el-slider.is-vertical.el-slider--with-input
  6090. .el-slider__input:active
  6091. .el-input-number__increase {
  6092. border-color: #409eff;
  6093. }
  6094. [data-theme="kr-designer"] .el-slider.is-vertical .el-slider__marks-text {
  6095. margin-top: 0;
  6096. left: 15px;
  6097. -webkit-transform: translateY(50%);
  6098. transform: translateY(50%);
  6099. }
  6100. [data-theme="kr-designer"] .el-loading-parent--relative {
  6101. position: relative !important;
  6102. }
  6103. [data-theme="kr-designer"] .el-loading-parent--hidden {
  6104. overflow: hidden !important;
  6105. }
  6106. [data-theme="kr-designer"] .el-loading-mask {
  6107. position: absolute;
  6108. z-index: 2000;
  6109. background-color: rgba(255, 255, 255, 0.9);
  6110. margin: 0;
  6111. top: 0;
  6112. right: 0;
  6113. bottom: 0;
  6114. left: 0;
  6115. -webkit-transition: opacity 0.3s;
  6116. transition: opacity 0.3s;
  6117. }
  6118. [data-theme="kr-designer"] .el-loading-mask.is-fullscreen {
  6119. position: fixed;
  6120. }
  6121. [data-theme="kr-designer"] .el-loading-mask.is-fullscreen .el-loading-spinner {
  6122. margin-top: -25px;
  6123. }
  6124. [data-theme="kr-designer"]
  6125. .el-loading-mask.is-fullscreen
  6126. .el-loading-spinner
  6127. .circular {
  6128. height: 50px;
  6129. width: 50px;
  6130. }
  6131. [data-theme="kr-designer"] .el-loading-spinner {
  6132. top: 50%;
  6133. margin-top: -21px;
  6134. width: 100%;
  6135. text-align: center;
  6136. position: absolute;
  6137. }
  6138. [data-theme="kr-designer"] .el-loading-spinner .el-loading-text {
  6139. color: #409eff;
  6140. margin: 3px 0;
  6141. font-size: 14px;
  6142. }
  6143. [data-theme="kr-designer"] .el-loading-spinner .circular {
  6144. height: 42px;
  6145. width: 42px;
  6146. -webkit-animation: loading-rotate 2s linear infinite;
  6147. animation: loading-rotate 2s linear infinite;
  6148. }
  6149. [data-theme="kr-designer"] .el-loading-spinner .path {
  6150. -webkit-animation: loading-dash 1.5s ease-in-out infinite;
  6151. animation: loading-dash 1.5s ease-in-out infinite;
  6152. stroke-dasharray: 90, 150;
  6153. stroke-dashoffset: 0;
  6154. stroke-width: 2;
  6155. stroke: #409eff;
  6156. stroke-linecap: round;
  6157. }
  6158. [data-theme="kr-designer"] .el-loading-spinner i {
  6159. color: #409eff;
  6160. }
  6161. [data-theme="kr-designer"] .el-loading-fade-enter,
  6162. [data-theme="kr-designer"] .el-loading-fade-leave-active {
  6163. opacity: 0;
  6164. }
  6165. @-webkit-keyframes loading-rotate {
  6166. 100% {
  6167. -webkit-transform: rotate(360deg);
  6168. transform: rotate(360deg);
  6169. }
  6170. }
  6171. @keyframes loading-rotate {
  6172. 100% {
  6173. -webkit-transform: rotate(360deg);
  6174. transform: rotate(360deg);
  6175. }
  6176. }
  6177. @-webkit-keyframes loading-dash {
  6178. 0% {
  6179. stroke-dasharray: 1, 200;
  6180. stroke-dashoffset: 0;
  6181. }
  6182. 50% {
  6183. stroke-dasharray: 90, 150;
  6184. stroke-dashoffset: -40px;
  6185. }
  6186. 100% {
  6187. stroke-dasharray: 90, 150;
  6188. stroke-dashoffset: -120px;
  6189. }
  6190. }
  6191. @keyframes loading-dash {
  6192. 0% {
  6193. stroke-dasharray: 1, 200;
  6194. stroke-dashoffset: 0;
  6195. }
  6196. 50% {
  6197. stroke-dasharray: 90, 150;
  6198. stroke-dashoffset: -40px;
  6199. }
  6200. 100% {
  6201. stroke-dasharray: 90, 150;
  6202. stroke-dashoffset: -120px;
  6203. }
  6204. }
  6205. [data-theme="kr-designer"] .el-row {
  6206. position: relative;
  6207. -webkit-box-sizing: border-box;
  6208. box-sizing: border-box;
  6209. }
  6210. [data-theme="kr-designer"] .el-row::after,
  6211. [data-theme="kr-designer"] .el-row::before {
  6212. display: table;
  6213. content: "";
  6214. }
  6215. [data-theme="kr-designer"] .el-row::after {
  6216. clear: both;
  6217. }
  6218. [data-theme="kr-designer"] .el-row--flex {
  6219. display: -webkit-box;
  6220. display: -ms-flexbox;
  6221. display: flex;
  6222. }
  6223. [data-theme="kr-designer"] .el-row--flex:after,
  6224. [data-theme="kr-designer"] .el-row--flex:before {
  6225. display: none;
  6226. }
  6227. [data-theme="kr-designer"] .el-row--flex.is-justify-center {
  6228. -webkit-box-pack: center;
  6229. -ms-flex-pack: center;
  6230. justify-content: center;
  6231. }
  6232. [data-theme="kr-designer"] .el-row--flex.is-justify-end {
  6233. -webkit-box-pack: end;
  6234. -ms-flex-pack: end;
  6235. justify-content: flex-end;
  6236. }
  6237. [data-theme="kr-designer"] .el-row--flex.is-justify-space-between {
  6238. -webkit-box-pack: justify;
  6239. -ms-flex-pack: justify;
  6240. justify-content: space-between;
  6241. }
  6242. [data-theme="kr-designer"] .el-row--flex.is-justify-space-around {
  6243. -ms-flex-pack: distribute;
  6244. justify-content: space-around;
  6245. }
  6246. [data-theme="kr-designer"] .el-row--flex.is-align-middle {
  6247. -webkit-box-align: center;
  6248. -ms-flex-align: center;
  6249. align-items: center;
  6250. }
  6251. [data-theme="kr-designer"] .el-row--flex.is-align-bottom {
  6252. -webkit-box-align: end;
  6253. -ms-flex-align: end;
  6254. align-items: flex-end;
  6255. }
  6256. [data-theme="kr-designer"] [class*="el-col-"] {
  6257. float: left;
  6258. -webkit-box-sizing: border-box;
  6259. box-sizing: border-box;
  6260. }
  6261. [data-theme="kr-designer"] .el-col-0 {
  6262. display: none;
  6263. width: 0%;
  6264. }
  6265. [data-theme="kr-designer"] .el-col-pull-0 {
  6266. position: relative;
  6267. right: 0;
  6268. }
  6269. [data-theme="kr-designer"] .el-col-push-0 {
  6270. position: relative;
  6271. left: 0;
  6272. }
  6273. [data-theme="kr-designer"] .el-col-1 {
  6274. width: 4.16667%;
  6275. }
  6276. [data-theme="kr-designer"] .el-col-offset-1 {
  6277. margin-left: 4.16667%;
  6278. }
  6279. [data-theme="kr-designer"] .el-col-pull-1 {
  6280. position: relative;
  6281. right: 4.16667%;
  6282. }
  6283. [data-theme="kr-designer"] .el-col-push-1 {
  6284. position: relative;
  6285. left: 4.16667%;
  6286. }
  6287. [data-theme="kr-designer"] .el-col-2 {
  6288. width: 8.33333%;
  6289. }
  6290. [data-theme="kr-designer"] .el-col-offset-2 {
  6291. margin-left: 8.33333%;
  6292. }
  6293. [data-theme="kr-designer"] .el-col-pull-2 {
  6294. position: relative;
  6295. right: 8.33333%;
  6296. }
  6297. [data-theme="kr-designer"] .el-col-push-2 {
  6298. position: relative;
  6299. left: 8.33333%;
  6300. }
  6301. [data-theme="kr-designer"] .el-col-3 {
  6302. width: 12.5%;
  6303. }
  6304. [data-theme="kr-designer"] .el-col-offset-3 {
  6305. margin-left: 12.5%;
  6306. }
  6307. [data-theme="kr-designer"] .el-col-pull-3 {
  6308. position: relative;
  6309. right: 12.5%;
  6310. }
  6311. [data-theme="kr-designer"] .el-col-push-3 {
  6312. position: relative;
  6313. left: 12.5%;
  6314. }
  6315. [data-theme="kr-designer"] .el-col-4 {
  6316. width: 16.66667%;
  6317. }
  6318. [data-theme="kr-designer"] .el-col-offset-4 {
  6319. margin-left: 16.66667%;
  6320. }
  6321. [data-theme="kr-designer"] .el-col-pull-4 {
  6322. position: relative;
  6323. right: 16.66667%;
  6324. }
  6325. [data-theme="kr-designer"] .el-col-push-4 {
  6326. position: relative;
  6327. left: 16.66667%;
  6328. }
  6329. [data-theme="kr-designer"] .el-col-5 {
  6330. width: 20.83333%;
  6331. }
  6332. [data-theme="kr-designer"] .el-col-offset-5 {
  6333. margin-left: 20.83333%;
  6334. }
  6335. [data-theme="kr-designer"] .el-col-pull-5 {
  6336. position: relative;
  6337. right: 20.83333%;
  6338. }
  6339. [data-theme="kr-designer"] .el-col-push-5 {
  6340. position: relative;
  6341. left: 20.83333%;
  6342. }
  6343. [data-theme="kr-designer"] .el-col-6 {
  6344. width: 25%;
  6345. }
  6346. [data-theme="kr-designer"] .el-col-offset-6 {
  6347. margin-left: 25%;
  6348. }
  6349. [data-theme="kr-designer"] .el-col-pull-6 {
  6350. position: relative;
  6351. right: 25%;
  6352. }
  6353. [data-theme="kr-designer"] .el-col-push-6 {
  6354. position: relative;
  6355. left: 25%;
  6356. }
  6357. [data-theme="kr-designer"] .el-col-7 {
  6358. width: 29.16667%;
  6359. }
  6360. [data-theme="kr-designer"] .el-col-offset-7 {
  6361. margin-left: 29.16667%;
  6362. }
  6363. [data-theme="kr-designer"] .el-col-pull-7 {
  6364. position: relative;
  6365. right: 29.16667%;
  6366. }
  6367. [data-theme="kr-designer"] .el-col-push-7 {
  6368. position: relative;
  6369. left: 29.16667%;
  6370. }
  6371. [data-theme="kr-designer"] .el-col-8 {
  6372. width: 33.33333%;
  6373. }
  6374. [data-theme="kr-designer"] .el-col-offset-8 {
  6375. margin-left: 33.33333%;
  6376. }
  6377. [data-theme="kr-designer"] .el-col-pull-8 {
  6378. position: relative;
  6379. right: 33.33333%;
  6380. }
  6381. [data-theme="kr-designer"] .el-col-push-8 {
  6382. position: relative;
  6383. left: 33.33333%;
  6384. }
  6385. [data-theme="kr-designer"] .el-col-9 {
  6386. width: 37.5%;
  6387. }
  6388. [data-theme="kr-designer"] .el-col-offset-9 {
  6389. margin-left: 37.5%;
  6390. }
  6391. [data-theme="kr-designer"] .el-col-pull-9 {
  6392. position: relative;
  6393. right: 37.5%;
  6394. }
  6395. [data-theme="kr-designer"] .el-col-push-9 {
  6396. position: relative;
  6397. left: 37.5%;
  6398. }
  6399. [data-theme="kr-designer"] .el-col-10 {
  6400. width: 41.66667%;
  6401. }
  6402. [data-theme="kr-designer"] .el-col-offset-10 {
  6403. margin-left: 41.66667%;
  6404. }
  6405. [data-theme="kr-designer"] .el-col-pull-10 {
  6406. position: relative;
  6407. right: 41.66667%;
  6408. }
  6409. [data-theme="kr-designer"] .el-col-push-10 {
  6410. position: relative;
  6411. left: 41.66667%;
  6412. }
  6413. [data-theme="kr-designer"] .el-col-11 {
  6414. width: 45.83333%;
  6415. }
  6416. [data-theme="kr-designer"] .el-col-offset-11 {
  6417. margin-left: 45.83333%;
  6418. }
  6419. [data-theme="kr-designer"] .el-col-pull-11 {
  6420. position: relative;
  6421. right: 45.83333%;
  6422. }
  6423. [data-theme="kr-designer"] .el-col-push-11 {
  6424. position: relative;
  6425. left: 45.83333%;
  6426. }
  6427. [data-theme="kr-designer"] .el-col-12 {
  6428. width: 50%;
  6429. }
  6430. [data-theme="kr-designer"] .el-col-offset-12 {
  6431. margin-left: 50%;
  6432. }
  6433. [data-theme="kr-designer"] .el-col-pull-12 {
  6434. position: relative;
  6435. right: 50%;
  6436. }
  6437. [data-theme="kr-designer"] .el-col-push-12 {
  6438. position: relative;
  6439. left: 50%;
  6440. }
  6441. [data-theme="kr-designer"] .el-col-13 {
  6442. width: 54.16667%;
  6443. }
  6444. [data-theme="kr-designer"] .el-col-offset-13 {
  6445. margin-left: 54.16667%;
  6446. }
  6447. [data-theme="kr-designer"] .el-col-pull-13 {
  6448. position: relative;
  6449. right: 54.16667%;
  6450. }
  6451. [data-theme="kr-designer"] .el-col-push-13 {
  6452. position: relative;
  6453. left: 54.16667%;
  6454. }
  6455. [data-theme="kr-designer"] .el-col-14 {
  6456. width: 58.33333%;
  6457. }
  6458. [data-theme="kr-designer"] .el-col-offset-14 {
  6459. margin-left: 58.33333%;
  6460. }
  6461. [data-theme="kr-designer"] .el-col-pull-14 {
  6462. position: relative;
  6463. right: 58.33333%;
  6464. }
  6465. [data-theme="kr-designer"] .el-col-push-14 {
  6466. position: relative;
  6467. left: 58.33333%;
  6468. }
  6469. [data-theme="kr-designer"] .el-col-15 {
  6470. width: 62.5%;
  6471. }
  6472. [data-theme="kr-designer"] .el-col-offset-15 {
  6473. margin-left: 62.5%;
  6474. }
  6475. [data-theme="kr-designer"] .el-col-pull-15 {
  6476. position: relative;
  6477. right: 62.5%;
  6478. }
  6479. [data-theme="kr-designer"] .el-col-push-15 {
  6480. position: relative;
  6481. left: 62.5%;
  6482. }
  6483. [data-theme="kr-designer"] .el-col-16 {
  6484. width: 66.66667%;
  6485. }
  6486. [data-theme="kr-designer"] .el-col-offset-16 {
  6487. margin-left: 66.66667%;
  6488. }
  6489. [data-theme="kr-designer"] .el-col-pull-16 {
  6490. position: relative;
  6491. right: 66.66667%;
  6492. }
  6493. [data-theme="kr-designer"] .el-col-push-16 {
  6494. position: relative;
  6495. left: 66.66667%;
  6496. }
  6497. [data-theme="kr-designer"] .el-col-17 {
  6498. width: 70.83333%;
  6499. }
  6500. [data-theme="kr-designer"] .el-col-offset-17 {
  6501. margin-left: 70.83333%;
  6502. }
  6503. [data-theme="kr-designer"] .el-col-pull-17 {
  6504. position: relative;
  6505. right: 70.83333%;
  6506. }
  6507. [data-theme="kr-designer"] .el-col-push-17 {
  6508. position: relative;
  6509. left: 70.83333%;
  6510. }
  6511. [data-theme="kr-designer"] .el-col-18 {
  6512. width: 75%;
  6513. }
  6514. [data-theme="kr-designer"] .el-col-offset-18 {
  6515. margin-left: 75%;
  6516. }
  6517. [data-theme="kr-designer"] .el-col-pull-18 {
  6518. position: relative;
  6519. right: 75%;
  6520. }
  6521. [data-theme="kr-designer"] .el-col-push-18 {
  6522. position: relative;
  6523. left: 75%;
  6524. }
  6525. [data-theme="kr-designer"] .el-col-19 {
  6526. width: 79.16667%;
  6527. }
  6528. [data-theme="kr-designer"] .el-col-offset-19 {
  6529. margin-left: 79.16667%;
  6530. }
  6531. [data-theme="kr-designer"] .el-col-pull-19 {
  6532. position: relative;
  6533. right: 79.16667%;
  6534. }
  6535. [data-theme="kr-designer"] .el-col-push-19 {
  6536. position: relative;
  6537. left: 79.16667%;
  6538. }
  6539. [data-theme="kr-designer"] .el-col-20 {
  6540. width: 83.33333%;
  6541. }
  6542. [data-theme="kr-designer"] .el-col-offset-20 {
  6543. margin-left: 83.33333%;
  6544. }
  6545. [data-theme="kr-designer"] .el-col-pull-20 {
  6546. position: relative;
  6547. right: 83.33333%;
  6548. }
  6549. [data-theme="kr-designer"] .el-col-push-20 {
  6550. position: relative;
  6551. left: 83.33333%;
  6552. }
  6553. [data-theme="kr-designer"] .el-col-21 {
  6554. width: 87.5%;
  6555. }
  6556. [data-theme="kr-designer"] .el-col-offset-21 {
  6557. margin-left: 87.5%;
  6558. }
  6559. [data-theme="kr-designer"] .el-col-pull-21 {
  6560. position: relative;
  6561. right: 87.5%;
  6562. }
  6563. [data-theme="kr-designer"] .el-col-push-21 {
  6564. position: relative;
  6565. left: 87.5%;
  6566. }
  6567. [data-theme="kr-designer"] .el-col-22 {
  6568. width: 91.66667%;
  6569. }
  6570. [data-theme="kr-designer"] .el-col-offset-22 {
  6571. margin-left: 91.66667%;
  6572. }
  6573. [data-theme="kr-designer"] .el-col-pull-22 {
  6574. position: relative;
  6575. right: 91.66667%;
  6576. }
  6577. [data-theme="kr-designer"] .el-col-push-22 {
  6578. position: relative;
  6579. left: 91.66667%;
  6580. }
  6581. [data-theme="kr-designer"] .el-col-23 {
  6582. width: 95.83333%;
  6583. }
  6584. [data-theme="kr-designer"] .el-col-offset-23 {
  6585. margin-left: 95.83333%;
  6586. }
  6587. [data-theme="kr-designer"] .el-col-pull-23 {
  6588. position: relative;
  6589. right: 95.83333%;
  6590. }
  6591. [data-theme="kr-designer"] .el-col-push-23 {
  6592. position: relative;
  6593. left: 95.83333%;
  6594. }
  6595. [data-theme="kr-designer"] .el-col-24 {
  6596. width: 100%;
  6597. }
  6598. [data-theme="kr-designer"] .el-col-offset-24 {
  6599. margin-left: 100%;
  6600. }
  6601. [data-theme="kr-designer"] .el-col-pull-24 {
  6602. position: relative;
  6603. right: 100%;
  6604. }
  6605. [data-theme="kr-designer"] .el-col-push-24 {
  6606. position: relative;
  6607. left: 100%;
  6608. }
  6609. @media only screen and (max-width: 767px) {
  6610. [data-theme="kr-designer"] .el-col-xs-0 {
  6611. display: none;
  6612. width: 0%;
  6613. }
  6614. [data-theme="kr-designer"] .el-col-xs-offset-0 {
  6615. margin-left: 0;
  6616. }
  6617. [data-theme="kr-designer"] .el-col-xs-pull-0 {
  6618. position: relative;
  6619. right: 0;
  6620. }
  6621. [data-theme="kr-designer"] .el-col-xs-push-0 {
  6622. position: relative;
  6623. left: 0;
  6624. }
  6625. [data-theme="kr-designer"] .el-col-xs-1 {
  6626. width: 4.16667%;
  6627. }
  6628. [data-theme="kr-designer"] .el-col-xs-offset-1 {
  6629. margin-left: 4.16667%;
  6630. }
  6631. [data-theme="kr-designer"] .el-col-xs-pull-1 {
  6632. position: relative;
  6633. right: 4.16667%;
  6634. }
  6635. [data-theme="kr-designer"] .el-col-xs-push-1 {
  6636. position: relative;
  6637. left: 4.16667%;
  6638. }
  6639. [data-theme="kr-designer"] .el-col-xs-2 {
  6640. width: 8.33333%;
  6641. }
  6642. [data-theme="kr-designer"] .el-col-xs-offset-2 {
  6643. margin-left: 8.33333%;
  6644. }
  6645. [data-theme="kr-designer"] .el-col-xs-pull-2 {
  6646. position: relative;
  6647. right: 8.33333%;
  6648. }
  6649. [data-theme="kr-designer"] .el-col-xs-push-2 {
  6650. position: relative;
  6651. left: 8.33333%;
  6652. }
  6653. [data-theme="kr-designer"] .el-col-xs-3 {
  6654. width: 12.5%;
  6655. }
  6656. [data-theme="kr-designer"] .el-col-xs-offset-3 {
  6657. margin-left: 12.5%;
  6658. }
  6659. [data-theme="kr-designer"] .el-col-xs-pull-3 {
  6660. position: relative;
  6661. right: 12.5%;
  6662. }
  6663. [data-theme="kr-designer"] .el-col-xs-push-3 {
  6664. position: relative;
  6665. left: 12.5%;
  6666. }
  6667. [data-theme="kr-designer"] .el-col-xs-4 {
  6668. width: 16.66667%;
  6669. }
  6670. [data-theme="kr-designer"] .el-col-xs-offset-4 {
  6671. margin-left: 16.66667%;
  6672. }
  6673. [data-theme="kr-designer"] .el-col-xs-pull-4 {
  6674. position: relative;
  6675. right: 16.66667%;
  6676. }
  6677. [data-theme="kr-designer"] .el-col-xs-push-4 {
  6678. position: relative;
  6679. left: 16.66667%;
  6680. }
  6681. [data-theme="kr-designer"] .el-col-xs-5 {
  6682. width: 20.83333%;
  6683. }
  6684. [data-theme="kr-designer"] .el-col-xs-offset-5 {
  6685. margin-left: 20.83333%;
  6686. }
  6687. [data-theme="kr-designer"] .el-col-xs-pull-5 {
  6688. position: relative;
  6689. right: 20.83333%;
  6690. }
  6691. [data-theme="kr-designer"] .el-col-xs-push-5 {
  6692. position: relative;
  6693. left: 20.83333%;
  6694. }
  6695. [data-theme="kr-designer"] .el-col-xs-6 {
  6696. width: 25%;
  6697. }
  6698. [data-theme="kr-designer"] .el-col-xs-offset-6 {
  6699. margin-left: 25%;
  6700. }
  6701. [data-theme="kr-designer"] .el-col-xs-pull-6 {
  6702. position: relative;
  6703. right: 25%;
  6704. }
  6705. [data-theme="kr-designer"] .el-col-xs-push-6 {
  6706. position: relative;
  6707. left: 25%;
  6708. }
  6709. [data-theme="kr-designer"] .el-col-xs-7 {
  6710. width: 29.16667%;
  6711. }
  6712. [data-theme="kr-designer"] .el-col-xs-offset-7 {
  6713. margin-left: 29.16667%;
  6714. }
  6715. [data-theme="kr-designer"] .el-col-xs-pull-7 {
  6716. position: relative;
  6717. right: 29.16667%;
  6718. }
  6719. [data-theme="kr-designer"] .el-col-xs-push-7 {
  6720. position: relative;
  6721. left: 29.16667%;
  6722. }
  6723. [data-theme="kr-designer"] .el-col-xs-8 {
  6724. width: 33.33333%;
  6725. }
  6726. [data-theme="kr-designer"] .el-col-xs-offset-8 {
  6727. margin-left: 33.33333%;
  6728. }
  6729. [data-theme="kr-designer"] .el-col-xs-pull-8 {
  6730. position: relative;
  6731. right: 33.33333%;
  6732. }
  6733. [data-theme="kr-designer"] .el-col-xs-push-8 {
  6734. position: relative;
  6735. left: 33.33333%;
  6736. }
  6737. [data-theme="kr-designer"] .el-col-xs-9 {
  6738. width: 37.5%;
  6739. }
  6740. [data-theme="kr-designer"] .el-col-xs-offset-9 {
  6741. margin-left: 37.5%;
  6742. }
  6743. [data-theme="kr-designer"] .el-col-xs-pull-9 {
  6744. position: relative;
  6745. right: 37.5%;
  6746. }
  6747. [data-theme="kr-designer"] .el-col-xs-push-9 {
  6748. position: relative;
  6749. left: 37.5%;
  6750. }
  6751. [data-theme="kr-designer"] .el-col-xs-10 {
  6752. width: 41.66667%;
  6753. }
  6754. [data-theme="kr-designer"] .el-col-xs-offset-10 {
  6755. margin-left: 41.66667%;
  6756. }
  6757. [data-theme="kr-designer"] .el-col-xs-pull-10 {
  6758. position: relative;
  6759. right: 41.66667%;
  6760. }
  6761. [data-theme="kr-designer"] .el-col-xs-push-10 {
  6762. position: relative;
  6763. left: 41.66667%;
  6764. }
  6765. [data-theme="kr-designer"] .el-col-xs-11 {
  6766. width: 45.83333%;
  6767. }
  6768. [data-theme="kr-designer"] .el-col-xs-offset-11 {
  6769. margin-left: 45.83333%;
  6770. }
  6771. [data-theme="kr-designer"] .el-col-xs-pull-11 {
  6772. position: relative;
  6773. right: 45.83333%;
  6774. }
  6775. [data-theme="kr-designer"] .el-col-xs-push-11 {
  6776. position: relative;
  6777. left: 45.83333%;
  6778. }
  6779. [data-theme="kr-designer"] .el-col-xs-12 {
  6780. width: 50%;
  6781. }
  6782. [data-theme="kr-designer"] .el-col-xs-offset-12 {
  6783. margin-left: 50%;
  6784. }
  6785. [data-theme="kr-designer"] .el-col-xs-pull-12 {
  6786. position: relative;
  6787. right: 50%;
  6788. }
  6789. [data-theme="kr-designer"] .el-col-xs-push-12 {
  6790. position: relative;
  6791. left: 50%;
  6792. }
  6793. [data-theme="kr-designer"] .el-col-xs-13 {
  6794. width: 54.16667%;
  6795. }
  6796. [data-theme="kr-designer"] .el-col-xs-offset-13 {
  6797. margin-left: 54.16667%;
  6798. }
  6799. [data-theme="kr-designer"] .el-col-xs-pull-13 {
  6800. position: relative;
  6801. right: 54.16667%;
  6802. }
  6803. [data-theme="kr-designer"] .el-col-xs-push-13 {
  6804. position: relative;
  6805. left: 54.16667%;
  6806. }
  6807. [data-theme="kr-designer"] .el-col-xs-14 {
  6808. width: 58.33333%;
  6809. }
  6810. [data-theme="kr-designer"] .el-col-xs-offset-14 {
  6811. margin-left: 58.33333%;
  6812. }
  6813. [data-theme="kr-designer"] .el-col-xs-pull-14 {
  6814. position: relative;
  6815. right: 58.33333%;
  6816. }
  6817. [data-theme="kr-designer"] .el-col-xs-push-14 {
  6818. position: relative;
  6819. left: 58.33333%;
  6820. }
  6821. [data-theme="kr-designer"] .el-col-xs-15 {
  6822. width: 62.5%;
  6823. }
  6824. [data-theme="kr-designer"] .el-col-xs-offset-15 {
  6825. margin-left: 62.5%;
  6826. }
  6827. [data-theme="kr-designer"] .el-col-xs-pull-15 {
  6828. position: relative;
  6829. right: 62.5%;
  6830. }
  6831. [data-theme="kr-designer"] .el-col-xs-push-15 {
  6832. position: relative;
  6833. left: 62.5%;
  6834. }
  6835. [data-theme="kr-designer"] .el-col-xs-16 {
  6836. width: 66.66667%;
  6837. }
  6838. [data-theme="kr-designer"] .el-col-xs-offset-16 {
  6839. margin-left: 66.66667%;
  6840. }
  6841. [data-theme="kr-designer"] .el-col-xs-pull-16 {
  6842. position: relative;
  6843. right: 66.66667%;
  6844. }
  6845. [data-theme="kr-designer"] .el-col-xs-push-16 {
  6846. position: relative;
  6847. left: 66.66667%;
  6848. }
  6849. [data-theme="kr-designer"] .el-col-xs-17 {
  6850. width: 70.83333%;
  6851. }
  6852. [data-theme="kr-designer"] .el-col-xs-offset-17 {
  6853. margin-left: 70.83333%;
  6854. }
  6855. [data-theme="kr-designer"] .el-col-xs-pull-17 {
  6856. position: relative;
  6857. right: 70.83333%;
  6858. }
  6859. [data-theme="kr-designer"] .el-col-xs-push-17 {
  6860. position: relative;
  6861. left: 70.83333%;
  6862. }
  6863. [data-theme="kr-designer"] .el-col-xs-18 {
  6864. width: 75%;
  6865. }
  6866. [data-theme="kr-designer"] .el-col-xs-offset-18 {
  6867. margin-left: 75%;
  6868. }
  6869. [data-theme="kr-designer"] .el-col-xs-pull-18 {
  6870. position: relative;
  6871. right: 75%;
  6872. }
  6873. [data-theme="kr-designer"] .el-col-xs-push-18 {
  6874. position: relative;
  6875. left: 75%;
  6876. }
  6877. [data-theme="kr-designer"] .el-col-xs-19 {
  6878. width: 79.16667%;
  6879. }
  6880. [data-theme="kr-designer"] .el-col-xs-offset-19 {
  6881. margin-left: 79.16667%;
  6882. }
  6883. [data-theme="kr-designer"] .el-col-xs-pull-19 {
  6884. position: relative;
  6885. right: 79.16667%;
  6886. }
  6887. [data-theme="kr-designer"] .el-col-xs-push-19 {
  6888. position: relative;
  6889. left: 79.16667%;
  6890. }
  6891. [data-theme="kr-designer"] .el-col-xs-20 {
  6892. width: 83.33333%;
  6893. }
  6894. [data-theme="kr-designer"] .el-col-xs-offset-20 {
  6895. margin-left: 83.33333%;
  6896. }
  6897. [data-theme="kr-designer"] .el-col-xs-pull-20 {
  6898. position: relative;
  6899. right: 83.33333%;
  6900. }
  6901. [data-theme="kr-designer"] .el-col-xs-push-20 {
  6902. position: relative;
  6903. left: 83.33333%;
  6904. }
  6905. [data-theme="kr-designer"] .el-col-xs-21 {
  6906. width: 87.5%;
  6907. }
  6908. [data-theme="kr-designer"] .el-col-xs-offset-21 {
  6909. margin-left: 87.5%;
  6910. }
  6911. [data-theme="kr-designer"] .el-col-xs-pull-21 {
  6912. position: relative;
  6913. right: 87.5%;
  6914. }
  6915. [data-theme="kr-designer"] .el-col-xs-push-21 {
  6916. position: relative;
  6917. left: 87.5%;
  6918. }
  6919. [data-theme="kr-designer"] .el-col-xs-22 {
  6920. width: 91.66667%;
  6921. }
  6922. [data-theme="kr-designer"] .el-col-xs-offset-22 {
  6923. margin-left: 91.66667%;
  6924. }
  6925. [data-theme="kr-designer"] .el-col-xs-pull-22 {
  6926. position: relative;
  6927. right: 91.66667%;
  6928. }
  6929. [data-theme="kr-designer"] .el-col-xs-push-22 {
  6930. position: relative;
  6931. left: 91.66667%;
  6932. }
  6933. [data-theme="kr-designer"] .el-col-xs-23 {
  6934. width: 95.83333%;
  6935. }
  6936. [data-theme="kr-designer"] .el-col-xs-offset-23 {
  6937. margin-left: 95.83333%;
  6938. }
  6939. [data-theme="kr-designer"] .el-col-xs-pull-23 {
  6940. position: relative;
  6941. right: 95.83333%;
  6942. }
  6943. [data-theme="kr-designer"] .el-col-xs-push-23 {
  6944. position: relative;
  6945. left: 95.83333%;
  6946. }
  6947. [data-theme="kr-designer"] .el-col-xs-24 {
  6948. width: 100%;
  6949. }
  6950. [data-theme="kr-designer"] .el-col-xs-offset-24 {
  6951. margin-left: 100%;
  6952. }
  6953. [data-theme="kr-designer"] .el-col-xs-pull-24 {
  6954. position: relative;
  6955. right: 100%;
  6956. }
  6957. [data-theme="kr-designer"] .el-col-xs-push-24 {
  6958. position: relative;
  6959. left: 100%;
  6960. }
  6961. }
  6962. @media only screen and (min-width: 768px) {
  6963. [data-theme="kr-designer"] .el-col-sm-0 {
  6964. display: none;
  6965. width: 0%;
  6966. }
  6967. [data-theme="kr-designer"] .el-col-sm-offset-0 {
  6968. margin-left: 0;
  6969. }
  6970. [data-theme="kr-designer"] .el-col-sm-pull-0 {
  6971. position: relative;
  6972. right: 0;
  6973. }
  6974. [data-theme="kr-designer"] .el-col-sm-push-0 {
  6975. position: relative;
  6976. left: 0;
  6977. }
  6978. [data-theme="kr-designer"] .el-col-sm-1 {
  6979. width: 4.16667%;
  6980. }
  6981. [data-theme="kr-designer"] .el-col-sm-offset-1 {
  6982. margin-left: 4.16667%;
  6983. }
  6984. [data-theme="kr-designer"] .el-col-sm-pull-1 {
  6985. position: relative;
  6986. right: 4.16667%;
  6987. }
  6988. [data-theme="kr-designer"] .el-col-sm-push-1 {
  6989. position: relative;
  6990. left: 4.16667%;
  6991. }
  6992. [data-theme="kr-designer"] .el-col-sm-2 {
  6993. width: 8.33333%;
  6994. }
  6995. [data-theme="kr-designer"] .el-col-sm-offset-2 {
  6996. margin-left: 8.33333%;
  6997. }
  6998. [data-theme="kr-designer"] .el-col-sm-pull-2 {
  6999. position: relative;
  7000. right: 8.33333%;
  7001. }
  7002. [data-theme="kr-designer"] .el-col-sm-push-2 {
  7003. position: relative;
  7004. left: 8.33333%;
  7005. }
  7006. [data-theme="kr-designer"] .el-col-sm-3 {
  7007. width: 12.5%;
  7008. }
  7009. [data-theme="kr-designer"] .el-col-sm-offset-3 {
  7010. margin-left: 12.5%;
  7011. }
  7012. [data-theme="kr-designer"] .el-col-sm-pull-3 {
  7013. position: relative;
  7014. right: 12.5%;
  7015. }
  7016. [data-theme="kr-designer"] .el-col-sm-push-3 {
  7017. position: relative;
  7018. left: 12.5%;
  7019. }
  7020. [data-theme="kr-designer"] .el-col-sm-4 {
  7021. width: 16.66667%;
  7022. }
  7023. [data-theme="kr-designer"] .el-col-sm-offset-4 {
  7024. margin-left: 16.66667%;
  7025. }
  7026. [data-theme="kr-designer"] .el-col-sm-pull-4 {
  7027. position: relative;
  7028. right: 16.66667%;
  7029. }
  7030. [data-theme="kr-designer"] .el-col-sm-push-4 {
  7031. position: relative;
  7032. left: 16.66667%;
  7033. }
  7034. [data-theme="kr-designer"] .el-col-sm-5 {
  7035. width: 20.83333%;
  7036. }
  7037. [data-theme="kr-designer"] .el-col-sm-offset-5 {
  7038. margin-left: 20.83333%;
  7039. }
  7040. [data-theme="kr-designer"] .el-col-sm-pull-5 {
  7041. position: relative;
  7042. right: 20.83333%;
  7043. }
  7044. [data-theme="kr-designer"] .el-col-sm-push-5 {
  7045. position: relative;
  7046. left: 20.83333%;
  7047. }
  7048. [data-theme="kr-designer"] .el-col-sm-6 {
  7049. width: 25%;
  7050. }
  7051. [data-theme="kr-designer"] .el-col-sm-offset-6 {
  7052. margin-left: 25%;
  7053. }
  7054. [data-theme="kr-designer"] .el-col-sm-pull-6 {
  7055. position: relative;
  7056. right: 25%;
  7057. }
  7058. [data-theme="kr-designer"] .el-col-sm-push-6 {
  7059. position: relative;
  7060. left: 25%;
  7061. }
  7062. [data-theme="kr-designer"] .el-col-sm-7 {
  7063. width: 29.16667%;
  7064. }
  7065. [data-theme="kr-designer"] .el-col-sm-offset-7 {
  7066. margin-left: 29.16667%;
  7067. }
  7068. [data-theme="kr-designer"] .el-col-sm-pull-7 {
  7069. position: relative;
  7070. right: 29.16667%;
  7071. }
  7072. [data-theme="kr-designer"] .el-col-sm-push-7 {
  7073. position: relative;
  7074. left: 29.16667%;
  7075. }
  7076. [data-theme="kr-designer"] .el-col-sm-8 {
  7077. width: 33.33333%;
  7078. }
  7079. [data-theme="kr-designer"] .el-col-sm-offset-8 {
  7080. margin-left: 33.33333%;
  7081. }
  7082. [data-theme="kr-designer"] .el-col-sm-pull-8 {
  7083. position: relative;
  7084. right: 33.33333%;
  7085. }
  7086. [data-theme="kr-designer"] .el-col-sm-push-8 {
  7087. position: relative;
  7088. left: 33.33333%;
  7089. }
  7090. [data-theme="kr-designer"] .el-col-sm-9 {
  7091. width: 37.5%;
  7092. }
  7093. [data-theme="kr-designer"] .el-col-sm-offset-9 {
  7094. margin-left: 37.5%;
  7095. }
  7096. [data-theme="kr-designer"] .el-col-sm-pull-9 {
  7097. position: relative;
  7098. right: 37.5%;
  7099. }
  7100. [data-theme="kr-designer"] .el-col-sm-push-9 {
  7101. position: relative;
  7102. left: 37.5%;
  7103. }
  7104. [data-theme="kr-designer"] .el-col-sm-10 {
  7105. width: 41.66667%;
  7106. }
  7107. [data-theme="kr-designer"] .el-col-sm-offset-10 {
  7108. margin-left: 41.66667%;
  7109. }
  7110. [data-theme="kr-designer"] .el-col-sm-pull-10 {
  7111. position: relative;
  7112. right: 41.66667%;
  7113. }
  7114. [data-theme="kr-designer"] .el-col-sm-push-10 {
  7115. position: relative;
  7116. left: 41.66667%;
  7117. }
  7118. [data-theme="kr-designer"] .el-col-sm-11 {
  7119. width: 45.83333%;
  7120. }
  7121. [data-theme="kr-designer"] .el-col-sm-offset-11 {
  7122. margin-left: 45.83333%;
  7123. }
  7124. [data-theme="kr-designer"] .el-col-sm-pull-11 {
  7125. position: relative;
  7126. right: 45.83333%;
  7127. }
  7128. [data-theme="kr-designer"] .el-col-sm-push-11 {
  7129. position: relative;
  7130. left: 45.83333%;
  7131. }
  7132. [data-theme="kr-designer"] .el-col-sm-12 {
  7133. width: 50%;
  7134. }
  7135. [data-theme="kr-designer"] .el-col-sm-offset-12 {
  7136. margin-left: 50%;
  7137. }
  7138. [data-theme="kr-designer"] .el-col-sm-pull-12 {
  7139. position: relative;
  7140. right: 50%;
  7141. }
  7142. [data-theme="kr-designer"] .el-col-sm-push-12 {
  7143. position: relative;
  7144. left: 50%;
  7145. }
  7146. [data-theme="kr-designer"] .el-col-sm-13 {
  7147. width: 54.16667%;
  7148. }
  7149. [data-theme="kr-designer"] .el-col-sm-offset-13 {
  7150. margin-left: 54.16667%;
  7151. }
  7152. [data-theme="kr-designer"] .el-col-sm-pull-13 {
  7153. position: relative;
  7154. right: 54.16667%;
  7155. }
  7156. [data-theme="kr-designer"] .el-col-sm-push-13 {
  7157. position: relative;
  7158. left: 54.16667%;
  7159. }
  7160. [data-theme="kr-designer"] .el-col-sm-14 {
  7161. width: 58.33333%;
  7162. }
  7163. [data-theme="kr-designer"] .el-col-sm-offset-14 {
  7164. margin-left: 58.33333%;
  7165. }
  7166. [data-theme="kr-designer"] .el-col-sm-pull-14 {
  7167. position: relative;
  7168. right: 58.33333%;
  7169. }
  7170. [data-theme="kr-designer"] .el-col-sm-push-14 {
  7171. position: relative;
  7172. left: 58.33333%;
  7173. }
  7174. [data-theme="kr-designer"] .el-col-sm-15 {
  7175. width: 62.5%;
  7176. }
  7177. [data-theme="kr-designer"] .el-col-sm-offset-15 {
  7178. margin-left: 62.5%;
  7179. }
  7180. [data-theme="kr-designer"] .el-col-sm-pull-15 {
  7181. position: relative;
  7182. right: 62.5%;
  7183. }
  7184. [data-theme="kr-designer"] .el-col-sm-push-15 {
  7185. position: relative;
  7186. left: 62.5%;
  7187. }
  7188. [data-theme="kr-designer"] .el-col-sm-16 {
  7189. width: 66.66667%;
  7190. }
  7191. [data-theme="kr-designer"] .el-col-sm-offset-16 {
  7192. margin-left: 66.66667%;
  7193. }
  7194. [data-theme="kr-designer"] .el-col-sm-pull-16 {
  7195. position: relative;
  7196. right: 66.66667%;
  7197. }
  7198. [data-theme="kr-designer"] .el-col-sm-push-16 {
  7199. position: relative;
  7200. left: 66.66667%;
  7201. }
  7202. [data-theme="kr-designer"] .el-col-sm-17 {
  7203. width: 70.83333%;
  7204. }
  7205. [data-theme="kr-designer"] .el-col-sm-offset-17 {
  7206. margin-left: 70.83333%;
  7207. }
  7208. [data-theme="kr-designer"] .el-col-sm-pull-17 {
  7209. position: relative;
  7210. right: 70.83333%;
  7211. }
  7212. [data-theme="kr-designer"] .el-col-sm-push-17 {
  7213. position: relative;
  7214. left: 70.83333%;
  7215. }
  7216. [data-theme="kr-designer"] .el-col-sm-18 {
  7217. width: 75%;
  7218. }
  7219. [data-theme="kr-designer"] .el-col-sm-offset-18 {
  7220. margin-left: 75%;
  7221. }
  7222. [data-theme="kr-designer"] .el-col-sm-pull-18 {
  7223. position: relative;
  7224. right: 75%;
  7225. }
  7226. [data-theme="kr-designer"] .el-col-sm-push-18 {
  7227. position: relative;
  7228. left: 75%;
  7229. }
  7230. [data-theme="kr-designer"] .el-col-sm-19 {
  7231. width: 79.16667%;
  7232. }
  7233. [data-theme="kr-designer"] .el-col-sm-offset-19 {
  7234. margin-left: 79.16667%;
  7235. }
  7236. [data-theme="kr-designer"] .el-col-sm-pull-19 {
  7237. position: relative;
  7238. right: 79.16667%;
  7239. }
  7240. [data-theme="kr-designer"] .el-col-sm-push-19 {
  7241. position: relative;
  7242. left: 79.16667%;
  7243. }
  7244. [data-theme="kr-designer"] .el-col-sm-20 {
  7245. width: 83.33333%;
  7246. }
  7247. [data-theme="kr-designer"] .el-col-sm-offset-20 {
  7248. margin-left: 83.33333%;
  7249. }
  7250. [data-theme="kr-designer"] .el-col-sm-pull-20 {
  7251. position: relative;
  7252. right: 83.33333%;
  7253. }
  7254. [data-theme="kr-designer"] .el-col-sm-push-20 {
  7255. position: relative;
  7256. left: 83.33333%;
  7257. }
  7258. [data-theme="kr-designer"] .el-col-sm-21 {
  7259. width: 87.5%;
  7260. }
  7261. [data-theme="kr-designer"] .el-col-sm-offset-21 {
  7262. margin-left: 87.5%;
  7263. }
  7264. [data-theme="kr-designer"] .el-col-sm-pull-21 {
  7265. position: relative;
  7266. right: 87.5%;
  7267. }
  7268. [data-theme="kr-designer"] .el-col-sm-push-21 {
  7269. position: relative;
  7270. left: 87.5%;
  7271. }
  7272. [data-theme="kr-designer"] .el-col-sm-22 {
  7273. width: 91.66667%;
  7274. }
  7275. [data-theme="kr-designer"] .el-col-sm-offset-22 {
  7276. margin-left: 91.66667%;
  7277. }
  7278. [data-theme="kr-designer"] .el-col-sm-pull-22 {
  7279. position: relative;
  7280. right: 91.66667%;
  7281. }
  7282. [data-theme="kr-designer"] .el-col-sm-push-22 {
  7283. position: relative;
  7284. left: 91.66667%;
  7285. }
  7286. [data-theme="kr-designer"] .el-col-sm-23 {
  7287. width: 95.83333%;
  7288. }
  7289. [data-theme="kr-designer"] .el-col-sm-offset-23 {
  7290. margin-left: 95.83333%;
  7291. }
  7292. [data-theme="kr-designer"] .el-col-sm-pull-23 {
  7293. position: relative;
  7294. right: 95.83333%;
  7295. }
  7296. [data-theme="kr-designer"] .el-col-sm-push-23 {
  7297. position: relative;
  7298. left: 95.83333%;
  7299. }
  7300. [data-theme="kr-designer"] .el-col-sm-24 {
  7301. width: 100%;
  7302. }
  7303. [data-theme="kr-designer"] .el-col-sm-offset-24 {
  7304. margin-left: 100%;
  7305. }
  7306. [data-theme="kr-designer"] .el-col-sm-pull-24 {
  7307. position: relative;
  7308. right: 100%;
  7309. }
  7310. [data-theme="kr-designer"] .el-col-sm-push-24 {
  7311. position: relative;
  7312. left: 100%;
  7313. }
  7314. }
  7315. @media only screen and (min-width: 992px) {
  7316. [data-theme="kr-designer"] .el-col-md-0 {
  7317. display: none;
  7318. width: 0%;
  7319. }
  7320. [data-theme="kr-designer"] .el-col-md-offset-0 {
  7321. margin-left: 0;
  7322. }
  7323. [data-theme="kr-designer"] .el-col-md-pull-0 {
  7324. position: relative;
  7325. right: 0;
  7326. }
  7327. [data-theme="kr-designer"] .el-col-md-push-0 {
  7328. position: relative;
  7329. left: 0;
  7330. }
  7331. [data-theme="kr-designer"] .el-col-md-1 {
  7332. width: 4.16667%;
  7333. }
  7334. [data-theme="kr-designer"] .el-col-md-offset-1 {
  7335. margin-left: 4.16667%;
  7336. }
  7337. [data-theme="kr-designer"] .el-col-md-pull-1 {
  7338. position: relative;
  7339. right: 4.16667%;
  7340. }
  7341. [data-theme="kr-designer"] .el-col-md-push-1 {
  7342. position: relative;
  7343. left: 4.16667%;
  7344. }
  7345. [data-theme="kr-designer"] .el-col-md-2 {
  7346. width: 8.33333%;
  7347. }
  7348. [data-theme="kr-designer"] .el-col-md-offset-2 {
  7349. margin-left: 8.33333%;
  7350. }
  7351. [data-theme="kr-designer"] .el-col-md-pull-2 {
  7352. position: relative;
  7353. right: 8.33333%;
  7354. }
  7355. [data-theme="kr-designer"] .el-col-md-push-2 {
  7356. position: relative;
  7357. left: 8.33333%;
  7358. }
  7359. [data-theme="kr-designer"] .el-col-md-3 {
  7360. width: 12.5%;
  7361. }
  7362. [data-theme="kr-designer"] .el-col-md-offset-3 {
  7363. margin-left: 12.5%;
  7364. }
  7365. [data-theme="kr-designer"] .el-col-md-pull-3 {
  7366. position: relative;
  7367. right: 12.5%;
  7368. }
  7369. [data-theme="kr-designer"] .el-col-md-push-3 {
  7370. position: relative;
  7371. left: 12.5%;
  7372. }
  7373. [data-theme="kr-designer"] .el-col-md-4 {
  7374. width: 16.66667%;
  7375. }
  7376. [data-theme="kr-designer"] .el-col-md-offset-4 {
  7377. margin-left: 16.66667%;
  7378. }
  7379. [data-theme="kr-designer"] .el-col-md-pull-4 {
  7380. position: relative;
  7381. right: 16.66667%;
  7382. }
  7383. [data-theme="kr-designer"] .el-col-md-push-4 {
  7384. position: relative;
  7385. left: 16.66667%;
  7386. }
  7387. [data-theme="kr-designer"] .el-col-md-5 {
  7388. width: 20.83333%;
  7389. }
  7390. [data-theme="kr-designer"] .el-col-md-offset-5 {
  7391. margin-left: 20.83333%;
  7392. }
  7393. [data-theme="kr-designer"] .el-col-md-pull-5 {
  7394. position: relative;
  7395. right: 20.83333%;
  7396. }
  7397. [data-theme="kr-designer"] .el-col-md-push-5 {
  7398. position: relative;
  7399. left: 20.83333%;
  7400. }
  7401. [data-theme="kr-designer"] .el-col-md-6 {
  7402. width: 25%;
  7403. }
  7404. [data-theme="kr-designer"] .el-col-md-offset-6 {
  7405. margin-left: 25%;
  7406. }
  7407. [data-theme="kr-designer"] .el-col-md-pull-6 {
  7408. position: relative;
  7409. right: 25%;
  7410. }
  7411. [data-theme="kr-designer"] .el-col-md-push-6 {
  7412. position: relative;
  7413. left: 25%;
  7414. }
  7415. [data-theme="kr-designer"] .el-col-md-7 {
  7416. width: 29.16667%;
  7417. }
  7418. [data-theme="kr-designer"] .el-col-md-offset-7 {
  7419. margin-left: 29.16667%;
  7420. }
  7421. [data-theme="kr-designer"] .el-col-md-pull-7 {
  7422. position: relative;
  7423. right: 29.16667%;
  7424. }
  7425. [data-theme="kr-designer"] .el-col-md-push-7 {
  7426. position: relative;
  7427. left: 29.16667%;
  7428. }
  7429. [data-theme="kr-designer"] .el-col-md-8 {
  7430. width: 33.33333%;
  7431. }
  7432. [data-theme="kr-designer"] .el-col-md-offset-8 {
  7433. margin-left: 33.33333%;
  7434. }
  7435. [data-theme="kr-designer"] .el-col-md-pull-8 {
  7436. position: relative;
  7437. right: 33.33333%;
  7438. }
  7439. [data-theme="kr-designer"] .el-col-md-push-8 {
  7440. position: relative;
  7441. left: 33.33333%;
  7442. }
  7443. [data-theme="kr-designer"] .el-col-md-9 {
  7444. width: 37.5%;
  7445. }
  7446. [data-theme="kr-designer"] .el-col-md-offset-9 {
  7447. margin-left: 37.5%;
  7448. }
  7449. [data-theme="kr-designer"] .el-col-md-pull-9 {
  7450. position: relative;
  7451. right: 37.5%;
  7452. }
  7453. [data-theme="kr-designer"] .el-col-md-push-9 {
  7454. position: relative;
  7455. left: 37.5%;
  7456. }
  7457. [data-theme="kr-designer"] .el-col-md-10 {
  7458. width: 41.66667%;
  7459. }
  7460. [data-theme="kr-designer"] .el-col-md-offset-10 {
  7461. margin-left: 41.66667%;
  7462. }
  7463. [data-theme="kr-designer"] .el-col-md-pull-10 {
  7464. position: relative;
  7465. right: 41.66667%;
  7466. }
  7467. [data-theme="kr-designer"] .el-col-md-push-10 {
  7468. position: relative;
  7469. left: 41.66667%;
  7470. }
  7471. [data-theme="kr-designer"] .el-col-md-11 {
  7472. width: 45.83333%;
  7473. }
  7474. [data-theme="kr-designer"] .el-col-md-offset-11 {
  7475. margin-left: 45.83333%;
  7476. }
  7477. [data-theme="kr-designer"] .el-col-md-pull-11 {
  7478. position: relative;
  7479. right: 45.83333%;
  7480. }
  7481. [data-theme="kr-designer"] .el-col-md-push-11 {
  7482. position: relative;
  7483. left: 45.83333%;
  7484. }
  7485. [data-theme="kr-designer"] .el-col-md-12 {
  7486. width: 50%;
  7487. }
  7488. [data-theme="kr-designer"] .el-col-md-offset-12 {
  7489. margin-left: 50%;
  7490. }
  7491. [data-theme="kr-designer"] .el-col-md-pull-12 {
  7492. position: relative;
  7493. right: 50%;
  7494. }
  7495. [data-theme="kr-designer"] .el-col-md-push-12 {
  7496. position: relative;
  7497. left: 50%;
  7498. }
  7499. [data-theme="kr-designer"] .el-col-md-13 {
  7500. width: 54.16667%;
  7501. }
  7502. [data-theme="kr-designer"] .el-col-md-offset-13 {
  7503. margin-left: 54.16667%;
  7504. }
  7505. [data-theme="kr-designer"] .el-col-md-pull-13 {
  7506. position: relative;
  7507. right: 54.16667%;
  7508. }
  7509. [data-theme="kr-designer"] .el-col-md-push-13 {
  7510. position: relative;
  7511. left: 54.16667%;
  7512. }
  7513. [data-theme="kr-designer"] .el-col-md-14 {
  7514. width: 58.33333%;
  7515. }
  7516. [data-theme="kr-designer"] .el-col-md-offset-14 {
  7517. margin-left: 58.33333%;
  7518. }
  7519. [data-theme="kr-designer"] .el-col-md-pull-14 {
  7520. position: relative;
  7521. right: 58.33333%;
  7522. }
  7523. [data-theme="kr-designer"] .el-col-md-push-14 {
  7524. position: relative;
  7525. left: 58.33333%;
  7526. }
  7527. [data-theme="kr-designer"] .el-col-md-15 {
  7528. width: 62.5%;
  7529. }
  7530. [data-theme="kr-designer"] .el-col-md-offset-15 {
  7531. margin-left: 62.5%;
  7532. }
  7533. [data-theme="kr-designer"] .el-col-md-pull-15 {
  7534. position: relative;
  7535. right: 62.5%;
  7536. }
  7537. [data-theme="kr-designer"] .el-col-md-push-15 {
  7538. position: relative;
  7539. left: 62.5%;
  7540. }
  7541. [data-theme="kr-designer"] .el-col-md-16 {
  7542. width: 66.66667%;
  7543. }
  7544. [data-theme="kr-designer"] .el-col-md-offset-16 {
  7545. margin-left: 66.66667%;
  7546. }
  7547. [data-theme="kr-designer"] .el-col-md-pull-16 {
  7548. position: relative;
  7549. right: 66.66667%;
  7550. }
  7551. [data-theme="kr-designer"] .el-col-md-push-16 {
  7552. position: relative;
  7553. left: 66.66667%;
  7554. }
  7555. [data-theme="kr-designer"] .el-col-md-17 {
  7556. width: 70.83333%;
  7557. }
  7558. [data-theme="kr-designer"] .el-col-md-offset-17 {
  7559. margin-left: 70.83333%;
  7560. }
  7561. [data-theme="kr-designer"] .el-col-md-pull-17 {
  7562. position: relative;
  7563. right: 70.83333%;
  7564. }
  7565. [data-theme="kr-designer"] .el-col-md-push-17 {
  7566. position: relative;
  7567. left: 70.83333%;
  7568. }
  7569. [data-theme="kr-designer"] .el-col-md-18 {
  7570. width: 75%;
  7571. }
  7572. [data-theme="kr-designer"] .el-col-md-offset-18 {
  7573. margin-left: 75%;
  7574. }
  7575. [data-theme="kr-designer"] .el-col-md-pull-18 {
  7576. position: relative;
  7577. right: 75%;
  7578. }
  7579. [data-theme="kr-designer"] .el-col-md-push-18 {
  7580. position: relative;
  7581. left: 75%;
  7582. }
  7583. [data-theme="kr-designer"] .el-col-md-19 {
  7584. width: 79.16667%;
  7585. }
  7586. [data-theme="kr-designer"] .el-col-md-offset-19 {
  7587. margin-left: 79.16667%;
  7588. }
  7589. [data-theme="kr-designer"] .el-col-md-pull-19 {
  7590. position: relative;
  7591. right: 79.16667%;
  7592. }
  7593. [data-theme="kr-designer"] .el-col-md-push-19 {
  7594. position: relative;
  7595. left: 79.16667%;
  7596. }
  7597. [data-theme="kr-designer"] .el-col-md-20 {
  7598. width: 83.33333%;
  7599. }
  7600. [data-theme="kr-designer"] .el-col-md-offset-20 {
  7601. margin-left: 83.33333%;
  7602. }
  7603. [data-theme="kr-designer"] .el-col-md-pull-20 {
  7604. position: relative;
  7605. right: 83.33333%;
  7606. }
  7607. [data-theme="kr-designer"] .el-col-md-push-20 {
  7608. position: relative;
  7609. left: 83.33333%;
  7610. }
  7611. [data-theme="kr-designer"] .el-col-md-21 {
  7612. width: 87.5%;
  7613. }
  7614. [data-theme="kr-designer"] .el-col-md-offset-21 {
  7615. margin-left: 87.5%;
  7616. }
  7617. [data-theme="kr-designer"] .el-col-md-pull-21 {
  7618. position: relative;
  7619. right: 87.5%;
  7620. }
  7621. [data-theme="kr-designer"] .el-col-md-push-21 {
  7622. position: relative;
  7623. left: 87.5%;
  7624. }
  7625. [data-theme="kr-designer"] .el-col-md-22 {
  7626. width: 91.66667%;
  7627. }
  7628. [data-theme="kr-designer"] .el-col-md-offset-22 {
  7629. margin-left: 91.66667%;
  7630. }
  7631. [data-theme="kr-designer"] .el-col-md-pull-22 {
  7632. position: relative;
  7633. right: 91.66667%;
  7634. }
  7635. [data-theme="kr-designer"] .el-col-md-push-22 {
  7636. position: relative;
  7637. left: 91.66667%;
  7638. }
  7639. [data-theme="kr-designer"] .el-col-md-23 {
  7640. width: 95.83333%;
  7641. }
  7642. [data-theme="kr-designer"] .el-col-md-offset-23 {
  7643. margin-left: 95.83333%;
  7644. }
  7645. [data-theme="kr-designer"] .el-col-md-pull-23 {
  7646. position: relative;
  7647. right: 95.83333%;
  7648. }
  7649. [data-theme="kr-designer"] .el-col-md-push-23 {
  7650. position: relative;
  7651. left: 95.83333%;
  7652. }
  7653. [data-theme="kr-designer"] .el-col-md-24 {
  7654. width: 100%;
  7655. }
  7656. [data-theme="kr-designer"] .el-col-md-offset-24 {
  7657. margin-left: 100%;
  7658. }
  7659. [data-theme="kr-designer"] .el-col-md-pull-24 {
  7660. position: relative;
  7661. right: 100%;
  7662. }
  7663. [data-theme="kr-designer"] .el-col-md-push-24 {
  7664. position: relative;
  7665. left: 100%;
  7666. }
  7667. }
  7668. @media only screen and (min-width: 1200px) {
  7669. [data-theme="kr-designer"] .el-col-lg-0 {
  7670. display: none;
  7671. width: 0%;
  7672. }
  7673. [data-theme="kr-designer"] .el-col-lg-offset-0 {
  7674. margin-left: 0;
  7675. }
  7676. [data-theme="kr-designer"] .el-col-lg-pull-0 {
  7677. position: relative;
  7678. right: 0;
  7679. }
  7680. [data-theme="kr-designer"] .el-col-lg-push-0 {
  7681. position: relative;
  7682. left: 0;
  7683. }
  7684. [data-theme="kr-designer"] .el-col-lg-1 {
  7685. width: 4.16667%;
  7686. }
  7687. [data-theme="kr-designer"] .el-col-lg-offset-1 {
  7688. margin-left: 4.16667%;
  7689. }
  7690. [data-theme="kr-designer"] .el-col-lg-pull-1 {
  7691. position: relative;
  7692. right: 4.16667%;
  7693. }
  7694. [data-theme="kr-designer"] .el-col-lg-push-1 {
  7695. position: relative;
  7696. left: 4.16667%;
  7697. }
  7698. [data-theme="kr-designer"] .el-col-lg-2 {
  7699. width: 8.33333%;
  7700. }
  7701. [data-theme="kr-designer"] .el-col-lg-offset-2 {
  7702. margin-left: 8.33333%;
  7703. }
  7704. [data-theme="kr-designer"] .el-col-lg-pull-2 {
  7705. position: relative;
  7706. right: 8.33333%;
  7707. }
  7708. [data-theme="kr-designer"] .el-col-lg-push-2 {
  7709. position: relative;
  7710. left: 8.33333%;
  7711. }
  7712. [data-theme="kr-designer"] .el-col-lg-3 {
  7713. width: 12.5%;
  7714. }
  7715. [data-theme="kr-designer"] .el-col-lg-offset-3 {
  7716. margin-left: 12.5%;
  7717. }
  7718. [data-theme="kr-designer"] .el-col-lg-pull-3 {
  7719. position: relative;
  7720. right: 12.5%;
  7721. }
  7722. [data-theme="kr-designer"] .el-col-lg-push-3 {
  7723. position: relative;
  7724. left: 12.5%;
  7725. }
  7726. [data-theme="kr-designer"] .el-col-lg-4 {
  7727. width: 16.66667%;
  7728. }
  7729. [data-theme="kr-designer"] .el-col-lg-offset-4 {
  7730. margin-left: 16.66667%;
  7731. }
  7732. [data-theme="kr-designer"] .el-col-lg-pull-4 {
  7733. position: relative;
  7734. right: 16.66667%;
  7735. }
  7736. [data-theme="kr-designer"] .el-col-lg-push-4 {
  7737. position: relative;
  7738. left: 16.66667%;
  7739. }
  7740. [data-theme="kr-designer"] .el-col-lg-5 {
  7741. width: 20.83333%;
  7742. }
  7743. [data-theme="kr-designer"] .el-col-lg-offset-5 {
  7744. margin-left: 20.83333%;
  7745. }
  7746. [data-theme="kr-designer"] .el-col-lg-pull-5 {
  7747. position: relative;
  7748. right: 20.83333%;
  7749. }
  7750. [data-theme="kr-designer"] .el-col-lg-push-5 {
  7751. position: relative;
  7752. left: 20.83333%;
  7753. }
  7754. [data-theme="kr-designer"] .el-col-lg-6 {
  7755. width: 25%;
  7756. }
  7757. [data-theme="kr-designer"] .el-col-lg-offset-6 {
  7758. margin-left: 25%;
  7759. }
  7760. [data-theme="kr-designer"] .el-col-lg-pull-6 {
  7761. position: relative;
  7762. right: 25%;
  7763. }
  7764. [data-theme="kr-designer"] .el-col-lg-push-6 {
  7765. position: relative;
  7766. left: 25%;
  7767. }
  7768. [data-theme="kr-designer"] .el-col-lg-7 {
  7769. width: 29.16667%;
  7770. }
  7771. [data-theme="kr-designer"] .el-col-lg-offset-7 {
  7772. margin-left: 29.16667%;
  7773. }
  7774. [data-theme="kr-designer"] .el-col-lg-pull-7 {
  7775. position: relative;
  7776. right: 29.16667%;
  7777. }
  7778. [data-theme="kr-designer"] .el-col-lg-push-7 {
  7779. position: relative;
  7780. left: 29.16667%;
  7781. }
  7782. [data-theme="kr-designer"] .el-col-lg-8 {
  7783. width: 33.33333%;
  7784. }
  7785. [data-theme="kr-designer"] .el-col-lg-offset-8 {
  7786. margin-left: 33.33333%;
  7787. }
  7788. [data-theme="kr-designer"] .el-col-lg-pull-8 {
  7789. position: relative;
  7790. right: 33.33333%;
  7791. }
  7792. [data-theme="kr-designer"] .el-col-lg-push-8 {
  7793. position: relative;
  7794. left: 33.33333%;
  7795. }
  7796. [data-theme="kr-designer"] .el-col-lg-9 {
  7797. width: 37.5%;
  7798. }
  7799. [data-theme="kr-designer"] .el-col-lg-offset-9 {
  7800. margin-left: 37.5%;
  7801. }
  7802. [data-theme="kr-designer"] .el-col-lg-pull-9 {
  7803. position: relative;
  7804. right: 37.5%;
  7805. }
  7806. [data-theme="kr-designer"] .el-col-lg-push-9 {
  7807. position: relative;
  7808. left: 37.5%;
  7809. }
  7810. [data-theme="kr-designer"] .el-col-lg-10 {
  7811. width: 41.66667%;
  7812. }
  7813. [data-theme="kr-designer"] .el-col-lg-offset-10 {
  7814. margin-left: 41.66667%;
  7815. }
  7816. [data-theme="kr-designer"] .el-col-lg-pull-10 {
  7817. position: relative;
  7818. right: 41.66667%;
  7819. }
  7820. [data-theme="kr-designer"] .el-col-lg-push-10 {
  7821. position: relative;
  7822. left: 41.66667%;
  7823. }
  7824. [data-theme="kr-designer"] .el-col-lg-11 {
  7825. width: 45.83333%;
  7826. }
  7827. [data-theme="kr-designer"] .el-col-lg-offset-11 {
  7828. margin-left: 45.83333%;
  7829. }
  7830. [data-theme="kr-designer"] .el-col-lg-pull-11 {
  7831. position: relative;
  7832. right: 45.83333%;
  7833. }
  7834. [data-theme="kr-designer"] .el-col-lg-push-11 {
  7835. position: relative;
  7836. left: 45.83333%;
  7837. }
  7838. [data-theme="kr-designer"] .el-col-lg-12 {
  7839. width: 50%;
  7840. }
  7841. [data-theme="kr-designer"] .el-col-lg-offset-12 {
  7842. margin-left: 50%;
  7843. }
  7844. [data-theme="kr-designer"] .el-col-lg-pull-12 {
  7845. position: relative;
  7846. right: 50%;
  7847. }
  7848. [data-theme="kr-designer"] .el-col-lg-push-12 {
  7849. position: relative;
  7850. left: 50%;
  7851. }
  7852. [data-theme="kr-designer"] .el-col-lg-13 {
  7853. width: 54.16667%;
  7854. }
  7855. [data-theme="kr-designer"] .el-col-lg-offset-13 {
  7856. margin-left: 54.16667%;
  7857. }
  7858. [data-theme="kr-designer"] .el-col-lg-pull-13 {
  7859. position: relative;
  7860. right: 54.16667%;
  7861. }
  7862. [data-theme="kr-designer"] .el-col-lg-push-13 {
  7863. position: relative;
  7864. left: 54.16667%;
  7865. }
  7866. [data-theme="kr-designer"] .el-col-lg-14 {
  7867. width: 58.33333%;
  7868. }
  7869. [data-theme="kr-designer"] .el-col-lg-offset-14 {
  7870. margin-left: 58.33333%;
  7871. }
  7872. [data-theme="kr-designer"] .el-col-lg-pull-14 {
  7873. position: relative;
  7874. right: 58.33333%;
  7875. }
  7876. [data-theme="kr-designer"] .el-col-lg-push-14 {
  7877. position: relative;
  7878. left: 58.33333%;
  7879. }
  7880. [data-theme="kr-designer"] .el-col-lg-15 {
  7881. width: 62.5%;
  7882. }
  7883. [data-theme="kr-designer"] .el-col-lg-offset-15 {
  7884. margin-left: 62.5%;
  7885. }
  7886. [data-theme="kr-designer"] .el-col-lg-pull-15 {
  7887. position: relative;
  7888. right: 62.5%;
  7889. }
  7890. [data-theme="kr-designer"] .el-col-lg-push-15 {
  7891. position: relative;
  7892. left: 62.5%;
  7893. }
  7894. [data-theme="kr-designer"] .el-col-lg-16 {
  7895. width: 66.66667%;
  7896. }
  7897. [data-theme="kr-designer"] .el-col-lg-offset-16 {
  7898. margin-left: 66.66667%;
  7899. }
  7900. [data-theme="kr-designer"] .el-col-lg-pull-16 {
  7901. position: relative;
  7902. right: 66.66667%;
  7903. }
  7904. [data-theme="kr-designer"] .el-col-lg-push-16 {
  7905. position: relative;
  7906. left: 66.66667%;
  7907. }
  7908. [data-theme="kr-designer"] .el-col-lg-17 {
  7909. width: 70.83333%;
  7910. }
  7911. [data-theme="kr-designer"] .el-col-lg-offset-17 {
  7912. margin-left: 70.83333%;
  7913. }
  7914. [data-theme="kr-designer"] .el-col-lg-pull-17 {
  7915. position: relative;
  7916. right: 70.83333%;
  7917. }
  7918. [data-theme="kr-designer"] .el-col-lg-push-17 {
  7919. position: relative;
  7920. left: 70.83333%;
  7921. }
  7922. [data-theme="kr-designer"] .el-col-lg-18 {
  7923. width: 75%;
  7924. }
  7925. [data-theme="kr-designer"] .el-col-lg-offset-18 {
  7926. margin-left: 75%;
  7927. }
  7928. [data-theme="kr-designer"] .el-col-lg-pull-18 {
  7929. position: relative;
  7930. right: 75%;
  7931. }
  7932. [data-theme="kr-designer"] .el-col-lg-push-18 {
  7933. position: relative;
  7934. left: 75%;
  7935. }
  7936. [data-theme="kr-designer"] .el-col-lg-19 {
  7937. width: 79.16667%;
  7938. }
  7939. [data-theme="kr-designer"] .el-col-lg-offset-19 {
  7940. margin-left: 79.16667%;
  7941. }
  7942. [data-theme="kr-designer"] .el-col-lg-pull-19 {
  7943. position: relative;
  7944. right: 79.16667%;
  7945. }
  7946. [data-theme="kr-designer"] .el-col-lg-push-19 {
  7947. position: relative;
  7948. left: 79.16667%;
  7949. }
  7950. [data-theme="kr-designer"] .el-col-lg-20 {
  7951. width: 83.33333%;
  7952. }
  7953. [data-theme="kr-designer"] .el-col-lg-offset-20 {
  7954. margin-left: 83.33333%;
  7955. }
  7956. [data-theme="kr-designer"] .el-col-lg-pull-20 {
  7957. position: relative;
  7958. right: 83.33333%;
  7959. }
  7960. [data-theme="kr-designer"] .el-col-lg-push-20 {
  7961. position: relative;
  7962. left: 83.33333%;
  7963. }
  7964. [data-theme="kr-designer"] .el-col-lg-21 {
  7965. width: 87.5%;
  7966. }
  7967. [data-theme="kr-designer"] .el-col-lg-offset-21 {
  7968. margin-left: 87.5%;
  7969. }
  7970. [data-theme="kr-designer"] .el-col-lg-pull-21 {
  7971. position: relative;
  7972. right: 87.5%;
  7973. }
  7974. [data-theme="kr-designer"] .el-col-lg-push-21 {
  7975. position: relative;
  7976. left: 87.5%;
  7977. }
  7978. [data-theme="kr-designer"] .el-col-lg-22 {
  7979. width: 91.66667%;
  7980. }
  7981. [data-theme="kr-designer"] .el-col-lg-offset-22 {
  7982. margin-left: 91.66667%;
  7983. }
  7984. [data-theme="kr-designer"] .el-col-lg-pull-22 {
  7985. position: relative;
  7986. right: 91.66667%;
  7987. }
  7988. [data-theme="kr-designer"] .el-col-lg-push-22 {
  7989. position: relative;
  7990. left: 91.66667%;
  7991. }
  7992. [data-theme="kr-designer"] .el-col-lg-23 {
  7993. width: 95.83333%;
  7994. }
  7995. [data-theme="kr-designer"] .el-col-lg-offset-23 {
  7996. margin-left: 95.83333%;
  7997. }
  7998. [data-theme="kr-designer"] .el-col-lg-pull-23 {
  7999. position: relative;
  8000. right: 95.83333%;
  8001. }
  8002. [data-theme="kr-designer"] .el-col-lg-push-23 {
  8003. position: relative;
  8004. left: 95.83333%;
  8005. }
  8006. [data-theme="kr-designer"] .el-col-lg-24 {
  8007. width: 100%;
  8008. }
  8009. [data-theme="kr-designer"] .el-col-lg-offset-24 {
  8010. margin-left: 100%;
  8011. }
  8012. [data-theme="kr-designer"] .el-col-lg-pull-24 {
  8013. position: relative;
  8014. right: 100%;
  8015. }
  8016. [data-theme="kr-designer"] .el-col-lg-push-24 {
  8017. position: relative;
  8018. left: 100%;
  8019. }
  8020. }
  8021. @media only screen and (min-width: 1920px) {
  8022. [data-theme="kr-designer"] .el-col-xl-0 {
  8023. display: none;
  8024. width: 0%;
  8025. }
  8026. [data-theme="kr-designer"] .el-col-xl-offset-0 {
  8027. margin-left: 0;
  8028. }
  8029. [data-theme="kr-designer"] .el-col-xl-pull-0 {
  8030. position: relative;
  8031. right: 0;
  8032. }
  8033. [data-theme="kr-designer"] .el-col-xl-push-0 {
  8034. position: relative;
  8035. left: 0;
  8036. }
  8037. [data-theme="kr-designer"] .el-col-xl-1 {
  8038. width: 4.16667%;
  8039. }
  8040. [data-theme="kr-designer"] .el-col-xl-offset-1 {
  8041. margin-left: 4.16667%;
  8042. }
  8043. [data-theme="kr-designer"] .el-col-xl-pull-1 {
  8044. position: relative;
  8045. right: 4.16667%;
  8046. }
  8047. [data-theme="kr-designer"] .el-col-xl-push-1 {
  8048. position: relative;
  8049. left: 4.16667%;
  8050. }
  8051. [data-theme="kr-designer"] .el-col-xl-2 {
  8052. width: 8.33333%;
  8053. }
  8054. [data-theme="kr-designer"] .el-col-xl-offset-2 {
  8055. margin-left: 8.33333%;
  8056. }
  8057. [data-theme="kr-designer"] .el-col-xl-pull-2 {
  8058. position: relative;
  8059. right: 8.33333%;
  8060. }
  8061. [data-theme="kr-designer"] .el-col-xl-push-2 {
  8062. position: relative;
  8063. left: 8.33333%;
  8064. }
  8065. [data-theme="kr-designer"] .el-col-xl-3 {
  8066. width: 12.5%;
  8067. }
  8068. [data-theme="kr-designer"] .el-col-xl-offset-3 {
  8069. margin-left: 12.5%;
  8070. }
  8071. [data-theme="kr-designer"] .el-col-xl-pull-3 {
  8072. position: relative;
  8073. right: 12.5%;
  8074. }
  8075. [data-theme="kr-designer"] .el-col-xl-push-3 {
  8076. position: relative;
  8077. left: 12.5%;
  8078. }
  8079. [data-theme="kr-designer"] .el-col-xl-4 {
  8080. width: 16.66667%;
  8081. }
  8082. [data-theme="kr-designer"] .el-col-xl-offset-4 {
  8083. margin-left: 16.66667%;
  8084. }
  8085. [data-theme="kr-designer"] .el-col-xl-pull-4 {
  8086. position: relative;
  8087. right: 16.66667%;
  8088. }
  8089. [data-theme="kr-designer"] .el-col-xl-push-4 {
  8090. position: relative;
  8091. left: 16.66667%;
  8092. }
  8093. [data-theme="kr-designer"] .el-col-xl-5 {
  8094. width: 20.83333%;
  8095. }
  8096. [data-theme="kr-designer"] .el-col-xl-offset-5 {
  8097. margin-left: 20.83333%;
  8098. }
  8099. [data-theme="kr-designer"] .el-col-xl-pull-5 {
  8100. position: relative;
  8101. right: 20.83333%;
  8102. }
  8103. [data-theme="kr-designer"] .el-col-xl-push-5 {
  8104. position: relative;
  8105. left: 20.83333%;
  8106. }
  8107. [data-theme="kr-designer"] .el-col-xl-6 {
  8108. width: 25%;
  8109. }
  8110. [data-theme="kr-designer"] .el-col-xl-offset-6 {
  8111. margin-left: 25%;
  8112. }
  8113. [data-theme="kr-designer"] .el-col-xl-pull-6 {
  8114. position: relative;
  8115. right: 25%;
  8116. }
  8117. [data-theme="kr-designer"] .el-col-xl-push-6 {
  8118. position: relative;
  8119. left: 25%;
  8120. }
  8121. [data-theme="kr-designer"] .el-col-xl-7 {
  8122. width: 29.16667%;
  8123. }
  8124. [data-theme="kr-designer"] .el-col-xl-offset-7 {
  8125. margin-left: 29.16667%;
  8126. }
  8127. [data-theme="kr-designer"] .el-col-xl-pull-7 {
  8128. position: relative;
  8129. right: 29.16667%;
  8130. }
  8131. [data-theme="kr-designer"] .el-col-xl-push-7 {
  8132. position: relative;
  8133. left: 29.16667%;
  8134. }
  8135. [data-theme="kr-designer"] .el-col-xl-8 {
  8136. width: 33.33333%;
  8137. }
  8138. [data-theme="kr-designer"] .el-col-xl-offset-8 {
  8139. margin-left: 33.33333%;
  8140. }
  8141. [data-theme="kr-designer"] .el-col-xl-pull-8 {
  8142. position: relative;
  8143. right: 33.33333%;
  8144. }
  8145. [data-theme="kr-designer"] .el-col-xl-push-8 {
  8146. position: relative;
  8147. left: 33.33333%;
  8148. }
  8149. [data-theme="kr-designer"] .el-col-xl-9 {
  8150. width: 37.5%;
  8151. }
  8152. [data-theme="kr-designer"] .el-col-xl-offset-9 {
  8153. margin-left: 37.5%;
  8154. }
  8155. [data-theme="kr-designer"] .el-col-xl-pull-9 {
  8156. position: relative;
  8157. right: 37.5%;
  8158. }
  8159. [data-theme="kr-designer"] .el-col-xl-push-9 {
  8160. position: relative;
  8161. left: 37.5%;
  8162. }
  8163. [data-theme="kr-designer"] .el-col-xl-10 {
  8164. width: 41.66667%;
  8165. }
  8166. [data-theme="kr-designer"] .el-col-xl-offset-10 {
  8167. margin-left: 41.66667%;
  8168. }
  8169. [data-theme="kr-designer"] .el-col-xl-pull-10 {
  8170. position: relative;
  8171. right: 41.66667%;
  8172. }
  8173. [data-theme="kr-designer"] .el-col-xl-push-10 {
  8174. position: relative;
  8175. left: 41.66667%;
  8176. }
  8177. [data-theme="kr-designer"] .el-col-xl-11 {
  8178. width: 45.83333%;
  8179. }
  8180. [data-theme="kr-designer"] .el-col-xl-offset-11 {
  8181. margin-left: 45.83333%;
  8182. }
  8183. [data-theme="kr-designer"] .el-col-xl-pull-11 {
  8184. position: relative;
  8185. right: 45.83333%;
  8186. }
  8187. [data-theme="kr-designer"] .el-col-xl-push-11 {
  8188. position: relative;
  8189. left: 45.83333%;
  8190. }
  8191. [data-theme="kr-designer"] .el-col-xl-12 {
  8192. width: 50%;
  8193. }
  8194. [data-theme="kr-designer"] .el-col-xl-offset-12 {
  8195. margin-left: 50%;
  8196. }
  8197. [data-theme="kr-designer"] .el-col-xl-pull-12 {
  8198. position: relative;
  8199. right: 50%;
  8200. }
  8201. [data-theme="kr-designer"] .el-col-xl-push-12 {
  8202. position: relative;
  8203. left: 50%;
  8204. }
  8205. [data-theme="kr-designer"] .el-col-xl-13 {
  8206. width: 54.16667%;
  8207. }
  8208. [data-theme="kr-designer"] .el-col-xl-offset-13 {
  8209. margin-left: 54.16667%;
  8210. }
  8211. [data-theme="kr-designer"] .el-col-xl-pull-13 {
  8212. position: relative;
  8213. right: 54.16667%;
  8214. }
  8215. [data-theme="kr-designer"] .el-col-xl-push-13 {
  8216. position: relative;
  8217. left: 54.16667%;
  8218. }
  8219. [data-theme="kr-designer"] .el-col-xl-14 {
  8220. width: 58.33333%;
  8221. }
  8222. [data-theme="kr-designer"] .el-col-xl-offset-14 {
  8223. margin-left: 58.33333%;
  8224. }
  8225. [data-theme="kr-designer"] .el-col-xl-pull-14 {
  8226. position: relative;
  8227. right: 58.33333%;
  8228. }
  8229. [data-theme="kr-designer"] .el-col-xl-push-14 {
  8230. position: relative;
  8231. left: 58.33333%;
  8232. }
  8233. [data-theme="kr-designer"] .el-col-xl-15 {
  8234. width: 62.5%;
  8235. }
  8236. [data-theme="kr-designer"] .el-col-xl-offset-15 {
  8237. margin-left: 62.5%;
  8238. }
  8239. [data-theme="kr-designer"] .el-col-xl-pull-15 {
  8240. position: relative;
  8241. right: 62.5%;
  8242. }
  8243. [data-theme="kr-designer"] .el-col-xl-push-15 {
  8244. position: relative;
  8245. left: 62.5%;
  8246. }
  8247. [data-theme="kr-designer"] .el-col-xl-16 {
  8248. width: 66.66667%;
  8249. }
  8250. [data-theme="kr-designer"] .el-col-xl-offset-16 {
  8251. margin-left: 66.66667%;
  8252. }
  8253. [data-theme="kr-designer"] .el-col-xl-pull-16 {
  8254. position: relative;
  8255. right: 66.66667%;
  8256. }
  8257. [data-theme="kr-designer"] .el-col-xl-push-16 {
  8258. position: relative;
  8259. left: 66.66667%;
  8260. }
  8261. [data-theme="kr-designer"] .el-col-xl-17 {
  8262. width: 70.83333%;
  8263. }
  8264. [data-theme="kr-designer"] .el-col-xl-offset-17 {
  8265. margin-left: 70.83333%;
  8266. }
  8267. [data-theme="kr-designer"] .el-col-xl-pull-17 {
  8268. position: relative;
  8269. right: 70.83333%;
  8270. }
  8271. [data-theme="kr-designer"] .el-col-xl-push-17 {
  8272. position: relative;
  8273. left: 70.83333%;
  8274. }
  8275. [data-theme="kr-designer"] .el-col-xl-18 {
  8276. width: 75%;
  8277. }
  8278. [data-theme="kr-designer"] .el-col-xl-offset-18 {
  8279. margin-left: 75%;
  8280. }
  8281. [data-theme="kr-designer"] .el-col-xl-pull-18 {
  8282. position: relative;
  8283. right: 75%;
  8284. }
  8285. [data-theme="kr-designer"] .el-col-xl-push-18 {
  8286. position: relative;
  8287. left: 75%;
  8288. }
  8289. [data-theme="kr-designer"] .el-col-xl-19 {
  8290. width: 79.16667%;
  8291. }
  8292. [data-theme="kr-designer"] .el-col-xl-offset-19 {
  8293. margin-left: 79.16667%;
  8294. }
  8295. [data-theme="kr-designer"] .el-col-xl-pull-19 {
  8296. position: relative;
  8297. right: 79.16667%;
  8298. }
  8299. [data-theme="kr-designer"] .el-col-xl-push-19 {
  8300. position: relative;
  8301. left: 79.16667%;
  8302. }
  8303. [data-theme="kr-designer"] .el-col-xl-20 {
  8304. width: 83.33333%;
  8305. }
  8306. [data-theme="kr-designer"] .el-col-xl-offset-20 {
  8307. margin-left: 83.33333%;
  8308. }
  8309. [data-theme="kr-designer"] .el-col-xl-pull-20 {
  8310. position: relative;
  8311. right: 83.33333%;
  8312. }
  8313. [data-theme="kr-designer"] .el-col-xl-push-20 {
  8314. position: relative;
  8315. left: 83.33333%;
  8316. }
  8317. [data-theme="kr-designer"] .el-col-xl-21 {
  8318. width: 87.5%;
  8319. }
  8320. [data-theme="kr-designer"] .el-col-xl-offset-21 {
  8321. margin-left: 87.5%;
  8322. }
  8323. [data-theme="kr-designer"] .el-col-xl-pull-21 {
  8324. position: relative;
  8325. right: 87.5%;
  8326. }
  8327. [data-theme="kr-designer"] .el-col-xl-push-21 {
  8328. position: relative;
  8329. left: 87.5%;
  8330. }
  8331. [data-theme="kr-designer"] .el-col-xl-22 {
  8332. width: 91.66667%;
  8333. }
  8334. [data-theme="kr-designer"] .el-col-xl-offset-22 {
  8335. margin-left: 91.66667%;
  8336. }
  8337. [data-theme="kr-designer"] .el-col-xl-pull-22 {
  8338. position: relative;
  8339. right: 91.66667%;
  8340. }
  8341. [data-theme="kr-designer"] .el-col-xl-push-22 {
  8342. position: relative;
  8343. left: 91.66667%;
  8344. }
  8345. [data-theme="kr-designer"] .el-col-xl-23 {
  8346. width: 95.83333%;
  8347. }
  8348. [data-theme="kr-designer"] .el-col-xl-offset-23 {
  8349. margin-left: 95.83333%;
  8350. }
  8351. [data-theme="kr-designer"] .el-col-xl-pull-23 {
  8352. position: relative;
  8353. right: 95.83333%;
  8354. }
  8355. [data-theme="kr-designer"] .el-col-xl-push-23 {
  8356. position: relative;
  8357. left: 95.83333%;
  8358. }
  8359. [data-theme="kr-designer"] .el-col-xl-24 {
  8360. width: 100%;
  8361. }
  8362. [data-theme="kr-designer"] .el-col-xl-offset-24 {
  8363. margin-left: 100%;
  8364. }
  8365. [data-theme="kr-designer"] .el-col-xl-pull-24 {
  8366. position: relative;
  8367. right: 100%;
  8368. }
  8369. [data-theme="kr-designer"] .el-col-xl-push-24 {
  8370. position: relative;
  8371. left: 100%;
  8372. }
  8373. }
  8374. @-webkit-keyframes progress {
  8375. 0% {
  8376. background-position: 0 0;
  8377. }
  8378. 100% {
  8379. background-position: 32px 0;
  8380. }
  8381. }
  8382. [data-theme="kr-designer"] .el-upload {
  8383. display: inline-block;
  8384. text-align: center;
  8385. cursor: pointer;
  8386. outline: 0;
  8387. }
  8388. .el-upload__input {
  8389. display: none;
  8390. }
  8391. .el-upload__tip {
  8392. font-size: 12px;
  8393. color: #606266;
  8394. margin-top: 7px;
  8395. }
  8396. [data-theme="kr-designer"] .el-upload iframe {
  8397. position: absolute;
  8398. z-index: -1;
  8399. top: 0;
  8400. left: 0;
  8401. opacity: 0;
  8402. filter: alpha(opacity=0);
  8403. }
  8404. [data-theme="kr-designer"] .el-upload--picture-card {
  8405. background-color: #fbfdff;
  8406. border: 1px dashed #c0ccda;
  8407. border-radius: 6px;
  8408. -webkit-box-sizing: border-box;
  8409. box-sizing: border-box;
  8410. width: 148px;
  8411. height: 148px;
  8412. cursor: pointer;
  8413. line-height: 146px;
  8414. vertical-align: top;
  8415. }
  8416. [data-theme="kr-designer"] .el-upload--picture-card i {
  8417. font-size: 28px;
  8418. color: #8c939d;
  8419. }
  8420. [data-theme="kr-designer"] .el-upload--picture-card:hover,
  8421. [data-theme="kr-designer"] .el-upload:focus {
  8422. border-color: #409eff;
  8423. color: #409eff;
  8424. }
  8425. [data-theme="kr-designer"] .el-upload:focus .el-upload-dragger {
  8426. border-color: #409eff;
  8427. }
  8428. [data-theme="kr-designer"] .el-upload-dragger {
  8429. background-color: #fff;
  8430. border: 1px dashed #d9d9d9;
  8431. border-radius: 6px;
  8432. -webkit-box-sizing: border-box;
  8433. box-sizing: border-box;
  8434. width: 360px;
  8435. height: 180px;
  8436. text-align: center;
  8437. cursor: pointer;
  8438. position: relative;
  8439. overflow: hidden;
  8440. }
  8441. [data-theme="kr-designer"] .el-upload-dragger .el-icon-upload {
  8442. font-size: 67px;
  8443. color: #c0c4cc;
  8444. margin: 40px 0 16px;
  8445. line-height: 50px;
  8446. }
  8447. [data-theme="kr-designer"] .el-upload-dragger + .el-upload__tip {
  8448. text-align: center;
  8449. }
  8450. [data-theme="kr-designer"] .el-upload-dragger ~ .el-upload__files {
  8451. border-top: 1px solid #dcdfe6;
  8452. margin-top: 7px;
  8453. padding-top: 5px;
  8454. }
  8455. [data-theme="kr-designer"] .el-upload-dragger .el-upload__text {
  8456. color: #606266;
  8457. font-size: 14px;
  8458. text-align: center;
  8459. }
  8460. [data-theme="kr-designer"] .el-upload-dragger .el-upload__text em {
  8461. color: #409eff;
  8462. font-style: normal;
  8463. }
  8464. [data-theme="kr-designer"] .el-upload-dragger:hover {
  8465. border-color: #409eff;
  8466. }
  8467. [data-theme="kr-designer"] .el-upload-dragger.is-dragover {
  8468. background-color: rgba(32, 159, 255, 0.06);
  8469. border: 2px dashed #409eff;
  8470. }
  8471. [data-theme="kr-designer"] .el-upload-list {
  8472. margin: 0;
  8473. padding: 0;
  8474. list-style: none;
  8475. }
  8476. .el-upload-list__item {
  8477. -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  8478. transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  8479. font-size: 14px;
  8480. color: #606266;
  8481. line-height: 1.8;
  8482. margin-top: 5px;
  8483. position: relative;
  8484. -webkit-box-sizing: border-box;
  8485. box-sizing: border-box;
  8486. border-radius: 4px;
  8487. width: 100%;
  8488. }
  8489. .el-upload-list__item .el-progress {
  8490. position: absolute;
  8491. top: 20px;
  8492. width: 100%;
  8493. }
  8494. .el-upload-list__item .el-progress__text {
  8495. position: absolute;
  8496. right: 0;
  8497. top: -13px;
  8498. }
  8499. .el-upload-list__item .el-progress-bar {
  8500. margin-right: 0;
  8501. padding-right: 0;
  8502. }
  8503. .el-upload-list__item:first-child {
  8504. margin-top: 10px;
  8505. }
  8506. .el-upload-list__item .el-icon-upload-success {
  8507. color: #67c23a;
  8508. }
  8509. .el-upload-list__item .el-icon-close {
  8510. display: none;
  8511. position: absolute;
  8512. top: 5px;
  8513. right: 5px;
  8514. cursor: pointer;
  8515. opacity: 0.75;
  8516. color: #606266;
  8517. }
  8518. .el-upload-list__item .el-icon-close:hover {
  8519. opacity: 1;
  8520. }
  8521. .el-upload-list__item .el-icon-close-tip {
  8522. display: none;
  8523. position: absolute;
  8524. top: 5px;
  8525. right: 5px;
  8526. font-size: 12px;
  8527. cursor: pointer;
  8528. opacity: 1;
  8529. color: #409eff;
  8530. }
  8531. .el-upload-list__item:hover {
  8532. background-color: #f5f7fa;
  8533. }
  8534. .el-upload-list__item:hover .el-icon-close {
  8535. display: inline-block;
  8536. }
  8537. .el-upload-list__item:hover .el-progress__text {
  8538. display: none;
  8539. }
  8540. .el-upload-list__item.is-success .el-upload-list__item-status-label {
  8541. display: block;
  8542. }
  8543. .el-upload-list__item.is-success .el-upload-list__item-name:focus,
  8544. .el-upload-list__item.is-success .el-upload-list__item-name:hover {
  8545. color: #409eff;
  8546. cursor: pointer;
  8547. }
  8548. .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
  8549. display: inline-block;
  8550. }
  8551. .el-upload-list__item.is-success:active,
  8552. .el-upload-list__item.is-success:not(.focusing):focus {
  8553. outline-width: 0;
  8554. }
  8555. .el-upload-list__item.is-success:active .el-icon-close-tip,
  8556. .el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
  8557. .el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
  8558. .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
  8559. display: none;
  8560. }
  8561. [data-theme="kr-designer"]
  8562. .el-upload-list.is-disabled
  8563. .el-upload-list__item:hover
  8564. .el-upload-list__item-status-label {
  8565. display: block;
  8566. }
  8567. .el-upload-list__item-name {
  8568. color: #606266;
  8569. display: block;
  8570. margin-right: 40px;
  8571. overflow: hidden;
  8572. padding-left: 4px;
  8573. text-overflow: ellipsis;
  8574. -webkit-transition: color 0.3s;
  8575. transition: color 0.3s;
  8576. white-space: nowrap;
  8577. }
  8578. .el-upload-list__item-name [class^="el-icon"] {
  8579. height: 100%;
  8580. margin-right: 7px;
  8581. color: #909399;
  8582. line-height: inherit;
  8583. }
  8584. .el-upload-list__item-status-label {
  8585. position: absolute;
  8586. right: 5px;
  8587. top: 0;
  8588. line-height: inherit;
  8589. display: none;
  8590. }
  8591. .el-upload-list__item-delete {
  8592. position: absolute;
  8593. right: 10px;
  8594. top: 0;
  8595. font-size: 12px;
  8596. color: #606266;
  8597. display: none;
  8598. }
  8599. .el-upload-list__item-delete:hover {
  8600. color: #409eff;
  8601. }
  8602. [data-theme="kr-designer"] .el-upload-list--picture-card {
  8603. margin: 0;
  8604. display: inline;
  8605. vertical-align: top;
  8606. }
  8607. [data-theme="kr-designer"] .el-upload-list--picture-card .el-upload-list__item {
  8608. overflow: hidden;
  8609. background-color: #fff;
  8610. border: 1px solid #c0ccda;
  8611. border-radius: 6px;
  8612. -webkit-box-sizing: border-box;
  8613. box-sizing: border-box;
  8614. width: 148px;
  8615. height: 148px;
  8616. margin: 0 8px 8px 0;
  8617. display: inline-block;
  8618. }
  8619. [data-theme="kr-designer"]
  8620. .el-upload-list--picture-card
  8621. .el-upload-list__item
  8622. .el-icon-check,
  8623. [data-theme="kr-designer"]
  8624. .el-upload-list--picture-card
  8625. .el-upload-list__item
  8626. .el-icon-circle-check {
  8627. color: #fff;
  8628. }
  8629. [data-theme="kr-designer"]
  8630. .el-upload-list--picture-card
  8631. .el-upload-list__item
  8632. .el-icon-close,
  8633. [data-theme="kr-designer"]
  8634. .el-upload-list--picture-card
  8635. .el-upload-list__item:hover
  8636. .el-upload-list__item-status-label {
  8637. display: none;
  8638. }
  8639. [data-theme="kr-designer"]
  8640. .el-upload-list--picture-card
  8641. .el-upload-list__item:hover
  8642. .el-progress__text {
  8643. display: block;
  8644. }
  8645. [data-theme="kr-designer"]
  8646. .el-upload-list--picture-card
  8647. .el-upload-list__item-name {
  8648. display: none;
  8649. }
  8650. [data-theme="kr-designer"]
  8651. .el-upload-list--picture-card
  8652. .el-upload-list__item-thumbnail {
  8653. width: 100%;
  8654. height: 100%;
  8655. }
  8656. [data-theme="kr-designer"]
  8657. .el-upload-list--picture-card
  8658. .el-upload-list__item-status-label {
  8659. position: absolute;
  8660. right: -15px;
  8661. top: -6px;
  8662. width: 40px;
  8663. height: 24px;
  8664. background: #13ce66;
  8665. text-align: center;
  8666. -webkit-transform: rotate(45deg);
  8667. transform: rotate(45deg);
  8668. -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
  8669. box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
  8670. }
  8671. [data-theme="kr-designer"]
  8672. .el-upload-list--picture-card
  8673. .el-upload-list__item-status-label
  8674. i {
  8675. font-size: 12px;
  8676. margin-top: 11px;
  8677. -webkit-transform: rotate(-45deg);
  8678. transform: rotate(-45deg);
  8679. }
  8680. [data-theme="kr-designer"]
  8681. .el-upload-list--picture-card
  8682. .el-upload-list__item-actions {
  8683. position: absolute;
  8684. width: 100%;
  8685. height: 100%;
  8686. left: 0;
  8687. top: 0;
  8688. cursor: default;
  8689. text-align: center;
  8690. color: #fff;
  8691. opacity: 0;
  8692. font-size: 20px;
  8693. background-color: rgba(0, 0, 0, 0.5);
  8694. -webkit-transition: opacity 0.3s;
  8695. transition: opacity 0.3s;
  8696. }
  8697. [data-theme="kr-designer"]
  8698. .el-upload-list--picture-card
  8699. .el-upload-list__item-actions::after {
  8700. display: inline-block;
  8701. content: "";
  8702. height: 100%;
  8703. vertical-align: middle;
  8704. }
  8705. [data-theme="kr-designer"]
  8706. .el-upload-list--picture-card
  8707. .el-upload-list__item-actions
  8708. span {
  8709. display: none;
  8710. cursor: pointer;
  8711. }
  8712. [data-theme="kr-designer"]
  8713. .el-upload-list--picture-card
  8714. .el-upload-list__item-actions
  8715. span
  8716. + span {
  8717. margin-left: 15px;
  8718. }
  8719. [data-theme="kr-designer"]
  8720. .el-upload-list--picture-card
  8721. .el-upload-list__item-actions
  8722. .el-upload-list__item-delete {
  8723. position: static;
  8724. font-size: inherit;
  8725. color: inherit;
  8726. }
  8727. [data-theme="kr-designer"]
  8728. .el-upload-list--picture-card
  8729. .el-upload-list__item-actions:hover {
  8730. opacity: 1;
  8731. }
  8732. [data-theme="kr-designer"]
  8733. .el-upload-list--picture-card
  8734. .el-upload-list__item-actions:hover
  8735. span {
  8736. display: inline-block;
  8737. }
  8738. [data-theme="kr-designer"] .el-upload-list--picture-card .el-progress {
  8739. top: 50%;
  8740. left: 50%;
  8741. -webkit-transform: translate(-50%, -50%);
  8742. transform: translate(-50%, -50%);
  8743. bottom: auto;
  8744. width: 126px;
  8745. }
  8746. [data-theme="kr-designer"]
  8747. .el-upload-list--picture-card
  8748. .el-progress
  8749. .el-progress__text {
  8750. top: 50%;
  8751. }
  8752. [data-theme="kr-designer"] .el-upload-list--picture .el-upload-list__item {
  8753. overflow: hidden;
  8754. z-index: 0;
  8755. background-color: #fff;
  8756. border: 1px solid #c0ccda;
  8757. border-radius: 6px;
  8758. -webkit-box-sizing: border-box;
  8759. box-sizing: border-box;
  8760. margin-top: 10px;
  8761. padding: 10px 10px 10px 90px;
  8762. height: 92px;
  8763. }
  8764. [data-theme="kr-designer"]
  8765. .el-upload-list--picture
  8766. .el-upload-list__item
  8767. .el-icon-check,
  8768. [data-theme="kr-designer"]
  8769. .el-upload-list--picture
  8770. .el-upload-list__item
  8771. .el-icon-circle-check {
  8772. color: #fff;
  8773. }
  8774. [data-theme="kr-designer"]
  8775. .el-upload-list--picture
  8776. .el-upload-list__item:hover
  8777. .el-upload-list__item-status-label {
  8778. background: 0 0;
  8779. -webkit-box-shadow: none;
  8780. box-shadow: none;
  8781. top: -2px;
  8782. right: -12px;
  8783. }
  8784. [data-theme="kr-designer"]
  8785. .el-upload-list--picture
  8786. .el-upload-list__item:hover
  8787. .el-progress__text {
  8788. display: block;
  8789. }
  8790. [data-theme="kr-designer"]
  8791. .el-upload-list--picture
  8792. .el-upload-list__item.is-success
  8793. .el-upload-list__item-name {
  8794. line-height: 70px;
  8795. margin-top: 0;
  8796. }
  8797. [data-theme="kr-designer"]
  8798. .el-upload-list--picture
  8799. .el-upload-list__item.is-success
  8800. .el-upload-list__item-name
  8801. i {
  8802. display: none;
  8803. }
  8804. [data-theme="kr-designer"]
  8805. .el-upload-list--picture
  8806. .el-upload-list__item-thumbnail {
  8807. vertical-align: middle;
  8808. display: inline-block;
  8809. width: 70px;
  8810. height: 70px;
  8811. float: left;
  8812. position: relative;
  8813. z-index: 1;
  8814. margin-left: -80px;
  8815. background-color: #fff;
  8816. }
  8817. [data-theme="kr-designer"] .el-upload-list--picture .el-upload-list__item-name {
  8818. display: block;
  8819. margin-top: 20px;
  8820. }
  8821. [data-theme="kr-designer"]
  8822. .el-upload-list--picture
  8823. .el-upload-list__item-name
  8824. i {
  8825. font-size: 70px;
  8826. line-height: 1;
  8827. position: absolute;
  8828. left: 9px;
  8829. top: 10px;
  8830. }
  8831. [data-theme="kr-designer"]
  8832. .el-upload-list--picture
  8833. .el-upload-list__item-status-label {
  8834. position: absolute;
  8835. right: -17px;
  8836. top: -7px;
  8837. width: 46px;
  8838. height: 26px;
  8839. background: #13ce66;
  8840. text-align: center;
  8841. -webkit-transform: rotate(45deg);
  8842. transform: rotate(45deg);
  8843. -webkit-box-shadow: 0 1px 1px #ccc;
  8844. box-shadow: 0 1px 1px #ccc;
  8845. }
  8846. [data-theme="kr-designer"]
  8847. .el-upload-list--picture
  8848. .el-upload-list__item-status-label
  8849. i {
  8850. font-size: 12px;
  8851. margin-top: 12px;
  8852. -webkit-transform: rotate(-45deg);
  8853. transform: rotate(-45deg);
  8854. }
  8855. [data-theme="kr-designer"] .el-upload-list--picture .el-progress {
  8856. position: relative;
  8857. top: -7px;
  8858. }
  8859. [data-theme="kr-designer"] .el-upload-cover {
  8860. position: absolute;
  8861. left: 0;
  8862. top: 0;
  8863. width: 100%;
  8864. height: 100%;
  8865. overflow: hidden;
  8866. z-index: 10;
  8867. cursor: default;
  8868. }
  8869. [data-theme="kr-designer"] .el-upload-cover::after {
  8870. display: inline-block;
  8871. content: "";
  8872. height: 100%;
  8873. vertical-align: middle;
  8874. }
  8875. [data-theme="kr-designer"] .el-upload-cover img {
  8876. display: block;
  8877. width: 100%;
  8878. height: 100%;
  8879. }
  8880. .el-upload-cover__label {
  8881. position: absolute;
  8882. right: -15px;
  8883. top: -6px;
  8884. width: 40px;
  8885. height: 24px;
  8886. background: #13ce66;
  8887. text-align: center;
  8888. -webkit-transform: rotate(45deg);
  8889. transform: rotate(45deg);
  8890. -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
  8891. box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
  8892. }
  8893. .el-upload-cover__label i {
  8894. font-size: 12px;
  8895. margin-top: 11px;
  8896. -webkit-transform: rotate(-45deg);
  8897. transform: rotate(-45deg);
  8898. color: #fff;
  8899. }
  8900. .el-upload-cover__progress {
  8901. display: inline-block;
  8902. vertical-align: middle;
  8903. position: static;
  8904. width: 243px;
  8905. }
  8906. .el-upload-cover__progress + .el-upload__inner {
  8907. opacity: 0;
  8908. }
  8909. .el-upload-cover__content {
  8910. position: absolute;
  8911. top: 0;
  8912. left: 0;
  8913. width: 100%;
  8914. height: 100%;
  8915. }
  8916. .el-upload-cover__interact {
  8917. position: absolute;
  8918. bottom: 0;
  8919. left: 0;
  8920. width: 100%;
  8921. height: 100%;
  8922. background-color: rgba(0, 0, 0, 0.72);
  8923. text-align: center;
  8924. }
  8925. .el-upload-cover__interact .btn {
  8926. display: inline-block;
  8927. color: #fff;
  8928. font-size: 14px;
  8929. cursor: pointer;
  8930. vertical-align: middle;
  8931. -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  8932. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  8933. transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  8934. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  8935. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  8936. opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  8937. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  8938. opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  8939. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  8940. margin-top: 60px;
  8941. }
  8942. .el-upload-cover__interact .btn span {
  8943. opacity: 0;
  8944. -webkit-transition: opacity 0.15s linear;
  8945. transition: opacity 0.15s linear;
  8946. }
  8947. .el-upload-cover__interact .btn:not(:first-child) {
  8948. margin-left: 35px;
  8949. }
  8950. .el-upload-cover__interact .btn:hover {
  8951. -webkit-transform: translateY(-13px);
  8952. transform: translateY(-13px);
  8953. }
  8954. .el-upload-cover__interact .btn:hover span {
  8955. opacity: 1;
  8956. }
  8957. .el-upload-cover__interact .btn i {
  8958. color: #fff;
  8959. display: block;
  8960. font-size: 24px;
  8961. line-height: inherit;
  8962. margin: 0 auto 5px;
  8963. }
  8964. .el-upload-cover__title {
  8965. position: absolute;
  8966. bottom: 0;
  8967. left: 0;
  8968. background-color: #fff;
  8969. height: 36px;
  8970. width: 100%;
  8971. overflow: hidden;
  8972. text-overflow: ellipsis;
  8973. white-space: nowrap;
  8974. font-weight: 400;
  8975. text-align: left;
  8976. padding: 0 10px;
  8977. margin: 0;
  8978. line-height: 36px;
  8979. font-size: 14px;
  8980. color: #303133;
  8981. }
  8982. [data-theme="kr-designer"] .el-upload-cover + .el-upload__inner {
  8983. opacity: 0;
  8984. position: relative;
  8985. z-index: 1;
  8986. }
  8987. [data-theme="kr-designer"] .el-progress {
  8988. position: relative;
  8989. line-height: 1;
  8990. }
  8991. .el-progress__text {
  8992. font-size: 14px;
  8993. color: #606266;
  8994. display: inline-block;
  8995. vertical-align: middle;
  8996. margin-left: 10px;
  8997. line-height: 1;
  8998. }
  8999. .el-progress__text i {
  9000. vertical-align: middle;
  9001. display: block;
  9002. }
  9003. [data-theme="kr-designer"] .el-progress--circle,
  9004. [data-theme="kr-designer"] .el-progress--dashboard {
  9005. display: inline-block;
  9006. }
  9007. [data-theme="kr-designer"] .el-progress--circle .el-progress__text,
  9008. [data-theme="kr-designer"] .el-progress--dashboard .el-progress__text {
  9009. position: absolute;
  9010. top: 50%;
  9011. left: 0;
  9012. width: 100%;
  9013. text-align: center;
  9014. margin: 0;
  9015. -webkit-transform: translate(0, -50%);
  9016. transform: translate(0, -50%);
  9017. }
  9018. [data-theme="kr-designer"] .el-progress--circle .el-progress__text i,
  9019. [data-theme="kr-designer"] .el-progress--dashboard .el-progress__text i {
  9020. vertical-align: middle;
  9021. display: inline-block;
  9022. }
  9023. [data-theme="kr-designer"] .el-progress--without-text .el-progress__text {
  9024. display: none;
  9025. }
  9026. [data-theme="kr-designer"] .el-progress--without-text .el-progress-bar {
  9027. padding-right: 0;
  9028. margin-right: 0;
  9029. display: block;
  9030. }
  9031. [data-theme="kr-designer"] .el-progress--text-inside .el-progress-bar {
  9032. padding-right: 0;
  9033. margin-right: 0;
  9034. }
  9035. [data-theme="kr-designer"] .el-progress.is-success .el-progress-bar__inner {
  9036. background-color: #67c23a;
  9037. }
  9038. [data-theme="kr-designer"] .el-progress.is-success .el-progress__text {
  9039. color: #67c23a;
  9040. }
  9041. [data-theme="kr-designer"] .el-progress.is-warning .el-progress-bar__inner {
  9042. background-color: #e6a23c;
  9043. }
  9044. [data-theme="kr-designer"] .el-progress.is-warning .el-progress__text {
  9045. color: #e6a23c;
  9046. }
  9047. [data-theme="kr-designer"] .el-progress.is-exception .el-progress-bar__inner {
  9048. background-color: #f56c6c;
  9049. }
  9050. [data-theme="kr-designer"] .el-progress.is-exception .el-progress__text {
  9051. color: #f56c6c;
  9052. }
  9053. [data-theme="kr-designer"] .el-progress-bar {
  9054. padding-right: 50px;
  9055. display: inline-block;
  9056. vertical-align: middle;
  9057. width: 100%;
  9058. margin-right: -55px;
  9059. -webkit-box-sizing: border-box;
  9060. box-sizing: border-box;
  9061. }
  9062. .el-progress-bar__outer {
  9063. height: 6px;
  9064. border-radius: 100px;
  9065. background-color: #ebeef5;
  9066. overflow: hidden;
  9067. position: relative;
  9068. vertical-align: middle;
  9069. }
  9070. .el-progress-bar__inner {
  9071. position: absolute;
  9072. left: 0;
  9073. top: 0;
  9074. height: 100%;
  9075. background-color: #409eff;
  9076. text-align: right;
  9077. border-radius: 100px;
  9078. line-height: 1;
  9079. white-space: nowrap;
  9080. -webkit-transition: width 0.6s ease;
  9081. transition: width 0.6s ease;
  9082. }
  9083. .el-progress-bar__inner::after {
  9084. display: inline-block;
  9085. content: "";
  9086. height: 100%;
  9087. vertical-align: middle;
  9088. }
  9089. .el-progress-bar__innerText {
  9090. display: inline-block;
  9091. vertical-align: middle;
  9092. color: #fff;
  9093. font-size: 12px;
  9094. margin: 0 5px;
  9095. }
  9096. @keyframes progress {
  9097. 0% {
  9098. background-position: 0 0;
  9099. }
  9100. 100% {
  9101. background-position: 32px 0;
  9102. }
  9103. }
  9104. [data-theme="kr-designer"] .el-time-spinner {
  9105. width: 100%;
  9106. white-space: nowrap;
  9107. }
  9108. [data-theme="kr-designer"] .el-spinner {
  9109. display: inline-block;
  9110. vertical-align: middle;
  9111. }
  9112. [data-theme="kr-designer"] .el-spinner-inner {
  9113. -webkit-animation: rotate 2s linear infinite;
  9114. animation: rotate 2s linear infinite;
  9115. width: 50px;
  9116. height: 50px;
  9117. }
  9118. [data-theme="kr-designer"] .el-spinner-inner .path {
  9119. stroke: #ececec;
  9120. stroke-linecap: round;
  9121. -webkit-animation: dash 1.5s ease-in-out infinite;
  9122. animation: dash 1.5s ease-in-out infinite;
  9123. }
  9124. @-webkit-keyframes rotate {
  9125. 100% {
  9126. -webkit-transform: rotate(360deg);
  9127. transform: rotate(360deg);
  9128. }
  9129. }
  9130. @keyframes rotate {
  9131. 100% {
  9132. -webkit-transform: rotate(360deg);
  9133. transform: rotate(360deg);
  9134. }
  9135. }
  9136. @-webkit-keyframes dash {
  9137. 0% {
  9138. stroke-dasharray: 1, 150;
  9139. stroke-dashoffset: 0;
  9140. }
  9141. 50% {
  9142. stroke-dasharray: 90, 150;
  9143. stroke-dashoffset: -35;
  9144. }
  9145. 100% {
  9146. stroke-dasharray: 90, 150;
  9147. stroke-dashoffset: -124;
  9148. }
  9149. }
  9150. @keyframes dash {
  9151. 0% {
  9152. stroke-dasharray: 1, 150;
  9153. stroke-dashoffset: 0;
  9154. }
  9155. 50% {
  9156. stroke-dasharray: 90, 150;
  9157. stroke-dashoffset: -35;
  9158. }
  9159. 100% {
  9160. stroke-dasharray: 90, 150;
  9161. stroke-dashoffset: -124;
  9162. }
  9163. }
  9164. [data-theme="kr-designer"] .el-message {
  9165. min-width: 380px;
  9166. -webkit-box-sizing: border-box;
  9167. box-sizing: border-box;
  9168. border-radius: 4px;
  9169. border-width: 1px;
  9170. border-style: solid;
  9171. border-color: #ebeef5;
  9172. position: fixed;
  9173. left: 50%;
  9174. top: 20px;
  9175. -webkit-transform: translateX(-50%);
  9176. transform: translateX(-50%);
  9177. background-color: #edf2fc;
  9178. -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
  9179. transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
  9180. transition: opacity 0.3s, transform 0.4s, top 0.4s;
  9181. transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s;
  9182. overflow: hidden;
  9183. padding: 15px 15px 15px 20px;
  9184. display: -webkit-box;
  9185. display: -ms-flexbox;
  9186. display: flex;
  9187. -webkit-box-align: center;
  9188. -ms-flex-align: center;
  9189. align-items: center;
  9190. }
  9191. [data-theme="kr-designer"] .el-message.is-center {
  9192. -webkit-box-pack: center;
  9193. -ms-flex-pack: center;
  9194. justify-content: center;
  9195. }
  9196. [data-theme="kr-designer"] .el-message.is-closable .el-message__content {
  9197. padding-right: 16px;
  9198. }
  9199. [data-theme="kr-designer"] .el-message p {
  9200. margin: 0;
  9201. }
  9202. [data-theme="kr-designer"] .el-message--info .el-message__content {
  9203. color: #909399;
  9204. }
  9205. [data-theme="kr-designer"] .el-message--success {
  9206. background-color: #f0f9eb;
  9207. border-color: #e1f3d8;
  9208. }
  9209. [data-theme="kr-designer"] .el-message--success .el-message__content {
  9210. color: #67c23a;
  9211. }
  9212. [data-theme="kr-designer"] .el-message--warning {
  9213. background-color: #fdf6ec;
  9214. border-color: #faecd8;
  9215. }
  9216. [data-theme="kr-designer"] .el-message--warning .el-message__content {
  9217. color: #e6a23c;
  9218. }
  9219. [data-theme="kr-designer"] .el-message--error {
  9220. background-color: #fef0f0;
  9221. border-color: #fde2e2;
  9222. }
  9223. [data-theme="kr-designer"] .el-message--error .el-message__content {
  9224. color: #f56c6c;
  9225. }
  9226. .el-message__icon {
  9227. margin-right: 10px;
  9228. }
  9229. .el-message__content {
  9230. padding: 0;
  9231. font-size: 14px;
  9232. line-height: 1;
  9233. }
  9234. .el-message__content:focus {
  9235. outline-width: 0;
  9236. }
  9237. .el-message__closeBtn {
  9238. position: absolute;
  9239. top: 50%;
  9240. right: 15px;
  9241. -webkit-transform: translateY(-50%);
  9242. transform: translateY(-50%);
  9243. cursor: pointer;
  9244. color: #c0c4cc;
  9245. font-size: 16px;
  9246. }
  9247. .el-message__closeBtn:focus {
  9248. outline-width: 0;
  9249. }
  9250. .el-message__closeBtn:hover {
  9251. color: #909399;
  9252. }
  9253. [data-theme="kr-designer"] .el-message .el-icon-success {
  9254. color: #67c23a;
  9255. }
  9256. [data-theme="kr-designer"] .el-message .el-icon-error {
  9257. color: #f56c6c;
  9258. }
  9259. [data-theme="kr-designer"] .el-message .el-icon-info {
  9260. color: #909399;
  9261. }
  9262. [data-theme="kr-designer"] .el-message .el-icon-warning {
  9263. color: #e6a23c;
  9264. }
  9265. [data-theme="kr-designer"] .el-message-fade-enter,
  9266. [data-theme="kr-designer"] .el-message-fade-leave-active {
  9267. opacity: 0;
  9268. -webkit-transform: translate(-50%, -100%);
  9269. transform: translate(-50%, -100%);
  9270. }
  9271. [data-theme="kr-designer"] .el-badge {
  9272. position: relative;
  9273. vertical-align: middle;
  9274. display: inline-block;
  9275. }
  9276. .el-badge__content {
  9277. background-color: #f56c6c;
  9278. border-radius: 10px;
  9279. color: #fff;
  9280. display: inline-block;
  9281. font-size: 12px;
  9282. height: 18px;
  9283. line-height: 18px;
  9284. padding: 0 6px;
  9285. text-align: center;
  9286. white-space: nowrap;
  9287. border: 1px solid #fff;
  9288. }
  9289. .el-badge__content.is-fixed {
  9290. position: absolute;
  9291. top: 0;
  9292. right: 10px;
  9293. -webkit-transform: translateY(-50%) translateX(100%);
  9294. transform: translateY(-50%) translateX(100%);
  9295. }
  9296. .el-rate__icon,
  9297. .el-rate__item {
  9298. position: relative;
  9299. display: inline-block;
  9300. }
  9301. .el-badge__content.is-fixed.is-dot {
  9302. right: 5px;
  9303. }
  9304. .el-badge__content.is-dot {
  9305. height: 8px;
  9306. width: 8px;
  9307. padding: 0;
  9308. right: 0;
  9309. border-radius: 50%;
  9310. }
  9311. .el-badge__content--primary {
  9312. background-color: #409eff;
  9313. }
  9314. .el-badge__content--success {
  9315. background-color: #67c23a;
  9316. }
  9317. .el-badge__content--warning {
  9318. background-color: #e6a23c;
  9319. }
  9320. .el-badge__content--info {
  9321. background-color: #909399;
  9322. }
  9323. .el-badge__content--danger {
  9324. background-color: #f56c6c;
  9325. }
  9326. [data-theme="kr-designer"] .el-card {
  9327. border-radius: 4px;
  9328. border: 1px solid #ebeef5;
  9329. background-color: #fff;
  9330. overflow: hidden;
  9331. color: #303133;
  9332. -webkit-transition: 0.3s;
  9333. transition: 0.3s;
  9334. }
  9335. [data-theme="kr-designer"] .el-card.is-always-shadow,
  9336. [data-theme="kr-designer"] .el-card.is-hover-shadow:focus,
  9337. [data-theme="kr-designer"] .el-card.is-hover-shadow:hover {
  9338. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  9339. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  9340. }
  9341. .el-card__header {
  9342. padding: 18px 20px;
  9343. border-bottom: 1px solid #ebeef5;
  9344. -webkit-box-sizing: border-box;
  9345. box-sizing: border-box;
  9346. }
  9347. .el-card__body {
  9348. padding: 20px;
  9349. }
  9350. [data-theme="kr-designer"] .el-rate {
  9351. height: 20px;
  9352. line-height: 1;
  9353. }
  9354. [data-theme="kr-designer"] .el-rate:active,
  9355. [data-theme="kr-designer"] .el-rate:focus {
  9356. outline-width: 0;
  9357. }
  9358. .el-rate__item {
  9359. font-size: 0;
  9360. vertical-align: middle;
  9361. }
  9362. .el-rate__icon {
  9363. font-size: 18px;
  9364. margin-right: 6px;
  9365. color: #c0c4cc;
  9366. -webkit-transition: 0.3s;
  9367. transition: 0.3s;
  9368. }
  9369. .el-rate__decimal,
  9370. .el-rate__icon .path2 {
  9371. position: absolute;
  9372. top: 0;
  9373. left: 0;
  9374. }
  9375. .el-rate__icon.hover {
  9376. -webkit-transform: scale(1.15);
  9377. transform: scale(1.15);
  9378. }
  9379. .el-rate__decimal {
  9380. display: inline-block;
  9381. overflow: hidden;
  9382. }
  9383. .el-rate__text {
  9384. font-size: 14px;
  9385. vertical-align: middle;
  9386. }
  9387. [data-theme="kr-designer"] .el-steps {
  9388. display: -webkit-box;
  9389. display: -ms-flexbox;
  9390. display: flex;
  9391. }
  9392. [data-theme="kr-designer"] .el-steps--simple {
  9393. padding: 13px 8%;
  9394. border-radius: 4px;
  9395. background: #f5f7fa;
  9396. }
  9397. [data-theme="kr-designer"] .el-steps--horizontal {
  9398. white-space: nowrap;
  9399. }
  9400. [data-theme="kr-designer"] .el-steps--vertical {
  9401. height: 100%;
  9402. -webkit-box-orient: vertical;
  9403. -webkit-box-direction: normal;
  9404. -ms-flex-flow: column;
  9405. flex-flow: column;
  9406. }
  9407. [data-theme="kr-designer"] .el-step {
  9408. position: relative;
  9409. -ms-flex-negative: 1;
  9410. flex-shrink: 1;
  9411. }
  9412. [data-theme="kr-designer"] .el-step:last-of-type .el-step__line {
  9413. display: none;
  9414. }
  9415. [data-theme="kr-designer"] .el-step:last-of-type.is-flex {
  9416. -ms-flex-preferred-size: auto !important;
  9417. flex-basis: auto !important;
  9418. -ms-flex-negative: 0;
  9419. flex-shrink: 0;
  9420. -webkit-box-flex: 0;
  9421. -ms-flex-positive: 0;
  9422. flex-grow: 0;
  9423. }
  9424. [data-theme="kr-designer"] .el-step:last-of-type .el-step__description,
  9425. [data-theme="kr-designer"] .el-step:last-of-type .el-step__main {
  9426. padding-right: 0;
  9427. }
  9428. .el-step__head {
  9429. position: relative;
  9430. width: 100%;
  9431. }
  9432. .el-step__head.is-process {
  9433. color: #303133;
  9434. border-color: #303133;
  9435. }
  9436. .el-step__head.is-wait {
  9437. color: #c0c4cc;
  9438. border-color: #c0c4cc;
  9439. }
  9440. .el-step__head.is-success {
  9441. color: #67c23a;
  9442. border-color: #67c23a;
  9443. }
  9444. .el-step__head.is-error {
  9445. color: #f56c6c;
  9446. border-color: #f56c6c;
  9447. }
  9448. .el-step__head.is-finish {
  9449. color: #409eff;
  9450. border-color: #409eff;
  9451. }
  9452. .el-step__icon {
  9453. position: relative;
  9454. z-index: 1;
  9455. display: -webkit-inline-box;
  9456. display: -ms-inline-flexbox;
  9457. display: inline-flex;
  9458. -webkit-box-pack: center;
  9459. -ms-flex-pack: center;
  9460. justify-content: center;
  9461. -webkit-box-align: center;
  9462. -ms-flex-align: center;
  9463. align-items: center;
  9464. width: 24px;
  9465. height: 24px;
  9466. font-size: 14px;
  9467. -webkit-box-sizing: border-box;
  9468. box-sizing: border-box;
  9469. background: #fff;
  9470. -webkit-transition: 0.15s ease-out;
  9471. transition: 0.15s ease-out;
  9472. }
  9473. .el-step__icon-inner,
  9474. [data-theme="kr-designer"] .el-step.is-horizontal {
  9475. display: inline-block;
  9476. }
  9477. .el-step__icon.is-text {
  9478. border-radius: 50%;
  9479. border: 2px solid;
  9480. border-color: inherit;
  9481. }
  9482. .el-step__icon.is-icon {
  9483. width: 40px;
  9484. }
  9485. .el-step__icon-inner {
  9486. -webkit-user-select: none;
  9487. user-select: none;
  9488. text-align: center;
  9489. font-weight: 700;
  9490. line-height: 1;
  9491. color: inherit;
  9492. }
  9493. .el-step__icon-inner[class*="el-icon"]:not(.is-status) {
  9494. font-size: 25px;
  9495. font-weight: 400;
  9496. }
  9497. .el-step__icon-inner.is-status {
  9498. -webkit-transform: translateY(1px);
  9499. transform: translateY(1px);
  9500. }
  9501. .el-step__line {
  9502. position: absolute;
  9503. border-color: inherit;
  9504. background-color: #c0c4cc;
  9505. }
  9506. .el-step__line-inner {
  9507. display: block;
  9508. border-width: 1px;
  9509. border-style: solid;
  9510. border-color: inherit;
  9511. -webkit-transition: 0.15s ease-out;
  9512. transition: 0.15s ease-out;
  9513. -webkit-box-sizing: border-box;
  9514. box-sizing: border-box;
  9515. width: 0;
  9516. height: 0;
  9517. }
  9518. .el-step__main {
  9519. white-space: normal;
  9520. text-align: left;
  9521. }
  9522. .el-step__title {
  9523. font-size: 16px;
  9524. line-height: 38px;
  9525. }
  9526. .el-step__title.is-process {
  9527. font-weight: 700;
  9528. color: #303133;
  9529. }
  9530. .el-step__title.is-wait {
  9531. color: #c0c4cc;
  9532. }
  9533. .el-step__title.is-success {
  9534. color: #67c23a;
  9535. }
  9536. .el-step__title.is-error {
  9537. color: #f56c6c;
  9538. }
  9539. .el-step__title.is-finish {
  9540. color: #409eff;
  9541. }
  9542. .el-step__description {
  9543. padding-right: 10%;
  9544. margin-top: -5px;
  9545. font-size: 12px;
  9546. line-height: 20px;
  9547. font-weight: 400;
  9548. }
  9549. .el-step__description.is-process {
  9550. color: #303133;
  9551. }
  9552. .el-step__description.is-wait {
  9553. color: #c0c4cc;
  9554. }
  9555. .el-step__description.is-success {
  9556. color: #67c23a;
  9557. }
  9558. .el-step__description.is-error {
  9559. color: #f56c6c;
  9560. }
  9561. .el-step__description.is-finish {
  9562. color: #409eff;
  9563. }
  9564. [data-theme="kr-designer"] .el-step.is-horizontal .el-step__line {
  9565. height: 2px;
  9566. top: 11px;
  9567. left: 0;
  9568. right: 0;
  9569. }
  9570. [data-theme="kr-designer"] .el-step.is-vertical {
  9571. display: -webkit-box;
  9572. display: -ms-flexbox;
  9573. display: flex;
  9574. }
  9575. [data-theme="kr-designer"] .el-step.is-vertical .el-step__head {
  9576. -webkit-box-flex: 0;
  9577. -ms-flex-positive: 0;
  9578. flex-grow: 0;
  9579. width: 24px;
  9580. }
  9581. [data-theme="kr-designer"] .el-step.is-vertical .el-step__main {
  9582. padding-left: 10px;
  9583. -webkit-box-flex: 1;
  9584. -ms-flex-positive: 1;
  9585. flex-grow: 1;
  9586. }
  9587. [data-theme="kr-designer"] .el-step.is-vertical .el-step__title {
  9588. line-height: 24px;
  9589. padding-bottom: 8px;
  9590. }
  9591. [data-theme="kr-designer"] .el-step.is-vertical .el-step__line {
  9592. width: 2px;
  9593. top: 0;
  9594. bottom: 0;
  9595. left: 11px;
  9596. }
  9597. [data-theme="kr-designer"] .el-step.is-vertical .el-step__icon.is-icon {
  9598. width: 24px;
  9599. }
  9600. [data-theme="kr-designer"] .el-step.is-center .el-step__head,
  9601. [data-theme="kr-designer"] .el-step.is-center .el-step__main {
  9602. text-align: center;
  9603. }
  9604. [data-theme="kr-designer"] .el-step.is-center .el-step__description {
  9605. padding-left: 20%;
  9606. padding-right: 20%;
  9607. }
  9608. [data-theme="kr-designer"] .el-step.is-center .el-step__line {
  9609. left: 50%;
  9610. right: -50%;
  9611. }
  9612. [data-theme="kr-designer"] .el-step.is-simple {
  9613. display: -webkit-box;
  9614. display: -ms-flexbox;
  9615. display: flex;
  9616. -webkit-box-align: center;
  9617. -ms-flex-align: center;
  9618. align-items: center;
  9619. }
  9620. [data-theme="kr-designer"] .el-step.is-simple .el-step__head {
  9621. width: auto;
  9622. font-size: 0;
  9623. padding-right: 10px;
  9624. }
  9625. [data-theme="kr-designer"] .el-step.is-simple .el-step__icon {
  9626. background: 0 0;
  9627. width: 16px;
  9628. height: 16px;
  9629. font-size: 12px;
  9630. }
  9631. [data-theme="kr-designer"]
  9632. .el-step.is-simple
  9633. .el-step__icon-inner[class*="el-icon"]:not(.is-status) {
  9634. font-size: 18px;
  9635. }
  9636. [data-theme="kr-designer"] .el-step.is-simple .el-step__icon-inner.is-status {
  9637. -webkit-transform: scale(0.8) translateY(1px);
  9638. transform: scale(0.8) translateY(1px);
  9639. }
  9640. [data-theme="kr-designer"] .el-step.is-simple .el-step__main {
  9641. position: relative;
  9642. display: -webkit-box;
  9643. display: -ms-flexbox;
  9644. display: flex;
  9645. -webkit-box-align: stretch;
  9646. -ms-flex-align: stretch;
  9647. align-items: stretch;
  9648. -webkit-box-flex: 1;
  9649. -ms-flex-positive: 1;
  9650. flex-grow: 1;
  9651. }
  9652. [data-theme="kr-designer"] .el-step.is-simple .el-step__title {
  9653. font-size: 16px;
  9654. line-height: 20px;
  9655. }
  9656. [data-theme="kr-designer"]
  9657. .el-step.is-simple:not(:last-of-type)
  9658. .el-step__title {
  9659. max-width: 50%;
  9660. word-break: break-all;
  9661. }
  9662. [data-theme="kr-designer"] .el-step.is-simple .el-step__arrow {
  9663. -webkit-box-flex: 1;
  9664. -ms-flex-positive: 1;
  9665. flex-grow: 1;
  9666. display: -webkit-box;
  9667. display: -ms-flexbox;
  9668. display: flex;
  9669. -webkit-box-align: center;
  9670. -ms-flex-align: center;
  9671. align-items: center;
  9672. -webkit-box-pack: center;
  9673. -ms-flex-pack: center;
  9674. justify-content: center;
  9675. }
  9676. [data-theme="kr-designer"] .el-step.is-simple .el-step__arrow::after,
  9677. [data-theme="kr-designer"] .el-step.is-simple .el-step__arrow::before {
  9678. content: "";
  9679. display: inline-block;
  9680. position: absolute;
  9681. height: 15px;
  9682. width: 1px;
  9683. background: #c0c4cc;
  9684. }
  9685. [data-theme="kr-designer"] .el-step.is-simple .el-step__arrow::before {
  9686. -webkit-transform: rotate(-45deg) translateY(-4px);
  9687. transform: rotate(-45deg) translateY(-4px);
  9688. -webkit-transform-origin: 0 0;
  9689. transform-origin: 0 0;
  9690. }
  9691. [data-theme="kr-designer"] .el-step.is-simple .el-step__arrow::after {
  9692. -webkit-transform: rotate(45deg) translateY(4px);
  9693. transform: rotate(45deg) translateY(4px);
  9694. -webkit-transform-origin: 100% 100%;
  9695. transform-origin: 100% 100%;
  9696. }
  9697. [data-theme="kr-designer"] .el-step.is-simple:last-of-type .el-step__arrow {
  9698. display: none;
  9699. }
  9700. [data-theme="kr-designer"] .el-carousel {
  9701. position: relative;
  9702. }
  9703. [data-theme="kr-designer"] .el-carousel--horizontal {
  9704. overflow-x: hidden;
  9705. }
  9706. [data-theme="kr-designer"] .el-carousel--vertical {
  9707. overflow-y: hidden;
  9708. }
  9709. .el-carousel__container {
  9710. position: relative;
  9711. height: 300px;
  9712. }
  9713. .el-carousel__arrow {
  9714. border: none;
  9715. outline: 0;
  9716. padding: 0;
  9717. margin: 0;
  9718. height: 36px;
  9719. width: 36px;
  9720. cursor: pointer;
  9721. -webkit-transition: 0.3s;
  9722. transition: 0.3s;
  9723. border-radius: 50%;
  9724. background-color: rgba(31, 45, 61, 0.11);
  9725. color: #fff;
  9726. position: absolute;
  9727. top: 50%;
  9728. z-index: 10;
  9729. -webkit-transform: translateY(-50%);
  9730. transform: translateY(-50%);
  9731. text-align: center;
  9732. font-size: 12px;
  9733. }
  9734. .el-carousel__arrow--left {
  9735. left: 16px;
  9736. }
  9737. .el-carousel__arrow--right {
  9738. right: 16px;
  9739. }
  9740. .el-carousel__arrow:hover {
  9741. background-color: rgba(31, 45, 61, 0.23);
  9742. }
  9743. .el-carousel__arrow i {
  9744. cursor: pointer;
  9745. }
  9746. .el-carousel__indicators {
  9747. position: absolute;
  9748. list-style: none;
  9749. margin: 0;
  9750. padding: 0;
  9751. z-index: 2;
  9752. }
  9753. .el-carousel__indicators--horizontal {
  9754. bottom: 0;
  9755. left: 50%;
  9756. -webkit-transform: translateX(-50%);
  9757. transform: translateX(-50%);
  9758. }
  9759. .el-carousel__indicators--vertical {
  9760. right: 0;
  9761. top: 50%;
  9762. -webkit-transform: translateY(-50%);
  9763. transform: translateY(-50%);
  9764. }
  9765. .el-carousel__indicators--outside {
  9766. bottom: 26px;
  9767. text-align: center;
  9768. position: static;
  9769. -webkit-transform: none;
  9770. transform: none;
  9771. }
  9772. .el-carousel__indicators--outside .el-carousel__indicator:hover button {
  9773. opacity: 0.64;
  9774. }
  9775. .el-carousel__indicators--outside button {
  9776. background-color: #c0c4cc;
  9777. opacity: 0.24;
  9778. }
  9779. .el-carousel__indicators--labels {
  9780. left: 0;
  9781. right: 0;
  9782. -webkit-transform: none;
  9783. transform: none;
  9784. text-align: center;
  9785. }
  9786. .el-carousel__indicators--labels .el-carousel__button {
  9787. height: auto;
  9788. width: auto;
  9789. padding: 2px 18px;
  9790. font-size: 12px;
  9791. }
  9792. .el-carousel__indicators--labels .el-carousel__indicator {
  9793. padding: 6px 4px;
  9794. }
  9795. .el-carousel__indicator {
  9796. background-color: transparent;
  9797. cursor: pointer;
  9798. }
  9799. .el-carousel__indicator:hover button {
  9800. opacity: 0.72;
  9801. }
  9802. .el-carousel__indicator--horizontal {
  9803. display: inline-block;
  9804. padding: 12px 4px;
  9805. }
  9806. .el-carousel__indicator--vertical {
  9807. padding: 4px 12px;
  9808. }
  9809. .el-carousel__indicator--vertical .el-carousel__button {
  9810. width: 2px;
  9811. height: 15px;
  9812. }
  9813. .el-carousel__indicator.is-active button {
  9814. opacity: 1;
  9815. }
  9816. .el-carousel__button {
  9817. display: block;
  9818. opacity: 0.48;
  9819. width: 30px;
  9820. height: 2px;
  9821. background-color: #fff;
  9822. border: none;
  9823. outline: 0;
  9824. padding: 0;
  9825. margin: 0;
  9826. cursor: pointer;
  9827. -webkit-transition: 0.3s;
  9828. transition: 0.3s;
  9829. }
  9830. .el-carousel__item,
  9831. .el-carousel__mask {
  9832. height: 100%;
  9833. top: 0;
  9834. position: absolute;
  9835. left: 0;
  9836. }
  9837. [data-theme="kr-designer"] .carousel-arrow-left-enter,
  9838. [data-theme="kr-designer"] .carousel-arrow-left-leave-active {
  9839. -webkit-transform: translateY(-50%) translateX(-10px);
  9840. transform: translateY(-50%) translateX(-10px);
  9841. opacity: 0;
  9842. }
  9843. [data-theme="kr-designer"] .carousel-arrow-right-enter,
  9844. [data-theme="kr-designer"] .carousel-arrow-right-leave-active {
  9845. -webkit-transform: translateY(-50%) translateX(10px);
  9846. transform: translateY(-50%) translateX(10px);
  9847. opacity: 0;
  9848. }
  9849. .el-carousel__item {
  9850. width: 100%;
  9851. display: inline-block;
  9852. overflow: hidden;
  9853. z-index: 0;
  9854. }
  9855. .el-carousel__item.is-active {
  9856. z-index: 2;
  9857. }
  9858. .el-carousel__item.is-animating {
  9859. -webkit-transition: -webkit-transform 0.4s ease-in-out;
  9860. transition: -webkit-transform 0.4s ease-in-out;
  9861. transition: transform 0.4s ease-in-out;
  9862. transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  9863. }
  9864. .el-carousel__item--card {
  9865. width: 50%;
  9866. -webkit-transition: -webkit-transform 0.4s ease-in-out;
  9867. transition: -webkit-transform 0.4s ease-in-out;
  9868. transition: transform 0.4s ease-in-out;
  9869. transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  9870. }
  9871. .el-carousel__item--card.is-in-stage {
  9872. cursor: pointer;
  9873. z-index: 1;
  9874. }
  9875. .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
  9876. .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  9877. opacity: 0.12;
  9878. }
  9879. .el-carousel__item--card.is-active {
  9880. z-index: 2;
  9881. }
  9882. .el-carousel__mask {
  9883. width: 100%;
  9884. background-color: #fff;
  9885. opacity: 0.24;
  9886. -webkit-transition: 0.2s;
  9887. transition: 0.2s;
  9888. }
  9889. .fade-in-linear-enter-active,
  9890. .fade-in-linear-leave-active {
  9891. -webkit-transition: opacity 0.2s linear;
  9892. transition: opacity 0.2s linear;
  9893. }
  9894. .fade-in-linear-enter,
  9895. .fade-in-linear-leave,
  9896. .fade-in-linear-leave-active {
  9897. opacity: 0;
  9898. }
  9899. .el-fade-in-linear-enter-active,
  9900. .el-fade-in-linear-leave-active {
  9901. -webkit-transition: opacity 0.2s linear;
  9902. transition: opacity 0.2s linear;
  9903. }
  9904. .el-fade-in-linear-enter,
  9905. .el-fade-in-linear-leave,
  9906. .el-fade-in-linear-leave-active {
  9907. opacity: 0;
  9908. }
  9909. .el-fade-in-enter-active,
  9910. .el-fade-in-leave-active {
  9911. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  9912. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  9913. }
  9914. .el-fade-in-enter,
  9915. .el-fade-in-leave-active {
  9916. opacity: 0;
  9917. }
  9918. .el-zoom-in-center-enter-active,
  9919. .el-zoom-in-center-leave-active {
  9920. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  9921. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  9922. }
  9923. .el-zoom-in-center-enter,
  9924. .el-zoom-in-center-leave-active {
  9925. opacity: 0;
  9926. -webkit-transform: scaleX(0);
  9927. transform: scaleX(0);
  9928. }
  9929. .el-zoom-in-top-enter-active,
  9930. .el-zoom-in-top-leave-active {
  9931. opacity: 1;
  9932. -webkit-transform: scaleY(1);
  9933. transform: scaleY(1);
  9934. -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9935. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9936. transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9937. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9938. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9939. opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9940. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9941. opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9942. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9943. -webkit-transform-origin: center top;
  9944. transform-origin: center top;
  9945. }
  9946. .el-zoom-in-top-enter,
  9947. .el-zoom-in-top-leave-active {
  9948. opacity: 0;
  9949. -webkit-transform: scaleY(0);
  9950. transform: scaleY(0);
  9951. }
  9952. .el-zoom-in-bottom-enter-active,
  9953. .el-zoom-in-bottom-leave-active {
  9954. opacity: 1;
  9955. -webkit-transform: scaleY(1);
  9956. transform: scaleY(1);
  9957. -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9958. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9959. transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9960. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9961. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9962. opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9963. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9964. opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9965. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9966. -webkit-transform-origin: center bottom;
  9967. transform-origin: center bottom;
  9968. }
  9969. .el-zoom-in-bottom-enter,
  9970. .el-zoom-in-bottom-leave-active {
  9971. opacity: 0;
  9972. -webkit-transform: scaleY(0);
  9973. transform: scaleY(0);
  9974. }
  9975. .el-zoom-in-left-enter-active,
  9976. .el-zoom-in-left-leave-active {
  9977. opacity: 1;
  9978. -webkit-transform: scale(1, 1);
  9979. transform: scale(1, 1);
  9980. -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9981. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9982. transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9983. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9984. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9985. opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9986. transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9987. opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
  9988. -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  9989. -webkit-transform-origin: top left;
  9990. transform-origin: top left;
  9991. }
  9992. .el-zoom-in-left-enter,
  9993. .el-zoom-in-left-leave-active {
  9994. opacity: 0;
  9995. -webkit-transform: scale(0.45, 0.45);
  9996. transform: scale(0.45, 0.45);
  9997. }
  9998. .collapse-transition {
  9999. -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out,
  10000. 0.3s padding-bottom ease-in-out;
  10001. transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out,
  10002. 0.3s padding-bottom ease-in-out;
  10003. }
  10004. .horizontal-collapse-transition {
  10005. -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out,
  10006. 0.3s padding-right ease-in-out;
  10007. transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out,
  10008. 0.3s padding-right ease-in-out;
  10009. }
  10010. .el-list-enter-active,
  10011. .el-list-leave-active {
  10012. -webkit-transition: all 1s;
  10013. transition: all 1s;
  10014. }
  10015. .el-list-enter,
  10016. .el-list-leave-active {
  10017. opacity: 0;
  10018. -webkit-transform: translateY(-30px);
  10019. transform: translateY(-30px);
  10020. }
  10021. .el-opacity-transition {
  10022. -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  10023. transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  10024. }
  10025. [data-theme="kr-designer"] .el-collapse {
  10026. border-top: 1px solid #ebeef5;
  10027. border-bottom: 1px solid #ebeef5;
  10028. }
  10029. [data-theme="kr-designer"]
  10030. .el-collapse-item.is-disabled
  10031. .el-collapse-item__header {
  10032. color: #bbb;
  10033. cursor: not-allowed;
  10034. }
  10035. .el-collapse-item__header {
  10036. display: -webkit-box;
  10037. display: -ms-flexbox;
  10038. display: flex;
  10039. -webkit-box-align: center;
  10040. -ms-flex-align: center;
  10041. align-items: center;
  10042. height: 48px;
  10043. line-height: 48px;
  10044. background-color: #fff;
  10045. color: #303133;
  10046. cursor: pointer;
  10047. border-bottom: 1px solid #ebeef5;
  10048. font-size: 13px;
  10049. font-weight: 500;
  10050. -webkit-transition: border-bottom-color 0.3s;
  10051. transition: border-bottom-color 0.3s;
  10052. outline: 0;
  10053. }
  10054. .el-collapse-item__arrow {
  10055. margin: 0 8px 0 auto;
  10056. -webkit-transition: -webkit-transform 0.3s;
  10057. transition: -webkit-transform 0.3s;
  10058. transition: transform 0.3s;
  10059. transition: transform 0.3s, -webkit-transform 0.3s;
  10060. font-weight: 300;
  10061. }
  10062. .el-collapse-item__arrow.is-active {
  10063. -webkit-transform: rotate(90deg);
  10064. transform: rotate(90deg);
  10065. }
  10066. .el-collapse-item__header.focusing:focus:not(:hover) {
  10067. color: #409eff;
  10068. }
  10069. .el-collapse-item__header.is-active {
  10070. border-bottom-color: transparent;
  10071. }
  10072. .el-collapse-item__wrap {
  10073. will-change: height;
  10074. background-color: #fff;
  10075. overflow: hidden;
  10076. -webkit-box-sizing: border-box;
  10077. box-sizing: border-box;
  10078. border-bottom: 1px solid #ebeef5;
  10079. }
  10080. .el-collapse-item__content {
  10081. padding-bottom: 25px;
  10082. font-size: 13px;
  10083. color: #303133;
  10084. line-height: 1.769230769230769;
  10085. }
  10086. [data-theme="kr-designer"] .el-collapse-item:last-child {
  10087. margin-bottom: -1px;
  10088. }
  10089. [data-theme="kr-designer"] .el-popper .popper__arrow,
  10090. [data-theme="kr-designer"] .el-popper .popper__arrow::after {
  10091. position: absolute;
  10092. display: block;
  10093. width: 0;
  10094. height: 0;
  10095. border-color: transparent;
  10096. border-style: solid;
  10097. }
  10098. [data-theme="kr-designer"] .el-popper .popper__arrow {
  10099. border-width: 6px;
  10100. -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  10101. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  10102. }
  10103. [data-theme="kr-designer"] .el-popper .popper__arrow::after {
  10104. content: " ";
  10105. border-width: 6px;
  10106. }
  10107. [data-theme="kr-designer"] .el-popper[x-placement^="top"] {
  10108. margin-bottom: 12px;
  10109. }
  10110. [data-theme="kr-designer"] .el-popper[x-placement^="top"] .popper__arrow {
  10111. bottom: -6px;
  10112. left: 50%;
  10113. margin-right: 3px;
  10114. border-top-color: #ebeef5;
  10115. border-bottom-width: 0;
  10116. }
  10117. [data-theme="kr-designer"]
  10118. .el-popper[x-placement^="top"]
  10119. .popper__arrow::after {
  10120. bottom: 1px;
  10121. margin-left: -6px;
  10122. border-top-color: #fff;
  10123. border-bottom-width: 0;
  10124. }
  10125. [data-theme="kr-designer"] .el-popper[x-placement^="bottom"] {
  10126. margin-top: 12px;
  10127. }
  10128. [data-theme="kr-designer"] .el-popper[x-placement^="bottom"] .popper__arrow {
  10129. top: -6px;
  10130. left: 50%;
  10131. margin-right: 3px;
  10132. border-top-width: 0;
  10133. border-bottom-color: #ebeef5;
  10134. }
  10135. [data-theme="kr-designer"]
  10136. .el-popper[x-placement^="bottom"]
  10137. .popper__arrow::after {
  10138. top: 1px;
  10139. margin-left: -6px;
  10140. border-top-width: 0;
  10141. border-bottom-color: #fff;
  10142. }
  10143. [data-theme="kr-designer"] .el-popper[x-placement^="right"] {
  10144. margin-left: 12px;
  10145. }
  10146. [data-theme="kr-designer"] .el-popper[x-placement^="right"] .popper__arrow {
  10147. top: 50%;
  10148. left: -6px;
  10149. margin-bottom: 3px;
  10150. border-right-color: #ebeef5;
  10151. border-left-width: 0;
  10152. }
  10153. [data-theme="kr-designer"]
  10154. .el-popper[x-placement^="right"]
  10155. .popper__arrow::after {
  10156. bottom: -6px;
  10157. left: 1px;
  10158. border-right-color: #fff;
  10159. border-left-width: 0;
  10160. }
  10161. [data-theme="kr-designer"] .el-popper[x-placement^="left"] {
  10162. margin-right: 12px;
  10163. }
  10164. [data-theme="kr-designer"] .el-popper[x-placement^="left"] .popper__arrow {
  10165. top: 50%;
  10166. right: -6px;
  10167. margin-bottom: 3px;
  10168. border-right-width: 0;
  10169. border-left-color: #ebeef5;
  10170. }
  10171. [data-theme="kr-designer"]
  10172. .el-popper[x-placement^="left"]
  10173. .popper__arrow::after {
  10174. right: 1px;
  10175. bottom: -6px;
  10176. margin-left: -6px;
  10177. border-right-width: 0;
  10178. border-left-color: #fff;
  10179. }
  10180. [data-theme="kr-designer"] .el-tag {
  10181. background-color: #ecf5ff;
  10182. border-color: #d9ecff;
  10183. display: inline-block;
  10184. height: 32px;
  10185. padding: 0 10px;
  10186. line-height: 30px;
  10187. font-size: 12px;
  10188. color: #409eff;
  10189. border-width: 1px;
  10190. border-style: solid;
  10191. border-radius: 4px;
  10192. -webkit-box-sizing: border-box;
  10193. box-sizing: border-box;
  10194. white-space: nowrap;
  10195. }
  10196. [data-theme="kr-designer"] .el-tag.is-hit {
  10197. border-color: #409eff;
  10198. }
  10199. [data-theme="kr-designer"] .el-tag .el-tag__close {
  10200. color: #409eff;
  10201. }
  10202. [data-theme="kr-designer"] .el-tag .el-tag__close:hover {
  10203. color: #fff;
  10204. background-color: #409eff;
  10205. }
  10206. [data-theme="kr-designer"] .el-tag.el-tag--info {
  10207. background-color: #f4f4f5;
  10208. border-color: #e9e9eb;
  10209. color: #909399;
  10210. }
  10211. [data-theme="kr-designer"] .el-tag.el-tag--info.is-hit {
  10212. border-color: #909399;
  10213. }
  10214. [data-theme="kr-designer"] .el-tag.el-tag--info .el-tag__close {
  10215. color: #909399;
  10216. }
  10217. [data-theme="kr-designer"] .el-tag.el-tag--info .el-tag__close:hover {
  10218. color: #fff;
  10219. background-color: #909399;
  10220. }
  10221. [data-theme="kr-designer"] .el-tag.el-tag--success {
  10222. background-color: #f0f9eb;
  10223. border-color: #e1f3d8;
  10224. color: #67c23a;
  10225. }
  10226. [data-theme="kr-designer"] .el-tag.el-tag--success.is-hit {
  10227. border-color: #67c23a;
  10228. }
  10229. [data-theme="kr-designer"] .el-tag.el-tag--success .el-tag__close {
  10230. color: #67c23a;
  10231. }
  10232. [data-theme="kr-designer"] .el-tag.el-tag--success .el-tag__close:hover {
  10233. color: #fff;
  10234. background-color: #67c23a;
  10235. }
  10236. [data-theme="kr-designer"] .el-tag.el-tag--warning {
  10237. background-color: #fdf6ec;
  10238. border-color: #faecd8;
  10239. color: #e6a23c;
  10240. }
  10241. [data-theme="kr-designer"] .el-tag.el-tag--warning.is-hit {
  10242. border-color: #e6a23c;
  10243. }
  10244. [data-theme="kr-designer"] .el-tag.el-tag--warning .el-tag__close {
  10245. color: #e6a23c;
  10246. }
  10247. [data-theme="kr-designer"] .el-tag.el-tag--warning .el-tag__close:hover {
  10248. color: #fff;
  10249. background-color: #e6a23c;
  10250. }
  10251. [data-theme="kr-designer"] .el-tag.el-tag--danger {
  10252. background-color: #fef0f0;
  10253. border-color: #fde2e2;
  10254. color: #f56c6c;
  10255. }
  10256. [data-theme="kr-designer"] .el-tag.el-tag--danger.is-hit {
  10257. border-color: #f56c6c;
  10258. }
  10259. [data-theme="kr-designer"] .el-tag.el-tag--danger .el-tag__close {
  10260. color: #f56c6c;
  10261. }
  10262. [data-theme="kr-designer"] .el-tag.el-tag--danger .el-tag__close:hover {
  10263. color: #fff;
  10264. background-color: #f56c6c;
  10265. }
  10266. [data-theme="kr-designer"] .el-tag .el-icon-close {
  10267. border-radius: 50%;
  10268. text-align: center;
  10269. position: relative;
  10270. cursor: pointer;
  10271. font-size: 12px;
  10272. height: 16px;
  10273. width: 16px;
  10274. line-height: 16px;
  10275. vertical-align: middle;
  10276. top: -1px;
  10277. right: -5px;
  10278. }
  10279. [data-theme="kr-designer"] .el-tag .el-icon-close::before {
  10280. display: block;
  10281. }
  10282. [data-theme="kr-designer"] .el-tag--dark {
  10283. background-color: #409eff;
  10284. border-color: #409eff;
  10285. color: #fff;
  10286. }
  10287. [data-theme="kr-designer"] .el-tag--dark.is-hit {
  10288. border-color: #409eff;
  10289. }
  10290. [data-theme="kr-designer"] .el-tag--dark .el-tag__close {
  10291. color: #fff;
  10292. }
  10293. [data-theme="kr-designer"] .el-tag--dark .el-tag__close:hover {
  10294. color: #fff;
  10295. background-color: #66b1ff;
  10296. }
  10297. [data-theme="kr-designer"] .el-tag--dark.el-tag--info {
  10298. background-color: #909399;
  10299. border-color: #909399;
  10300. color: #fff;
  10301. }
  10302. [data-theme="kr-designer"] .el-tag--dark.el-tag--info.is-hit {
  10303. border-color: #909399;
  10304. }
  10305. [data-theme="kr-designer"] .el-tag--dark.el-tag--info .el-tag__close {
  10306. color: #fff;
  10307. }
  10308. [data-theme="kr-designer"] .el-tag--dark.el-tag--info .el-tag__close:hover {
  10309. color: #fff;
  10310. background-color: #a6a9ad;
  10311. }
  10312. [data-theme="kr-designer"] .el-tag--dark.el-tag--success {
  10313. background-color: #67c23a;
  10314. border-color: #67c23a;
  10315. color: #fff;
  10316. }
  10317. [data-theme="kr-designer"] .el-tag--dark.el-tag--success.is-hit {
  10318. border-color: #67c23a;
  10319. }
  10320. [data-theme="kr-designer"] .el-tag--dark.el-tag--success .el-tag__close {
  10321. color: #fff;
  10322. }
  10323. [data-theme="kr-designer"] .el-tag--dark.el-tag--success .el-tag__close:hover {
  10324. color: #fff;
  10325. background-color: #85ce61;
  10326. }
  10327. [data-theme="kr-designer"] .el-tag--dark.el-tag--warning {
  10328. background-color: #e6a23c;
  10329. border-color: #e6a23c;
  10330. color: #fff;
  10331. }
  10332. [data-theme="kr-designer"] .el-tag--dark.el-tag--warning.is-hit {
  10333. border-color: #e6a23c;
  10334. }
  10335. [data-theme="kr-designer"] .el-tag--dark.el-tag--warning .el-tag__close {
  10336. color: #fff;
  10337. }
  10338. [data-theme="kr-designer"] .el-tag--dark.el-tag--warning .el-tag__close:hover {
  10339. color: #fff;
  10340. background-color: #ebb563;
  10341. }
  10342. [data-theme="kr-designer"] .el-tag--dark.el-tag--danger {
  10343. background-color: #f56c6c;
  10344. border-color: #f56c6c;
  10345. color: #fff;
  10346. }
  10347. [data-theme="kr-designer"] .el-tag--dark.el-tag--danger.is-hit {
  10348. border-color: #f56c6c;
  10349. }
  10350. [data-theme="kr-designer"] .el-tag--dark.el-tag--danger .el-tag__close {
  10351. color: #fff;
  10352. }
  10353. [data-theme="kr-designer"] .el-tag--dark.el-tag--danger .el-tag__close:hover {
  10354. color: #fff;
  10355. background-color: #f78989;
  10356. }
  10357. [data-theme="kr-designer"] .el-tag--plain {
  10358. background-color: #fff;
  10359. border-color: #b3d8ff;
  10360. color: #409eff;
  10361. }
  10362. [data-theme="kr-designer"] .el-tag--plain.is-hit {
  10363. border-color: #409eff;
  10364. }
  10365. [data-theme="kr-designer"] .el-tag--plain .el-tag__close {
  10366. color: #409eff;
  10367. }
  10368. [data-theme="kr-designer"] .el-tag--plain .el-tag__close:hover {
  10369. color: #fff;
  10370. background-color: #409eff;
  10371. }
  10372. [data-theme="kr-designer"] .el-tag--plain.el-tag--info {
  10373. background-color: #fff;
  10374. border-color: #d3d4d6;
  10375. color: #909399;
  10376. }
  10377. [data-theme="kr-designer"] .el-tag--plain.el-tag--info.is-hit {
  10378. border-color: #909399;
  10379. }
  10380. [data-theme="kr-designer"] .el-tag--plain.el-tag--info .el-tag__close {
  10381. color: #909399;
  10382. }
  10383. [data-theme="kr-designer"] .el-tag--plain.el-tag--info .el-tag__close:hover {
  10384. color: #fff;
  10385. background-color: #909399;
  10386. }
  10387. [data-theme="kr-designer"] .el-tag--plain.el-tag--success {
  10388. background-color: #fff;
  10389. border-color: #c2e7b0;
  10390. color: #67c23a;
  10391. }
  10392. [data-theme="kr-designer"] .el-tag--plain.el-tag--success.is-hit {
  10393. border-color: #67c23a;
  10394. }
  10395. [data-theme="kr-designer"] .el-tag--plain.el-tag--success .el-tag__close {
  10396. color: #67c23a;
  10397. }
  10398. [data-theme="kr-designer"] .el-tag--plain.el-tag--success .el-tag__close:hover {
  10399. color: #fff;
  10400. background-color: #67c23a;
  10401. }
  10402. [data-theme="kr-designer"] .el-tag--plain.el-tag--warning {
  10403. background-color: #fff;
  10404. border-color: #f5dab1;
  10405. color: #e6a23c;
  10406. }
  10407. [data-theme="kr-designer"] .el-tag--plain.el-tag--warning.is-hit {
  10408. border-color: #e6a23c;
  10409. }
  10410. [data-theme="kr-designer"] .el-tag--plain.el-tag--warning .el-tag__close {
  10411. color: #e6a23c;
  10412. }
  10413. [data-theme="kr-designer"] .el-tag--plain.el-tag--warning .el-tag__close:hover {
  10414. color: #fff;
  10415. background-color: #e6a23c;
  10416. }
  10417. [data-theme="kr-designer"] .el-tag--plain.el-tag--danger {
  10418. background-color: #fff;
  10419. border-color: #fbc4c4;
  10420. color: #f56c6c;
  10421. }
  10422. [data-theme="kr-designer"] .el-tag--plain.el-tag--danger.is-hit {
  10423. border-color: #f56c6c;
  10424. }
  10425. [data-theme="kr-designer"] .el-tag--plain.el-tag--danger .el-tag__close {
  10426. color: #f56c6c;
  10427. }
  10428. [data-theme="kr-designer"] .el-tag--plain.el-tag--danger .el-tag__close:hover {
  10429. color: #fff;
  10430. background-color: #f56c6c;
  10431. }
  10432. [data-theme="kr-designer"] .el-tag--medium {
  10433. height: 28px;
  10434. line-height: 26px;
  10435. }
  10436. [data-theme="kr-designer"] .el-tag--medium .el-icon-close {
  10437. -webkit-transform: scale(0.8);
  10438. transform: scale(0.8);
  10439. }
  10440. [data-theme="kr-designer"] .el-tag--small {
  10441. height: 24px;
  10442. padding: 0 8px;
  10443. line-height: 22px;
  10444. }
  10445. [data-theme="kr-designer"] .el-tag--small .el-icon-close {
  10446. -webkit-transform: scale(0.8);
  10447. transform: scale(0.8);
  10448. }
  10449. [data-theme="kr-designer"] .el-tag--mini {
  10450. height: 20px;
  10451. padding: 0 5px;
  10452. line-height: 19px;
  10453. }
  10454. [data-theme="kr-designer"] .el-tag--mini .el-icon-close {
  10455. margin-left: -3px;
  10456. -webkit-transform: scale(0.7);
  10457. transform: scale(0.7);
  10458. }
  10459. [data-theme="kr-designer"] .el-cascader {
  10460. display: inline-block;
  10461. position: relative;
  10462. font-size: 14px;
  10463. line-height: 40px;
  10464. }
  10465. [data-theme="kr-designer"]
  10466. .el-cascader:not(.is-disabled):hover
  10467. .el-input__inner {
  10468. cursor: pointer;
  10469. border-color: #c0c4cc;
  10470. }
  10471. [data-theme="kr-designer"] .el-cascader .el-input .el-input__inner:focus,
  10472. [data-theme="kr-designer"] .el-cascader .el-input.is-focus .el-input__inner {
  10473. border-color: #409eff;
  10474. }
  10475. [data-theme="kr-designer"] .el-cascader .el-input {
  10476. cursor: pointer;
  10477. }
  10478. [data-theme="kr-designer"] .el-cascader .el-input .el-input__inner {
  10479. text-overflow: ellipsis;
  10480. }
  10481. [data-theme="kr-designer"] .el-cascader .el-input .el-icon-arrow-down {
  10482. -webkit-transition: -webkit-transform 0.3s;
  10483. transition: -webkit-transform 0.3s;
  10484. transition: transform 0.3s;
  10485. transition: transform 0.3s, -webkit-transform 0.3s;
  10486. font-size: 14px;
  10487. }
  10488. [data-theme="kr-designer"]
  10489. .el-cascader
  10490. .el-input
  10491. .el-icon-arrow-down.is-reverse {
  10492. -webkit-transform: rotateZ(180deg);
  10493. transform: rotateZ(180deg);
  10494. }
  10495. [data-theme="kr-designer"] .el-cascader .el-input .el-icon-circle-close:hover {
  10496. color: #909399;
  10497. }
  10498. [data-theme="kr-designer"] .el-cascader--medium {
  10499. font-size: 14px;
  10500. line-height: 36px;
  10501. }
  10502. [data-theme="kr-designer"] .el-cascader--small {
  10503. font-size: 13px;
  10504. line-height: 32px;
  10505. }
  10506. [data-theme="kr-designer"] .el-cascader--mini {
  10507. font-size: 12px;
  10508. line-height: 28px;
  10509. }
  10510. [data-theme="kr-designer"] .el-cascader.is-disabled .el-cascader__label {
  10511. z-index: 2;
  10512. color: #c0c4cc;
  10513. }
  10514. .el-cascader__dropdown {
  10515. margin: 5px 0;
  10516. font-size: 14px;
  10517. background: #fff;
  10518. border: 1px solid #e4e7ed;
  10519. border-radius: 4px;
  10520. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  10521. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  10522. }
  10523. .el-cascader__tags {
  10524. position: absolute;
  10525. left: 0;
  10526. right: 30px;
  10527. top: 50%;
  10528. -webkit-transform: translateY(-50%);
  10529. transform: translateY(-50%);
  10530. display: -webkit-box;
  10531. display: -ms-flexbox;
  10532. display: flex;
  10533. -ms-flex-wrap: wrap;
  10534. flex-wrap: wrap;
  10535. line-height: normal;
  10536. text-align: left;
  10537. -webkit-box-sizing: border-box;
  10538. box-sizing: border-box;
  10539. }
  10540. .el-cascader__tags .el-tag {
  10541. display: -webkit-inline-box;
  10542. display: -ms-inline-flexbox;
  10543. display: inline-flex;
  10544. -webkit-box-align: center;
  10545. -ms-flex-align: center;
  10546. align-items: center;
  10547. max-width: 100%;
  10548. margin: 2px 0 2px 6px;
  10549. text-overflow: ellipsis;
  10550. background: #f0f2f5;
  10551. }
  10552. .el-cascader__tags .el-tag:not(.is-hit) {
  10553. border-color: transparent;
  10554. }
  10555. .el-cascader__tags .el-tag > span {
  10556. -webkit-box-flex: 1;
  10557. -ms-flex: 1;
  10558. flex: 1;
  10559. overflow: hidden;
  10560. text-overflow: ellipsis;
  10561. }
  10562. .el-cascader__tags .el-tag .el-icon-close {
  10563. -webkit-box-flex: 0;
  10564. -ms-flex: none;
  10565. flex: none;
  10566. background-color: #c0c4cc;
  10567. color: #fff;
  10568. }
  10569. .el-cascader__tags .el-tag .el-icon-close:hover {
  10570. background-color: #909399;
  10571. }
  10572. .el-cascader__suggestion-panel {
  10573. border-radius: 4px;
  10574. }
  10575. .el-cascader__suggestion-list {
  10576. max-height: 204px;
  10577. margin: 0;
  10578. padding: 6px 0;
  10579. font-size: 14px;
  10580. color: #606266;
  10581. text-align: center;
  10582. }
  10583. .el-cascader__suggestion-item {
  10584. display: -webkit-box;
  10585. display: -ms-flexbox;
  10586. display: flex;
  10587. -webkit-box-pack: justify;
  10588. -ms-flex-pack: justify;
  10589. justify-content: space-between;
  10590. -webkit-box-align: center;
  10591. -ms-flex-align: center;
  10592. align-items: center;
  10593. height: 34px;
  10594. padding: 0 15px;
  10595. text-align: left;
  10596. outline: 0;
  10597. cursor: pointer;
  10598. }
  10599. .el-cascader__suggestion-item:focus,
  10600. .el-cascader__suggestion-item:hover {
  10601. background: #f5f7fa;
  10602. }
  10603. .el-cascader__suggestion-item.is-checked {
  10604. color: #409eff;
  10605. font-weight: 700;
  10606. }
  10607. .el-cascader__suggestion-item > span {
  10608. margin-right: 10px;
  10609. }
  10610. .el-cascader__empty-text {
  10611. margin: 10px 0;
  10612. color: #c0c4cc;
  10613. }
  10614. .el-cascader__search-input {
  10615. -webkit-box-flex: 1;
  10616. -ms-flex: 1;
  10617. flex: 1;
  10618. height: 24px;
  10619. min-width: 60px;
  10620. margin: 2px 0 2px 15px;
  10621. padding: 0;
  10622. color: #606266;
  10623. border: none;
  10624. outline: 0;
  10625. -webkit-box-sizing: border-box;
  10626. box-sizing: border-box;
  10627. }
  10628. .el-cascader__search-input::-webkit-input-placeholder {
  10629. color: #c0c4cc;
  10630. }
  10631. .el-cascader__search-input::-moz-placeholder {
  10632. color: #c0c4cc;
  10633. }
  10634. .el-cascader__search-input:-ms-input-placeholder {
  10635. color: #c0c4cc;
  10636. }
  10637. .el-cascader__search-input::-ms-input-placeholder {
  10638. color: #c0c4cc;
  10639. }
  10640. .el-cascader__search-input::placeholder {
  10641. color: #c0c4cc;
  10642. }
  10643. [data-theme="kr-designer"] .el-color-predefine {
  10644. display: -webkit-box;
  10645. display: -ms-flexbox;
  10646. display: flex;
  10647. font-size: 12px;
  10648. margin-top: 8px;
  10649. width: 280px;
  10650. }
  10651. .el-color-predefine__colors {
  10652. display: -webkit-box;
  10653. display: -ms-flexbox;
  10654. display: flex;
  10655. -webkit-box-flex: 1;
  10656. -ms-flex: 1;
  10657. flex: 1;
  10658. -ms-flex-wrap: wrap;
  10659. flex-wrap: wrap;
  10660. }
  10661. .el-color-predefine__color-selector {
  10662. margin: 0 0 8px 8px;
  10663. width: 20px;
  10664. height: 20px;
  10665. border-radius: 4px;
  10666. cursor: pointer;
  10667. }
  10668. .el-color-predefine__color-selector:nth-child(10n + 1) {
  10669. margin-left: 0;
  10670. }
  10671. .el-color-predefine__color-selector.selected {
  10672. -webkit-box-shadow: 0 0 3px 2px #409eff;
  10673. box-shadow: 0 0 3px 2px #409eff;
  10674. }
  10675. .el-color-predefine__color-selector > div {
  10676. display: -webkit-box;
  10677. display: -ms-flexbox;
  10678. display: flex;
  10679. height: 100%;
  10680. border-radius: 3px;
  10681. }
  10682. .el-color-predefine__color-selector.is-alpha {
  10683. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  10684. }
  10685. [data-theme="kr-designer"] .el-color-hue-slider {
  10686. position: relative;
  10687. -webkit-box-sizing: border-box;
  10688. box-sizing: border-box;
  10689. width: 280px;
  10690. height: 12px;
  10691. background-color: red;
  10692. padding: 0 2px;
  10693. }
  10694. .el-color-hue-slider__bar {
  10695. position: relative;
  10696. background: -webkit-gradient(
  10697. linear,
  10698. left top,
  10699. right top,
  10700. from(red),
  10701. color-stop(17%, #ff0),
  10702. color-stop(33%, #0f0),
  10703. color-stop(50%, #0ff),
  10704. color-stop(67%, #00f),
  10705. color-stop(83%, #f0f),
  10706. to(red)
  10707. );
  10708. background: linear-gradient(
  10709. to right,
  10710. red 0,
  10711. #ff0 17%,
  10712. #0f0 33%,
  10713. #0ff 50%,
  10714. #00f 67%,
  10715. #f0f 83%,
  10716. red 100%
  10717. );
  10718. height: 100%;
  10719. }
  10720. .el-color-hue-slider__thumb {
  10721. position: absolute;
  10722. cursor: pointer;
  10723. -webkit-box-sizing: border-box;
  10724. box-sizing: border-box;
  10725. left: 0;
  10726. top: 0;
  10727. width: 4px;
  10728. height: 100%;
  10729. border-radius: 1px;
  10730. background: #fff;
  10731. border: 1px solid #f0f0f0;
  10732. -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  10733. box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  10734. z-index: 1;
  10735. }
  10736. [data-theme="kr-designer"] .el-color-hue-slider.is-vertical {
  10737. width: 12px;
  10738. height: 180px;
  10739. padding: 2px 0;
  10740. }
  10741. [data-theme="kr-designer"]
  10742. .el-color-hue-slider.is-vertical
  10743. .el-color-hue-slider__bar {
  10744. background: -webkit-gradient(
  10745. linear,
  10746. left top,
  10747. left bottom,
  10748. from(red),
  10749. color-stop(17%, #ff0),
  10750. color-stop(33%, #0f0),
  10751. color-stop(50%, #0ff),
  10752. color-stop(67%, #00f),
  10753. color-stop(83%, #f0f),
  10754. to(red)
  10755. );
  10756. background: linear-gradient(
  10757. to bottom,
  10758. red 0,
  10759. #ff0 17%,
  10760. #0f0 33%,
  10761. #0ff 50%,
  10762. #00f 67%,
  10763. #f0f 83%,
  10764. red 100%
  10765. );
  10766. }
  10767. [data-theme="kr-designer"]
  10768. .el-color-hue-slider.is-vertical
  10769. .el-color-hue-slider__thumb {
  10770. left: 0;
  10771. top: 0;
  10772. width: 100%;
  10773. height: 4px;
  10774. }
  10775. [data-theme="kr-designer"] .el-color-svpanel {
  10776. position: relative;
  10777. width: 280px;
  10778. height: 180px;
  10779. }
  10780. .el-color-svpanel__black,
  10781. .el-color-svpanel__white {
  10782. position: absolute;
  10783. top: 0;
  10784. left: 0;
  10785. right: 0;
  10786. bottom: 0;
  10787. }
  10788. .el-color-svpanel__white {
  10789. background: -webkit-gradient(
  10790. linear,
  10791. left top,
  10792. right top,
  10793. from(#fff),
  10794. to(rgba(255, 255, 255, 0))
  10795. );
  10796. background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  10797. }
  10798. .el-color-svpanel__black {
  10799. background: -webkit-gradient(
  10800. linear,
  10801. left bottom,
  10802. left top,
  10803. from(#000),
  10804. to(rgba(0, 0, 0, 0))
  10805. );
  10806. background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  10807. }
  10808. .el-color-svpanel__cursor {
  10809. position: absolute;
  10810. }
  10811. .el-color-svpanel__cursor > div {
  10812. cursor: head;
  10813. width: 4px;
  10814. height: 4px;
  10815. -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3),
  10816. 0 0 1px 2px rgba(0, 0, 0, 0.4);
  10817. box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3),
  10818. 0 0 1px 2px rgba(0, 0, 0, 0.4);
  10819. border-radius: 50%;
  10820. -webkit-transform: translate(-2px, -2px);
  10821. transform: translate(-2px, -2px);
  10822. }
  10823. [data-theme="kr-designer"] .el-color-alpha-slider {
  10824. position: relative;
  10825. -webkit-box-sizing: border-box;
  10826. box-sizing: border-box;
  10827. width: 280px;
  10828. height: 12px;
  10829. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  10830. }
  10831. .el-color-alpha-slider__bar {
  10832. position: relative;
  10833. background: -webkit-gradient(
  10834. linear,
  10835. left top,
  10836. right top,
  10837. from(rgba(255, 255, 255, 0)),
  10838. to(white)
  10839. );
  10840. background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
  10841. height: 100%;
  10842. }
  10843. .el-color-alpha-slider__thumb {
  10844. position: absolute;
  10845. cursor: pointer;
  10846. -webkit-box-sizing: border-box;
  10847. box-sizing: border-box;
  10848. left: 0;
  10849. top: 0;
  10850. width: 4px;
  10851. height: 100%;
  10852. border-radius: 1px;
  10853. background: #fff;
  10854. border: 1px solid #f0f0f0;
  10855. -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  10856. box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  10857. z-index: 1;
  10858. }
  10859. [data-theme="kr-designer"] .el-color-alpha-slider.is-vertical {
  10860. width: 20px;
  10861. height: 180px;
  10862. }
  10863. [data-theme="kr-designer"]
  10864. .el-color-alpha-slider.is-vertical
  10865. .el-color-alpha-slider__bar {
  10866. background: -webkit-gradient(
  10867. linear,
  10868. left top,
  10869. left bottom,
  10870. from(rgba(255, 255, 255, 0)),
  10871. to(white)
  10872. );
  10873. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
  10874. }
  10875. [data-theme="kr-designer"]
  10876. .el-color-alpha-slider.is-vertical
  10877. .el-color-alpha-slider__thumb {
  10878. left: 0;
  10879. top: 0;
  10880. width: 100%;
  10881. height: 4px;
  10882. }
  10883. [data-theme="kr-designer"] .el-color-dropdown {
  10884. width: 300px;
  10885. }
  10886. .el-color-dropdown__main-wrapper {
  10887. margin-bottom: 6px;
  10888. }
  10889. .el-color-dropdown__main-wrapper::after {
  10890. content: "";
  10891. display: table;
  10892. clear: both;
  10893. }
  10894. .el-color-dropdown__btns {
  10895. margin-top: 6px;
  10896. text-align: right;
  10897. }
  10898. .el-color-dropdown__value {
  10899. float: left;
  10900. line-height: 26px;
  10901. font-size: 12px;
  10902. color: #000;
  10903. width: 160px;
  10904. }
  10905. .el-color-dropdown__btn {
  10906. border: 1px solid #dcdcdc;
  10907. color: #333;
  10908. line-height: 24px;
  10909. border-radius: 2px;
  10910. padding: 0 20px;
  10911. cursor: pointer;
  10912. background-color: transparent;
  10913. outline: 0;
  10914. font-size: 12px;
  10915. }
  10916. .el-color-dropdown__btn[disabled] {
  10917. color: #ccc;
  10918. cursor: not-allowed;
  10919. }
  10920. .el-color-dropdown__btn:hover {
  10921. color: #409eff;
  10922. border-color: #409eff;
  10923. }
  10924. .el-color-dropdown__link-btn {
  10925. cursor: pointer;
  10926. color: #409eff;
  10927. text-decoration: none;
  10928. padding: 15px;
  10929. font-size: 12px;
  10930. }
  10931. .el-color-dropdown__link-btn:hover {
  10932. color: tint(#409eff, 20%);
  10933. }
  10934. [data-theme="kr-designer"] .el-color-picker {
  10935. display: inline-block;
  10936. position: relative;
  10937. line-height: normal;
  10938. height: 40px;
  10939. }
  10940. [data-theme="kr-designer"]
  10941. .el-color-picker.is-disabled
  10942. .el-color-picker__trigger {
  10943. cursor: not-allowed;
  10944. }
  10945. [data-theme="kr-designer"] .el-color-picker--medium {
  10946. height: 36px;
  10947. }
  10948. [data-theme="kr-designer"] .el-color-picker--medium .el-color-picker__trigger {
  10949. height: 36px;
  10950. width: 36px;
  10951. }
  10952. [data-theme="kr-designer"] .el-color-picker--medium .el-color-picker__mask {
  10953. height: 34px;
  10954. width: 34px;
  10955. }
  10956. [data-theme="kr-designer"] .el-color-picker--small {
  10957. height: 32px;
  10958. }
  10959. [data-theme="kr-designer"] .el-color-picker--small .el-color-picker__trigger {
  10960. height: 32px;
  10961. width: 32px;
  10962. }
  10963. [data-theme="kr-designer"] .el-color-picker--small .el-color-picker__mask {
  10964. height: 30px;
  10965. width: 30px;
  10966. }
  10967. [data-theme="kr-designer"] .el-color-picker--small .el-color-picker__empty,
  10968. [data-theme="kr-designer"] .el-color-picker--small .el-color-picker__icon {
  10969. -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
  10970. transform: translate3d(-50%, -50%, 0) scale(0.8);
  10971. }
  10972. [data-theme="kr-designer"] .el-color-picker--mini {
  10973. height: 28px;
  10974. }
  10975. [data-theme="kr-designer"] .el-color-picker--mini .el-color-picker__trigger {
  10976. height: 28px;
  10977. width: 28px;
  10978. }
  10979. [data-theme="kr-designer"] .el-color-picker--mini .el-color-picker__mask {
  10980. height: 26px;
  10981. width: 26px;
  10982. }
  10983. [data-theme="kr-designer"] .el-color-picker--mini .el-color-picker__empty,
  10984. [data-theme="kr-designer"] .el-color-picker--mini .el-color-picker__icon {
  10985. -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
  10986. transform: translate3d(-50%, -50%, 0) scale(0.8);
  10987. }
  10988. .el-color-picker__mask {
  10989. height: 38px;
  10990. width: 38px;
  10991. border-radius: 4px;
  10992. position: absolute;
  10993. top: 1px;
  10994. left: 1px;
  10995. z-index: 1;
  10996. cursor: not-allowed;
  10997. background-color: rgba(255, 255, 255, 0.7);
  10998. }
  10999. .el-color-picker__trigger {
  11000. display: inline-block;
  11001. -webkit-box-sizing: border-box;
  11002. box-sizing: border-box;
  11003. height: 40px;
  11004. width: 40px;
  11005. padding: 4px;
  11006. border: 1px solid #e6e6e6;
  11007. border-radius: 4px;
  11008. font-size: 0;
  11009. position: relative;
  11010. cursor: pointer;
  11011. }
  11012. .el-color-picker__color {
  11013. position: relative;
  11014. display: block;
  11015. -webkit-box-sizing: border-box;
  11016. box-sizing: border-box;
  11017. border: 1px solid #999;
  11018. border-radius: 2px;
  11019. width: 100%;
  11020. height: 100%;
  11021. text-align: center;
  11022. }
  11023. .el-color-picker__color.is-alpha {
  11024. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  11025. }
  11026. .el-color-picker__color-inner {
  11027. position: absolute;
  11028. left: 0;
  11029. top: 0;
  11030. right: 0;
  11031. bottom: 0;
  11032. }
  11033. .el-color-picker__empty,
  11034. .el-color-picker__icon {
  11035. left: 50%;
  11036. -webkit-transform: translate3d(-50%, -50%, 0);
  11037. font-size: 12px;
  11038. position: absolute;
  11039. }
  11040. .el-color-picker__empty {
  11041. color: #999;
  11042. top: 50%;
  11043. transform: translate3d(-50%, -50%, 0);
  11044. }
  11045. .el-color-picker__icon {
  11046. display: inline-block;
  11047. width: 100%;
  11048. top: 50%;
  11049. transform: translate3d(-50%, -50%, 0);
  11050. color: #fff;
  11051. text-align: center;
  11052. }
  11053. .el-color-picker__panel {
  11054. position: absolute;
  11055. z-index: 10;
  11056. padding: 6px;
  11057. -webkit-box-sizing: content-box;
  11058. box-sizing: content-box;
  11059. background-color: #fff;
  11060. border: 1px solid #ebeef5;
  11061. border-radius: 4px;
  11062. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  11063. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  11064. }
  11065. [data-theme="kr-designer"] .el-textarea {
  11066. position: relative;
  11067. display: inline-block;
  11068. width: 100%;
  11069. vertical-align: bottom;
  11070. font-size: 14px;
  11071. }
  11072. .el-textarea__inner {
  11073. display: block;
  11074. resize: vertical;
  11075. padding: 5px 15px;
  11076. line-height: 1.5;
  11077. -webkit-box-sizing: border-box;
  11078. box-sizing: border-box;
  11079. width: 100%;
  11080. color: #606266;
  11081. background-color: #fff;
  11082. background-image: none;
  11083. border: 1px solid #dcdfe6;
  11084. border-radius: 4px;
  11085. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  11086. }
  11087. .el-textarea__inner::-webkit-input-placeholder {
  11088. color: #c0c4cc;
  11089. }
  11090. .el-textarea__inner::-moz-placeholder {
  11091. color: #c0c4cc;
  11092. }
  11093. .el-textarea__inner:-ms-input-placeholder {
  11094. color: #c0c4cc;
  11095. }
  11096. .el-textarea__inner::-ms-input-placeholder {
  11097. color: #c0c4cc;
  11098. }
  11099. .el-textarea__inner::placeholder {
  11100. color: #c0c4cc;
  11101. }
  11102. .el-textarea__inner:hover {
  11103. border-color: #c0c4cc;
  11104. }
  11105. .el-textarea__inner:focus {
  11106. outline: 0;
  11107. border-color: #409eff;
  11108. }
  11109. [data-theme="kr-designer"] .el-textarea .el-input__count {
  11110. color: #909399;
  11111. background: #fff;
  11112. position: absolute;
  11113. font-size: 12px;
  11114. bottom: 5px;
  11115. right: 10px;
  11116. }
  11117. [data-theme="kr-designer"] .el-textarea.is-disabled .el-textarea__inner {
  11118. background-color: #f5f7fa;
  11119. border-color: #e4e7ed;
  11120. color: #c0c4cc;
  11121. cursor: not-allowed;
  11122. }
  11123. [data-theme="kr-designer"]
  11124. .el-textarea.is-disabled
  11125. .el-textarea__inner::-webkit-input-placeholder {
  11126. color: #c0c4cc;
  11127. }
  11128. [data-theme="kr-designer"]
  11129. .el-textarea.is-disabled
  11130. .el-textarea__inner::-moz-placeholder {
  11131. color: #c0c4cc;
  11132. }
  11133. [data-theme="kr-designer"]
  11134. .el-textarea.is-disabled
  11135. .el-textarea__inner:-ms-input-placeholder {
  11136. color: #c0c4cc;
  11137. }
  11138. [data-theme="kr-designer"]
  11139. .el-textarea.is-disabled
  11140. .el-textarea__inner::-ms-input-placeholder {
  11141. color: #c0c4cc;
  11142. }
  11143. [data-theme="kr-designer"]
  11144. .el-textarea.is-disabled
  11145. .el-textarea__inner::placeholder {
  11146. color: #c0c4cc;
  11147. }
  11148. [data-theme="kr-designer"] .el-textarea.is-exceed .el-textarea__inner {
  11149. border-color: #f56c6c;
  11150. }
  11151. [data-theme="kr-designer"] .el-textarea.is-exceed .el-input__count {
  11152. color: #f56c6c;
  11153. }
  11154. [data-theme="kr-designer"] .el-input {
  11155. position: relative;
  11156. font-size: 14px;
  11157. display: inline-block;
  11158. width: 100%;
  11159. }
  11160. [data-theme="kr-designer"] .el-input::-webkit-scrollbar {
  11161. z-index: 11;
  11162. width: 6px;
  11163. }
  11164. [data-theme="kr-designer"] .el-input::-webkit-scrollbar:horizontal {
  11165. height: 6px;
  11166. }
  11167. [data-theme="kr-designer"] .el-input::-webkit-scrollbar-thumb {
  11168. border-radius: 5px;
  11169. width: 6px;
  11170. background: #b4bccc;
  11171. }
  11172. [data-theme="kr-designer"] .el-input::-webkit-scrollbar-corner {
  11173. background: #fff;
  11174. }
  11175. [data-theme="kr-designer"] .el-input::-webkit-scrollbar-track {
  11176. background: #fff;
  11177. }
  11178. [data-theme="kr-designer"] .el-input::-webkit-scrollbar-track-piece {
  11179. background: #fff;
  11180. width: 6px;
  11181. }
  11182. [data-theme="kr-designer"] .el-input .el-input__clear {
  11183. color: #c0c4cc;
  11184. font-size: 14px;
  11185. cursor: pointer;
  11186. -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  11187. transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  11188. }
  11189. [data-theme="kr-designer"] .el-input .el-input__clear:hover {
  11190. color: #909399;
  11191. }
  11192. [data-theme="kr-designer"] .el-input .el-input__count {
  11193. height: 100%;
  11194. display: -webkit-inline-box;
  11195. display: -ms-inline-flexbox;
  11196. display: inline-flex;
  11197. -webkit-box-align: center;
  11198. -ms-flex-align: center;
  11199. align-items: center;
  11200. color: #909399;
  11201. font-size: 12px;
  11202. }
  11203. [data-theme="kr-designer"] .el-input .el-input__count .el-input__count-inner {
  11204. background: #fff;
  11205. line-height: initial;
  11206. display: inline-block;
  11207. padding: 0 5px;
  11208. }
  11209. .el-input__inner {
  11210. -webkit-appearance: none;
  11211. background-color: #fff;
  11212. background-image: none;
  11213. border-radius: 4px;
  11214. border: 1px solid #dcdfe6;
  11215. -webkit-box-sizing: border-box;
  11216. box-sizing: border-box;
  11217. color: #606266;
  11218. display: inline-block;
  11219. height: 40px;
  11220. line-height: 40px;
  11221. outline: 0;
  11222. padding: 0 15px;
  11223. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  11224. width: 100%;
  11225. }
  11226. .el-input__prefix,
  11227. .el-input__suffix {
  11228. top: 0;
  11229. -webkit-transition: all 0.3s;
  11230. height: 100%;
  11231. color: #c0c4cc;
  11232. position: absolute;
  11233. text-align: center;
  11234. }
  11235. .el-input__inner::-webkit-input-placeholder {
  11236. color: #c0c4cc;
  11237. }
  11238. .el-input__inner::-moz-placeholder {
  11239. color: #c0c4cc;
  11240. }
  11241. .el-input__inner:-ms-input-placeholder {
  11242. color: #c0c4cc;
  11243. }
  11244. .el-input__inner::-ms-input-placeholder {
  11245. color: #c0c4cc;
  11246. }
  11247. .el-input__inner::placeholder {
  11248. color: #c0c4cc;
  11249. }
  11250. .el-input__inner:hover {
  11251. border-color: #c0c4cc;
  11252. }
  11253. .el-input__inner:focus,
  11254. [data-theme="kr-designer"] .el-input.is-active .el-input__inner {
  11255. border-color: #409eff;
  11256. outline: 0;
  11257. }
  11258. .el-input__suffix {
  11259. right: 5px;
  11260. transition: all 0.3s;
  11261. pointer-events: none;
  11262. }
  11263. .el-input__suffix-inner {
  11264. pointer-events: all;
  11265. }
  11266. .el-input__prefix {
  11267. left: 5px;
  11268. transition: all 0.3s;
  11269. }
  11270. .el-input__icon {
  11271. height: 100%;
  11272. width: 25px;
  11273. text-align: center;
  11274. -webkit-transition: all 0.3s;
  11275. transition: all 0.3s;
  11276. line-height: 40px;
  11277. }
  11278. .el-input__icon:after {
  11279. content: "";
  11280. height: 100%;
  11281. width: 0;
  11282. display: inline-block;
  11283. vertical-align: middle;
  11284. }
  11285. .el-input__validateIcon {
  11286. pointer-events: none;
  11287. }
  11288. [data-theme="kr-designer"] .el-input.is-disabled .el-input__inner {
  11289. background-color: #f5f7fa;
  11290. border-color: #e4e7ed;
  11291. color: #c0c4cc;
  11292. cursor: not-allowed;
  11293. }
  11294. [data-theme="kr-designer"]
  11295. .el-input.is-disabled
  11296. .el-input__inner::-webkit-input-placeholder {
  11297. color: #c0c4cc;
  11298. }
  11299. [data-theme="kr-designer"]
  11300. .el-input.is-disabled
  11301. .el-input__inner::-moz-placeholder {
  11302. color: #c0c4cc;
  11303. }
  11304. [data-theme="kr-designer"]
  11305. .el-input.is-disabled
  11306. .el-input__inner:-ms-input-placeholder {
  11307. color: #c0c4cc;
  11308. }
  11309. [data-theme="kr-designer"]
  11310. .el-input.is-disabled
  11311. .el-input__inner::-ms-input-placeholder {
  11312. color: #c0c4cc;
  11313. }
  11314. [data-theme="kr-designer"] .el-input.is-disabled .el-input__inner::placeholder {
  11315. color: #c0c4cc;
  11316. }
  11317. [data-theme="kr-designer"] .el-input.is-disabled .el-input__icon {
  11318. cursor: not-allowed;
  11319. }
  11320. [data-theme="kr-designer"] .el-input.is-exceed .el-input__inner {
  11321. border-color: #f56c6c;
  11322. }
  11323. [data-theme="kr-designer"]
  11324. .el-input.is-exceed
  11325. .el-input__suffix
  11326. .el-input__count {
  11327. color: #f56c6c;
  11328. }
  11329. [data-theme="kr-designer"] .el-input--suffix .el-input__inner {
  11330. padding-right: 30px;
  11331. }
  11332. [data-theme="kr-designer"] .el-input--prefix .el-input__inner {
  11333. padding-left: 30px;
  11334. }
  11335. [data-theme="kr-designer"] .el-input--medium {
  11336. font-size: 14px;
  11337. }
  11338. [data-theme="kr-designer"] .el-input--medium .el-input__inner {
  11339. height: 36px;
  11340. line-height: 36px;
  11341. }
  11342. [data-theme="kr-designer"] .el-input--medium .el-input__icon {
  11343. line-height: 36px;
  11344. }
  11345. [data-theme="kr-designer"] .el-input--small {
  11346. font-size: 13px;
  11347. }
  11348. [data-theme="kr-designer"] .el-input--small .el-input__inner {
  11349. height: 32px;
  11350. line-height: 32px;
  11351. }
  11352. [data-theme="kr-designer"] .el-input--small .el-input__icon {
  11353. line-height: 32px;
  11354. }
  11355. [data-theme="kr-designer"] .el-input--mini {
  11356. font-size: 12px;
  11357. }
  11358. [data-theme="kr-designer"] .el-input--mini .el-input__inner {
  11359. height: 28px;
  11360. line-height: 28px;
  11361. }
  11362. [data-theme="kr-designer"] .el-input--mini .el-input__icon {
  11363. line-height: 28px;
  11364. }
  11365. [data-theme="kr-designer"] .el-input-group {
  11366. line-height: normal;
  11367. display: inline-table;
  11368. width: 100%;
  11369. border-collapse: separate;
  11370. border-spacing: 0;
  11371. }
  11372. [data-theme="kr-designer"] .el-input-group > .el-input__inner {
  11373. vertical-align: middle;
  11374. display: table-cell;
  11375. }
  11376. .el-input-group__append,
  11377. .el-input-group__prepend {
  11378. background-color: #f5f7fa;
  11379. color: #909399;
  11380. vertical-align: middle;
  11381. display: table-cell;
  11382. position: relative;
  11383. border: 1px solid #dcdfe6;
  11384. border-radius: 4px;
  11385. padding: 0 20px;
  11386. width: 1px;
  11387. white-space: nowrap;
  11388. }
  11389. .el-input-group__append,
  11390. [data-theme="kr-designer"] .el-input-group--prepend .el-input__inner {
  11391. border-top-left-radius: 0;
  11392. border-bottom-left-radius: 0;
  11393. }
  11394. .el-input-group__prepend,
  11395. [data-theme="kr-designer"] .el-input-group--append .el-input__inner {
  11396. border-top-right-radius: 0;
  11397. border-bottom-right-radius: 0;
  11398. }
  11399. .el-input-group__append:focus,
  11400. .el-input-group__prepend:focus {
  11401. outline: 0;
  11402. }
  11403. .el-input-group__append .el-button,
  11404. .el-input-group__append .el-select,
  11405. .el-input-group__prepend .el-button,
  11406. .el-input-group__prepend .el-select {
  11407. display: inline-block;
  11408. margin: -10px -20px;
  11409. }
  11410. .el-input-group__append button.el-button,
  11411. .el-input-group__append div.el-select .el-input__inner,
  11412. .el-input-group__append div.el-select:hover .el-input__inner,
  11413. .el-input-group__prepend button.el-button,
  11414. .el-input-group__prepend div.el-select .el-input__inner,
  11415. .el-input-group__prepend div.el-select:hover .el-input__inner {
  11416. border-color: transparent;
  11417. background-color: transparent;
  11418. color: inherit;
  11419. border-top: 0;
  11420. border-bottom: 0;
  11421. }
  11422. .el-input-group__append .el-button,
  11423. .el-input-group__append .el-input,
  11424. .el-input-group__prepend .el-button,
  11425. .el-input-group__prepend .el-input {
  11426. font-size: inherit;
  11427. }
  11428. .el-input-group__prepend {
  11429. border-right: 0;
  11430. }
  11431. .el-input-group__append {
  11432. border-left: 0;
  11433. }
  11434. [data-theme="kr-designer"]
  11435. .el-input-group--append
  11436. .el-select
  11437. .el-input.is-focus
  11438. .el-input__inner,
  11439. [data-theme="kr-designer"]
  11440. .el-input-group--prepend
  11441. .el-select
  11442. .el-input.is-focus
  11443. .el-input__inner {
  11444. border-color: transparent;
  11445. }
  11446. [data-theme="kr-designer"] .el-input__inner::-ms-clear {
  11447. display: none;
  11448. width: 0;
  11449. height: 0;
  11450. }
  11451. [data-theme="kr-designer"] .el-transfer {
  11452. font-size: 14px;
  11453. }
  11454. .el-transfer__buttons {
  11455. display: inline-block;
  11456. vertical-align: middle;
  11457. padding: 0 30px;
  11458. }
  11459. .el-transfer__button {
  11460. display: block;
  11461. margin: 0 auto;
  11462. padding: 10px;
  11463. border-radius: 50%;
  11464. color: #fff;
  11465. background-color: #409eff;
  11466. font-size: 0;
  11467. }
  11468. .el-transfer__button.is-with-texts {
  11469. border-radius: 4px;
  11470. }
  11471. .el-transfer__button.is-disabled,
  11472. .el-transfer__button.is-disabled:hover {
  11473. border: 1px solid #dcdfe6;
  11474. background-color: #f5f7fa;
  11475. color: #c0c4cc;
  11476. }
  11477. .el-transfer__button:first-child {
  11478. margin-bottom: 10px;
  11479. }
  11480. .el-transfer__button:nth-child(2) {
  11481. margin: 0;
  11482. }
  11483. .el-transfer__button i,
  11484. .el-transfer__button span {
  11485. font-size: 14px;
  11486. }
  11487. .el-transfer__button [class*="el-icon-"] + span {
  11488. margin-left: 0;
  11489. }
  11490. [data-theme="kr-designer"] .el-transfer-panel {
  11491. border: 1px solid #ebeef5;
  11492. border-radius: 4px;
  11493. overflow: hidden;
  11494. background: #fff;
  11495. display: inline-block;
  11496. vertical-align: middle;
  11497. width: 200px;
  11498. max-height: 100%;
  11499. -webkit-box-sizing: border-box;
  11500. box-sizing: border-box;
  11501. position: relative;
  11502. }
  11503. .el-transfer-panel__body {
  11504. height: 246px;
  11505. }
  11506. .el-transfer-panel__body.is-with-footer {
  11507. padding-bottom: 40px;
  11508. }
  11509. .el-transfer-panel__list {
  11510. margin: 0;
  11511. padding: 6px 0;
  11512. list-style: none;
  11513. height: 246px;
  11514. overflow: auto;
  11515. -webkit-box-sizing: border-box;
  11516. box-sizing: border-box;
  11517. }
  11518. .el-transfer-panel__list.is-filterable {
  11519. height: 194px;
  11520. padding-top: 0;
  11521. }
  11522. .el-transfer-panel__item {
  11523. height: 30px;
  11524. line-height: 30px;
  11525. padding-left: 15px;
  11526. display: block;
  11527. }
  11528. .el-transfer-panel__item + .el-transfer-panel__item {
  11529. margin-left: 0;
  11530. display: block !important;
  11531. }
  11532. .el-transfer-panel__item.el-checkbox {
  11533. color: #606266;
  11534. }
  11535. .el-transfer-panel__item:hover {
  11536. color: #409eff;
  11537. }
  11538. .el-transfer-panel__item.el-checkbox .el-checkbox__label {
  11539. width: 100%;
  11540. overflow: hidden;
  11541. text-overflow: ellipsis;
  11542. white-space: nowrap;
  11543. display: block;
  11544. -webkit-box-sizing: border-box;
  11545. box-sizing: border-box;
  11546. padding-left: 24px;
  11547. line-height: 30px;
  11548. }
  11549. .el-transfer-panel__item .el-checkbox__input {
  11550. position: absolute;
  11551. top: 8px;
  11552. }
  11553. .el-transfer-panel__filter {
  11554. text-align: center;
  11555. margin: 15px;
  11556. -webkit-box-sizing: border-box;
  11557. box-sizing: border-box;
  11558. display: block;
  11559. width: auto;
  11560. }
  11561. .el-transfer-panel__filter .el-input__inner {
  11562. height: 32px;
  11563. width: 100%;
  11564. font-size: 12px;
  11565. display: inline-block;
  11566. -webkit-box-sizing: border-box;
  11567. box-sizing: border-box;
  11568. border-radius: 16px;
  11569. padding-right: 10px;
  11570. padding-left: 30px;
  11571. }
  11572. .el-transfer-panel__filter .el-input__icon {
  11573. margin-left: 5px;
  11574. }
  11575. .el-transfer-panel__filter .el-icon-circle-close {
  11576. cursor: pointer;
  11577. }
  11578. [data-theme="kr-designer"] .el-transfer-panel .el-transfer-panel__header {
  11579. height: 40px;
  11580. line-height: 40px;
  11581. background: #f5f7fa;
  11582. margin: 0;
  11583. padding-left: 15px;
  11584. border-bottom: 1px solid #ebeef5;
  11585. -webkit-box-sizing: border-box;
  11586. box-sizing: border-box;
  11587. color: #000;
  11588. }
  11589. [data-theme="kr-designer"]
  11590. .el-transfer-panel
  11591. .el-transfer-panel__header
  11592. .el-checkbox {
  11593. display: block;
  11594. line-height: 40px;
  11595. }
  11596. [data-theme="kr-designer"]
  11597. .el-transfer-panel
  11598. .el-transfer-panel__header
  11599. .el-checkbox
  11600. .el-checkbox__label {
  11601. font-size: 16px;
  11602. color: #303133;
  11603. font-weight: 400;
  11604. }
  11605. [data-theme="kr-designer"]
  11606. .el-transfer-panel
  11607. .el-transfer-panel__header
  11608. .el-checkbox
  11609. .el-checkbox__label
  11610. span {
  11611. position: absolute;
  11612. right: 15px;
  11613. color: #909399;
  11614. font-size: 12px;
  11615. font-weight: 400;
  11616. }
  11617. [data-theme="kr-designer"] .el-transfer-panel .el-transfer-panel__footer {
  11618. height: 40px;
  11619. background: #fff;
  11620. margin: 0;
  11621. padding: 0;
  11622. border-top: 1px solid #ebeef5;
  11623. position: absolute;
  11624. bottom: 0;
  11625. left: 0;
  11626. width: 100%;
  11627. z-index: 1;
  11628. }
  11629. [data-theme="kr-designer"]
  11630. .el-transfer-panel
  11631. .el-transfer-panel__footer::after {
  11632. display: inline-block;
  11633. content: "";
  11634. height: 100%;
  11635. vertical-align: middle;
  11636. }
  11637. [data-theme="kr-designer"]
  11638. .el-transfer-panel
  11639. .el-transfer-panel__footer
  11640. .el-checkbox {
  11641. padding-left: 20px;
  11642. color: #606266;
  11643. }
  11644. [data-theme="kr-designer"] .el-transfer-panel .el-transfer-panel__empty {
  11645. margin: 0;
  11646. height: 30px;
  11647. line-height: 30px;
  11648. padding: 6px 15px 0;
  11649. color: #909399;
  11650. text-align: center;
  11651. }
  11652. [data-theme="kr-designer"] .el-transfer-panel .el-checkbox__label {
  11653. padding-left: 8px;
  11654. }
  11655. [data-theme="kr-designer"] .el-transfer-panel .el-checkbox__inner {
  11656. height: 14px;
  11657. width: 14px;
  11658. border-radius: 3px;
  11659. }
  11660. [data-theme="kr-designer"] .el-transfer-panel .el-checkbox__inner::after {
  11661. height: 6px;
  11662. width: 3px;
  11663. left: 4px;
  11664. }
  11665. [data-theme="kr-designer"] .el-container {
  11666. display: -webkit-box;
  11667. display: -ms-flexbox;
  11668. display: flex;
  11669. -webkit-box-orient: horizontal;
  11670. -webkit-box-direction: normal;
  11671. -ms-flex-direction: row;
  11672. flex-direction: row;
  11673. -webkit-box-flex: 1;
  11674. -ms-flex: 1;
  11675. flex: 1;
  11676. -ms-flex-preferred-size: auto;
  11677. flex-basis: auto;
  11678. -webkit-box-sizing: border-box;
  11679. box-sizing: border-box;
  11680. min-width: 0;
  11681. }
  11682. [data-theme="kr-designer"] .el-container.is-vertical {
  11683. -webkit-box-orient: vertical;
  11684. -webkit-box-direction: normal;
  11685. -ms-flex-direction: column;
  11686. flex-direction: column;
  11687. }
  11688. [data-theme="kr-designer"] .el-header {
  11689. padding: 0 20px;
  11690. -webkit-box-sizing: border-box;
  11691. box-sizing: border-box;
  11692. -ms-flex-negative: 0;
  11693. flex-shrink: 0;
  11694. }
  11695. [data-theme="kr-designer"] .el-aside {
  11696. overflow: auto;
  11697. -webkit-box-sizing: border-box;
  11698. box-sizing: border-box;
  11699. -ms-flex-negative: 0;
  11700. flex-shrink: 0;
  11701. }
  11702. [data-theme="kr-designer"] .el-main {
  11703. display: block;
  11704. -webkit-box-flex: 1;
  11705. -ms-flex: 1;
  11706. flex: 1;
  11707. -ms-flex-preferred-size: auto;
  11708. flex-basis: auto;
  11709. overflow: auto;
  11710. -webkit-box-sizing: border-box;
  11711. box-sizing: border-box;
  11712. padding: 20px;
  11713. }
  11714. [data-theme="kr-designer"] .el-footer {
  11715. padding: 0 20px;
  11716. -webkit-box-sizing: border-box;
  11717. box-sizing: border-box;
  11718. -ms-flex-negative: 0;
  11719. flex-shrink: 0;
  11720. }
  11721. [data-theme="kr-designer"] .el-timeline {
  11722. margin: 0;
  11723. font-size: 14px;
  11724. list-style: none;
  11725. }
  11726. [data-theme="kr-designer"]
  11727. .el-timeline
  11728. .el-timeline-item:last-child
  11729. .el-timeline-item__tail {
  11730. display: none;
  11731. }
  11732. [data-theme="kr-designer"] .el-timeline-item {
  11733. position: relative;
  11734. padding-bottom: 20px;
  11735. }
  11736. .el-timeline-item__wrapper {
  11737. position: relative;
  11738. padding-left: 28px;
  11739. top: -3px;
  11740. }
  11741. .el-timeline-item__tail {
  11742. position: absolute;
  11743. left: 4px;
  11744. height: 100%;
  11745. border-left: 2px solid #e4e7ed;
  11746. }
  11747. .el-timeline-item__icon {
  11748. color: #fff;
  11749. font-size: 13px;
  11750. }
  11751. .el-timeline-item__node {
  11752. position: absolute;
  11753. background-color: #e4e7ed;
  11754. border-radius: 50%;
  11755. display: -webkit-box;
  11756. display: -ms-flexbox;
  11757. display: flex;
  11758. -webkit-box-pack: center;
  11759. -ms-flex-pack: center;
  11760. justify-content: center;
  11761. -webkit-box-align: center;
  11762. -ms-flex-align: center;
  11763. align-items: center;
  11764. }
  11765. .el-image__error,
  11766. .el-timeline-item__dot {
  11767. display: -webkit-box;
  11768. display: -ms-flexbox;
  11769. -webkit-box-pack: center;
  11770. }
  11771. .el-timeline-item__node--normal {
  11772. left: -1px;
  11773. width: 12px;
  11774. height: 12px;
  11775. }
  11776. .el-timeline-item__node--large {
  11777. left: -2px;
  11778. width: 14px;
  11779. height: 14px;
  11780. }
  11781. .el-timeline-item__node--primary {
  11782. background-color: #409eff;
  11783. }
  11784. .el-timeline-item__node--success {
  11785. background-color: #67c23a;
  11786. }
  11787. .el-timeline-item__node--warning {
  11788. background-color: #e6a23c;
  11789. }
  11790. .el-timeline-item__node--danger {
  11791. background-color: #f56c6c;
  11792. }
  11793. .el-timeline-item__node--info {
  11794. background-color: #909399;
  11795. }
  11796. .el-timeline-item__dot {
  11797. position: absolute;
  11798. display: flex;
  11799. -ms-flex-pack: center;
  11800. justify-content: center;
  11801. -webkit-box-align: center;
  11802. -ms-flex-align: center;
  11803. align-items: center;
  11804. }
  11805. .el-timeline-item__content {
  11806. color: #303133;
  11807. }
  11808. .el-timeline-item__timestamp {
  11809. color: #909399;
  11810. line-height: 1;
  11811. font-size: 13px;
  11812. }
  11813. .el-timeline-item__timestamp.is-top {
  11814. margin-bottom: 8px;
  11815. padding-top: 4px;
  11816. }
  11817. .el-timeline-item__timestamp.is-bottom {
  11818. margin-top: 8px;
  11819. }
  11820. [data-theme="kr-designer"] .el-link {
  11821. display: -webkit-inline-box;
  11822. display: -ms-inline-flexbox;
  11823. display: inline-flex;
  11824. -webkit-box-orient: horizontal;
  11825. -webkit-box-direction: normal;
  11826. -ms-flex-direction: row;
  11827. flex-direction: row;
  11828. -webkit-box-align: center;
  11829. -ms-flex-align: center;
  11830. align-items: center;
  11831. -webkit-box-pack: center;
  11832. -ms-flex-pack: center;
  11833. justify-content: center;
  11834. vertical-align: middle;
  11835. position: relative;
  11836. text-decoration: none;
  11837. outline: 0;
  11838. cursor: pointer;
  11839. padding: 0;
  11840. font-size: 14px;
  11841. font-weight: 500;
  11842. }
  11843. [data-theme="kr-designer"] .el-link.is-underline:hover:after {
  11844. content: "";
  11845. position: absolute;
  11846. left: 0;
  11847. right: 0;
  11848. height: 0;
  11849. bottom: 0;
  11850. border-bottom: 1px solid #409eff;
  11851. }
  11852. [data-theme="kr-designer"] .el-link.el-link--default:after,
  11853. [data-theme="kr-designer"] .el-link.el-link--primary.is-underline:hover:after,
  11854. [data-theme="kr-designer"] .el-link.el-link--primary:after {
  11855. border-color: #409eff;
  11856. }
  11857. [data-theme="kr-designer"] .el-link.is-disabled {
  11858. cursor: not-allowed;
  11859. }
  11860. [data-theme="kr-designer"] .el-link [class*="el-icon-"] + span {
  11861. margin-left: 5px;
  11862. }
  11863. [data-theme="kr-designer"] .el-link.el-link--default {
  11864. color: #606266;
  11865. }
  11866. [data-theme="kr-designer"] .el-link.el-link--default:hover {
  11867. color: #409eff;
  11868. }
  11869. [data-theme="kr-designer"] .el-link.el-link--default.is-disabled {
  11870. color: #c0c4cc;
  11871. }
  11872. [data-theme="kr-designer"] .el-link.el-link--primary {
  11873. color: #409eff;
  11874. }
  11875. [data-theme="kr-designer"] .el-link.el-link--primary:hover {
  11876. color: #66b1ff;
  11877. }
  11878. [data-theme="kr-designer"] .el-link.el-link--primary.is-disabled {
  11879. color: #a0cfff;
  11880. }
  11881. [data-theme="kr-designer"] .el-link.el-link--danger.is-underline:hover:after,
  11882. [data-theme="kr-designer"] .el-link.el-link--danger:after {
  11883. border-color: #f56c6c;
  11884. }
  11885. [data-theme="kr-designer"] .el-link.el-link--danger {
  11886. color: #f56c6c;
  11887. }
  11888. [data-theme="kr-designer"] .el-link.el-link--danger:hover {
  11889. color: #f78989;
  11890. }
  11891. [data-theme="kr-designer"] .el-link.el-link--danger.is-disabled {
  11892. color: #fab6b6;
  11893. }
  11894. [data-theme="kr-designer"] .el-link.el-link--success.is-underline:hover:after,
  11895. [data-theme="kr-designer"] .el-link.el-link--success:after {
  11896. border-color: #67c23a;
  11897. }
  11898. [data-theme="kr-designer"] .el-link.el-link--success {
  11899. color: #67c23a;
  11900. }
  11901. [data-theme="kr-designer"] .el-link.el-link--success:hover {
  11902. color: #85ce61;
  11903. }
  11904. [data-theme="kr-designer"] .el-link.el-link--success.is-disabled {
  11905. color: #b3e19d;
  11906. }
  11907. [data-theme="kr-designer"] .el-link.el-link--warning.is-underline:hover:after,
  11908. [data-theme="kr-designer"] .el-link.el-link--warning:after {
  11909. border-color: #e6a23c;
  11910. }
  11911. [data-theme="kr-designer"] .el-link.el-link--warning {
  11912. color: #e6a23c;
  11913. }
  11914. [data-theme="kr-designer"] .el-link.el-link--warning:hover {
  11915. color: #ebb563;
  11916. }
  11917. [data-theme="kr-designer"] .el-link.el-link--warning.is-disabled {
  11918. color: #f3d19e;
  11919. }
  11920. [data-theme="kr-designer"] .el-link.el-link--info.is-underline:hover:after,
  11921. [data-theme="kr-designer"] .el-link.el-link--info:after {
  11922. border-color: #909399;
  11923. }
  11924. [data-theme="kr-designer"] .el-link.el-link--info {
  11925. color: #909399;
  11926. }
  11927. [data-theme="kr-designer"] .el-link.el-link--info:hover {
  11928. color: #a6a9ad;
  11929. }
  11930. [data-theme="kr-designer"] .el-link.el-link--info.is-disabled {
  11931. color: #c8c9cc;
  11932. }
  11933. [data-theme="kr-designer"] .el-divider {
  11934. background-color: #dcdfe6;
  11935. position: relative;
  11936. }
  11937. [data-theme="kr-designer"] .el-divider--horizontal {
  11938. display: block;
  11939. height: 1px;
  11940. width: 100%;
  11941. margin: 24px 0;
  11942. }
  11943. [data-theme="kr-designer"] .el-divider--vertical {
  11944. display: inline-block;
  11945. width: 1px;
  11946. height: 1em;
  11947. margin: 0 8px;
  11948. vertical-align: middle;
  11949. position: relative;
  11950. }
  11951. .el-divider__text {
  11952. position: absolute;
  11953. background-color: #fff;
  11954. padding: 0 20px;
  11955. font-weight: 500;
  11956. color: #303133;
  11957. font-size: 14px;
  11958. }
  11959. .el-image__error,
  11960. .el-image__placeholder {
  11961. background: #f5f7fa;
  11962. }
  11963. .el-divider__text.is-left {
  11964. left: 20px;
  11965. -webkit-transform: translateY(-50%);
  11966. transform: translateY(-50%);
  11967. }
  11968. .el-divider__text.is-center {
  11969. left: 50%;
  11970. -webkit-transform: translateX(-50%) translateY(-50%);
  11971. transform: translateX(-50%) translateY(-50%);
  11972. }
  11973. .el-divider__text.is-right {
  11974. right: 20px;
  11975. -webkit-transform: translateY(-50%);
  11976. transform: translateY(-50%);
  11977. }
  11978. [data-theme="kr-designer"] .el-image__error,
  11979. [data-theme="kr-designer"] .el-image__inner,
  11980. [data-theme="kr-designer"] .el-image__placeholder {
  11981. width: 100%;
  11982. height: 100%;
  11983. }
  11984. [data-theme="kr-designer"] .el-image {
  11985. position: relative;
  11986. display: inline-block;
  11987. overflow: hidden;
  11988. }
  11989. .el-image__inner {
  11990. vertical-align: top;
  11991. }
  11992. .el-image__inner--center {
  11993. position: relative;
  11994. top: 50%;
  11995. left: 50%;
  11996. -webkit-transform: translate(-50%, -50%);
  11997. transform: translate(-50%, -50%);
  11998. display: block;
  11999. }
  12000. .el-image__error {
  12001. display: flex;
  12002. -ms-flex-pack: center;
  12003. justify-content: center;
  12004. -webkit-box-align: center;
  12005. -ms-flex-align: center;
  12006. align-items: center;
  12007. font-size: 14px;
  12008. color: #c0c4cc;
  12009. vertical-align: middle;
  12010. }
  12011. .el-image__preview {
  12012. cursor: pointer;
  12013. }
  12014. .el-image-viewer__wrapper {
  12015. position: fixed;
  12016. top: 0;
  12017. right: 0;
  12018. bottom: 0;
  12019. left: 0;
  12020. }
  12021. .el-image-viewer__btn {
  12022. position: absolute;
  12023. z-index: 1;
  12024. display: -webkit-box;
  12025. display: -ms-flexbox;
  12026. display: flex;
  12027. -webkit-box-align: center;
  12028. -ms-flex-align: center;
  12029. align-items: center;
  12030. -webkit-box-pack: center;
  12031. -ms-flex-pack: center;
  12032. justify-content: center;
  12033. border-radius: 50%;
  12034. opacity: 0.8;
  12035. cursor: pointer;
  12036. -webkit-box-sizing: border-box;
  12037. box-sizing: border-box;
  12038. -webkit-user-select: none;
  12039. user-select: none;
  12040. }
  12041. .el-image-viewer__close {
  12042. top: 40px;
  12043. right: 40px;
  12044. width: 40px;
  12045. height: 40px;
  12046. font-size: 40px;
  12047. }
  12048. .el-image-viewer__canvas {
  12049. width: 100%;
  12050. height: 100%;
  12051. display: -webkit-box;
  12052. display: -ms-flexbox;
  12053. display: flex;
  12054. -webkit-box-pack: center;
  12055. -ms-flex-pack: center;
  12056. justify-content: center;
  12057. -webkit-box-align: center;
  12058. -ms-flex-align: center;
  12059. align-items: center;
  12060. }
  12061. .el-image-viewer__actions {
  12062. left: 50%;
  12063. bottom: 30px;
  12064. -webkit-transform: translateX(-50%);
  12065. transform: translateX(-50%);
  12066. width: 282px;
  12067. height: 44px;
  12068. padding: 0 23px;
  12069. background-color: #606266;
  12070. border-color: #fff;
  12071. border-radius: 22px;
  12072. }
  12073. .el-image-viewer__actions__inner {
  12074. width: 100%;
  12075. height: 100%;
  12076. text-align: justify;
  12077. cursor: default;
  12078. font-size: 23px;
  12079. color: #fff;
  12080. display: -webkit-box;
  12081. display: -ms-flexbox;
  12082. display: flex;
  12083. -webkit-box-align: center;
  12084. -ms-flex-align: center;
  12085. align-items: center;
  12086. -ms-flex-pack: distribute;
  12087. justify-content: space-around;
  12088. }
  12089. .el-image-viewer__next,
  12090. .el-image-viewer__prev {
  12091. width: 44px;
  12092. height: 44px;
  12093. font-size: 24px;
  12094. color: #fff;
  12095. background-color: #606266;
  12096. border-color: #fff;
  12097. }
  12098. .el-image-viewer__prev {
  12099. top: 50%;
  12100. -webkit-transform: translateY(-50%);
  12101. transform: translateY(-50%);
  12102. left: 40px;
  12103. }
  12104. .el-image-viewer__next {
  12105. top: 50%;
  12106. -webkit-transform: translateY(-50%);
  12107. transform: translateY(-50%);
  12108. right: 40px;
  12109. text-indent: 2px;
  12110. }
  12111. .el-image-viewer__mask {
  12112. position: absolute;
  12113. width: 100%;
  12114. height: 100%;
  12115. top: 0;
  12116. left: 0;
  12117. opacity: 0.5;
  12118. background: #000;
  12119. }
  12120. [data-theme="kr-designer"] .viewer-fade-enter-active {
  12121. -webkit-animation: viewer-fade-in 0.3s;
  12122. animation: viewer-fade-in 0.3s;
  12123. }
  12124. [data-theme="kr-designer"] .viewer-fade-leave-active {
  12125. -webkit-animation: viewer-fade-out 0.3s;
  12126. animation: viewer-fade-out 0.3s;
  12127. }
  12128. @-webkit-keyframes viewer-fade-in {
  12129. 0% {
  12130. -webkit-transform: translate3d(0, -20px, 0);
  12131. transform: translate3d(0, -20px, 0);
  12132. opacity: 0;
  12133. }
  12134. 100% {
  12135. -webkit-transform: translate3d(0, 0, 0);
  12136. transform: translate3d(0, 0, 0);
  12137. opacity: 1;
  12138. }
  12139. }
  12140. @keyframes viewer-fade-in {
  12141. 0% {
  12142. -webkit-transform: translate3d(0, -20px, 0);
  12143. transform: translate3d(0, -20px, 0);
  12144. opacity: 0;
  12145. }
  12146. 100% {
  12147. -webkit-transform: translate3d(0, 0, 0);
  12148. transform: translate3d(0, 0, 0);
  12149. opacity: 1;
  12150. }
  12151. }
  12152. @-webkit-keyframes viewer-fade-out {
  12153. 0% {
  12154. -webkit-transform: translate3d(0, 0, 0);
  12155. transform: translate3d(0, 0, 0);
  12156. opacity: 1;
  12157. }
  12158. 100% {
  12159. -webkit-transform: translate3d(0, -20px, 0);
  12160. transform: translate3d(0, -20px, 0);
  12161. opacity: 0;
  12162. }
  12163. }
  12164. @keyframes viewer-fade-out {
  12165. 0% {
  12166. -webkit-transform: translate3d(0, 0, 0);
  12167. transform: translate3d(0, 0, 0);
  12168. opacity: 1;
  12169. }
  12170. 100% {
  12171. -webkit-transform: translate3d(0, -20px, 0);
  12172. transform: translate3d(0, -20px, 0);
  12173. opacity: 0;
  12174. }
  12175. }
  12176. [data-theme="kr-designer"] .el-button {
  12177. display: inline-block;
  12178. line-height: 1;
  12179. white-space: nowrap;
  12180. cursor: pointer;
  12181. background: #fff;
  12182. border: 1px solid #dcdfe6;
  12183. color: #606266;
  12184. -webkit-appearance: none;
  12185. text-align: center;
  12186. -webkit-box-sizing: border-box;
  12187. box-sizing: border-box;
  12188. outline: 0;
  12189. margin: 0;
  12190. -webkit-transition: 0.1s;
  12191. transition: 0.1s;
  12192. font-weight: 500;
  12193. -webkit-user-select: none;
  12194. padding: 12px 20px;
  12195. font-size: 14px;
  12196. border-radius: 4px;
  12197. }
  12198. [data-theme="kr-designer"] .el-button + .el-button {
  12199. margin-left: 10px;
  12200. }
  12201. [data-theme="kr-designer"] .el-button:focus,
  12202. [data-theme="kr-designer"] .el-button:hover {
  12203. color: #409eff;
  12204. border-color: #c6e2ff;
  12205. background-color: #ecf5ff;
  12206. }
  12207. [data-theme="kr-designer"] .el-button:active {
  12208. color: #3a8ee6;
  12209. border-color: #3a8ee6;
  12210. outline: 0;
  12211. }
  12212. [data-theme="kr-designer"] .el-button::-moz-focus-inner {
  12213. border: 0;
  12214. }
  12215. [data-theme="kr-designer"] .el-button [class*="el-icon-"] + span {
  12216. margin-left: 5px;
  12217. }
  12218. [data-theme="kr-designer"] .el-button.is-plain:focus,
  12219. [data-theme="kr-designer"] .el-button.is-plain:hover {
  12220. background: #fff;
  12221. border-color: #409eff;
  12222. color: #409eff;
  12223. }
  12224. [data-theme="kr-designer"] .el-button.is-plain:active {
  12225. background: #fff;
  12226. border-color: #3a8ee6;
  12227. color: #3a8ee6;
  12228. outline: 0;
  12229. }
  12230. [data-theme="kr-designer"] .el-button.is-active {
  12231. color: #3a8ee6;
  12232. border-color: #3a8ee6;
  12233. }
  12234. [data-theme="kr-designer"] .el-button.is-disabled,
  12235. [data-theme="kr-designer"] .el-button.is-disabled:focus,
  12236. [data-theme="kr-designer"] .el-button.is-disabled:hover {
  12237. color: #c0c4cc;
  12238. cursor: not-allowed;
  12239. background-image: none;
  12240. background-color: #fff;
  12241. border-color: #ebeef5;
  12242. }
  12243. [data-theme="kr-designer"] .el-button.is-disabled.el-button--text {
  12244. background-color: transparent;
  12245. }
  12246. [data-theme="kr-designer"] .el-button.is-disabled.is-plain,
  12247. [data-theme="kr-designer"] .el-button.is-disabled.is-plain:focus,
  12248. [data-theme="kr-designer"] .el-button.is-disabled.is-plain:hover {
  12249. background-color: #fff;
  12250. border-color: #ebeef5;
  12251. color: #c0c4cc;
  12252. }
  12253. [data-theme="kr-designer"] .el-button.is-loading {
  12254. position: relative;
  12255. pointer-events: none;
  12256. }
  12257. [data-theme="kr-designer"] .el-button.is-loading:before {
  12258. pointer-events: none;
  12259. content: "";
  12260. position: absolute;
  12261. left: -1px;
  12262. top: -1px;
  12263. right: -1px;
  12264. bottom: -1px;
  12265. border-radius: inherit;
  12266. background-color: rgba(255, 255, 255, 0.35);
  12267. }
  12268. [data-theme="kr-designer"] .el-button.is-round {
  12269. border-radius: 20px;
  12270. padding: 12px 23px;
  12271. }
  12272. [data-theme="kr-designer"] .el-button.is-circle {
  12273. border-radius: 50%;
  12274. padding: 12px;
  12275. }
  12276. [data-theme="kr-designer"] .el-button--primary {
  12277. color: #fff;
  12278. background-color: #409eff;
  12279. border-color: #409eff;
  12280. }
  12281. [data-theme="kr-designer"] .el-button--primary:focus,
  12282. [data-theme="kr-designer"] .el-button--primary:hover {
  12283. background: #66b1ff;
  12284. border-color: #66b1ff;
  12285. color: #fff;
  12286. }
  12287. [data-theme="kr-designer"] .el-button--primary:active {
  12288. background: #3a8ee6;
  12289. border-color: #3a8ee6;
  12290. color: #fff;
  12291. outline: 0;
  12292. }
  12293. [data-theme="kr-designer"] .el-button--primary.is-active {
  12294. background: #3a8ee6;
  12295. border-color: #3a8ee6;
  12296. color: #fff;
  12297. }
  12298. [data-theme="kr-designer"] .el-button--primary.is-disabled,
  12299. [data-theme="kr-designer"] .el-button--primary.is-disabled:active,
  12300. [data-theme="kr-designer"] .el-button--primary.is-disabled:focus,
  12301. [data-theme="kr-designer"] .el-button--primary.is-disabled:hover {
  12302. color: #fff;
  12303. background-color: #a0cfff;
  12304. border-color: #a0cfff;
  12305. }
  12306. [data-theme="kr-designer"] .el-button--primary.is-plain {
  12307. color: #409eff;
  12308. background: #ecf5ff;
  12309. border-color: #b3d8ff;
  12310. }
  12311. [data-theme="kr-designer"] .el-button--primary.is-plain:focus,
  12312. [data-theme="kr-designer"] .el-button--primary.is-plain:hover {
  12313. background: #409eff;
  12314. border-color: #409eff;
  12315. color: #fff;
  12316. }
  12317. [data-theme="kr-designer"] .el-button--primary.is-plain:active {
  12318. background: #3a8ee6;
  12319. border-color: #3a8ee6;
  12320. color: #fff;
  12321. outline: 0;
  12322. }
  12323. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled,
  12324. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:active,
  12325. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:focus,
  12326. [data-theme="kr-designer"] .el-button--primary.is-plain.is-disabled:hover {
  12327. color: #8cc5ff;
  12328. background-color: #ecf5ff;
  12329. border-color: #d9ecff;
  12330. }
  12331. [data-theme="kr-designer"] .el-button--success {
  12332. color: #fff;
  12333. background-color: #67c23a;
  12334. border-color: #67c23a;
  12335. }
  12336. [data-theme="kr-designer"] .el-button--success:focus,
  12337. [data-theme="kr-designer"] .el-button--success:hover {
  12338. background: #85ce61;
  12339. border-color: #85ce61;
  12340. color: #fff;
  12341. }
  12342. [data-theme="kr-designer"] .el-button--success:active {
  12343. background: #5daf34;
  12344. border-color: #5daf34;
  12345. color: #fff;
  12346. outline: 0;
  12347. }
  12348. [data-theme="kr-designer"] .el-button--success.is-active {
  12349. background: #5daf34;
  12350. border-color: #5daf34;
  12351. color: #fff;
  12352. }
  12353. [data-theme="kr-designer"] .el-button--success.is-disabled,
  12354. [data-theme="kr-designer"] .el-button--success.is-disabled:active,
  12355. [data-theme="kr-designer"] .el-button--success.is-disabled:focus,
  12356. [data-theme="kr-designer"] .el-button--success.is-disabled:hover {
  12357. color: #fff;
  12358. background-color: #b3e19d;
  12359. border-color: #b3e19d;
  12360. }
  12361. [data-theme="kr-designer"] .el-button--success.is-plain {
  12362. color: #67c23a;
  12363. background: #f0f9eb;
  12364. border-color: #c2e7b0;
  12365. }
  12366. [data-theme="kr-designer"] .el-button--success.is-plain:focus,
  12367. [data-theme="kr-designer"] .el-button--success.is-plain:hover {
  12368. background: #67c23a;
  12369. border-color: #67c23a;
  12370. color: #fff;
  12371. }
  12372. [data-theme="kr-designer"] .el-button--success.is-plain:active {
  12373. background: #5daf34;
  12374. border-color: #5daf34;
  12375. color: #fff;
  12376. outline: 0;
  12377. }
  12378. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled,
  12379. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:active,
  12380. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:focus,
  12381. [data-theme="kr-designer"] .el-button--success.is-plain.is-disabled:hover {
  12382. color: #a4da89;
  12383. background-color: #f0f9eb;
  12384. border-color: #e1f3d8;
  12385. }
  12386. [data-theme="kr-designer"] .el-button--warning {
  12387. color: #fff;
  12388. background-color: #e6a23c;
  12389. border-color: #e6a23c;
  12390. }
  12391. [data-theme="kr-designer"] .el-button--warning:focus,
  12392. [data-theme="kr-designer"] .el-button--warning:hover {
  12393. background: #ebb563;
  12394. border-color: #ebb563;
  12395. color: #fff;
  12396. }
  12397. [data-theme="kr-designer"] .el-button--warning:active {
  12398. background: #cf9236;
  12399. border-color: #cf9236;
  12400. color: #fff;
  12401. outline: 0;
  12402. }
  12403. [data-theme="kr-designer"] .el-button--warning.is-active {
  12404. background: #cf9236;
  12405. border-color: #cf9236;
  12406. color: #fff;
  12407. }
  12408. [data-theme="kr-designer"] .el-button--warning.is-disabled,
  12409. [data-theme="kr-designer"] .el-button--warning.is-disabled:active,
  12410. [data-theme="kr-designer"] .el-button--warning.is-disabled:focus,
  12411. [data-theme="kr-designer"] .el-button--warning.is-disabled:hover {
  12412. color: #fff;
  12413. background-color: #f3d19e;
  12414. border-color: #f3d19e;
  12415. }
  12416. [data-theme="kr-designer"] .el-button--warning.is-plain {
  12417. color: #e6a23c;
  12418. background: #fdf6ec;
  12419. border-color: #f5dab1;
  12420. }
  12421. [data-theme="kr-designer"] .el-button--warning.is-plain:focus,
  12422. [data-theme="kr-designer"] .el-button--warning.is-plain:hover {
  12423. background: #e6a23c;
  12424. border-color: #e6a23c;
  12425. color: #fff;
  12426. }
  12427. [data-theme="kr-designer"] .el-button--warning.is-plain:active {
  12428. background: #cf9236;
  12429. border-color: #cf9236;
  12430. color: #fff;
  12431. outline: 0;
  12432. }
  12433. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled,
  12434. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:active,
  12435. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:focus,
  12436. [data-theme="kr-designer"] .el-button--warning.is-plain.is-disabled:hover {
  12437. color: #f0c78a;
  12438. background-color: #fdf6ec;
  12439. border-color: #faecd8;
  12440. }
  12441. [data-theme="kr-designer"] .el-button--danger {
  12442. color: #fff;
  12443. background-color: #f56c6c;
  12444. border-color: #f56c6c;
  12445. }
  12446. [data-theme="kr-designer"] .el-button--danger:focus,
  12447. [data-theme="kr-designer"] .el-button--danger:hover {
  12448. background: #f78989;
  12449. border-color: #f78989;
  12450. color: #fff;
  12451. }
  12452. [data-theme="kr-designer"] .el-button--danger:active {
  12453. background: #dd6161;
  12454. border-color: #dd6161;
  12455. color: #fff;
  12456. outline: 0;
  12457. }
  12458. [data-theme="kr-designer"] .el-button--danger.is-active {
  12459. background: #dd6161;
  12460. border-color: #dd6161;
  12461. color: #fff;
  12462. }
  12463. [data-theme="kr-designer"] .el-button--danger.is-disabled,
  12464. [data-theme="kr-designer"] .el-button--danger.is-disabled:active,
  12465. [data-theme="kr-designer"] .el-button--danger.is-disabled:focus,
  12466. [data-theme="kr-designer"] .el-button--danger.is-disabled:hover {
  12467. color: #fff;
  12468. background-color: #fab6b6;
  12469. border-color: #fab6b6;
  12470. }
  12471. [data-theme="kr-designer"] .el-button--danger.is-plain {
  12472. color: #f56c6c;
  12473. background: #fef0f0;
  12474. border-color: #fbc4c4;
  12475. }
  12476. [data-theme="kr-designer"] .el-button--danger.is-plain:focus,
  12477. [data-theme="kr-designer"] .el-button--danger.is-plain:hover {
  12478. background: #f56c6c;
  12479. border-color: #f56c6c;
  12480. color: #fff;
  12481. }
  12482. [data-theme="kr-designer"] .el-button--danger.is-plain:active {
  12483. background: #dd6161;
  12484. border-color: #dd6161;
  12485. color: #fff;
  12486. outline: 0;
  12487. }
  12488. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled,
  12489. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:active,
  12490. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:focus,
  12491. [data-theme="kr-designer"] .el-button--danger.is-plain.is-disabled:hover {
  12492. color: #f9a7a7;
  12493. background-color: #fef0f0;
  12494. border-color: #fde2e2;
  12495. }
  12496. [data-theme="kr-designer"] .el-button--info {
  12497. color: #fff;
  12498. background-color: #909399;
  12499. border-color: #909399;
  12500. }
  12501. [data-theme="kr-designer"] .el-button--info:focus,
  12502. [data-theme="kr-designer"] .el-button--info:hover {
  12503. background: #a6a9ad;
  12504. border-color: #a6a9ad;
  12505. color: #fff;
  12506. }
  12507. [data-theme="kr-designer"] .el-button--info:active {
  12508. background: #82848a;
  12509. border-color: #82848a;
  12510. color: #fff;
  12511. outline: 0;
  12512. }
  12513. [data-theme="kr-designer"] .el-button--info.is-active {
  12514. background: #82848a;
  12515. border-color: #82848a;
  12516. color: #fff;
  12517. }
  12518. [data-theme="kr-designer"] .el-button--info.is-disabled,
  12519. [data-theme="kr-designer"] .el-button--info.is-disabled:active,
  12520. [data-theme="kr-designer"] .el-button--info.is-disabled:focus,
  12521. [data-theme="kr-designer"] .el-button--info.is-disabled:hover {
  12522. color: #fff;
  12523. background-color: #c8c9cc;
  12524. border-color: #c8c9cc;
  12525. }
  12526. [data-theme="kr-designer"] .el-button--info.is-plain {
  12527. color: #909399;
  12528. background: #f4f4f5;
  12529. border-color: #d3d4d6;
  12530. }
  12531. [data-theme="kr-designer"] .el-button--info.is-plain:focus,
  12532. [data-theme="kr-designer"] .el-button--info.is-plain:hover {
  12533. background: #909399;
  12534. border-color: #909399;
  12535. color: #fff;
  12536. }
  12537. [data-theme="kr-designer"] .el-button--info.is-plain:active {
  12538. background: #82848a;
  12539. border-color: #82848a;
  12540. color: #fff;
  12541. outline: 0;
  12542. }
  12543. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled,
  12544. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:active,
  12545. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:focus,
  12546. [data-theme="kr-designer"] .el-button--info.is-plain.is-disabled:hover {
  12547. color: #bcbec2;
  12548. background-color: #f4f4f5;
  12549. border-color: #e9e9eb;
  12550. }
  12551. [data-theme="kr-designer"] .el-button--medium {
  12552. padding: 10px 20px;
  12553. font-size: 14px;
  12554. border-radius: 4px;
  12555. }
  12556. [data-theme="kr-designer"] .el-button--medium.is-round {
  12557. padding: 10px 20px;
  12558. }
  12559. [data-theme="kr-designer"] .el-button--medium.is-circle {
  12560. padding: 10px;
  12561. }
  12562. [data-theme="kr-designer"] .el-button--small {
  12563. padding: 9px 15px;
  12564. font-size: 12px;
  12565. border-radius: 3px;
  12566. }
  12567. [data-theme="kr-designer"] .el-button--small.is-round {
  12568. padding: 9px 15px;
  12569. }
  12570. [data-theme="kr-designer"] .el-button--small.is-circle {
  12571. padding: 9px;
  12572. }
  12573. [data-theme="kr-designer"] .el-button--mini {
  12574. padding: 7px 15px;
  12575. font-size: 12px;
  12576. border-radius: 3px;
  12577. }
  12578. [data-theme="kr-designer"] .el-button--mini.is-round {
  12579. padding: 7px 15px;
  12580. }
  12581. [data-theme="kr-designer"] .el-button--mini.is-circle {
  12582. padding: 7px;
  12583. }
  12584. [data-theme="kr-designer"] .el-button--text {
  12585. border-color: transparent;
  12586. color: #409eff;
  12587. background: 0 0;
  12588. padding-left: 0;
  12589. padding-right: 0;
  12590. }
  12591. [data-theme="kr-designer"] .el-button--text:focus,
  12592. [data-theme="kr-designer"] .el-button--text:hover {
  12593. color: #66b1ff;
  12594. border-color: transparent;
  12595. background-color: transparent;
  12596. }
  12597. [data-theme="kr-designer"] .el-button--text:active {
  12598. color: #3a8ee6;
  12599. border-color: transparent;
  12600. background-color: transparent;
  12601. }
  12602. [data-theme="kr-designer"] .el-button--text.is-disabled,
  12603. [data-theme="kr-designer"] .el-button--text.is-disabled:focus,
  12604. [data-theme="kr-designer"] .el-button--text.is-disabled:hover {
  12605. border-color: transparent;
  12606. }
  12607. [data-theme="kr-designer"] .el-button-group {
  12608. display: inline-block;
  12609. vertical-align: middle;
  12610. }
  12611. [data-theme="kr-designer"] .el-button-group::after,
  12612. [data-theme="kr-designer"] .el-button-group::before {
  12613. display: table;
  12614. content: "";
  12615. }
  12616. [data-theme="kr-designer"] .el-button-group::after {
  12617. clear: both;
  12618. }
  12619. [data-theme="kr-designer"] .el-button-group > .el-button {
  12620. float: left;
  12621. position: relative;
  12622. }
  12623. [data-theme="kr-designer"] .el-button-group > .el-button + .el-button {
  12624. margin-left: 0;
  12625. }
  12626. [data-theme="kr-designer"] .el-button-group > .el-button.is-disabled {
  12627. z-index: 1;
  12628. }
  12629. [data-theme="kr-designer"] .el-button-group > .el-button:first-child {
  12630. border-top-right-radius: 0;
  12631. border-bottom-right-radius: 0;
  12632. }
  12633. [data-theme="kr-designer"] .el-button-group > .el-button:last-child {
  12634. border-top-left-radius: 0;
  12635. border-bottom-left-radius: 0;
  12636. }
  12637. [data-theme="kr-designer"]
  12638. .el-button-group
  12639. > .el-button:first-child:last-child {
  12640. border-radius: 4px;
  12641. }
  12642. [data-theme="kr-designer"]
  12643. .el-button-group
  12644. > .el-button:first-child:last-child.is-round {
  12645. border-radius: 20px;
  12646. }
  12647. [data-theme="kr-designer"]
  12648. .el-button-group
  12649. > .el-button:first-child:last-child.is-circle {
  12650. border-radius: 50%;
  12651. }
  12652. [data-theme="kr-designer"]
  12653. .el-button-group
  12654. > .el-button:not(:first-child):not(:last-child) {
  12655. border-radius: 0;
  12656. }
  12657. [data-theme="kr-designer"] .el-button-group > .el-button.is-active,
  12658. [data-theme="kr-designer"] .el-button-group > .el-button:active,
  12659. [data-theme="kr-designer"] .el-button-group > .el-button:focus,
  12660. [data-theme="kr-designer"] .el-button-group > .el-button:hover {
  12661. z-index: 1;
  12662. }
  12663. [data-theme="kr-designer"] .el-button-group > .el-dropdown > .el-button {
  12664. border-top-left-radius: 0;
  12665. border-bottom-left-radius: 0;
  12666. border-left-color: rgba(255, 255, 255, 0.5);
  12667. }
  12668. [data-theme="kr-designer"] .el-button-group .el-button--primary:first-child {
  12669. border-right-color: rgba(255, 255, 255, 0.5);
  12670. }
  12671. [data-theme="kr-designer"] .el-button-group .el-button--primary:last-child {
  12672. border-left-color: rgba(255, 255, 255, 0.5);
  12673. }
  12674. [data-theme="kr-designer"]
  12675. .el-button-group
  12676. .el-button--primary:not(:first-child):not(:last-child) {
  12677. border-left-color: rgba(255, 255, 255, 0.5);
  12678. border-right-color: rgba(255, 255, 255, 0.5);
  12679. }
  12680. [data-theme="kr-designer"] .el-button-group .el-button--success:first-child {
  12681. border-right-color: rgba(255, 255, 255, 0.5);
  12682. }
  12683. [data-theme="kr-designer"] .el-button-group .el-button--success:last-child {
  12684. border-left-color: rgba(255, 255, 255, 0.5);
  12685. }
  12686. [data-theme="kr-designer"]
  12687. .el-button-group
  12688. .el-button--success:not(:first-child):not(:last-child) {
  12689. border-left-color: rgba(255, 255, 255, 0.5);
  12690. border-right-color: rgba(255, 255, 255, 0.5);
  12691. }
  12692. [data-theme="kr-designer"] .el-button-group .el-button--warning:first-child {
  12693. border-right-color: rgba(255, 255, 255, 0.5);
  12694. }
  12695. [data-theme="kr-designer"] .el-button-group .el-button--warning:last-child {
  12696. border-left-color: rgba(255, 255, 255, 0.5);
  12697. }
  12698. [data-theme="kr-designer"]
  12699. .el-button-group
  12700. .el-button--warning:not(:first-child):not(:last-child) {
  12701. border-left-color: rgba(255, 255, 255, 0.5);
  12702. border-right-color: rgba(255, 255, 255, 0.5);
  12703. }
  12704. [data-theme="kr-designer"] .el-button-group .el-button--danger:first-child {
  12705. border-right-color: rgba(255, 255, 255, 0.5);
  12706. }
  12707. [data-theme="kr-designer"] .el-button-group .el-button--danger:last-child {
  12708. border-left-color: rgba(255, 255, 255, 0.5);
  12709. }
  12710. [data-theme="kr-designer"]
  12711. .el-button-group
  12712. .el-button--danger:not(:first-child):not(:last-child) {
  12713. border-left-color: rgba(255, 255, 255, 0.5);
  12714. border-right-color: rgba(255, 255, 255, 0.5);
  12715. }
  12716. [data-theme="kr-designer"] .el-button-group .el-button--info:first-child {
  12717. border-right-color: rgba(255, 255, 255, 0.5);
  12718. }
  12719. [data-theme="kr-designer"] .el-button-group .el-button--info:last-child {
  12720. border-left-color: rgba(255, 255, 255, 0.5);
  12721. }
  12722. [data-theme="kr-designer"]
  12723. .el-button-group
  12724. .el-button--info:not(:first-child):not(:last-child) {
  12725. border-left-color: rgba(255, 255, 255, 0.5);
  12726. border-right-color: rgba(255, 255, 255, 0.5);
  12727. }
  12728. [data-theme="kr-designer"] .el-calendar {
  12729. background-color: #fff;
  12730. }
  12731. .el-calendar__header {
  12732. display: -webkit-box;
  12733. display: -ms-flexbox;
  12734. display: flex;
  12735. -webkit-box-pack: justify;
  12736. -ms-flex-pack: justify;
  12737. justify-content: space-between;
  12738. padding: 12px 20px;
  12739. border-bottom: 1px solid #ebeef5;
  12740. }
  12741. .el-calendar__title {
  12742. color: #000;
  12743. -ms-flex-item-align: center;
  12744. align-self: center;
  12745. }
  12746. .el-calendar__body {
  12747. padding: 12px 20px 35px;
  12748. }
  12749. [data-theme="kr-designer"] .el-calendar-table {
  12750. table-layout: fixed;
  12751. width: 100%;
  12752. }
  12753. [data-theme="kr-designer"] .el-calendar-table thead th {
  12754. padding: 12px 0;
  12755. color: #606266;
  12756. font-weight: 400;
  12757. }
  12758. [data-theme="kr-designer"] .el-calendar-table:not(.is-range) td.next,
  12759. [data-theme="kr-designer"] .el-calendar-table:not(.is-range) td.prev {
  12760. color: #c0c4cc;
  12761. }
  12762. [data-theme="kr-designer"] .el-calendar-table td {
  12763. border-bottom: 1px solid #ebeef5;
  12764. border-right: 1px solid #ebeef5;
  12765. vertical-align: top;
  12766. -webkit-transition: background-color 0.2s ease;
  12767. transition: background-color 0.2s ease;
  12768. }
  12769. [data-theme="kr-designer"] .el-calendar-table td.is-selected {
  12770. background-color: #f2f8fe;
  12771. }
  12772. [data-theme="kr-designer"] .el-calendar-table td.is-today {
  12773. color: #409eff;
  12774. }
  12775. [data-theme="kr-designer"] .el-calendar-table tr:first-child td {
  12776. border-top: 1px solid #ebeef5;
  12777. }
  12778. [data-theme="kr-designer"] .el-calendar-table tr td:first-child {
  12779. border-left: 1px solid #ebeef5;
  12780. }
  12781. [data-theme="kr-designer"]
  12782. .el-calendar-table
  12783. tr.el-calendar-table__row--hide-border
  12784. td {
  12785. border-top: none;
  12786. }
  12787. [data-theme="kr-designer"] .el-calendar-table .el-calendar-day {
  12788. -webkit-box-sizing: border-box;
  12789. box-sizing: border-box;
  12790. padding: 8px;
  12791. height: 85px;
  12792. }
  12793. [data-theme="kr-designer"] .el-calendar-table .el-calendar-day:hover {
  12794. cursor: pointer;
  12795. background-color: #f2f8fe;
  12796. }
  12797. [data-theme="kr-designer"] .el-backtop {
  12798. position: fixed;
  12799. background-color: #fff;
  12800. width: 40px;
  12801. height: 40px;
  12802. border-radius: 50%;
  12803. color: #409eff;
  12804. display: -webkit-box;
  12805. display: -ms-flexbox;
  12806. display: flex;
  12807. -webkit-box-align: center;
  12808. -ms-flex-align: center;
  12809. align-items: center;
  12810. -webkit-box-pack: center;
  12811. -ms-flex-pack: center;
  12812. justify-content: center;
  12813. font-size: 20px;
  12814. -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  12815. box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  12816. cursor: pointer;
  12817. z-index: 5;
  12818. }
  12819. [data-theme="kr-designer"] .el-backtop:hover {
  12820. background-color: #f2f6fc;
  12821. }
  12822. [data-theme="kr-designer"] .el-page-header {
  12823. display: -webkit-box;
  12824. display: -ms-flexbox;
  12825. display: flex;
  12826. line-height: 24px;
  12827. }
  12828. .el-page-header__left {
  12829. display: -webkit-box;
  12830. display: -ms-flexbox;
  12831. display: flex;
  12832. cursor: pointer;
  12833. margin-right: 40px;
  12834. position: relative;
  12835. }
  12836. .el-page-header__left::after {
  12837. content: "";
  12838. position: absolute;
  12839. width: 1px;
  12840. height: 16px;
  12841. right: -20px;
  12842. top: 50%;
  12843. -webkit-transform: translateY(-50%);
  12844. transform: translateY(-50%);
  12845. background-color: #dcdfe6;
  12846. }
  12847. .el-page-header__left .el-icon-back {
  12848. font-size: 18px;
  12849. margin-right: 6px;
  12850. -ms-flex-item-align: center;
  12851. align-self: center;
  12852. }
  12853. .el-page-header__title {
  12854. font-size: 14px;
  12855. font-weight: 500;
  12856. }
  12857. .el-page-header__content {
  12858. font-size: 18px;
  12859. color: #303133;
  12860. }
  12861. [data-theme="kr-designer"] .el-checkbox {
  12862. color: #606266;
  12863. font-weight: 500;
  12864. font-size: 14px;
  12865. position: relative;
  12866. cursor: pointer;
  12867. display: inline-block;
  12868. white-space: nowrap;
  12869. -webkit-user-select: none;
  12870. user-select: none;
  12871. margin-right: 30px;
  12872. }
  12873. [data-theme="kr-designer"] .el-checkbox.is-bordered {
  12874. padding: 9px 20px 9px 10px;
  12875. border-radius: 4px;
  12876. border: 1px solid #dcdfe6;
  12877. -webkit-box-sizing: border-box;
  12878. box-sizing: border-box;
  12879. line-height: normal;
  12880. height: 40px;
  12881. }
  12882. [data-theme="kr-designer"] .el-checkbox.is-bordered.is-checked {
  12883. border-color: #409eff;
  12884. }
  12885. [data-theme="kr-designer"] .el-checkbox.is-bordered.is-disabled {
  12886. border-color: #ebeef5;
  12887. cursor: not-allowed;
  12888. }
  12889. [data-theme="kr-designer"] .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  12890. margin-left: 10px;
  12891. }
  12892. [data-theme="kr-designer"] .el-checkbox.is-bordered.el-checkbox--medium {
  12893. padding: 7px 20px 7px 10px;
  12894. border-radius: 4px;
  12895. height: 36px;
  12896. }
  12897. [data-theme="kr-designer"]
  12898. .el-checkbox.is-bordered.el-checkbox--medium
  12899. .el-checkbox__label {
  12900. line-height: 17px;
  12901. font-size: 14px;
  12902. }
  12903. [data-theme="kr-designer"]
  12904. .el-checkbox.is-bordered.el-checkbox--medium
  12905. .el-checkbox__inner {
  12906. height: 14px;
  12907. width: 14px;
  12908. }
  12909. [data-theme="kr-designer"] .el-checkbox.is-bordered.el-checkbox--small {
  12910. padding: 5px 15px 5px 10px;
  12911. border-radius: 3px;
  12912. height: 32px;
  12913. }
  12914. [data-theme="kr-designer"]
  12915. .el-checkbox.is-bordered.el-checkbox--small
  12916. .el-checkbox__label {
  12917. line-height: 15px;
  12918. font-size: 12px;
  12919. }
  12920. [data-theme="kr-designer"]
  12921. .el-checkbox.is-bordered.el-checkbox--small
  12922. .el-checkbox__inner {
  12923. height: 12px;
  12924. width: 12px;
  12925. }
  12926. [data-theme="kr-designer"]
  12927. .el-checkbox.is-bordered.el-checkbox--small
  12928. .el-checkbox__inner::after {
  12929. height: 6px;
  12930. width: 2px;
  12931. }
  12932. [data-theme="kr-designer"] .el-checkbox.is-bordered.el-checkbox--mini {
  12933. padding: 3px 15px 3px 10px;
  12934. border-radius: 3px;
  12935. height: 28px;
  12936. }
  12937. [data-theme="kr-designer"]
  12938. .el-checkbox.is-bordered.el-checkbox--mini
  12939. .el-checkbox__label {
  12940. line-height: 12px;
  12941. font-size: 12px;
  12942. }
  12943. [data-theme="kr-designer"]
  12944. .el-checkbox.is-bordered.el-checkbox--mini
  12945. .el-checkbox__inner {
  12946. height: 12px;
  12947. width: 12px;
  12948. }
  12949. [data-theme="kr-designer"]
  12950. .el-checkbox.is-bordered.el-checkbox--mini
  12951. .el-checkbox__inner::after {
  12952. height: 6px;
  12953. width: 2px;
  12954. }
  12955. .el-checkbox__input {
  12956. white-space: nowrap;
  12957. cursor: pointer;
  12958. outline: 0;
  12959. display: inline-block;
  12960. line-height: 1;
  12961. position: relative;
  12962. vertical-align: middle;
  12963. }
  12964. .el-checkbox__input.is-disabled .el-checkbox__inner {
  12965. background-color: #edf2fc;
  12966. border-color: #dcdfe6;
  12967. cursor: not-allowed;
  12968. }
  12969. .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  12970. cursor: not-allowed;
  12971. border-color: #c0c4cc;
  12972. }
  12973. .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  12974. cursor: not-allowed;
  12975. }
  12976. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  12977. background-color: #f2f6fc;
  12978. border-color: #dcdfe6;
  12979. }
  12980. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  12981. border-color: #c0c4cc;
  12982. }
  12983. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  12984. background-color: #f2f6fc;
  12985. border-color: #dcdfe6;
  12986. }
  12987. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  12988. background-color: #c0c4cc;
  12989. border-color: #c0c4cc;
  12990. }
  12991. .el-checkbox__input.is-checked .el-checkbox__inner,
  12992. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  12993. background-color: #409eff;
  12994. border-color: #409eff;
  12995. }
  12996. .el-checkbox__input.is-disabled + span.el-checkbox__label {
  12997. color: #c0c4cc;
  12998. cursor: not-allowed;
  12999. }
  13000. .el-checkbox__input.is-checked .el-checkbox__inner::after {
  13001. -webkit-transform: rotate(45deg) scaleY(1);
  13002. transform: rotate(45deg) scaleY(1);
  13003. }
  13004. .el-checkbox__input.is-checked + .el-checkbox__label {
  13005. color: #409eff;
  13006. }
  13007. .el-checkbox__input.is-focus .el-checkbox__inner {
  13008. border-color: #409eff;
  13009. }
  13010. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  13011. content: "";
  13012. position: absolute;
  13013. display: block;
  13014. background-color: #fff;
  13015. height: 2px;
  13016. -webkit-transform: scale(0.5);
  13017. transform: scale(0.5);
  13018. left: 0;
  13019. right: 0;
  13020. top: 5px;
  13021. }
  13022. .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  13023. display: none;
  13024. }
  13025. .el-checkbox__inner {
  13026. display: inline-block;
  13027. position: relative;
  13028. border: 1px solid #dcdfe6;
  13029. border-radius: 2px;
  13030. -webkit-box-sizing: border-box;
  13031. box-sizing: border-box;
  13032. width: 14px;
  13033. height: 14px;
  13034. background-color: #fff;
  13035. z-index: 1;
  13036. -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
  13037. background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  13038. transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
  13039. background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  13040. }
  13041. .el-checkbox__inner:hover {
  13042. border-color: #409eff;
  13043. }
  13044. .el-checkbox__inner::after {
  13045. -webkit-box-sizing: content-box;
  13046. box-sizing: content-box;
  13047. content: "";
  13048. border: 1px solid #fff;
  13049. border-left: 0;
  13050. border-top: 0;
  13051. height: 7px;
  13052. left: 4px;
  13053. position: absolute;
  13054. top: 1px;
  13055. -webkit-transform: rotate(45deg) scaleY(0);
  13056. transform: rotate(45deg) scaleY(0);
  13057. width: 3px;
  13058. -webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
  13059. transition: -webkit-transform 0.15s ease-in 0.05s;
  13060. transition: transform 0.15s ease-in 0.05s;
  13061. transition: transform 0.15s ease-in 0.05s,
  13062. -webkit-transform 0.15s ease-in 0.05s;
  13063. -webkit-transform-origin: center;
  13064. transform-origin: center;
  13065. }
  13066. .el-checkbox__original {
  13067. opacity: 0;
  13068. outline: 0;
  13069. position: absolute;
  13070. margin: 0;
  13071. width: 0;
  13072. height: 0;
  13073. z-index: -1;
  13074. }
  13075. .el-checkbox-button__inner,
  13076. [data-theme="kr-designer"] .el-checkbox-button {
  13077. position: relative;
  13078. display: inline-block;
  13079. }
  13080. .el-checkbox__label {
  13081. display: inline-block;
  13082. padding-left: 10px;
  13083. line-height: 19px;
  13084. font-size: 14px;
  13085. }
  13086. [data-theme="kr-designer"] .el-checkbox:last-of-type {
  13087. margin-right: 0;
  13088. }
  13089. .el-checkbox-button__inner {
  13090. line-height: 1;
  13091. font-weight: 500;
  13092. white-space: nowrap;
  13093. vertical-align: middle;
  13094. cursor: pointer;
  13095. background: #fff;
  13096. border: 1px solid #dcdfe6;
  13097. border-left: 0;
  13098. color: #606266;
  13099. -webkit-appearance: none;
  13100. text-align: center;
  13101. -webkit-box-sizing: border-box;
  13102. box-sizing: border-box;
  13103. outline: 0;
  13104. margin: 0;
  13105. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  13106. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  13107. -webkit-user-select: none;
  13108. padding: 12px 20px;
  13109. font-size: 14px;
  13110. border-radius: 0;
  13111. }
  13112. .el-checkbox-button__inner.is-round {
  13113. padding: 12px 20px;
  13114. }
  13115. .el-checkbox-button__inner:hover {
  13116. color: #409eff;
  13117. }
  13118. .el-checkbox-button__inner [class*="el-icon-"] {
  13119. line-height: 0.9;
  13120. }
  13121. .el-checkbox-button__inner [class*="el-icon-"] + span {
  13122. margin-left: 5px;
  13123. }
  13124. .el-checkbox-button__original {
  13125. opacity: 0;
  13126. outline: 0;
  13127. position: absolute;
  13128. margin: 0;
  13129. z-index: -1;
  13130. }
  13131. [data-theme="kr-designer"]
  13132. .el-checkbox-button.is-checked
  13133. .el-checkbox-button__inner {
  13134. color: #fff;
  13135. background-color: #409eff;
  13136. border-color: #409eff;
  13137. -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
  13138. box-shadow: -1px 0 0 0 #8cc5ff;
  13139. }
  13140. [data-theme="kr-designer"]
  13141. .el-checkbox-button.is-checked:first-child
  13142. .el-checkbox-button__inner {
  13143. border-left-color: #409eff;
  13144. }
  13145. [data-theme="kr-designer"]
  13146. .el-checkbox-button.is-disabled
  13147. .el-checkbox-button__inner {
  13148. color: #c0c4cc;
  13149. cursor: not-allowed;
  13150. background-image: none;
  13151. background-color: #fff;
  13152. border-color: #ebeef5;
  13153. -webkit-box-shadow: none;
  13154. box-shadow: none;
  13155. }
  13156. [data-theme="kr-designer"]
  13157. .el-checkbox-button.is-disabled:first-child
  13158. .el-checkbox-button__inner {
  13159. border-left-color: #ebeef5;
  13160. }
  13161. [data-theme="kr-designer"]
  13162. .el-checkbox-button:first-child
  13163. .el-checkbox-button__inner {
  13164. border-left: 1px solid #dcdfe6;
  13165. border-radius: 4px 0 0 4px;
  13166. -webkit-box-shadow: none !important;
  13167. box-shadow: none !important;
  13168. }
  13169. [data-theme="kr-designer"]
  13170. .el-checkbox-button.is-focus
  13171. .el-checkbox-button__inner {
  13172. border-color: #409eff;
  13173. }
  13174. [data-theme="kr-designer"]
  13175. .el-checkbox-button:last-child
  13176. .el-checkbox-button__inner {
  13177. border-radius: 0 4px 4px 0;
  13178. }
  13179. [data-theme="kr-designer"]
  13180. .el-checkbox-button--medium
  13181. .el-checkbox-button__inner {
  13182. padding: 10px 20px;
  13183. font-size: 14px;
  13184. border-radius: 0;
  13185. }
  13186. [data-theme="kr-designer"]
  13187. .el-checkbox-button--medium
  13188. .el-checkbox-button__inner.is-round {
  13189. padding: 10px 20px;
  13190. }
  13191. [data-theme="kr-designer"]
  13192. .el-checkbox-button--small
  13193. .el-checkbox-button__inner {
  13194. padding: 9px 15px;
  13195. font-size: 12px;
  13196. border-radius: 0;
  13197. }
  13198. [data-theme="kr-designer"]
  13199. .el-checkbox-button--small
  13200. .el-checkbox-button__inner.is-round {
  13201. padding: 9px 15px;
  13202. }
  13203. [data-theme="kr-designer"]
  13204. .el-checkbox-button--mini
  13205. .el-checkbox-button__inner {
  13206. padding: 7px 15px;
  13207. font-size: 12px;
  13208. border-radius: 0;
  13209. }
  13210. [data-theme="kr-designer"]
  13211. .el-checkbox-button--mini
  13212. .el-checkbox-button__inner.is-round {
  13213. padding: 7px 15px;
  13214. }
  13215. [data-theme="kr-designer"] .el-checkbox-group {
  13216. font-size: 0;
  13217. }
  13218. [data-theme="kr-designer"] .el-radio {
  13219. color: #606266;
  13220. font-weight: 500;
  13221. line-height: 1;
  13222. position: relative;
  13223. cursor: pointer;
  13224. display: inline-block;
  13225. white-space: nowrap;
  13226. outline: 0;
  13227. font-size: 14px;
  13228. margin-right: 30px;
  13229. -moz-user-select: none;
  13230. -webkit-user-select: none;
  13231. -ms-user-select: none;
  13232. }
  13233. [data-theme="kr-designer"] .el-cascader-node > .el-radio,
  13234. [data-theme="kr-designer"] .el-radio:last-child {
  13235. margin-right: 0;
  13236. }
  13237. [data-theme="kr-designer"] .el-radio.is-bordered {
  13238. padding: 12px 20px 0 10px;
  13239. border-radius: 4px;
  13240. border: 1px solid #dcdfe6;
  13241. -webkit-box-sizing: border-box;
  13242. box-sizing: border-box;
  13243. height: 40px;
  13244. }
  13245. [data-theme="kr-designer"] .el-radio.is-bordered.is-checked {
  13246. border-color: #409eff;
  13247. }
  13248. [data-theme="kr-designer"] .el-radio.is-bordered.is-disabled {
  13249. cursor: not-allowed;
  13250. border-color: #ebeef5;
  13251. }
  13252. .el-radio__input.is-disabled .el-radio__inner,
  13253. .el-radio__input.is-disabled.is-checked .el-radio__inner {
  13254. background-color: #f5f7fa;
  13255. border-color: #e4e7ed;
  13256. }
  13257. [data-theme="kr-designer"] .el-radio.is-bordered + .el-radio.is-bordered {
  13258. margin-left: 10px;
  13259. }
  13260. [data-theme="kr-designer"] .el-radio--medium.is-bordered {
  13261. padding: 10px 20px 0 10px;
  13262. border-radius: 4px;
  13263. height: 36px;
  13264. }
  13265. [data-theme="kr-designer"] .el-radio--medium.is-bordered .el-radio__label {
  13266. font-size: 14px;
  13267. }
  13268. [data-theme="kr-designer"] .el-radio--mini.is-bordered .el-radio__label,
  13269. [data-theme="kr-designer"] .el-radio--small.is-bordered .el-radio__label {
  13270. font-size: 12px;
  13271. }
  13272. [data-theme="kr-designer"] .el-radio--medium.is-bordered .el-radio__inner {
  13273. height: 14px;
  13274. width: 14px;
  13275. }
  13276. [data-theme="kr-designer"] .el-radio--small.is-bordered {
  13277. padding: 8px 15px 0 10px;
  13278. border-radius: 3px;
  13279. height: 32px;
  13280. }
  13281. [data-theme="kr-designer"] .el-radio--small.is-bordered .el-radio__inner {
  13282. height: 12px;
  13283. width: 12px;
  13284. }
  13285. [data-theme="kr-designer"] .el-radio--mini.is-bordered {
  13286. padding: 6px 15px 0 10px;
  13287. border-radius: 3px;
  13288. height: 28px;
  13289. }
  13290. [data-theme="kr-designer"] .el-radio--mini.is-bordered .el-radio__inner {
  13291. height: 12px;
  13292. width: 12px;
  13293. }
  13294. .el-radio__input {
  13295. white-space: nowrap;
  13296. cursor: pointer;
  13297. outline: 0;
  13298. display: inline-block;
  13299. line-height: 1;
  13300. position: relative;
  13301. vertical-align: middle;
  13302. }
  13303. .el-radio__input.is-disabled .el-radio__inner {
  13304. cursor: not-allowed;
  13305. }
  13306. .el-radio__input.is-disabled .el-radio__inner::after {
  13307. cursor: not-allowed;
  13308. background-color: #f5f7fa;
  13309. }
  13310. .el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  13311. cursor: not-allowed;
  13312. }
  13313. .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  13314. background-color: #c0c4cc;
  13315. }
  13316. .el-radio__input.is-disabled + span.el-radio__label {
  13317. color: #c0c4cc;
  13318. cursor: not-allowed;
  13319. }
  13320. .el-radio__input.is-checked .el-radio__inner {
  13321. border-color: #409eff;
  13322. background: #409eff;
  13323. }
  13324. .el-radio__input.is-checked .el-radio__inner::after {
  13325. -webkit-transform: translate(-50%, -50%) scale(1);
  13326. transform: translate(-50%, -50%) scale(1);
  13327. }
  13328. .el-radio__input.is-checked + .el-radio__label {
  13329. color: #409eff;
  13330. }
  13331. .el-radio__input.is-focus .el-radio__inner {
  13332. border-color: #409eff;
  13333. }
  13334. .el-radio__inner {
  13335. border: 1px solid #dcdfe6;
  13336. border-radius: 100%;
  13337. width: 14px;
  13338. height: 14px;
  13339. background-color: #fff;
  13340. position: relative;
  13341. cursor: pointer;
  13342. display: inline-block;
  13343. -webkit-box-sizing: border-box;
  13344. box-sizing: border-box;
  13345. }
  13346. .el-radio__inner:hover {
  13347. border-color: #409eff;
  13348. }
  13349. .el-radio__inner::after {
  13350. width: 4px;
  13351. height: 4px;
  13352. border-radius: 100%;
  13353. background-color: #fff;
  13354. content: "";
  13355. position: absolute;
  13356. left: 50%;
  13357. top: 50%;
  13358. -webkit-transform: translate(-50%, -50%) scale(0);
  13359. transform: translate(-50%, -50%) scale(0);
  13360. -webkit-transition: -webkit-transform 0.15s ease-in;
  13361. transition: -webkit-transform 0.15s ease-in;
  13362. transition: transform 0.15s ease-in;
  13363. transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
  13364. }
  13365. .el-radio__original {
  13366. opacity: 0;
  13367. outline: 0;
  13368. position: absolute;
  13369. z-index: -1;
  13370. top: 0;
  13371. left: 0;
  13372. right: 0;
  13373. bottom: 0;
  13374. margin: 0;
  13375. }
  13376. [data-theme="kr-designer"]
  13377. .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled)
  13378. .el-radio__inner {
  13379. -webkit-box-shadow: 0 0 2px 2px #409eff;
  13380. box-shadow: 0 0 2px 2px #409eff;
  13381. }
  13382. .el-radio__label {
  13383. font-size: 14px;
  13384. padding-left: 10px;
  13385. }
  13386. [data-theme="kr-designer"] .el-scrollbar {
  13387. overflow: hidden;
  13388. position: relative;
  13389. }
  13390. [data-theme="kr-designer"] .el-scrollbar:active > .el-scrollbar__bar,
  13391. [data-theme="kr-designer"] .el-scrollbar:focus > .el-scrollbar__bar,
  13392. [data-theme="kr-designer"] .el-scrollbar:hover > .el-scrollbar__bar {
  13393. opacity: 1;
  13394. -webkit-transition: opacity 340ms ease-out;
  13395. transition: opacity 340ms ease-out;
  13396. }
  13397. .el-scrollbar__wrap {
  13398. overflow: scroll;
  13399. height: 100%;
  13400. }
  13401. .el-scrollbar__wrap--hidden-default {
  13402. scrollbar-width: none;
  13403. }
  13404. .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  13405. width: 0;
  13406. height: 0;
  13407. }
  13408. .el-scrollbar__thumb {
  13409. position: relative;
  13410. display: block;
  13411. width: 0;
  13412. height: 0;
  13413. cursor: pointer;
  13414. border-radius: inherit;
  13415. background-color: rgba(144, 147, 153, 0.3);
  13416. -webkit-transition: 0.3s background-color;
  13417. transition: 0.3s background-color;
  13418. }
  13419. .el-scrollbar__thumb:hover {
  13420. background-color: rgba(144, 147, 153, 0.5);
  13421. }
  13422. .el-scrollbar__bar {
  13423. position: absolute;
  13424. right: 2px;
  13425. bottom: 2px;
  13426. z-index: 1;
  13427. border-radius: 4px;
  13428. opacity: 0;
  13429. -webkit-transition: opacity 120ms ease-out;
  13430. transition: opacity 120ms ease-out;
  13431. }
  13432. .el-scrollbar__bar.is-vertical {
  13433. width: 6px;
  13434. top: 2px;
  13435. }
  13436. .el-scrollbar__bar.is-vertical > div {
  13437. width: 100%;
  13438. }
  13439. .el-scrollbar__bar.is-horizontal {
  13440. height: 6px;
  13441. left: 2px;
  13442. }
  13443. .el-scrollbar__bar.is-horizontal > div {
  13444. height: 100%;
  13445. }
  13446. [data-theme="kr-designer"] .el-cascader-panel {
  13447. display: -webkit-box;
  13448. display: -ms-flexbox;
  13449. display: flex;
  13450. border-radius: 4px;
  13451. font-size: 14px;
  13452. }
  13453. [data-theme="kr-designer"] .el-cascader-panel.is-bordered {
  13454. border: 1px solid #e4e7ed;
  13455. border-radius: 4px;
  13456. }
  13457. [data-theme="kr-designer"] .el-cascader-menu {
  13458. min-width: 180px;
  13459. -webkit-box-sizing: border-box;
  13460. box-sizing: border-box;
  13461. color: #606266;
  13462. border-right: solid 1px #e4e7ed;
  13463. }
  13464. [data-theme="kr-designer"] .el-cascader-menu:last-child {
  13465. border-right: none;
  13466. }
  13467. .el-cascader-menu__wrap {
  13468. height: 204px;
  13469. }
  13470. .el-cascader-menu__list {
  13471. position: relative;
  13472. min-height: 100%;
  13473. margin: 0;
  13474. padding: 6px 0;
  13475. list-style: none;
  13476. -webkit-box-sizing: border-box;
  13477. box-sizing: border-box;
  13478. }
  13479. .el-cascader-menu__hover-zone {
  13480. position: absolute;
  13481. top: 0;
  13482. left: 0;
  13483. width: 100%;
  13484. height: 100%;
  13485. pointer-events: none;
  13486. }
  13487. .el-cascader-menu__empty-text {
  13488. position: absolute;
  13489. top: 50%;
  13490. left: 50%;
  13491. -webkit-transform: translate(-50%, -50%);
  13492. transform: translate(-50%, -50%);
  13493. text-align: center;
  13494. color: #c0c4cc;
  13495. }
  13496. [data-theme="kr-designer"] .el-cascader-node {
  13497. position: relative;
  13498. display: -webkit-box;
  13499. display: -ms-flexbox;
  13500. display: flex;
  13501. -webkit-box-align: center;
  13502. -ms-flex-align: center;
  13503. align-items: center;
  13504. padding: 0 30px 0 20px;
  13505. height: 34px;
  13506. line-height: 34px;
  13507. outline: 0;
  13508. }
  13509. [data-theme="kr-designer"] .el-cascader-node.is-selectable.in-active-path {
  13510. color: #606266;
  13511. }
  13512. [data-theme="kr-designer"] .el-cascader-node.in-active-path,
  13513. [data-theme="kr-designer"] .el-cascader-node.is-active,
  13514. [data-theme="kr-designer"] .el-cascader-node.is-selectable.in-checked-path {
  13515. color: #409eff;
  13516. font-weight: 700;
  13517. }
  13518. [data-theme="kr-designer"] .el-cascader-node:not(.is-disabled) {
  13519. cursor: pointer;
  13520. }
  13521. [data-theme="kr-designer"] .el-cascader-node:not(.is-disabled):focus,
  13522. [data-theme="kr-designer"] .el-cascader-node:not(.is-disabled):hover {
  13523. background: #f5f7fa;
  13524. }
  13525. [data-theme="kr-designer"] .el-cascader-node.is-disabled {
  13526. color: #c0c4cc;
  13527. cursor: not-allowed;
  13528. }
  13529. .el-cascader-node__prefix {
  13530. position: absolute;
  13531. left: 10px;
  13532. }
  13533. .el-cascader-node__postfix {
  13534. position: absolute;
  13535. right: 10px;
  13536. }
  13537. .el-cascader-node__label {
  13538. -webkit-box-flex: 1;
  13539. -ms-flex: 1;
  13540. flex: 1;
  13541. padding: 0 10px;
  13542. white-space: nowrap;
  13543. overflow: hidden;
  13544. text-overflow: ellipsis;
  13545. }
  13546. [data-theme="kr-designer"] .el-cascader-node > .el-radio .el-radio__label {
  13547. padding-left: 0;
  13548. }
  13549. [data-theme="kr-designer"] .el-avatar {
  13550. display: inline-block;
  13551. -webkit-box-sizing: border-box;
  13552. box-sizing: border-box;
  13553. text-align: center;
  13554. overflow: hidden;
  13555. color: #fff;
  13556. background: #c0c4cc;
  13557. width: 40px;
  13558. height: 40px;
  13559. line-height: 40px;
  13560. font-size: 14px;
  13561. }
  13562. [data-theme="kr-designer"] .el-avatar > img {
  13563. display: block;
  13564. height: 100%;
  13565. vertical-align: middle;
  13566. }
  13567. [data-theme="kr-designer"] .el-avatar--circle {
  13568. border-radius: 50%;
  13569. }
  13570. [data-theme="kr-designer"] .el-avatar--square {
  13571. border-radius: 4px;
  13572. }
  13573. [data-theme="kr-designer"] .el-avatar--icon {
  13574. font-size: 18px;
  13575. }
  13576. [data-theme="kr-designer"] .el-avatar--large {
  13577. width: 40px;
  13578. height: 40px;
  13579. line-height: 40px;
  13580. }
  13581. [data-theme="kr-designer"] .el-avatar--medium {
  13582. width: 36px;
  13583. height: 36px;
  13584. line-height: 36px;
  13585. }
  13586. [data-theme="kr-designer"] .el-avatar--small {
  13587. width: 28px;
  13588. height: 28px;
  13589. line-height: 28px;
  13590. }
  13591. @-webkit-keyframes el-drawer-fade-in {
  13592. 0% {
  13593. opacity: 0;
  13594. }
  13595. 100% {
  13596. opacity: 1;
  13597. }
  13598. }
  13599. @keyframes el-drawer-fade-in {
  13600. 0% {
  13601. opacity: 0;
  13602. }
  13603. 100% {
  13604. opacity: 1;
  13605. }
  13606. }
  13607. @-webkit-keyframes rtl-drawer-in {
  13608. 0% {
  13609. -webkit-transform: translate(100%, 0);
  13610. transform: translate(100%, 0);
  13611. }
  13612. 100% {
  13613. -webkit-transform: translate(0, 0);
  13614. transform: translate(0, 0);
  13615. }
  13616. }
  13617. @keyframes rtl-drawer-in {
  13618. 0% {
  13619. -webkit-transform: translate(100%, 0);
  13620. transform: translate(100%, 0);
  13621. }
  13622. 100% {
  13623. -webkit-transform: translate(0, 0);
  13624. transform: translate(0, 0);
  13625. }
  13626. }
  13627. @-webkit-keyframes rtl-drawer-out {
  13628. 0% {
  13629. -webkit-transform: translate(0, 0);
  13630. transform: translate(0, 0);
  13631. }
  13632. 100% {
  13633. -webkit-transform: translate(100%, 0);
  13634. transform: translate(100%, 0);
  13635. }
  13636. }
  13637. @keyframes rtl-drawer-out {
  13638. 0% {
  13639. -webkit-transform: translate(0, 0);
  13640. transform: translate(0, 0);
  13641. }
  13642. 100% {
  13643. -webkit-transform: translate(100%, 0);
  13644. transform: translate(100%, 0);
  13645. }
  13646. }
  13647. @-webkit-keyframes ltr-drawer-in {
  13648. 0% {
  13649. -webkit-transform: translate(-100%, 0);
  13650. transform: translate(-100%, 0);
  13651. }
  13652. 100% {
  13653. -webkit-transform: translate(0, 0);
  13654. transform: translate(0, 0);
  13655. }
  13656. }
  13657. @keyframes ltr-drawer-in {
  13658. 0% {
  13659. -webkit-transform: translate(-100%, 0);
  13660. transform: translate(-100%, 0);
  13661. }
  13662. 100% {
  13663. -webkit-transform: translate(0, 0);
  13664. transform: translate(0, 0);
  13665. }
  13666. }
  13667. @-webkit-keyframes ltr-drawer-out {
  13668. 0% {
  13669. -webkit-transform: translate(0, 0);
  13670. transform: translate(0, 0);
  13671. }
  13672. 100% {
  13673. -webkit-transform: translate(-100%, 0);
  13674. transform: translate(-100%, 0);
  13675. }
  13676. }
  13677. @keyframes ltr-drawer-out {
  13678. 0% {
  13679. -webkit-transform: translate(0, 0);
  13680. transform: translate(0, 0);
  13681. }
  13682. 100% {
  13683. -webkit-transform: translate(-100%, 0);
  13684. transform: translate(-100%, 0);
  13685. }
  13686. }
  13687. @-webkit-keyframes ttb-drawer-in {
  13688. 0% {
  13689. -webkit-transform: translate(0, -100%);
  13690. transform: translate(0, -100%);
  13691. }
  13692. 100% {
  13693. -webkit-transform: translate(0, 0);
  13694. transform: translate(0, 0);
  13695. }
  13696. }
  13697. @keyframes ttb-drawer-in {
  13698. 0% {
  13699. -webkit-transform: translate(0, -100%);
  13700. transform: translate(0, -100%);
  13701. }
  13702. 100% {
  13703. -webkit-transform: translate(0, 0);
  13704. transform: translate(0, 0);
  13705. }
  13706. }
  13707. @-webkit-keyframes ttb-drawer-out {
  13708. 0% {
  13709. -webkit-transform: translate(0, 0);
  13710. transform: translate(0, 0);
  13711. }
  13712. 100% {
  13713. -webkit-transform: translate(0, -100%);
  13714. transform: translate(0, -100%);
  13715. }
  13716. }
  13717. @keyframes ttb-drawer-out {
  13718. 0% {
  13719. -webkit-transform: translate(0, 0);
  13720. transform: translate(0, 0);
  13721. }
  13722. 100% {
  13723. -webkit-transform: translate(0, -100%);
  13724. transform: translate(0, -100%);
  13725. }
  13726. }
  13727. @-webkit-keyframes btt-drawer-in {
  13728. 0% {
  13729. -webkit-transform: translate(0, 100%);
  13730. transform: translate(0, 100%);
  13731. }
  13732. 100% {
  13733. -webkit-transform: translate(0, 0);
  13734. transform: translate(0, 0);
  13735. }
  13736. }
  13737. @keyframes btt-drawer-in {
  13738. 0% {
  13739. -webkit-transform: translate(0, 100%);
  13740. transform: translate(0, 100%);
  13741. }
  13742. 100% {
  13743. -webkit-transform: translate(0, 0);
  13744. transform: translate(0, 0);
  13745. }
  13746. }
  13747. @-webkit-keyframes btt-drawer-out {
  13748. 0% {
  13749. -webkit-transform: translate(0, 0);
  13750. transform: translate(0, 0);
  13751. }
  13752. 100% {
  13753. -webkit-transform: translate(0, 100%);
  13754. transform: translate(0, 100%);
  13755. }
  13756. }
  13757. @keyframes btt-drawer-out {
  13758. 0% {
  13759. -webkit-transform: translate(0, 0);
  13760. transform: translate(0, 0);
  13761. }
  13762. 100% {
  13763. -webkit-transform: translate(0, 100%);
  13764. transform: translate(0, 100%);
  13765. }
  13766. }
  13767. [data-theme="kr-designer"] .el-drawer {
  13768. position: absolute;
  13769. -webkit-box-sizing: border-box;
  13770. box-sizing: border-box;
  13771. background-color: #fff;
  13772. display: -webkit-box;
  13773. display: -ms-flexbox;
  13774. display: flex;
  13775. -webkit-box-orient: vertical;
  13776. -webkit-box-direction: normal;
  13777. -ms-flex-direction: column;
  13778. flex-direction: column;
  13779. -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2),
  13780. 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  13781. box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2),
  13782. 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  13783. overflow: hidden;
  13784. }
  13785. [data-theme="kr-designer"] .el-drawer.rtl {
  13786. -webkit-animation: rtl-drawer-out 0.3s;
  13787. animation: rtl-drawer-out 0.3s;
  13788. right: 0;
  13789. }
  13790. .el-drawer__open [data-theme="kr-designer"] .el-drawer.rtl {
  13791. -webkit-animation: rtl-drawer-in 0.3s 1ms;
  13792. animation: rtl-drawer-in 0.3s 1ms;
  13793. }
  13794. [data-theme="kr-designer"] .el-drawer.ltr {
  13795. -webkit-animation: ltr-drawer-out 0.3s;
  13796. animation: ltr-drawer-out 0.3s;
  13797. left: 0;
  13798. }
  13799. .el-drawer__open [data-theme="kr-designer"] .el-drawer.ltr {
  13800. -webkit-animation: ltr-drawer-in 0.3s 1ms;
  13801. animation: ltr-drawer-in 0.3s 1ms;
  13802. }
  13803. [data-theme="kr-designer"] .el-drawer.ttb {
  13804. -webkit-animation: ttb-drawer-out 0.3s;
  13805. animation: ttb-drawer-out 0.3s;
  13806. top: 0;
  13807. }
  13808. .el-drawer__open [data-theme="kr-designer"] .el-drawer.ttb {
  13809. -webkit-animation: ttb-drawer-in 0.3s 1ms;
  13810. animation: ttb-drawer-in 0.3s 1ms;
  13811. }
  13812. [data-theme="kr-designer"] .el-drawer.btt {
  13813. -webkit-animation: btt-drawer-out 0.3s;
  13814. animation: btt-drawer-out 0.3s;
  13815. bottom: 0;
  13816. }
  13817. .el-drawer__open [data-theme="kr-designer"] .el-drawer.btt {
  13818. -webkit-animation: btt-drawer-in 0.3s 1ms;
  13819. animation: btt-drawer-in 0.3s 1ms;
  13820. }
  13821. [data-theme="kr-designer"] .el-drawer__wrapper {
  13822. position: fixed;
  13823. top: 0;
  13824. right: 0;
  13825. bottom: 0;
  13826. left: 0;
  13827. overflow: hidden;
  13828. margin: 0;
  13829. }
  13830. [data-theme="kr-designer"] .el-drawer__header {
  13831. -webkit-box-align: center;
  13832. -ms-flex-align: center;
  13833. align-items: center;
  13834. color: #72767b;
  13835. display: -webkit-box;
  13836. display: -ms-flexbox;
  13837. display: flex;
  13838. margin-bottom: 32px;
  13839. padding: 20px 20px 0;
  13840. }
  13841. [data-theme="kr-designer"] .el-drawer__header > :first-child {
  13842. -webkit-box-flex: 1;
  13843. -ms-flex: 1;
  13844. flex: 1;
  13845. }
  13846. [data-theme="kr-designer"] .el-drawer__title {
  13847. margin: 0;
  13848. -webkit-box-flex: 1;
  13849. -ms-flex: 1;
  13850. flex: 1;
  13851. line-height: inherit;
  13852. font-size: 1rem;
  13853. }
  13854. [data-theme="kr-designer"] .el-drawer__close-btn {
  13855. border: none;
  13856. cursor: pointer;
  13857. font-size: 20px;
  13858. color: inherit;
  13859. background-color: transparent;
  13860. }
  13861. [data-theme="kr-designer"] .el-drawer__body {
  13862. -webkit-box-flex: 1;
  13863. -ms-flex: 1;
  13864. flex: 1;
  13865. }
  13866. [data-theme="kr-designer"] .el-drawer__body > * {
  13867. -webkit-box-sizing: border-box;
  13868. box-sizing: border-box;
  13869. }
  13870. [data-theme="kr-designer"] .el-drawer.ltr,
  13871. [data-theme="kr-designer"] .el-drawer.rtl {
  13872. height: 100%;
  13873. top: 0;
  13874. bottom: 0;
  13875. }
  13876. [data-theme="kr-designer"] .el-drawer.btt,
  13877. [data-theme="kr-designer"] .el-drawer.ttb {
  13878. width: 100%;
  13879. left: 0;
  13880. right: 0;
  13881. }
  13882. [data-theme="kr-designer"] .el-drawer__container {
  13883. position: relative;
  13884. left: 0;
  13885. right: 0;
  13886. top: 0;
  13887. bottom: 0;
  13888. height: 100%;
  13889. width: 100%;
  13890. }
  13891. [data-theme="kr-designer"] .el-drawer-fade-enter-active {
  13892. -webkit-animation: el-drawer-fade-in 0.3s;
  13893. animation: el-drawer-fade-in 0.3s;
  13894. }
  13895. [data-theme="kr-designer"] .el-drawer-fade-leave-active {
  13896. animation: el-drawer-fade-in 0.3s reverse;
  13897. }
  13898. .el-popconfirm__main {
  13899. display: -webkit-box;
  13900. display: -ms-flexbox;
  13901. display: flex;
  13902. -webkit-box-align: center;
  13903. -ms-flex-align: center;
  13904. align-items: center;
  13905. }
  13906. .el-popconfirm__icon {
  13907. margin-right: 5px;
  13908. }
  13909. .el-popconfirm__action {
  13910. text-align: right;
  13911. margin: 0;
  13912. }