index.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. /* stylelint-disable */
  4. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  5. .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  6. padding: 8px 0;
  7. font-size: 14px;
  8. }
  9. .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  10. padding: 16px 0;
  11. font-size: 16px;
  12. }
  13. .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  14. padding: 6px 16px;
  15. }
  16. .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  17. padding: 7px 16px 6px;
  18. }
  19. .ant-tabs-rtl {
  20. direction: rtl;
  21. }
  22. .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  23. margin: 0 0 0 32px;
  24. }
  25. .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  26. margin-left: 0;
  27. }
  28. .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  29. margin-right: 0;
  30. margin-left: 12px;
  31. }
  32. .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  33. margin-right: 8px;
  34. margin-left: -4px;
  35. }
  36. .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  37. margin: 0;
  38. }
  39. .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  40. order: 1;
  41. }
  42. .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  43. order: 0;
  44. }
  45. .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  46. order: 0;
  47. }
  48. .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  49. order: 1;
  50. }
  51. .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  52. .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  53. .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  54. .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  55. margin-right: 2px;
  56. margin-left: 0;
  57. }
  58. .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
  59. .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
  60. .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
  61. .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
  62. margin-right: 2px;
  63. margin-left: 0;
  64. }
  65. .ant-tabs-dropdown-rtl {
  66. direction: rtl;
  67. }
  68. .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  69. text-align: right;
  70. }
  71. .ant-tabs-top,
  72. .ant-tabs-bottom {
  73. flex-direction: column;
  74. }
  75. .ant-tabs-top > .ant-tabs-nav,
  76. .ant-tabs-bottom > .ant-tabs-nav,
  77. .ant-tabs-top > div > .ant-tabs-nav,
  78. .ant-tabs-bottom > div > .ant-tabs-nav {
  79. margin: 0 0 16px 0;
  80. }
  81. .ant-tabs-top > .ant-tabs-nav::before,
  82. .ant-tabs-bottom > .ant-tabs-nav::before,
  83. .ant-tabs-top > div > .ant-tabs-nav::before,
  84. .ant-tabs-bottom > div > .ant-tabs-nav::before {
  85. position: absolute;
  86. right: 0;
  87. left: 0;
  88. border-bottom: 1px solid #f0f0f0;
  89. content: '';
  90. }
  91. .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
  92. .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
  93. .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
  94. .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  95. height: 2px;
  96. }
  97. .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  98. .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  99. .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  100. .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  101. transition: width 0.3s, left 0.3s, right 0.3s;
  102. }
  103. .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  104. .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  105. .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  106. .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  107. .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  108. .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  109. .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  110. .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  111. top: 0;
  112. bottom: 0;
  113. width: 30px;
  114. }
  115. .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  116. .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  117. .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  118. .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  119. left: 0;
  120. box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
  121. }
  122. .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  123. .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  124. .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  125. .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  126. right: 0;
  127. box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
  128. }
  129. .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
  130. .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
  131. .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
  132. .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  133. opacity: 1;
  134. }
  135. .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
  136. .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
  137. .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
  138. .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  139. opacity: 1;
  140. }
  141. .ant-tabs-top > .ant-tabs-nav::before,
  142. .ant-tabs-top > div > .ant-tabs-nav::before {
  143. bottom: 0;
  144. }
  145. .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
  146. .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  147. bottom: 0;
  148. }
  149. .ant-tabs-bottom > .ant-tabs-nav,
  150. .ant-tabs-bottom > div > .ant-tabs-nav {
  151. order: 1;
  152. margin-top: 16px;
  153. margin-bottom: 0;
  154. }
  155. .ant-tabs-bottom > .ant-tabs-nav::before,
  156. .ant-tabs-bottom > div > .ant-tabs-nav::before {
  157. top: 0;
  158. }
  159. .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
  160. .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  161. top: 0;
  162. }
  163. .ant-tabs-bottom > .ant-tabs-content-holder,
  164. .ant-tabs-bottom > div > .ant-tabs-content-holder {
  165. order: 0;
  166. }
  167. .ant-tabs-left > .ant-tabs-nav,
  168. .ant-tabs-right > .ant-tabs-nav,
  169. .ant-tabs-left > div > .ant-tabs-nav,
  170. .ant-tabs-right > div > .ant-tabs-nav {
  171. flex-direction: column;
  172. min-width: 50px;
  173. }
  174. .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
  175. .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
  176. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
  177. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  178. padding: 8px 24px;
  179. text-align: center;
  180. }
  181. .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  182. .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  183. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  184. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  185. margin: 16px 0 0 0;
  186. }
  187. .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
  188. .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
  189. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
  190. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  191. flex-direction: column;
  192. }
  193. .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  194. .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  195. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  196. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  197. .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  198. .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  199. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  200. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  201. right: 0;
  202. left: 0;
  203. height: 30px;
  204. }
  205. .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  206. .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  207. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  208. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  209. top: 0;
  210. box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
  211. }
  212. .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  213. .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  214. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  215. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  216. bottom: 0;
  217. box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
  218. }
  219. .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
  220. .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
  221. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
  222. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  223. opacity: 1;
  224. }
  225. .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
  226. .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
  227. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
  228. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  229. opacity: 1;
  230. }
  231. .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
  232. .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
  233. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
  234. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  235. width: 2px;
  236. }
  237. .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  238. .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  239. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  240. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  241. transition: height 0.3s, top 0.3s;
  242. }
  243. .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
  244. .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
  245. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
  246. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
  247. .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
  248. .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
  249. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
  250. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  251. flex: 1 0 auto;
  252. flex-direction: column;
  253. }
  254. .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
  255. .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  256. right: 0;
  257. }
  258. .ant-tabs-left > .ant-tabs-content-holder,
  259. .ant-tabs-left > div > .ant-tabs-content-holder {
  260. margin-left: -1px;
  261. border-left: 1px solid #f0f0f0;
  262. }
  263. .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
  264. .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  265. padding-left: 24px;
  266. }
  267. .ant-tabs-right > .ant-tabs-nav,
  268. .ant-tabs-right > div > .ant-tabs-nav {
  269. order: 1;
  270. }
  271. .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
  272. .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  273. left: 0;
  274. }
  275. .ant-tabs-right > .ant-tabs-content-holder,
  276. .ant-tabs-right > div > .ant-tabs-content-holder {
  277. order: 0;
  278. margin-right: -1px;
  279. border-right: 1px solid #f0f0f0;
  280. }
  281. .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
  282. .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  283. padding-right: 24px;
  284. }
  285. .ant-tabs-dropdown {
  286. box-sizing: border-box;
  287. margin: 0;
  288. padding: 0;
  289. color: rgba(0, 0, 0, 0.85);
  290. font-size: 14px;
  291. font-variant: tabular-nums;
  292. line-height: 1.5715;
  293. list-style: none;
  294. font-feature-settings: 'tnum';
  295. position: absolute;
  296. top: -9999px;
  297. left: -9999px;
  298. z-index: 1050;
  299. display: block;
  300. }
  301. .ant-tabs-dropdown-hidden {
  302. display: none;
  303. }
  304. .ant-tabs-dropdown-menu {
  305. max-height: 200px;
  306. margin: 0;
  307. padding: 4px 0;
  308. overflow-x: hidden;
  309. overflow-y: auto;
  310. text-align: left;
  311. list-style-type: none;
  312. background-color: #fff;
  313. background-clip: padding-box;
  314. border-radius: 2px;
  315. outline: none;
  316. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  317. }
  318. .ant-tabs-dropdown-menu-item {
  319. display: flex;
  320. align-items: center;
  321. min-width: 120px;
  322. margin: 0;
  323. padding: 5px 12px;
  324. overflow: hidden;
  325. color: rgba(0, 0, 0, 0.85);
  326. font-weight: normal;
  327. font-size: 14px;
  328. line-height: 22px;
  329. white-space: nowrap;
  330. text-overflow: ellipsis;
  331. cursor: pointer;
  332. transition: all 0.3s;
  333. }
  334. .ant-tabs-dropdown-menu-item > span {
  335. flex: 1;
  336. white-space: nowrap;
  337. }
  338. .ant-tabs-dropdown-menu-item-remove {
  339. flex: none;
  340. margin-left: 12px;
  341. color: rgba(0, 0, 0, 0.45);
  342. font-size: 12px;
  343. background: transparent;
  344. border: 0;
  345. cursor: pointer;
  346. }
  347. .ant-tabs-dropdown-menu-item-remove:hover {
  348. color: #40a9ff;
  349. }
  350. .ant-tabs-dropdown-menu-item:hover {
  351. background: #f5f5f5;
  352. }
  353. .ant-tabs-dropdown-menu-item-disabled,
  354. .ant-tabs-dropdown-menu-item-disabled:hover {
  355. color: rgba(0, 0, 0, 0.25);
  356. background: transparent;
  357. cursor: not-allowed;
  358. }
  359. .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
  360. .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  361. margin: 0;
  362. padding: 8px 16px;
  363. background: #fafafa;
  364. border: 1px solid #f0f0f0;
  365. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  366. }
  367. .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
  368. .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  369. color: #1890ff;
  370. background: #fff;
  371. }
  372. .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
  373. .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  374. visibility: hidden;
  375. }
  376. .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  377. .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  378. .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  379. .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  380. margin-left: 2px;
  381. }
  382. .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
  383. .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  384. border-radius: 2px 2px 0 0;
  385. }
  386. .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
  387. .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  388. border-bottom-color: #fff;
  389. }
  390. .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
  391. .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  392. border-radius: 0 0 2px 2px;
  393. }
  394. .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
  395. .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  396. border-top-color: #fff;
  397. }
  398. .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  399. .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  400. .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  401. .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  402. margin-top: 2px;
  403. }
  404. .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
  405. .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  406. border-radius: 2px 0 0 2px;
  407. }
  408. .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
  409. .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  410. border-right-color: #fff;
  411. }
  412. .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
  413. .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  414. border-radius: 0 2px 2px 0;
  415. }
  416. .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
  417. .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  418. border-left-color: #fff;
  419. }
  420. .ant-tabs {
  421. box-sizing: border-box;
  422. margin: 0;
  423. padding: 0;
  424. color: rgba(0, 0, 0, 0.85);
  425. font-size: 14px;
  426. font-variant: tabular-nums;
  427. line-height: 1.5715;
  428. list-style: none;
  429. font-feature-settings: 'tnum';
  430. display: flex;
  431. overflow: hidden;
  432. }
  433. .ant-tabs > .ant-tabs-nav,
  434. .ant-tabs > div > .ant-tabs-nav {
  435. position: relative;
  436. display: flex;
  437. flex: none;
  438. align-items: center;
  439. }
  440. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
  441. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  442. position: relative;
  443. display: inline-block;
  444. display: flex;
  445. flex: auto;
  446. align-self: stretch;
  447. overflow: hidden;
  448. white-space: nowrap;
  449. transform: translate(0);
  450. }
  451. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  452. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  453. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  454. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  455. position: absolute;
  456. z-index: 1;
  457. opacity: 0;
  458. transition: opacity 0.3s;
  459. content: '';
  460. pointer-events: none;
  461. }
  462. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
  463. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  464. position: relative;
  465. display: flex;
  466. transition: transform 0.3s;
  467. }
  468. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
  469. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  470. display: flex;
  471. align-self: stretch;
  472. }
  473. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
  474. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  475. position: absolute;
  476. visibility: hidden;
  477. pointer-events: none;
  478. }
  479. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
  480. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  481. position: relative;
  482. padding: 8px 16px;
  483. background: transparent;
  484. border: 0;
  485. }
  486. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
  487. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
  488. position: absolute;
  489. right: 0;
  490. bottom: 0;
  491. left: 0;
  492. height: 5px;
  493. transform: translateY(100%);
  494. content: '';
  495. }
  496. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
  497. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  498. min-width: 40px;
  499. margin-left: 2px;
  500. padding: 0 8px;
  501. background: #fafafa;
  502. border: 1px solid #f0f0f0;
  503. border-radius: 2px 2px 0 0;
  504. outline: none;
  505. cursor: pointer;
  506. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  507. }
  508. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
  509. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  510. color: #40a9ff;
  511. }
  512. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
  513. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
  514. .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
  515. .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  516. color: #096dd9;
  517. }
  518. .ant-tabs-extra-content {
  519. flex: none;
  520. }
  521. .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
  522. .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
  523. justify-content: center;
  524. }
  525. .ant-tabs-ink-bar {
  526. position: absolute;
  527. background: #1890ff;
  528. pointer-events: none;
  529. }
  530. .ant-tabs-tab {
  531. position: relative;
  532. display: inline-flex;
  533. align-items: center;
  534. padding: 12px 0;
  535. font-size: 14px;
  536. background: transparent;
  537. border: 0;
  538. outline: none;
  539. cursor: pointer;
  540. }
  541. .ant-tabs-tab-btn:focus,
  542. .ant-tabs-tab-remove:focus,
  543. .ant-tabs-tab-btn:active,
  544. .ant-tabs-tab-remove:active {
  545. color: #096dd9;
  546. }
  547. .ant-tabs-tab-btn {
  548. outline: none;
  549. transition: all 0.3s;
  550. }
  551. .ant-tabs-tab-remove {
  552. flex: none;
  553. margin-right: -4px;
  554. margin-left: 8px;
  555. color: rgba(0, 0, 0, 0.45);
  556. font-size: 12px;
  557. background: transparent;
  558. border: none;
  559. outline: none;
  560. cursor: pointer;
  561. transition: all 0.3s;
  562. }
  563. .ant-tabs-tab-remove:hover {
  564. color: rgba(0, 0, 0, 0.85);
  565. }
  566. .ant-tabs-tab:hover {
  567. color: #40a9ff;
  568. }
  569. .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  570. color: #1890ff;
  571. text-shadow: 0 0 0.25px currentcolor;
  572. }
  573. .ant-tabs-tab.ant-tabs-tab-disabled {
  574. color: rgba(0, 0, 0, 0.25);
  575. cursor: not-allowed;
  576. }
  577. .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
  578. .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
  579. .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
  580. .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  581. color: rgba(0, 0, 0, 0.25);
  582. }
  583. .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  584. margin: 0;
  585. }
  586. .ant-tabs-tab .anticon {
  587. margin-right: 12px;
  588. }
  589. .ant-tabs-tab + .ant-tabs-tab {
  590. margin: 0 0 0 32px;
  591. }
  592. .ant-tabs-content {
  593. display: flex;
  594. width: 100%;
  595. }
  596. .ant-tabs-content-holder {
  597. flex: auto;
  598. min-width: 0;
  599. min-height: 0;
  600. }
  601. .ant-tabs-content-animated {
  602. transition: margin 0.3s;
  603. }
  604. .ant-tabs-tabpane {
  605. flex: none;
  606. width: 100%;
  607. outline: none;
  608. }