body, html { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0,0,0,0); } @-ms-viewport{width:device-width} article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; color: rgba(0,0,0,.65); font-size: 14px; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-variant: tabular-nums; line-height: 1.5; background-color: #fff; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; } [tabindex="-1"]:focus { outline: none!important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5em; color: rgba(0,0,0,.85); font-weight: 500; } p { margin-top: 0; margin-bottom: 1em; } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; border-bottom: 0; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type=number], input[type=password], input[type=text], textarea { -webkit-appearance: none; } dl, ol, ul { margin-top: 0; margin-bottom: 1em; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: .5em; margin-left: 0; } blockquote { margin: 0 0 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #1890ff; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; -webkit-text-decoration-skip: objects; } a:hover { color: #40a9ff; } a:active { color: #096dd9; } a:active, a:hover { text-decoration: none; outline: 0; } a[disabled] { color: rgba(0,0,0,.25); cursor: not-allowed; pointer-events: none; } code, kbd, pre, samp { font-size: 1em; font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace; } pre { margin-top: 0; margin-bottom: 1em; overflow: auto; } figure { margin: 0 0 1em; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } [role=button], a, area, button, input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: .75em; padding-bottom: .3em; color: rgba(0,0,0,.45); text-align: left; caption-side: bottom; } th { text-align: inherit; } button, input, optgroup, select, textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: .5em; padding: 0; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none!important; } mark { padding: .2em; background-color: #feffe6; } ::-moz-selection { color: #fff; background: #1890ff; } ::selection { color: #fff; background: #1890ff; } .clearfix { zoom: 1; } .clearfix:after, .clearfix:before { display: table; content: ""; } .clearfix:after { clear: both; } .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon>* { line-height: 1; } .anticon svg { display: inline-block; } .anticon:before { display: none; } .anticon .anticon-icon { display: block; } .anticon[tabindex] { cursor: pointer; } .anticon-spin, .anticon-spin:before { display: inline-block; -webkit-animation: loadingCircle 1s linear infinite; animation: loadingCircle 1s linear infinite; } .fade-appear, .fade-enter, .fade-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .fade-appear.fade-appear-active, .fade-enter.fade-enter-active { -webkit-animation-name: antFadeIn; animation-name: antFadeIn; -webkit-animation-play-state: running; animation-play-state: running; } .fade-leave.fade-leave-active { -webkit-animation-name: antFadeOut; animation-name: antFadeOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .fade-appear, .fade-enter { opacity: 0; } .fade-appear, .fade-enter, .fade-leave { -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes antFadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes antFadeIn { 0% { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes antFadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes antFadeOut { 0% { opacity: 1; } to { opacity: 0; } } .move-up-appear, .move-up-enter, .move-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-up-appear.move-up-appear-active, .move-up-enter.move-up-enter-active { -webkit-animation-name: antMoveUpIn; animation-name: antMoveUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .move-up-leave.move-up-leave-active { -webkit-animation-name: antMoveUpOut; animation-name: antMoveUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .move-up-appear, .move-up-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .move-up-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34); } .move-down-appear, .move-down-enter, .move-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-down-appear.move-down-appear-active, .move-down-enter.move-down-enter-active { -webkit-animation-name: antMoveDownIn; animation-name: antMoveDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .move-down-leave.move-down-leave-active { -webkit-animation-name: antMoveDownOut; animation-name: antMoveDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .move-down-appear, .move-down-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .move-down-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34); } .move-left-appear, .move-left-enter, .move-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-left-appear.move-left-appear-active, .move-left-enter.move-left-enter-active { -webkit-animation-name: antMoveLeftIn; animation-name: antMoveLeftIn; -webkit-animation-play-state: running; animation-play-state: running; } .move-left-leave.move-left-leave-active { -webkit-animation-name: antMoveLeftOut; animation-name: antMoveLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .move-left-appear, .move-left-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .move-left-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34); } .move-right-appear, .move-right-enter, .move-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .move-right-appear.move-right-appear-active, .move-right-enter.move-right-enter-active { -webkit-animation-name: antMoveRightIn; animation-name: antMoveRightIn; -webkit-animation-play-state: running; animation-play-state: running; } .move-right-leave.move-right-leave-active { -webkit-animation-name: antMoveRightOut; animation-name: antMoveRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .move-right-appear, .move-right-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .move-right-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34); } @-webkit-keyframes antMoveDownIn { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownIn { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveDownOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveDownOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveLeftIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveLeftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveRightIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveRightOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveUpIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveUpOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes loadingCircle { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes loadingCircle { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } [ant-click-animating-without-extra-node=true], [ant-click-animating=true] { position: relative; } html { --antd-wave-shadow-color: #1890ff; } .ant-click-animating-node, [ant-click-animating-without-extra-node=true]:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; -webkit-box-shadow: 0 0 0 0 #1890ff; box-shadow: 0 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: .2; -webkit-animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1); animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ""; pointer-events: none; } @-webkit-keyframes waveEffect { to { -webkit-box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes waveEffect { to { -webkit-box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @-webkit-keyframes fadeEffect { to { opacity: 0; } } @keyframes fadeEffect { to { opacity: 0; } } .slide-up-appear, .slide-up-enter, .slide-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-up-appear.slide-up-appear-active, .slide-up-enter.slide-up-enter-active { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .slide-up-leave.slide-up-leave-active { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .slide-up-appear, .slide-up-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1); } .slide-up-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); } .slide-down-appear, .slide-down-enter, .slide-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-down-appear.slide-down-appear-active, .slide-down-enter.slide-down-enter-active { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .slide-down-leave.slide-down-leave-active { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .slide-down-appear, .slide-down-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1); } .slide-down-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); } .slide-left-appear, .slide-left-enter, .slide-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-left-appear.slide-left-appear-active, .slide-left-enter.slide-left-enter-active { -webkit-animation-name: antSlideLeftIn; animation-name: antSlideLeftIn; -webkit-animation-play-state: running; animation-play-state: running; } .slide-left-leave.slide-left-leave-active { -webkit-animation-name: antSlideLeftOut; animation-name: antSlideLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .slide-left-appear, .slide-left-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1); } .slide-left-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); } .slide-right-appear, .slide-right-enter, .slide-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .slide-right-appear.slide-right-appear-active, .slide-right-enter.slide-right-enter-active { -webkit-animation-name: antSlideRightIn; animation-name: antSlideRightIn; -webkit-animation-play-state: running; animation-play-state: running; } .slide-right-leave.slide-right-leave-active { -webkit-animation-name: antSlideRightOut; animation-name: antSlideRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .slide-right-appear, .slide-right-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1); } .slide-right-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); } @-webkit-keyframes antSlideUpIn { 0% { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antSlideUpIn { 0% { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antSlideDownIn { 0% { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownIn { 0% { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes antSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } to { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } to { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @-webkit-keyframes antSlideLeftIn { 0% { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antSlideLeftIn { 0% { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antSlideLeftOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antSlideLeftOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antSlideRightIn { 0% { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0; } to { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 1; } } @keyframes antSlideRightIn { 0% { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0; } to { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 1; } } @-webkit-keyframes antSlideRightOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 1; } to { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0; } } @keyframes antSlideRightOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 1; } to { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0; } } .swing-appear, .swing-enter { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .swing-appear.swing-appear-active, .swing-enter.swing-enter-active { -webkit-animation-name: antSwingIn; animation-name: antSwingIn; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes antSwingIn { 0%, to { -webkit-transform: translateX(0); transform: translateX(0); } 20% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); transform: translateX(10px); } 60% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 80% { -webkit-transform: translateX(5px); transform: translateX(5px); } } @keyframes antSwingIn { 0%, to { -webkit-transform: translateX(0); transform: translateX(0); } 20% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 40% { -webkit-transform: translateX(10px); transform: translateX(10px); } 60% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 80% { -webkit-transform: translateX(5px); transform: translateX(5px); } } .zoom-appear, .zoom-enter, .zoom-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-appear.zoom-appear-active, .zoom-enter.zoom-enter-active { -webkit-animation-name: antZoomIn; animation-name: antZoomIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-leave.zoom-leave-active { -webkit-animation-name: antZoomOut; animation-name: antZoomOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-appear, .zoom-enter { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .zoom-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86); } .zoom-big-appear, .zoom-big-enter, .zoom-big-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-big-appear.zoom-big-appear-active, .zoom-big-enter.zoom-big-enter-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-big-leave.zoom-big-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-big-appear, .zoom-big-enter { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .zoom-big-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86); } .zoom-big-fast-appear, .zoom-big-fast-enter, .zoom-big-fast-leave { -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-big-fast-appear.zoom-big-fast-appear-active, .zoom-big-fast-enter.zoom-big-fast-enter-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-big-fast-leave.zoom-big-fast-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-big-fast-appear, .zoom-big-fast-enter { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .zoom-big-fast-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86); } .zoom-up-appear, .zoom-up-enter, .zoom-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-up-appear.zoom-up-appear-active, .zoom-up-enter.zoom-up-enter-active { -webkit-animation-name: antZoomUpIn; animation-name: antZoomUpIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-up-leave.zoom-up-leave-active { -webkit-animation-name: antZoomUpOut; animation-name: antZoomUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-up-appear, .zoom-up-enter { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .zoom-up-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86); } .zoom-down-appear, .zoom-down-enter, .zoom-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-down-appear.zoom-down-appear-active, .zoom-down-enter.zoom-down-enter-active { -webkit-animation-name: antZoomDownIn; animation-name: antZoomDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-down-leave.zoom-down-leave-active { -webkit-animation-name: antZoomDownOut; animation-name: antZoomDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-down-appear, .zoom-down-enter { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86); } .zoom-left-appear, .zoom-left-enter, .zoom-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-left-appear.zoom-left-appear-active, .zoom-left-enter.zoom-left-enter-active { -webkit-animation-name: antZoomLeftIn; animation-name: antZoomLeftIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-left-leave.zoom-left-leave-active { -webkit-animation-name: antZoomLeftOut; animation-name: antZoomLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-left-appear, .zoom-left-enter { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .zoom-left-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86); } .zoom-right-appear, .zoom-right-enter, .zoom-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .zoom-right-appear.zoom-right-appear-active, .zoom-right-enter.zoom-right-enter-active { -webkit-animation-name: antZoomRightIn; animation-name: antZoomRightIn; -webkit-animation-play-state: running; animation-play-state: running; } .zoom-right-leave.zoom-right-leave-active { -webkit-animation-name: antZoomRightOut; animation-name: antZoomRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .zoom-right-appear, .zoom-right-enter { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1); } .zoom-right-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86); } @-webkit-keyframes antZoomIn { 0% { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes antZoomIn { 0% { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; } } @keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; } } @-webkit-keyframes antZoomBigIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes antZoomBigIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0; } } @keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0; } } @-webkit-keyframes antZoomUpIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } } @keyframes antZoomUpIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } } @-webkit-keyframes antZoomUpOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; } } @keyframes antZoomUpOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; } } @-webkit-keyframes antZoomLeftIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } } @keyframes antZoomLeftIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } } @-webkit-keyframes antZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0; } } @keyframes antZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0; } } @-webkit-keyframes antZoomRightIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } } @keyframes antZoomRightIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } } @-webkit-keyframes antZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @-webkit-keyframes antZoomDownIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } } @keyframes antZoomDownIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } } @-webkit-keyframes antZoomDownOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } @keyframes antZoomDownOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse, .ant-motion-collapse-legacy-active { -webkit-transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important; transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important; } .ant-motion-collapse { overflow: hidden; } .ant-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0; background: #f0f2f5; } .ant-layout, .ant-layout * { -webkit-box-sizing: border-box; box-sizing: border-box; } .ant-layout.ant-layout-has-sider { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ant-layout.ant-layout-has-sider>.ant-layout, .ant-layout.ant-layout-has-sider>.ant-layout-content { overflow-x: hidden; } .ant-layout-footer, .ant-layout-header { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .ant-layout-header { height: 64px; padding: 0 50px; line-height: 64px; background: #001529; } .ant-layout-footer { padding: 24px 50px; color: rgba(0,0,0,.65); font-size: 14px; background: #f0f2f5; } .ant-layout-content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-height: 0; } .ant-layout-sider { position: relative; min-width: 0; background: #001529; -webkit-transition: all .2s; transition: all .2s; } .ant-layout-sider-children { height: 100%; margin-top: -.1px; padding-top: .1px; } .ant-layout-sider-has-trigger { padding-bottom: 48px; } .ant-layout-sider-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-layout-sider-trigger { position: fixed; bottom: 0; z-index: 1; height: 48px; color: #fff; line-height: 48px; text-align: center; background: #002140; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; } .ant-layout-sider-zero-width>* { overflow: hidden; } .ant-layout-sider-zero-width-trigger { position: absolute; top: 64px; right: -36px; z-index: 1; width: 36px; height: 42px; color: #fff; font-size: 18px; line-height: 42px; text-align: center; background: #001529; border-radius: 0 4px 4px 0; cursor: pointer; -webkit-transition: background .3s ease; transition: background .3s ease; } .ant-layout-sider-zero-width-trigger:hover { background: #192c3e; } .ant-layout-sider-zero-width-trigger-right { left: -36px; border-radius: 4px 0 0 4px; } .ant-layout-sider-light { background: #fff; } .ant-layout-sider-light .ant-layout-sider-trigger, .ant-layout-sider-light .ant-layout-sider-zero-width-trigger { color: rgba(0,0,0,.65); background: #fff; } .ant-modal { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; top: 100px; width: auto; margin: 0 auto; padding-bottom: 24px; pointer-events: none; } .ant-modal-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; overflow: auto; outline: 0; -webkit-overflow-scrolling: touch; } .ant-modal-title { margin: 0; color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; line-height: 22px; word-wrap: break-word; } .ant-modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 4px; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15); box-shadow: 0 4px 12px rgba(0,0,0,.15); pointer-events: auto; } .ant-modal-close { position: absolute; top: 0; right: 0; z-index: 10; padding: 0; color: rgba(0,0,0,.45); font-weight: 700; line-height: 1; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; } .ant-modal-close-x { display: block; width: 56px; height: 56px; font-size: 16px; font-style: normal; line-height: 56px; text-align: center; text-transform: none; text-rendering: auto; } .ant-modal-close:focus, .ant-modal-close:hover { color: rgba(0,0,0,.75); text-decoration: none; } .ant-modal-header { padding: 16px 24px; color: rgba(0,0,0,.65); background: #fff; border-bottom: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; } .ant-modal-body { padding: 24px; font-size: 14px; line-height: 1.5; word-wrap: break-word; } .ant-modal-footer { padding: 10px 16px; text-align: right; background: transparent; border-top: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-modal-footer button+button { margin-bottom: 0; margin-left: 8px; } .ant-modal.zoom-appear, .ant-modal.zoom-enter { -webkit-transform: none; transform: none; opacity: 0; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-modal-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0,0,0,.45); filter: alpha(opacity=50); } .ant-modal-mask-hidden { display: none; } .ant-modal-open { overflow: hidden; } .ant-modal-centered { text-align: center; } .ant-modal-centered:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ""; } .ant-modal-centered .ant-modal { top: 0; display: inline-block; text-align: left; vertical-align: middle; } @media(max-width: 767px) { .ant-modal { max-width: calc(100vw - 16px); margin: 8px auto; } .ant-modal-centered .ant-modal { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .ant-modal-confirm .ant-modal-header { display: none; } .ant-modal-confirm .ant-modal-body { padding: 32px 32px 24px; } .ant-modal-confirm-body-wrapper { zoom: 1; } .ant-modal-confirm-body-wrapper:after, .ant-modal-confirm-body-wrapper:before { display: table; content: ""; } .ant-modal-confirm-body-wrapper:after { clear: both; } .ant-modal-confirm-body .ant-modal-confirm-title { display: block; overflow: hidden; color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; line-height: 1.4; } .ant-modal-confirm-body .ant-modal-confirm-content { margin-top: 8px; color: rgba(0,0,0,.65); font-size: 14px; } .ant-modal-confirm-body>.anticon { float: left; margin-right: 16px; font-size: 22px; } .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content { margin-left: 38px; } .ant-modal-confirm .ant-modal-confirm-btns { float: right; margin-top: 24px; } .ant-modal-confirm .ant-modal-confirm-btns button+button { margin-bottom: 0; margin-left: 8px; } .ant-modal-confirm-error .ant-modal-confirm-body>.anticon { color: #f5222d; } .ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon, .ant-modal-confirm-warning .ant-modal-confirm-body>.anticon { color: #faad14; } .ant-modal-confirm-info .ant-modal-confirm-body>.anticon { color: #1890ff; } .ant-modal-confirm-success .ant-modal-confirm-body>.anticon { color: #52c41a; } .ant-btn { line-height: 1.499; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015); box-shadow: 0 2px 0 rgba(0,0,0,.015); cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; height: 32px; padding: 0 15px; font-size: 14px; border-radius: 4px; color: rgba(0,0,0,.65); background-color: #fff; border-color: #d9d9d9; } .ant-btn>.anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .ant-btn.disabled, .ant-btn[disabled] { cursor: not-allowed; } .ant-btn.disabled>*, .ant-btn[disabled]>* { pointer-events: none; } .ant-btn-lg { height: 40px; padding: 0 15px; font-size: 16px; border-radius: 4px; } .ant-btn-sm { height: 24px; padding: 0 7px; font-size: 14px; border-radius: 4px; } .ant-btn>a:only-child { color: currentColor; } .ant-btn>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn:focus, .ant-btn:hover { color: #40a9ff; background-color: #fff; border-color: #40a9ff; } .ant-btn:focus>a:only-child, .ant-btn:hover>a:only-child { color: currentColor; } .ant-btn:focus>a:only-child:after, .ant-btn:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn.active, .ant-btn:active { color: #096dd9; background-color: #fff; border-color: #096dd9; } .ant-btn.active>a:only-child, .ant-btn:active>a:only-child { color: currentColor; } .ant-btn.active>a:only-child:after, .ant-btn:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-disabled, .ant-btn-disabled.active, .ant-btn-disabled:active, .ant-btn-disabled:focus, .ant-btn-disabled:hover, .ant-btn.disabled, .ant-btn.disabled.active, .ant-btn.disabled:active, .ant-btn.disabled:focus, .ant-btn.disabled:hover, .ant-btn[disabled], .ant-btn[disabled].active, .ant-btn[disabled]:active, .ant-btn[disabled]:focus, .ant-btn[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-disabled.active>a:only-child, .ant-btn-disabled:active>a:only-child, .ant-btn-disabled:focus>a:only-child, .ant-btn-disabled:hover>a:only-child, .ant-btn-disabled>a:only-child, .ant-btn.disabled.active>a:only-child, .ant-btn.disabled:active>a:only-child, .ant-btn.disabled:focus>a:only-child, .ant-btn.disabled:hover>a:only-child, .ant-btn.disabled>a:only-child, .ant-btn[disabled].active>a:only-child, .ant-btn[disabled]:active>a:only-child, .ant-btn[disabled]:focus>a:only-child, .ant-btn[disabled]:hover>a:only-child, .ant-btn[disabled]>a:only-child { color: currentColor; } .ant-btn-disabled.active>a:only-child:after, .ant-btn-disabled:active>a:only-child:after, .ant-btn-disabled:focus>a:only-child:after, .ant-btn-disabled:hover>a:only-child:after, .ant-btn-disabled>a:only-child:after, .ant-btn.disabled.active>a:only-child:after, .ant-btn.disabled:active>a:only-child:after, .ant-btn.disabled:focus>a:only-child:after, .ant-btn.disabled:hover>a:only-child:after, .ant-btn.disabled>a:only-child:after, .ant-btn[disabled].active>a:only-child:after, .ant-btn[disabled]:active>a:only-child:after, .ant-btn[disabled]:focus>a:only-child:after, .ant-btn[disabled]:hover>a:only-child:after, .ant-btn[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn.active, .ant-btn:active, .ant-btn:focus, .ant-btn:hover { text-decoration: none; background: #fff; } .ant-btn>i, .ant-btn>span { display: inline-block; -webkit-transition: margin-left .3s cubic-bezier(.645,.045,.355,1); transition: margin-left .3s cubic-bezier(.645,.045,.355,1); pointer-events: none; } .ant-btn-primary { color: #fff; background-color: #1890ff; border-color: #1890ff; text-shadow: 0 -1px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.045); box-shadow: 0 2px 0 rgba(0,0,0,.045); } .ant-btn-primary>a:only-child { color: currentColor; } .ant-btn-primary>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-primary:focus, .ant-btn-primary:hover { color: #fff; background-color: #40a9ff; border-color: #40a9ff; } .ant-btn-primary:focus>a:only-child, .ant-btn-primary:hover>a:only-child { color: currentColor; } .ant-btn-primary:focus>a:only-child:after, .ant-btn-primary:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-primary.active, .ant-btn-primary:active { color: #fff; background-color: #096dd9; border-color: #096dd9; } .ant-btn-primary.active>a:only-child, .ant-btn-primary:active>a:only-child { color: currentColor; } .ant-btn-primary.active>a:only-child:after, .ant-btn-primary:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-primary-disabled, .ant-btn-primary-disabled.active, .ant-btn-primary-disabled:active, .ant-btn-primary-disabled:focus, .ant-btn-primary-disabled:hover, .ant-btn-primary.disabled, .ant-btn-primary.disabled.active, .ant-btn-primary.disabled:active, .ant-btn-primary.disabled:focus, .ant-btn-primary.disabled:hover, .ant-btn-primary[disabled], .ant-btn-primary[disabled].active, .ant-btn-primary[disabled]:active, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-primary-disabled.active>a:only-child, .ant-btn-primary-disabled:active>a:only-child, .ant-btn-primary-disabled:focus>a:only-child, .ant-btn-primary-disabled:hover>a:only-child, .ant-btn-primary-disabled>a:only-child, .ant-btn-primary.disabled.active>a:only-child, .ant-btn-primary.disabled:active>a:only-child, .ant-btn-primary.disabled:focus>a:only-child, .ant-btn-primary.disabled:hover>a:only-child, .ant-btn-primary.disabled>a:only-child, .ant-btn-primary[disabled].active>a:only-child, .ant-btn-primary[disabled]:active>a:only-child, .ant-btn-primary[disabled]:focus>a:only-child, .ant-btn-primary[disabled]:hover>a:only-child, .ant-btn-primary[disabled]>a:only-child { color: currentColor; } .ant-btn-primary-disabled.active>a:only-child:after, .ant-btn-primary-disabled:active>a:only-child:after, .ant-btn-primary-disabled:focus>a:only-child:after, .ant-btn-primary-disabled:hover>a:only-child:after, .ant-btn-primary-disabled>a:only-child:after, .ant-btn-primary.disabled.active>a:only-child:after, .ant-btn-primary.disabled:active>a:only-child:after, .ant-btn-primary.disabled:focus>a:only-child:after, .ant-btn-primary.disabled:hover>a:only-child:after, .ant-btn-primary.disabled>a:only-child:after, .ant-btn-primary[disabled].active>a:only-child:after, .ant-btn-primary[disabled]:active>a:only-child:after, .ant-btn-primary[disabled]:focus>a:only-child:after, .ant-btn-primary[disabled]:hover>a:only-child:after, .ant-btn-primary[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: #40a9ff; border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: #40a9ff; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .ant-btn-group .ant-btn-primary+.ant-btn-primary, .ant-btn-group .ant-btn-primary:last-child:not(:first-child) { border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled], .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] { border-left-color: #d9d9d9; } .ant-btn-ghost { color: rgba(0,0,0,.65); background-color: transparent; border-color: #d9d9d9; } .ant-btn-ghost>a:only-child { color: currentColor; } .ant-btn-ghost>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-ghost:focus, .ant-btn-ghost:hover { color: #40a9ff; background-color: transparent; border-color: #40a9ff; } .ant-btn-ghost:focus>a:only-child, .ant-btn-ghost:hover>a:only-child { color: currentColor; } .ant-btn-ghost:focus>a:only-child:after, .ant-btn-ghost:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-ghost.active, .ant-btn-ghost:active { color: #096dd9; background-color: transparent; border-color: #096dd9; } .ant-btn-ghost.active>a:only-child, .ant-btn-ghost:active>a:only-child { color: currentColor; } .ant-btn-ghost.active>a:only-child:after, .ant-btn-ghost:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-ghost-disabled, .ant-btn-ghost-disabled.active, .ant-btn-ghost-disabled:active, .ant-btn-ghost-disabled:focus, .ant-btn-ghost-disabled:hover, .ant-btn-ghost.disabled, .ant-btn-ghost.disabled.active, .ant-btn-ghost.disabled:active, .ant-btn-ghost.disabled:focus, .ant-btn-ghost.disabled:hover, .ant-btn-ghost[disabled], .ant-btn-ghost[disabled].active, .ant-btn-ghost[disabled]:active, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-ghost-disabled.active>a:only-child, .ant-btn-ghost-disabled:active>a:only-child, .ant-btn-ghost-disabled:focus>a:only-child, .ant-btn-ghost-disabled:hover>a:only-child, .ant-btn-ghost-disabled>a:only-child, .ant-btn-ghost.disabled.active>a:only-child, .ant-btn-ghost.disabled:active>a:only-child, .ant-btn-ghost.disabled:focus>a:only-child, .ant-btn-ghost.disabled:hover>a:only-child, .ant-btn-ghost.disabled>a:only-child, .ant-btn-ghost[disabled].active>a:only-child, .ant-btn-ghost[disabled]:active>a:only-child, .ant-btn-ghost[disabled]:focus>a:only-child, .ant-btn-ghost[disabled]:hover>a:only-child, .ant-btn-ghost[disabled]>a:only-child { color: currentColor; } .ant-btn-ghost-disabled.active>a:only-child:after, .ant-btn-ghost-disabled:active>a:only-child:after, .ant-btn-ghost-disabled:focus>a:only-child:after, .ant-btn-ghost-disabled:hover>a:only-child:after, .ant-btn-ghost-disabled>a:only-child:after, .ant-btn-ghost.disabled.active>a:only-child:after, .ant-btn-ghost.disabled:active>a:only-child:after, .ant-btn-ghost.disabled:focus>a:only-child:after, .ant-btn-ghost.disabled:hover>a:only-child:after, .ant-btn-ghost.disabled>a:only-child:after, .ant-btn-ghost[disabled].active>a:only-child:after, .ant-btn-ghost[disabled]:active>a:only-child:after, .ant-btn-ghost[disabled]:focus>a:only-child:after, .ant-btn-ghost[disabled]:hover>a:only-child:after, .ant-btn-ghost[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dashed { color: rgba(0,0,0,.65); background-color: #fff; border-color: #d9d9d9; border-style: dashed; } .ant-btn-dashed>a:only-child { color: currentColor; } .ant-btn-dashed>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dashed:focus, .ant-btn-dashed:hover { color: #40a9ff; background-color: #fff; border-color: #40a9ff; } .ant-btn-dashed:focus>a:only-child, .ant-btn-dashed:hover>a:only-child { color: currentColor; } .ant-btn-dashed:focus>a:only-child:after, .ant-btn-dashed:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dashed.active, .ant-btn-dashed:active { color: #096dd9; background-color: #fff; border-color: #096dd9; } .ant-btn-dashed.active>a:only-child, .ant-btn-dashed:active>a:only-child { color: currentColor; } .ant-btn-dashed.active>a:only-child:after, .ant-btn-dashed:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dashed-disabled, .ant-btn-dashed-disabled.active, .ant-btn-dashed-disabled:active, .ant-btn-dashed-disabled:focus, .ant-btn-dashed-disabled:hover, .ant-btn-dashed.disabled, .ant-btn-dashed.disabled.active, .ant-btn-dashed.disabled:active, .ant-btn-dashed.disabled:focus, .ant-btn-dashed.disabled:hover, .ant-btn-dashed[disabled], .ant-btn-dashed[disabled].active, .ant-btn-dashed[disabled]:active, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-dashed-disabled.active>a:only-child, .ant-btn-dashed-disabled:active>a:only-child, .ant-btn-dashed-disabled:focus>a:only-child, .ant-btn-dashed-disabled:hover>a:only-child, .ant-btn-dashed-disabled>a:only-child, .ant-btn-dashed.disabled.active>a:only-child, .ant-btn-dashed.disabled:active>a:only-child, .ant-btn-dashed.disabled:focus>a:only-child, .ant-btn-dashed.disabled:hover>a:only-child, .ant-btn-dashed.disabled>a:only-child, .ant-btn-dashed[disabled].active>a:only-child, .ant-btn-dashed[disabled]:active>a:only-child, .ant-btn-dashed[disabled]:focus>a:only-child, .ant-btn-dashed[disabled]:hover>a:only-child, .ant-btn-dashed[disabled]>a:only-child { color: currentColor; } .ant-btn-dashed-disabled.active>a:only-child:after, .ant-btn-dashed-disabled:active>a:only-child:after, .ant-btn-dashed-disabled:focus>a:only-child:after, .ant-btn-dashed-disabled:hover>a:only-child:after, .ant-btn-dashed-disabled>a:only-child:after, .ant-btn-dashed.disabled.active>a:only-child:after, .ant-btn-dashed.disabled:active>a:only-child:after, .ant-btn-dashed.disabled:focus>a:only-child:after, .ant-btn-dashed.disabled:hover>a:only-child:after, .ant-btn-dashed.disabled>a:only-child:after, .ant-btn-dashed[disabled].active>a:only-child:after, .ant-btn-dashed[disabled]:active>a:only-child:after, .ant-btn-dashed[disabled]:focus>a:only-child:after, .ant-btn-dashed[disabled]:hover>a:only-child:after, .ant-btn-dashed[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-danger { color: #fff; background-color: #ff4d4f; border-color: #ff4d4f; text-shadow: 0 -1px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.045); box-shadow: 0 2px 0 rgba(0,0,0,.045); } .ant-btn-danger>a:only-child { color: currentColor; } .ant-btn-danger>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-danger:focus, .ant-btn-danger:hover { color: #fff; background-color: #ff7875; border-color: #ff7875; } .ant-btn-danger:focus>a:only-child, .ant-btn-danger:hover>a:only-child { color: currentColor; } .ant-btn-danger:focus>a:only-child:after, .ant-btn-danger:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-danger.active, .ant-btn-danger:active { color: #fff; background-color: #d9363e; border-color: #d9363e; } .ant-btn-danger.active>a:only-child, .ant-btn-danger:active>a:only-child { color: currentColor; } .ant-btn-danger.active>a:only-child:after, .ant-btn-danger:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-danger-disabled, .ant-btn-danger-disabled.active, .ant-btn-danger-disabled:active, .ant-btn-danger-disabled:focus, .ant-btn-danger-disabled:hover, .ant-btn-danger.disabled, .ant-btn-danger.disabled.active, .ant-btn-danger.disabled:active, .ant-btn-danger.disabled:focus, .ant-btn-danger.disabled:hover, .ant-btn-danger[disabled], .ant-btn-danger[disabled].active, .ant-btn-danger[disabled]:active, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-danger-disabled.active>a:only-child, .ant-btn-danger-disabled:active>a:only-child, .ant-btn-danger-disabled:focus>a:only-child, .ant-btn-danger-disabled:hover>a:only-child, .ant-btn-danger-disabled>a:only-child, .ant-btn-danger.disabled.active>a:only-child, .ant-btn-danger.disabled:active>a:only-child, .ant-btn-danger.disabled:focus>a:only-child, .ant-btn-danger.disabled:hover>a:only-child, .ant-btn-danger.disabled>a:only-child, .ant-btn-danger[disabled].active>a:only-child, .ant-btn-danger[disabled]:active>a:only-child, .ant-btn-danger[disabled]:focus>a:only-child, .ant-btn-danger[disabled]:hover>a:only-child, .ant-btn-danger[disabled]>a:only-child { color: currentColor; } .ant-btn-danger-disabled.active>a:only-child:after, .ant-btn-danger-disabled:active>a:only-child:after, .ant-btn-danger-disabled:focus>a:only-child:after, .ant-btn-danger-disabled:hover>a:only-child:after, .ant-btn-danger-disabled>a:only-child:after, .ant-btn-danger.disabled.active>a:only-child:after, .ant-btn-danger.disabled:active>a:only-child:after, .ant-btn-danger.disabled:focus>a:only-child:after, .ant-btn-danger.disabled:hover>a:only-child:after, .ant-btn-danger.disabled>a:only-child:after, .ant-btn-danger[disabled].active>a:only-child:after, .ant-btn-danger[disabled]:active>a:only-child:after, .ant-btn-danger[disabled]:focus>a:only-child:after, .ant-btn-danger[disabled]:hover>a:only-child:after, .ant-btn-danger[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-link { color: #1890ff; background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-link>a:only-child { color: currentColor; } .ant-btn-link>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-link:focus, .ant-btn-link:hover { color: #40a9ff; background-color: transparent; border-color: #40a9ff; } .ant-btn-link:focus>a:only-child, .ant-btn-link:hover>a:only-child { color: currentColor; } .ant-btn-link:focus>a:only-child:after, .ant-btn-link:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-link.active, .ant-btn-link:active { color: #096dd9; background-color: transparent; border-color: #096dd9; } .ant-btn-link.active>a:only-child, .ant-btn-link:active>a:only-child { color: currentColor; } .ant-btn-link.active>a:only-child:after, .ant-btn-link:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-link-disabled, .ant-btn-link-disabled.active, .ant-btn-link-disabled:active, .ant-btn-link-disabled:focus, .ant-btn-link-disabled:hover, .ant-btn-link.disabled, .ant-btn-link.disabled.active, .ant-btn-link.disabled:active, .ant-btn-link.disabled:focus, .ant-btn-link.disabled:hover, .ant-btn-link[disabled], .ant-btn-link[disabled].active, .ant-btn-link[disabled]:active, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:hover { background-color: #f5f5f5; border-color: #d9d9d9; } .ant-btn-link:active, .ant-btn-link:focus, .ant-btn-link:hover { border-color: transparent; } .ant-btn-link-disabled, .ant-btn-link-disabled.active, .ant-btn-link-disabled:active, .ant-btn-link-disabled:focus, .ant-btn-link-disabled:hover, .ant-btn-link.disabled, .ant-btn-link.disabled.active, .ant-btn-link.disabled:active, .ant-btn-link.disabled:focus, .ant-btn-link.disabled:hover, .ant-btn-link[disabled], .ant-btn-link[disabled].active, .ant-btn-link[disabled]:active, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:hover { color: rgba(0,0,0,.25); background-color: transparent; border-color: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-link-disabled.active>a:only-child, .ant-btn-link-disabled:active>a:only-child, .ant-btn-link-disabled:focus>a:only-child, .ant-btn-link-disabled:hover>a:only-child, .ant-btn-link-disabled>a:only-child, .ant-btn-link.disabled.active>a:only-child, .ant-btn-link.disabled:active>a:only-child, .ant-btn-link.disabled:focus>a:only-child, .ant-btn-link.disabled:hover>a:only-child, .ant-btn-link.disabled>a:only-child, .ant-btn-link[disabled].active>a:only-child, .ant-btn-link[disabled]:active>a:only-child, .ant-btn-link[disabled]:focus>a:only-child, .ant-btn-link[disabled]:hover>a:only-child, .ant-btn-link[disabled]>a:only-child { color: currentColor; } .ant-btn-link-disabled.active>a:only-child:after, .ant-btn-link-disabled:active>a:only-child:after, .ant-btn-link-disabled:focus>a:only-child:after, .ant-btn-link-disabled:hover>a:only-child:after, .ant-btn-link-disabled>a:only-child:after, .ant-btn-link.disabled.active>a:only-child:after, .ant-btn-link.disabled:active>a:only-child:after, .ant-btn-link.disabled:focus>a:only-child:after, .ant-btn-link.disabled:hover>a:only-child:after, .ant-btn-link.disabled>a:only-child:after, .ant-btn-link[disabled].active>a:only-child:after, .ant-btn-link[disabled]:active>a:only-child:after, .ant-btn-link[disabled]:focus>a:only-child:after, .ant-btn-link[disabled]:hover>a:only-child:after, .ant-btn-link[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-icon-only { width: 32px; height: 32px; padding: 0; font-size: 16px; border-radius: 4px; } .ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; padding: 0; font-size: 18px; border-radius: 4px; } .ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; padding: 0; font-size: 14px; border-radius: 4px; } .ant-btn-icon-only>i { vertical-align: middle; } .ant-btn-round { height: 32px; padding: 0 16px; font-size: 14px; border-radius: 32px; } .ant-btn-round.ant-btn-lg { height: 40px; padding: 0 20px; font-size: 16px; border-radius: 40px; } .ant-btn-round.ant-btn-sm { height: 24px; padding: 0 12px; font-size: 14px; border-radius: 24px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle, .ant-btn-circle-outline { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50%; } .ant-btn-circle-outline.ant-btn-lg, .ant-btn-circle.ant-btn-lg { min-width: 40px; border-radius: 50%; } .ant-btn-circle-outline.ant-btn-sm, .ant-btn-circle.ant-btn-sm { min-width: 24px; border-radius: 50%; } .ant-btn:before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; border-radius: inherit; opacity: .35; -webkit-transition: opacity .2s; transition: opacity .2s; content: ""; pointer-events: none; } .ant-btn .anticon { -webkit-transition: margin-left .3s cubic-bezier(.645,.045,.355,1); transition: margin-left .3s cubic-bezier(.645,.045,.355,1); } .ant-btn .anticon.anticon-minus>svg, .ant-btn .anticon.anticon-plus>svg { shape-rendering: optimizeSpeed; } .ant-btn.ant-btn-loading { position: relative; } .ant-btn.ant-btn-loading:not([disabled]) { pointer-events: none; } .ant-btn.ant-btn-loading:before { display: block; } .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) { padding-left: 29px; } .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) { margin-left: -14px; } .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) { padding-left: 24px; } .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon { margin-left: -17px; } .ant-btn-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .ant-btn-group, .ant-btn-group>.ant-btn, .ant-btn-group>span>.ant-btn { position: relative; } .ant-btn-group>.ant-btn.active, .ant-btn-group>.ant-btn:active, .ant-btn-group>.ant-btn:focus, .ant-btn-group>.ant-btn:hover, .ant-btn-group>span>.ant-btn.active, .ant-btn-group>span>.ant-btn:active, .ant-btn-group>span>.ant-btn:focus, .ant-btn-group>span>.ant-btn:hover { z-index: 2; } .ant-btn-group>.ant-btn:disabled, .ant-btn-group>span>.ant-btn:disabled { z-index: 0; } .ant-btn-group>.ant-btn-icon-only { font-size: 14px; } .ant-btn-group-lg>.ant-btn, .ant-btn-group-lg>span>.ant-btn { height: 40px; padding: 0 15px; font-size: 16px; border-radius: 0; line-height: 38px; } .ant-btn-group-lg>.ant-btn.ant-btn-icon-only { width: 40px; height: 40px; padding-right: 0; padding-left: 0; } .ant-btn-group-sm>.ant-btn, .ant-btn-group-sm>span>.ant-btn { height: 24px; padding: 0 7px; font-size: 14px; border-radius: 0; line-height: 22px; } .ant-btn-group-sm>.ant-btn>.anticon, .ant-btn-group-sm>span>.ant-btn>.anticon { font-size: 14px; } .ant-btn-group-sm>.ant-btn.ant-btn-icon-only { width: 24px; height: 24px; padding-right: 0; padding-left: 0; } .ant-btn+.ant-btn-group, .ant-btn-group .ant-btn+.ant-btn, .ant-btn-group .ant-btn+span, .ant-btn-group span+.ant-btn, .ant-btn-group+.ant-btn, .ant-btn-group+.ant-btn-group, .ant-btn-group>span+span { margin-left: -1px; } .ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0; } .ant-btn-group>.ant-btn:first-child, .ant-btn-group>span:first-child>.ant-btn { margin-left: 0; } .ant-btn-group>.ant-btn:only-child, .ant-btn-group>span:only-child>.ant-btn { border-radius: 4px; } .ant-btn-group>.ant-btn:first-child:not(:last-child), .ant-btn-group>span:first-child:not(:last-child)>.ant-btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-btn-group>.ant-btn:last-child:not(:first-child), .ant-btn-group>span:last-child:not(:first-child)>.ant-btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-btn-group-sm>.ant-btn:only-child, .ant-btn-group-sm>span:only-child>.ant-btn { border-radius: 4px; } .ant-btn-group-sm>.ant-btn:first-child:not(:last-child), .ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-btn-group-sm>.ant-btn:last-child:not(:first-child), .ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-btn-group>.ant-btn-group { float: left; } .ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn { border-radius: 0; } .ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn:active>span, .ant-btn:focus>span { position: relative; } .ant-btn>.anticon+span, .ant-btn>span+.anticon { margin-left: 8px; } .ant-btn-background-ghost { color: #fff; background: transparent!important; border-color: #fff; } .ant-btn-background-ghost.ant-btn-primary { color: #1890ff; background-color: transparent; border-color: #1890ff; text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-primary:focus, .ant-btn-background-ghost.ant-btn-primary:hover { color: #40a9ff; background-color: transparent; border-color: #40a9ff; } .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child, .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-primary.active, .ant-btn-background-ghost.ant-btn-primary:active { color: #096dd9; background-color: transparent; border-color: #096dd9; } .ant-btn-background-ghost.ant-btn-primary.active>a:only-child, .ant-btn-background-ghost.ant-btn-primary:active>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary.active>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-primary-disabled, .ant-btn-background-ghost.ant-btn-primary-disabled.active, .ant-btn-background-ghost.ant-btn-primary-disabled:active, .ant-btn-background-ghost.ant-btn-primary-disabled:focus, .ant-btn-background-ghost.ant-btn-primary-disabled:hover, .ant-btn-background-ghost.ant-btn-primary.disabled, .ant-btn-background-ghost.ant-btn-primary.disabled.active, .ant-btn-background-ghost.ant-btn-primary.disabled:active, .ant-btn-background-ghost.ant-btn-primary.disabled:focus, .ant-btn-background-ghost.ant-btn-primary.disabled:hover, .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled].active, .ant-btn-background-ghost.ant-btn-primary[disabled]:active, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child, .ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child, .ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child, .ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child, .ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child, .ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger { color: #ff4d4f; background-color: transparent; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger:focus, .ant-btn-background-ghost.ant-btn-danger:hover { color: #ff7875; background-color: transparent; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child, .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger.active, .ant-btn-background-ghost.ant-btn-danger:active { color: #d9363e; background-color: transparent; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-danger.active>a:only-child, .ant-btn-background-ghost.ant-btn-danger:active>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger.active>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger-disabled, .ant-btn-background-ghost.ant-btn-danger-disabled.active, .ant-btn-background-ghost.ant-btn-danger-disabled:active, .ant-btn-background-ghost.ant-btn-danger-disabled:focus, .ant-btn-background-ghost.ant-btn-danger-disabled:hover, .ant-btn-background-ghost.ant-btn-danger.disabled, .ant-btn-background-ghost.ant-btn-danger.disabled.active, .ant-btn-background-ghost.ant-btn-danger.disabled:active, .ant-btn-background-ghost.ant-btn-danger.disabled:focus, .ant-btn-background-ghost.ant-btn-danger.disabled:hover, .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled].active, .ant-btn-background-ghost.ant-btn-danger[disabled]:active, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child, .ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child, .ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child, .ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child, .ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child, .ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-link { color: #1890ff; background-color: transparent; border-color: transparent; text-shadow: none; color: #fff; } .ant-btn-background-ghost.ant-btn-link>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-link:focus, .ant-btn-background-ghost.ant-btn-link:hover { color: #40a9ff; background-color: transparent; border-color: transparent; } .ant-btn-background-ghost.ant-btn-link:focus>a:only-child, .ant-btn-background-ghost.ant-btn-link:hover>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-link:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-link.active, .ant-btn-background-ghost.ant-btn-link:active { color: #096dd9; background-color: transparent; border-color: transparent; } .ant-btn-background-ghost.ant-btn-link.active>a:only-child, .ant-btn-background-ghost.ant-btn-link:active>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link.active>a:only-child:after, .ant-btn-background-ghost.ant-btn-link:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-link-disabled, .ant-btn-background-ghost.ant-btn-link-disabled.active, .ant-btn-background-ghost.ant-btn-link-disabled:active, .ant-btn-background-ghost.ant-btn-link-disabled:focus, .ant-btn-background-ghost.ant-btn-link-disabled:hover, .ant-btn-background-ghost.ant-btn-link.disabled, .ant-btn-background-ghost.ant-btn-link.disabled.active, .ant-btn-background-ghost.ant-btn-link.disabled:active, .ant-btn-background-ghost.ant-btn-link.disabled:focus, .ant-btn-background-ghost.ant-btn-link.disabled:hover, .ant-btn-background-ghost.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-link[disabled].active, .ant-btn-background-ghost.ant-btn-link[disabled]:active, .ant-btn-background-ghost.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-link[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-link-disabled.active>a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled:active>a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled:focus>a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled:hover>a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled>a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled.active>a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled:active>a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled:focus>a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled:hover>a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled>a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled].active>a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]:active>a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]:focus>a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]:hover>a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]>a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link-disabled.active>a:only-child:after, .ant-btn-background-ghost.ant-btn-link-disabled:active>a:only-child:after, .ant-btn-background-ghost.ant-btn-link-disabled:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-link-disabled:hover>a:only-child:after, .ant-btn-background-ghost.ant-btn-link-disabled>a:only-child:after, .ant-btn-background-ghost.ant-btn-link.disabled.active>a:only-child:after, .ant-btn-background-ghost.ant-btn-link.disabled:active>a:only-child:after, .ant-btn-background-ghost.ant-btn-link.disabled:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-link.disabled:hover>a:only-child:after, .ant-btn-background-ghost.ant-btn-link.disabled>a:only-child:after, .ant-btn-background-ghost.ant-btn-link[disabled].active>a:only-child:after, .ant-btn-background-ghost.ant-btn-link[disabled]:active>a:only-child:after, .ant-btn-background-ghost.ant-btn-link[disabled]:focus>a:only-child:after, .ant-btn-background-ghost.ant-btn-link[disabled]:hover>a:only-child:after, .ant-btn-background-ghost.ant-btn-link[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-two-chinese-chars:first-letter { letter-spacing: .34em; } .ant-btn-two-chinese-chars>:not(.anticon) { margin-right: -.34em; letter-spacing: .34em; } .ant-btn-block { width: 100%; } .ant-btn:empty { vertical-align: top; } a.ant-btn { padding-top: .1px; line-height: 30px; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } .ant-notification { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: fixed; z-index: 1010; width: 384px; max-width: calc(100vw - 32px); margin-right: 24px; } .ant-notification-bottomLeft, .ant-notification-topLeft { margin-right: 0; margin-left: 24px; } .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active { -webkit-animation-name: NotificationLeftFadeIn; animation-name: NotificationLeftFadeIn; } .ant-notification-close-icon { font-size: 14px; cursor: pointer; } .ant-notification-notice { position: relative; margin-bottom: 16px; padding: 16px 24px; overflow: hidden; line-height: 1.5; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15); box-shadow: 0 4px 12px rgba(0,0,0,.15); } .ant-notification-notice-message { display: inline-block; margin-bottom: 8px; color: rgba(0,0,0,.85); font-size: 16px; line-height: 24px; } .ant-notification-notice-message-single-line-auto-margin { display: block; width: calc(264px - 100%); max-width: 4px; background-color: transparent; pointer-events: none; } .ant-notification-notice-message-single-line-auto-margin:before { display: block; content: ""; } .ant-notification-notice-description { font-size: 14px; } .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 24px; } .ant-notification-notice-with-icon .ant-notification-notice-message { margin-bottom: 4px; margin-left: 48px; font-size: 16px; } .ant-notification-notice-with-icon .ant-notification-notice-description { margin-left: 48px; font-size: 14px; } .ant-notification-notice-icon { position: absolute; margin-left: 4px; font-size: 24px; line-height: 24px; } .anticon.ant-notification-notice-icon-success { color: #52c41a; } .anticon.ant-notification-notice-icon-info { color: #1890ff; } .anticon.ant-notification-notice-icon-warning { color: #faad14; } .anticon.ant-notification-notice-icon-error { color: #f5222d; } .ant-notification-notice-close { position: absolute; top: 16px; right: 22px; color: rgba(0,0,0,.45); outline: none; } .ant-notification-notice-close:hover { color: rgba(0,0,0,.67); } .ant-notification-notice-btn { float: right; margin-top: 16px; } .ant-notification .notification-fade-effect { -webkit-animation-duration: .24s; animation-duration: .24s; -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1); animation-timing-function: cubic-bezier(.645,.045,.355,1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ant-notification-fade-appear, .ant-notification-fade-enter { opacity: 0; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-notification-fade-appear, .ant-notification-fade-enter, .ant-notification-fade-leave { -webkit-animation-duration: .24s; animation-duration: .24s; -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1); animation-timing-function: cubic-bezier(.645,.045,.355,1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ant-notification-fade-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-play-state: paused; animation-play-state: paused; } .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-fade-enter.ant-notification-fade-enter-active { -webkit-animation-name: NotificationFadeIn; animation-name: NotificationFadeIn; -webkit-animation-play-state: running; animation-play-state: running; } .ant-notification-fade-leave.ant-notification-fade-leave-active { -webkit-animation-name: NotificationFadeOut; animation-name: NotificationFadeOut; -webkit-animation-play-state: running; animation-play-state: running; } @-webkit-keyframes NotificationFadeIn { 0% { left: 384px; opacity: 0; } to { left: 0; opacity: 1; } } @keyframes NotificationFadeIn { 0% { left: 384px; opacity: 0; } to { left: 0; opacity: 1; } } @-webkit-keyframes NotificationLeftFadeIn { 0% { right: 384px; opacity: 0; } to { right: 0; opacity: 1; } } @keyframes NotificationLeftFadeIn { 0% { right: 384px; opacity: 0; } to { right: 0; opacity: 1; } } @-webkit-keyframes NotificationFadeOut { 0% { max-height: 150px; margin-bottom: 16px; padding-top: 16px 24px; padding-bottom: 16px 24px; opacity: 1; } to { max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } } @keyframes NotificationFadeOut { 0% { max-height: 150px; margin-bottom: 16px; padding-top: 16px 24px; padding-bottom: 16px 24px; opacity: 1; } to { max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } } .ant-message { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: fixed; top: 16px; left: 0; z-index: 1010; width: 100%; pointer-events: none; } .ant-message-notice { padding: 8px; text-align: center; } .ant-message-notice:first-child { margin-top: -8px; } .ant-message-notice-content { display: inline-block; padding: 10px 16px; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15); box-shadow: 0 4px 12px rgba(0,0,0,.15); pointer-events: all; } .ant-message-success .anticon { color: #52c41a; } .ant-message-error .anticon { color: #f5222d; } .ant-message-warning .anticon { color: #faad14; } .ant-message-info .anticon, .ant-message-loading .anticon { color: #1890ff; } .ant-message .anticon { position: relative; top: 1px; margin-right: 8px; font-size: 16px; } .ant-message-notice.move-up-leave.move-up-leave-active { overflow: hidden; -webkit-animation-name: MessageMoveOut; animation-name: MessageMoveOut; -webkit-animation-duration: .3s; animation-duration: .3s; } @-webkit-keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1; } to { max-height: 0; padding: 0; opacity: 0; } } @keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1; } to { max-height: 0; padding: 0; opacity: 0; } } .ant-tag { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; display: inline-block; height: auto; margin-right: 8px; padding: 0 7px; font-size: 12px; line-height: 20px; white-space: nowrap; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 4px; cursor: default; opacity: 1; -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86); transition: all .3s cubic-bezier(.78,.14,.15,.86); } .ant-tag:hover { opacity: .85; } .ant-tag, .ant-tag a, .ant-tag a:hover { color: rgba(0,0,0,.65); } .ant-tag>a:first-child:last-child { display: inline-block; margin: 0 -8px; padding: 0 8px; } .ant-tag .anticon-close { display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); margin-left: 3px; color: rgba(0,0,0,.45); font-weight: 700; cursor: pointer; -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86); transition: all .3s cubic-bezier(.78,.14,.15,.86); } :root .ant-tag .anticon-close { font-size: 12px; } .ant-tag .anticon-close:hover { color: rgba(0,0,0,.85); } .ant-tag-has-color { border-color: transparent; } .ant-tag-has-color, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover, .ant-tag-has-color a, .ant-tag-has-color a:hover { color: #fff; } .ant-tag-checkable { background-color: transparent; border-color: transparent; } .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { color: #1890ff; } .ant-tag-checkable-checked, .ant-tag-checkable:active { color: #fff; } .ant-tag-checkable-checked { background-color: #1890ff; } .ant-tag-checkable:active { background-color: #096dd9; } .ant-tag-hidden { display: none; } .ant-tag-pink { color: #eb2f96; background: #fff0f6; border-color: #ffadd2; } .ant-tag-pink-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-magenta { color: #eb2f96; background: #fff0f6; border-color: #ffadd2; } .ant-tag-magenta-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-red { color: #f5222d; background: #fff1f0; border-color: #ffa39e; } .ant-tag-red-inverse { color: #fff; background: #f5222d; border-color: #f5222d; } .ant-tag-volcano { color: #fa541c; background: #fff2e8; border-color: #ffbb96; } .ant-tag-volcano-inverse { color: #fff; background: #fa541c; border-color: #fa541c; } .ant-tag-orange { color: #fa8c16; background: #fff7e6; border-color: #ffd591; } .ant-tag-orange-inverse { color: #fff; background: #fa8c16; border-color: #fa8c16; } .ant-tag-yellow { color: #fadb14; background: #feffe6; border-color: #fffb8f; } .ant-tag-yellow-inverse { color: #fff; background: #fadb14; border-color: #fadb14; } .ant-tag-gold { color: #faad14; background: #fffbe6; border-color: #ffe58f; } .ant-tag-gold-inverse { color: #fff; background: #faad14; border-color: #faad14; } .ant-tag-cyan { color: #13c2c2; background: #e6fffb; border-color: #87e8de; } .ant-tag-cyan-inverse { color: #fff; background: #13c2c2; border-color: #13c2c2; } .ant-tag-lime { color: #a0d911; background: #fcffe6; border-color: #eaff8f; } .ant-tag-lime-inverse { color: #fff; background: #a0d911; border-color: #a0d911; } .ant-tag-green { color: #52c41a; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-green-inverse { color: #fff; background: #52c41a; border-color: #52c41a; } .ant-tag-blue { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-blue-inverse { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-tag-geekblue { color: #2f54eb; background: #f0f5ff; border-color: #adc6ff; } .ant-tag-geekblue-inverse { color: #fff; background: #2f54eb; border-color: #2f54eb; } .ant-tag-purple { color: #722ed1; background: #f9f0ff; border-color: #d3adf7; } .ant-tag-purple-inverse { color: #fff; background: #722ed1; border-color: #722ed1; } .ant-list { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; } .ant-list * { outline: none; } .ant-list-pagination { margin-top: 24px; text-align: right; } .ant-list-pagination .ant-pagination-options { text-align: left; } .ant-list-more { margin-top: 12px; text-align: center; } .ant-list-more button { padding-right: 32px; padding-left: 32px; } .ant-list-spin { min-height: 40px; text-align: center; } .ant-list-empty-text { padding: 16px; color: rgba(0,0,0,.25); font-size: 14px; text-align: center; } .ant-list-items { margin: 0; padding: 0; list-style: none; } .ant-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 0; } .ant-list-item-content { color: rgba(0,0,0,.65); } .ant-list-item-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 0; } .ant-list-item-meta-avatar { margin-right: 16px; } .ant-list-item-meta-content { -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; } .ant-list-item-meta-title { margin-bottom: 4px; color: rgba(0,0,0,.65); font-size: 14px; line-height: 22px; } .ant-list-item-meta-title>a { color: rgba(0,0,0,.65); -webkit-transition: all .3s; transition: all .3s; } .ant-list-item-meta-title>a:hover { color: #1890ff; } .ant-list-item-meta-description { color: rgba(0,0,0,.45); font-size: 14px; line-height: 22px; } .ant-list-item-action { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 48px; padding: 0; font-size: 0; list-style: none; } .ant-list-item-action>li { position: relative; display: inline-block; padding: 0 8px; color: rgba(0,0,0,.45); font-size: 14px; line-height: 22px; text-align: center; cursor: pointer; } .ant-list-item-action>li:first-child { padding-left: 0; } .ant-list-item-action-split { position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #e8e8e8; } .ant-list-footer, .ant-list-header { background: transparent; } .ant-list-footer, .ant-list-header { padding-top: 12px; padding-bottom: 12px; } .ant-list-empty { padding: 16px 0; color: rgba(0,0,0,.45); font-size: 12px; text-align: center; } .ant-list-split .ant-list-item { border-bottom: 1px solid #e8e8e8; } .ant-list-split .ant-list-item:last-child { border-bottom: none; } .ant-list-split .ant-list-header { border-bottom: 1px solid #e8e8e8; } .ant-list-loading .ant-list-spin-nested-loading { min-height: 32px; } .ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child { border-bottom: 1px solid #e8e8e8; } .ant-list-lg .ant-list-item { padding-top: 16px; padding-bottom: 16px; } .ant-list-sm .ant-list-item { padding-top: 8px; padding-bottom: 8px; } .ant-list-vertical .ant-list-item { -webkit-box-align: initial; -ms-flex-align: initial; align-items: normal; } .ant-list-vertical .ant-list-item-main { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ant-list-vertical .ant-list-item-extra { margin-left: 40px; } .ant-list-vertical .ant-list-item-meta { margin-bottom: 16px; } .ant-list-vertical .ant-list-item-meta-title { margin-bottom: 12px; color: rgba(0,0,0,.85); font-size: 16px; line-height: 24px; } .ant-list-vertical .ant-list-item-action { margin-top: 16px; margin-left: auto; } .ant-list-vertical .ant-list-item-action>li { padding: 0 16px; } .ant-list-vertical .ant-list-item-action>li:first-child { padding-left: 0; } .ant-list-grid .ant-col>.ant-list-item { display: block; max-width: 100%; margin-bottom: 16px; padding-top: 0; padding-bottom: 0; border-bottom: none; } .ant-list-item-no-flex { display: block; } .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: right; } .ant-list-bordered { border: 1px solid #d9d9d9; border-radius: 4px; } .ant-list-bordered .ant-list-footer, .ant-list-bordered .ant-list-header, .ant-list-bordered .ant-list-item { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-item { border-bottom: 1px solid #e8e8e8; } .ant-list-bordered .ant-list-pagination { margin: 16px 24px; } .ant-list-bordered.ant-list-sm .ant-list-item { padding-right: 16px; padding-left: 16px; } .ant-list-bordered.ant-list-sm .ant-list-footer, .ant-list-bordered.ant-list-sm .ant-list-header { padding: 8px 16px; } .ant-list-bordered.ant-list-lg .ant-list-footer, .ant-list-bordered.ant-list-lg .ant-list-header { padding: 16px 24px; } @media screen and (max-width: 768px) { .ant-list-item-action, .ant-list-vertical .ant-list-item-extra { margin-left: 24px; } } @media screen and (max-width: 576px) { .ant-list-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .ant-list-item-action { margin-left: 12px; } .ant-list-vertical .ant-list-item { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .ant-list-vertical .ant-list-item-main { min-width: 220px; } .ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } .ant-empty { margin: 0 8px; font-size: 14px; line-height: 22px; text-align: center; } .ant-empty-image { height: 100px; margin-bottom: 8px; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-description { margin: 0; } .ant-empty-footer { margin-top: 16px; } .ant-empty-normal { margin: 32px 0; color: rgba(0,0,0,.25); } .ant-empty-normal .ant-empty-image { height: 40px; } .ant-empty-small { margin: 8px 0; color: rgba(0,0,0,.25); } .ant-empty-small .ant-empty-image { height: 35px; } .ant-spin { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: absolute; display: none; color: #1890ff; text-align: center; vertical-align: middle; opacity: 0; -webkit-transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86); transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86); transition: transform .3s cubic-bezier(.78,.14,.15,.86); transition: transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86); } .ant-spin-spinning { position: static; display: inline-block; opacity: 1; } .ant-spin-nested-loading { position: relative; } .ant-spin-nested-loading>div>.ant-spin { position: absolute; top: 0; left: 0; z-index: 4; display: block; width: 100%; height: 100%; max-height: 400px; } .ant-spin-nested-loading>div>.ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -10px; } .ant-spin-nested-loading>div>.ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 5px; text-shadow: 0 1px 2px #fff; } .ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -20px; } .ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot { margin: -7px; } .ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text { padding-top: 2px; } .ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -17px; } .ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot { margin: -16px; } .ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text { padding-top: 11px; } .ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -26px; } .ant-spin-container { position: relative; -webkit-transition: opacity .3s; transition: opacity .3s; } .ant-spin-container:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none\9; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-transition: all .3s; transition: all .3s; content: ""; pointer-events: none; } .ant-spin-blur { clear: both; overflow: hidden; opacity: .5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .ant-spin-blur:after { opacity: .4; pointer-events: auto; } .ant-spin-tip { color: rgba(0,0,0,.45); } .ant-spin-dot { position: relative; display: inline-block; font-size: 20px; width: 1em; height: 1em; } .ant-spin-dot-item { position: absolute; display: block; width: 9px; height: 9px; background-color: #1890ff; border-radius: 100%; -webkit-transform: scale(.75); transform: scale(.75); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .3; -webkit-animation: antSpinMove 1s linear infinite alternate; animation: antSpinMove 1s linear infinite alternate; } .ant-spin-dot-item:first-child { top: 0; left: 0; } .ant-spin-dot-item:nth-child(2) { top: 0; right: 0; -webkit-animation-delay: .4s; animation-delay: .4s; } .ant-spin-dot-item:nth-child(3) { right: 0; bottom: 0; -webkit-animation-delay: .8s; animation-delay: .8s; } .ant-spin-dot-item:nth-child(4) { bottom: 0; left: 0; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .ant-spin-dot-spin { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: antRotate 1.2s linear infinite; animation: antRotate 1.2s linear infinite; } .ant-spin-sm .ant-spin-dot { font-size: 14px; } .ant-spin-sm .ant-spin-dot i { width: 6px; height: 6px; } .ant-spin-lg .ant-spin-dot { font-size: 32px; } .ant-spin-lg .ant-spin-dot i { width: 14px; height: 14px; } .ant-spin.ant-spin-show-text .ant-spin-text { display: block; } @media(-ms-high-contrast: active),(-ms-high-contrast: none) { .ant-spin-blur { background: #fff; opacity: .5; } } @-webkit-keyframes antSpinMove { to { opacity: 1; } } @keyframes antSpinMove { to { opacity: 1; } } @-webkit-keyframes antRotate { to { -webkit-transform: rotate(405deg); transform: rotate(405deg); } } @keyframes antRotate { to { -webkit-transform: rotate(405deg); transform: rotate(405deg); } } .ant-pagination { -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; } .ant-pagination, .ant-pagination ol, .ant-pagination ul { margin: 0; padding: 0; list-style: none; } .ant-pagination:after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: " "; } .ant-pagination-item, .ant-pagination-total-text { display: inline-block; height: 32px; margin-right: 8px; line-height: 30px; vertical-align: middle; } .ant-pagination-item { min-width: 32px; font-family: Arial; text-align: center; list-style: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; outline: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-pagination-item a { display: block; padding: 0 6px; color: rgba(0,0,0,.65); -webkit-transition: none; transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:focus, .ant-pagination-item:hover { border-color: #1890ff; -webkit-transition: all .3s; transition: all .3s; } .ant-pagination-item:focus a, .ant-pagination-item:hover a { color: #1890ff; } .ant-pagination-item-active { font-weight: 500; background: #fff; border-color: #1890ff; } .ant-pagination-item-active a { color: #1890ff; } .ant-pagination-item-active:focus, .ant-pagination-item-active:hover { border-color: #40a9ff; } .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a { color: #40a9ff; } .ant-pagination-jump-next, .ant-pagination-jump-prev { outline: 0; } .ant-pagination-jump-next .ant-pagination-item-container, .ant-pagination-jump-prev .ant-pagination-item-container { position: relative; } .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon { display: inline-block; font-size: 12px; font-size: 12px\9; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); color: #1890ff; letter-spacing: -1px; opacity: 0; -webkit-transition: all .2s; transition: all .2s; } :root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon, :root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon { font-size: 12px; } .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; color: rgba(0,0,0,.25); letter-spacing: 2px; text-align: center; text-indent: .13em; opacity: 1; -webkit-transition: all .2s; transition: all .2s; } .ant-pagination-jump-next:focus .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon, .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon, .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-jump-next, .ant-pagination-jump-prev, .ant-pagination-prev { margin-right: 8px; } .ant-pagination-jump-next, .ant-pagination-jump-prev, .ant-pagination-next, .ant-pagination-prev { display: inline-block; min-width: 32px; height: 32px; color: rgba(0,0,0,.65); font-family: Arial; line-height: 32px; text-align: center; vertical-align: middle; list-style: none; border-radius: 4px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-pagination-next, .ant-pagination-prev { outline: 0; } .ant-pagination-next a, .ant-pagination-prev a { color: rgba(0,0,0,.65); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-pagination-next:hover a, .ant-pagination-prev:hover a { border-color: #40a9ff; } .ant-pagination-next .ant-pagination-item-link, .ant-pagination-prev .ant-pagination-item-link { display: block; height: 100%; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; outline: none; -webkit-transition: all .3s; transition: all .3s; } .ant-pagination-next:focus .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link, .ant-pagination-prev:focus .ant-pagination-item-link, .ant-pagination-prev:hover .ant-pagination-item-link { color: #1890ff; border-color: #1890ff; } .ant-pagination-disabled, .ant-pagination-disabled:focus, .ant-pagination-disabled:hover { cursor: not-allowed; } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled a, .ant-pagination-disabled:focus .ant-pagination-item-link, .ant-pagination-disabled:focus a, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:hover a { color: rgba(0,0,0,.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-slash { margin: 0 10px 0 5px; } .ant-pagination-options { display: inline-block; margin-left: 16px; vertical-align: middle; } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; margin-right: 8px; } .ant-pagination-options-quick-jumper { display: inline-block; height: 32px; line-height: 32px; vertical-align: top; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0,0,0,.65); font-size: 14px; line-height: 1.5; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; width: 50px; margin: 0 8px; } .ant-pagination-options-quick-jumper input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input::-webkit-input-placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input:hover { border-color: #40a9ff; border-right-width: 1px!important; } .ant-pagination-options-quick-jumper input:focus { outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px!important; } .ant-pagination-options-quick-jumper input[disabled] { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px!important; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; -webkit-transition: all .3s,height 0s; transition: all .3s,height 0s; } .ant-pagination-options-quick-jumper input-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-pagination-options-quick-jumper input-sm { height: 24px; padding: 1px 7px; } .ant-pagination-simple .ant-pagination-next, .ant-pagination-simple .ant-pagination-prev { height: 24px; line-height: 24px; vertical-align: top; } .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link { height: 24px; border: 0; } .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after, .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after { height: 24px; line-height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; height: 24px; margin-right: 8px; } .ant-pagination-simple .ant-pagination-simple-pager input { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; margin-right: 8px; padding: 0 6px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; outline: none; -webkit-transition: border-color .3s; transition: border-color .3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #1890ff; } .ant-pagination.mini .ant-pagination-simple-pager, .ant-pagination.mini .ant-pagination-total-text { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-item { min-width: 24px; height: 24px; margin: 0; line-height: 22px; } .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-next, .ant-pagination.mini .ant-pagination-prev { min-width: 24px; height: 24px; margin: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after, .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-jump-next, .ant-pagination.mini .ant-pagination-jump-prev { height: 24px; margin-right: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-options { margin-left: 2px; } .ant-pagination.mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-options-quick-jumper input { height: 24px; padding: 1px 7px; width: 44px; } .ant-pagination.ant-pagination-disabled { cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item a { color: rgba(0,0,0,.25); background: transparent; border: none; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { background: #dbdbdb; border-color: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: #fff; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link, .ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus, .ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover { color: rgba(0,0,0,.45); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon { opacity: 0; } .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis, .ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis { opacity: 1; } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } } .ant-select { -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: inline-block; outline: 0; } .ant-select, .ant-select ol, .ant-select ul { margin: 0; padding: 0; list-style: none; } .ant-select>ul>li>a { padding: 0; background-color: #fff; } .ant-select-arrow { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 11px; margin-top: -6px; color: rgba(0,0,0,.25); font-size: 12px; line-height: 1; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .ant-select-arrow>* { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow:before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .ant-select-arrow-icon svg { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .ant-select-selection { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-radius: 4px; outline: none; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-selection:hover { border-color: #40a9ff; border-right-width: 1px!important; } .ant-select-focused .ant-select-selection, .ant-select-selection:active, .ant-select-selection:focus { border-color: #40a9ff; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-select-selection__clear { position: absolute; top: 50%; right: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0,0,0,.25); font-size: 12px; font-style: normal; line-height: 12px; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; -webkit-transition: color .3s ease,opacity .15s ease; transition: color .3s ease,opacity .15s ease; text-rendering: auto; } .ant-select-selection__clear:before { display: block; } .ant-select-selection__clear:hover { color: rgba(0,0,0,.45); } .ant-select-selection:hover .ant-select-selection__clear { opacity: 1; } .ant-select-selection-selected-value { float: left; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-no-arrow .ant-select-selection-selected-value { padding-right: 0; } .ant-select-disabled { color: rgba(0,0,0,.25); } .ant-select-disabled .ant-select-selection { background: #f5f5f5; cursor: not-allowed; } .ant-select-disabled .ant-select-selection:active, .ant-select-disabled .ant-select-selection:focus, .ant-select-disabled .ant-select-selection:hover { border-color: #d9d9d9; -webkit-box-shadow: none; box-shadow: none; } .ant-select-disabled .ant-select-selection__clear { display: none; visibility: hidden; pointer-events: none; } .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice { padding-right: 10px; color: rgba(0,0,0,.33); background: #f5f5f5; } .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove { display: none; } .ant-select-selection--single { position: relative; height: 32px; cursor: pointer; } .ant-select-selection--single .ant-select-selection__rendered { margin-right: 24px; } .ant-select-no-arrow .ant-select-selection__rendered { margin-right: 11px; } .ant-select-selection__rendered { position: relative; display: block; margin-right: 11px; margin-left: 11px; line-height: 30px; } .ant-select-selection__rendered:after { display: inline-block; width: 0; visibility: hidden; content: "."; pointer-events: none; } .ant-select-lg { font-size: 16px; } .ant-select-lg .ant-select-selection--single { height: 40px; } .ant-select-lg .ant-select-selection__rendered { line-height: 38px; } .ant-select-lg .ant-select-selection--multiple { min-height: 40px; } .ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li { height: 32px; line-height: 32px; } .ant-select-lg .ant-select-selection--multiple .ant-select-arrow, .ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear { top: 20px; } .ant-select-sm .ant-select-selection--single { height: 24px; } .ant-select-sm .ant-select-selection__rendered { margin-left: 7px; line-height: 22px; } .ant-select-sm .ant-select-selection--multiple { min-height: 24px; } .ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li { height: 16px; line-height: 14px; } .ant-select-sm .ant-select-selection--multiple .ant-select-arrow, .ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear { top: 12px; } .ant-select-sm .ant-select-arrow, .ant-select-sm .ant-select-selection__clear { right: 8px; } .ant-select-disabled .ant-select-selection__choice__remove { color: rgba(0,0,0,.25); cursor: default; } .ant-select-disabled .ant-select-selection__choice__remove:hover { color: rgba(0,0,0,.25); } .ant-select-search__field__wrap { position: relative; display: inline-block; } .ant-select-search__field__placeholder, .ant-select-selection__placeholder { position: absolute; top: 50%; right: 9px; left: 0; max-width: 100%; height: 20px; margin-top: -10px; overflow: hidden; color: #bfbfbf; line-height: 20px; white-space: nowrap; text-align: left; text-overflow: ellipsis; } .ant-select-search__field__placeholder { left: 12px; } .ant-select-search__field__mirror { position: absolute; top: 0; left: 0; white-space: pre; opacity: 0; pointer-events: none; } .ant-select-search--inline { position: absolute; width: 100%; height: 100%; } .ant-select-search--inline .ant-select-search__field__wrap { width: 100%; height: 100%; } .ant-select-search--inline .ant-select-search__field { width: 100%; height: 100%; font-size: 100%; line-height: 1; background: transparent; border-width: 0; border-radius: 4px; outline: 0; } .ant-select-search--inline>i { float: right; } .ant-select-selection--multiple { min-height: 32px; padding-bottom: 3px; cursor: text; zoom: 1; } .ant-select-selection--multiple:after, .ant-select-selection--multiple:before { display: table; content: ""; } .ant-select-selection--multiple:after { clear: both; } .ant-select-selection--multiple .ant-select-search--inline { position: static; float: left; width: auto; max-width: 100%; padding: 0; } .ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field { width: .75em; max-width: 100%; padding: 1px; } .ant-select-selection--multiple .ant-select-selection__rendered { height: auto; margin-bottom: -3px; margin-left: 5px; } .ant-select-selection--multiple .ant-select-selection__placeholder { margin-left: 6px; } .ant-select-selection--multiple .ant-select-selection__rendered>ul>li, .ant-select-selection--multiple>ul>li { height: 24px; margin-top: 3px; line-height: 22px; } .ant-select-selection--multiple .ant-select-selection__choice { position: relative; float: left; max-width: 99%; margin-right: 4px; padding: 0 20px 0 10px; overflow: hidden; color: rgba(0,0,0,.65); background-color: #fafafa; border: 1px solid #e8e8e8; border-radius: 2px; cursor: default; -webkit-transition: padding .3s cubic-bezier(.645,.045,.355,1); transition: padding .3s cubic-bezier(.645,.045,.355,1); } .ant-select-selection--multiple .ant-select-selection__choice__disabled { padding: 0 10px; } .ant-select-selection--multiple .ant-select-selection__choice__content { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: margin .3s cubic-bezier(.645,.045,.355,1); transition: margin .3s cubic-bezier(.645,.045,.355,1); } .ant-select-selection--multiple .ant-select-selection__choice__remove { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; color: rgba(0,0,0,.45); font-weight: 700; line-height: inherit; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); } .ant-select-selection--multiple .ant-select-selection__choice__remove>* { line-height: 1; } .ant-select-selection--multiple .ant-select-selection__choice__remove svg { display: inline-block; } .ant-select-selection--multiple .ant-select-selection__choice__remove:before { display: none; } .ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon { display: block; } :root .ant-select-selection--multiple .ant-select-selection__choice__remove { font-size: 12px; } .ant-select-selection--multiple .ant-select-selection__choice__remove:hover { color: rgba(0,0,0,.75); } .ant-select-selection--multiple .ant-select-arrow, .ant-select-selection--multiple .ant-select-selection__clear { top: 16px; } .ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered, .ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered { margin-right: 20px; } .ant-select-open .ant-select-arrow-icon svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ant-select-open .ant-select-selection { border-color: #40a9ff; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-select-combobox .ant-select-arrow { display: none; } .ant-select-combobox .ant-select-search--inline { float: none; width: 100%; height: 100%; } .ant-select-combobox .ant-select-search__field__wrap { width: 100%; height: 100%; } .ant-select-combobox .ant-select-search__field { position: relative; z-index: 1; width: 100%; height: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1),height 0s; transition: all .3s cubic-bezier(.645,.045,.355,1),height 0s; } .ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered, .ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered { margin-right: 20px; } .ant-select-dropdown { margin: 0; padding: 0; color: rgba(0,0,0,.65); font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: absolute; top: -9999px; left: -9999px; z-index: 1050; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-variant: normal; background-color: #fff; border-radius: 4px; outline: none; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-menu { max-height: 250px; margin-bottom: 0; padding: 4px 0; padding-left: 0; overflow: auto; list-style: none; outline: none; } .ant-select-dropdown-menu-item-group-list { margin: 0; padding: 0; } .ant-select-dropdown-menu-item-group-list>.ant-select-dropdown-menu-item { padding-left: 20px; } .ant-select-dropdown-menu-item-group-title { height: 32px; padding: 0 12px; color: rgba(0,0,0,.45); font-size: 12px; line-height: 32px; } .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child), .ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child { border-radius: 0; } .ant-select-dropdown-menu-item { position: relative; display: block; padding: 5px 12px; overflow: hidden; color: rgba(0,0,0,.65); font-weight: 400; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; -webkit-transition: background .3s ease; transition: background .3s ease; } .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { background-color: #e6f7ff; } .ant-select-dropdown-menu-item-selected { color: rgba(0,0,0,.65); font-weight: 600; background-color: #fafafa; } .ant-select-dropdown-menu-item-disabled, .ant-select-dropdown-menu-item-disabled:hover { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) { background-color: #e6f7ff; } .ant-select-dropdown-menu-item-divider { height: 1px; margin: 1px 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item { padding-right: 32px; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon { position: absolute; top: 50%; right: 12px; color: transparent; font-weight: 700; font-size: 12px; text-shadow: 0 .1px 0,.1px 0 0,0 -.1px 0,-.1px 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon { color: rgba(0,0,0,.87); } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon { display: none; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon, .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon { display: inline-block; color: #1890ff; } .ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item { padding-right: 12px; } .ant-row, .ant-select-dropdown-container-open .ant-select-dropdown, .ant-select-dropdown-open .ant-select-dropdown { display: block; } .ant-row { position: relative; height: auto; margin-right: 0; margin-left: 0; zoom: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .ant-row:after, .ant-row:before { display: table; content: ""; } .ant-row+.ant-row:before, .ant-row:after { clear: both; } .ant-row-flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .ant-row-flex, .ant-row-flex:after, .ant-row-flex:before { display: -webkit-box; display: -ms-flexbox; display: flex; } .ant-row-flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ant-row-flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ant-row-flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ant-row-flex-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ant-row-flex-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .ant-row-flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ant-row-flex-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-row-flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ant-col { position: relative; min-height: 1px; } .ant-col-1, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-2, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-lg-1, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-2, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9, .ant-col-md-1, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-2, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-sm-1, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-2, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9, .ant-col-xs-1, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-2, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9 { position: relative; padding-right: 0; padding-left: 0; } .ant-col-1, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-2, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-push-24 { left: 100%; } .ant-col-pull-24 { right: 100%; } .ant-col-offset-24 { margin-left: 100%; } .ant-col-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-push-23 { left: 95.83333333%; } .ant-col-pull-23 { right: 95.83333333%; } .ant-col-offset-23 { margin-left: 95.83333333%; } .ant-col-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-push-22 { left: 91.66666667%; } .ant-col-pull-22 { right: 91.66666667%; } .ant-col-offset-22 { margin-left: 91.66666667%; } .ant-col-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-push-21 { left: 87.5%; } .ant-col-pull-21 { right: 87.5%; } .ant-col-offset-21 { margin-left: 87.5%; } .ant-col-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-push-20 { left: 83.33333333%; } .ant-col-pull-20 { right: 83.33333333%; } .ant-col-offset-20 { margin-left: 83.33333333%; } .ant-col-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-push-19 { left: 79.16666667%; } .ant-col-pull-19 { right: 79.16666667%; } .ant-col-offset-19 { margin-left: 79.16666667%; } .ant-col-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-push-18 { left: 75%; } .ant-col-pull-18 { right: 75%; } .ant-col-offset-18 { margin-left: 75%; } .ant-col-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-push-17 { left: 70.83333333%; } .ant-col-pull-17 { right: 70.83333333%; } .ant-col-offset-17 { margin-left: 70.83333333%; } .ant-col-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-push-16 { left: 66.66666667%; } .ant-col-pull-16 { right: 66.66666667%; } .ant-col-offset-16 { margin-left: 66.66666667%; } .ant-col-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-push-15 { left: 62.5%; } .ant-col-pull-15 { right: 62.5%; } .ant-col-offset-15 { margin-left: 62.5%; } .ant-col-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-push-14 { left: 58.33333333%; } .ant-col-pull-14 { right: 58.33333333%; } .ant-col-offset-14 { margin-left: 58.33333333%; } .ant-col-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-push-13 { left: 54.16666667%; } .ant-col-pull-13 { right: 54.16666667%; } .ant-col-offset-13 { margin-left: 54.16666667%; } .ant-col-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-push-12 { left: 50%; } .ant-col-pull-12 { right: 50%; } .ant-col-offset-12 { margin-left: 50%; } .ant-col-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-push-11 { left: 45.83333333%; } .ant-col-pull-11 { right: 45.83333333%; } .ant-col-offset-11 { margin-left: 45.83333333%; } .ant-col-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-push-10 { left: 41.66666667%; } .ant-col-pull-10 { right: 41.66666667%; } .ant-col-offset-10 { margin-left: 41.66666667%; } .ant-col-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-push-9 { left: 37.5%; } .ant-col-pull-9 { right: 37.5%; } .ant-col-offset-9 { margin-left: 37.5%; } .ant-col-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-push-8 { left: 33.33333333%; } .ant-col-pull-8 { right: 33.33333333%; } .ant-col-offset-8 { margin-left: 33.33333333%; } .ant-col-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-push-7 { left: 29.16666667%; } .ant-col-pull-7 { right: 29.16666667%; } .ant-col-offset-7 { margin-left: 29.16666667%; } .ant-col-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-push-6 { left: 25%; } .ant-col-pull-6 { right: 25%; } .ant-col-offset-6 { margin-left: 25%; } .ant-col-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-push-5 { left: 20.83333333%; } .ant-col-pull-5 { right: 20.83333333%; } .ant-col-offset-5 { margin-left: 20.83333333%; } .ant-col-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-push-4 { left: 16.66666667%; } .ant-col-pull-4 { right: 16.66666667%; } .ant-col-offset-4 { margin-left: 16.66666667%; } .ant-col-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-push-3 { left: 12.5%; } .ant-col-pull-3 { right: 12.5%; } .ant-col-offset-3 { margin-left: 12.5%; } .ant-col-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-push-2 { left: 8.33333333%; } .ant-col-pull-2 { right: 8.33333333%; } .ant-col-offset-2 { margin-left: 8.33333333%; } .ant-col-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-push-1 { left: 4.16666667%; } .ant-col-pull-1 { right: 4.16666667%; } .ant-col-offset-1 { margin-left: 4.16666667%; } .ant-col-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-0 { display: none; } .ant-col-offset-0 { margin-left: 0; } .ant-col-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .ant-col-xs-1, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-2, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-xs-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-xs-push-24 { left: 100%; } .ant-col-xs-pull-24 { right: 100%; } .ant-col-xs-offset-24 { margin-left: 100%; } .ant-col-xs-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xs-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-xs-push-23 { left: 95.83333333%; } .ant-col-xs-pull-23 { right: 95.83333333%; } .ant-col-xs-offset-23 { margin-left: 95.83333333%; } .ant-col-xs-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xs-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-xs-push-22 { left: 91.66666667%; } .ant-col-xs-pull-22 { right: 91.66666667%; } .ant-col-xs-offset-22 { margin-left: 91.66666667%; } .ant-col-xs-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xs-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-xs-push-21 { left: 87.5%; } .ant-col-xs-pull-21 { right: 87.5%; } .ant-col-xs-offset-21 { margin-left: 87.5%; } .ant-col-xs-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xs-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-xs-push-20 { left: 83.33333333%; } .ant-col-xs-pull-20 { right: 83.33333333%; } .ant-col-xs-offset-20 { margin-left: 83.33333333%; } .ant-col-xs-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xs-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-xs-push-19 { left: 79.16666667%; } .ant-col-xs-pull-19 { right: 79.16666667%; } .ant-col-xs-offset-19 { margin-left: 79.16666667%; } .ant-col-xs-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xs-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-xs-push-18 { left: 75%; } .ant-col-xs-pull-18 { right: 75%; } .ant-col-xs-offset-18 { margin-left: 75%; } .ant-col-xs-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xs-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-xs-push-17 { left: 70.83333333%; } .ant-col-xs-pull-17 { right: 70.83333333%; } .ant-col-xs-offset-17 { margin-left: 70.83333333%; } .ant-col-xs-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xs-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-xs-push-16 { left: 66.66666667%; } .ant-col-xs-pull-16 { right: 66.66666667%; } .ant-col-xs-offset-16 { margin-left: 66.66666667%; } .ant-col-xs-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xs-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-xs-push-15 { left: 62.5%; } .ant-col-xs-pull-15 { right: 62.5%; } .ant-col-xs-offset-15 { margin-left: 62.5%; } .ant-col-xs-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xs-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-xs-push-14 { left: 58.33333333%; } .ant-col-xs-pull-14 { right: 58.33333333%; } .ant-col-xs-offset-14 { margin-left: 58.33333333%; } .ant-col-xs-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xs-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-xs-push-13 { left: 54.16666667%; } .ant-col-xs-pull-13 { right: 54.16666667%; } .ant-col-xs-offset-13 { margin-left: 54.16666667%; } .ant-col-xs-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xs-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-xs-push-12 { left: 50%; } .ant-col-xs-pull-12 { right: 50%; } .ant-col-xs-offset-12 { margin-left: 50%; } .ant-col-xs-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xs-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-xs-push-11 { left: 45.83333333%; } .ant-col-xs-pull-11 { right: 45.83333333%; } .ant-col-xs-offset-11 { margin-left: 45.83333333%; } .ant-col-xs-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xs-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-xs-push-10 { left: 41.66666667%; } .ant-col-xs-pull-10 { right: 41.66666667%; } .ant-col-xs-offset-10 { margin-left: 41.66666667%; } .ant-col-xs-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xs-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-xs-push-9 { left: 37.5%; } .ant-col-xs-pull-9 { right: 37.5%; } .ant-col-xs-offset-9 { margin-left: 37.5%; } .ant-col-xs-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xs-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-xs-push-8 { left: 33.33333333%; } .ant-col-xs-pull-8 { right: 33.33333333%; } .ant-col-xs-offset-8 { margin-left: 33.33333333%; } .ant-col-xs-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xs-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-xs-push-7 { left: 29.16666667%; } .ant-col-xs-pull-7 { right: 29.16666667%; } .ant-col-xs-offset-7 { margin-left: 29.16666667%; } .ant-col-xs-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xs-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-xs-push-6 { left: 25%; } .ant-col-xs-pull-6 { right: 25%; } .ant-col-xs-offset-6 { margin-left: 25%; } .ant-col-xs-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xs-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-xs-push-5 { left: 20.83333333%; } .ant-col-xs-pull-5 { right: 20.83333333%; } .ant-col-xs-offset-5 { margin-left: 20.83333333%; } .ant-col-xs-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xs-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-xs-push-4 { left: 16.66666667%; } .ant-col-xs-pull-4 { right: 16.66666667%; } .ant-col-xs-offset-4 { margin-left: 16.66666667%; } .ant-col-xs-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xs-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-xs-push-3 { left: 12.5%; } .ant-col-xs-pull-3 { right: 12.5%; } .ant-col-xs-offset-3 { margin-left: 12.5%; } .ant-col-xs-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xs-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-xs-push-2 { left: 8.33333333%; } .ant-col-xs-pull-2 { right: 8.33333333%; } .ant-col-xs-offset-2 { margin-left: 8.33333333%; } .ant-col-xs-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xs-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-xs-push-1 { left: 4.16666667%; } .ant-col-xs-pull-1 { right: 4.16666667%; } .ant-col-xs-offset-1 { margin-left: 4.16666667%; } .ant-col-xs-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-xs-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xs-push-0 { left: auto; } .ant-col-xs-pull-0 { right: auto; } .ant-col-xs-offset-0 { margin-left: 0; } .ant-col-xs-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } @media(min-width: 576px) { .ant-col-sm-1, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-2, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-sm-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-sm-push-24 { left: 100%; } .ant-col-sm-pull-24 { right: 100%; } .ant-col-sm-offset-24 { margin-left: 100%; } .ant-col-sm-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-sm-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-sm-push-23 { left: 95.83333333%; } .ant-col-sm-pull-23 { right: 95.83333333%; } .ant-col-sm-offset-23 { margin-left: 95.83333333%; } .ant-col-sm-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-sm-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-sm-push-22 { left: 91.66666667%; } .ant-col-sm-pull-22 { right: 91.66666667%; } .ant-col-sm-offset-22 { margin-left: 91.66666667%; } .ant-col-sm-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-sm-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-sm-push-21 { left: 87.5%; } .ant-col-sm-pull-21 { right: 87.5%; } .ant-col-sm-offset-21 { margin-left: 87.5%; } .ant-col-sm-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-sm-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-sm-push-20 { left: 83.33333333%; } .ant-col-sm-pull-20 { right: 83.33333333%; } .ant-col-sm-offset-20 { margin-left: 83.33333333%; } .ant-col-sm-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-sm-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-sm-push-19 { left: 79.16666667%; } .ant-col-sm-pull-19 { right: 79.16666667%; } .ant-col-sm-offset-19 { margin-left: 79.16666667%; } .ant-col-sm-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-sm-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-sm-push-18 { left: 75%; } .ant-col-sm-pull-18 { right: 75%; } .ant-col-sm-offset-18 { margin-left: 75%; } .ant-col-sm-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-sm-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-sm-push-17 { left: 70.83333333%; } .ant-col-sm-pull-17 { right: 70.83333333%; } .ant-col-sm-offset-17 { margin-left: 70.83333333%; } .ant-col-sm-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-sm-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-sm-push-16 { left: 66.66666667%; } .ant-col-sm-pull-16 { right: 66.66666667%; } .ant-col-sm-offset-16 { margin-left: 66.66666667%; } .ant-col-sm-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-sm-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-sm-push-15 { left: 62.5%; } .ant-col-sm-pull-15 { right: 62.5%; } .ant-col-sm-offset-15 { margin-left: 62.5%; } .ant-col-sm-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-sm-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-sm-push-14 { left: 58.33333333%; } .ant-col-sm-pull-14 { right: 58.33333333%; } .ant-col-sm-offset-14 { margin-left: 58.33333333%; } .ant-col-sm-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-sm-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-sm-push-13 { left: 54.16666667%; } .ant-col-sm-pull-13 { right: 54.16666667%; } .ant-col-sm-offset-13 { margin-left: 54.16666667%; } .ant-col-sm-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-sm-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-sm-push-12 { left: 50%; } .ant-col-sm-pull-12 { right: 50%; } .ant-col-sm-offset-12 { margin-left: 50%; } .ant-col-sm-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-sm-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-sm-push-11 { left: 45.83333333%; } .ant-col-sm-pull-11 { right: 45.83333333%; } .ant-col-sm-offset-11 { margin-left: 45.83333333%; } .ant-col-sm-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-sm-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-sm-push-10 { left: 41.66666667%; } .ant-col-sm-pull-10 { right: 41.66666667%; } .ant-col-sm-offset-10 { margin-left: 41.66666667%; } .ant-col-sm-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-sm-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-sm-push-9 { left: 37.5%; } .ant-col-sm-pull-9 { right: 37.5%; } .ant-col-sm-offset-9 { margin-left: 37.5%; } .ant-col-sm-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-sm-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-sm-push-8 { left: 33.33333333%; } .ant-col-sm-pull-8 { right: 33.33333333%; } .ant-col-sm-offset-8 { margin-left: 33.33333333%; } .ant-col-sm-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-sm-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-sm-push-7 { left: 29.16666667%; } .ant-col-sm-pull-7 { right: 29.16666667%; } .ant-col-sm-offset-7 { margin-left: 29.16666667%; } .ant-col-sm-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-sm-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-sm-push-6 { left: 25%; } .ant-col-sm-pull-6 { right: 25%; } .ant-col-sm-offset-6 { margin-left: 25%; } .ant-col-sm-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-sm-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-sm-push-5 { left: 20.83333333%; } .ant-col-sm-pull-5 { right: 20.83333333%; } .ant-col-sm-offset-5 { margin-left: 20.83333333%; } .ant-col-sm-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-sm-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-sm-push-4 { left: 16.66666667%; } .ant-col-sm-pull-4 { right: 16.66666667%; } .ant-col-sm-offset-4 { margin-left: 16.66666667%; } .ant-col-sm-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-sm-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-sm-push-3 { left: 12.5%; } .ant-col-sm-pull-3 { right: 12.5%; } .ant-col-sm-offset-3 { margin-left: 12.5%; } .ant-col-sm-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-sm-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-sm-push-2 { left: 8.33333333%; } .ant-col-sm-pull-2 { right: 8.33333333%; } .ant-col-sm-offset-2 { margin-left: 8.33333333%; } .ant-col-sm-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-sm-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-sm-push-1 { left: 4.16666667%; } .ant-col-sm-pull-1 { right: 4.16666667%; } .ant-col-sm-offset-1 { margin-left: 4.16666667%; } .ant-col-sm-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-sm-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-sm-push-0 { left: auto; } .ant-col-sm-pull-0 { right: auto; } .ant-col-sm-offset-0 { margin-left: 0; } .ant-col-sm-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media(min-width: 768px) { .ant-col-md-1, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-2, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-md-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-md-push-24 { left: 100%; } .ant-col-md-pull-24 { right: 100%; } .ant-col-md-offset-24 { margin-left: 100%; } .ant-col-md-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-md-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-md-push-23 { left: 95.83333333%; } .ant-col-md-pull-23 { right: 95.83333333%; } .ant-col-md-offset-23 { margin-left: 95.83333333%; } .ant-col-md-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-md-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-md-push-22 { left: 91.66666667%; } .ant-col-md-pull-22 { right: 91.66666667%; } .ant-col-md-offset-22 { margin-left: 91.66666667%; } .ant-col-md-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-md-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-md-push-21 { left: 87.5%; } .ant-col-md-pull-21 { right: 87.5%; } .ant-col-md-offset-21 { margin-left: 87.5%; } .ant-col-md-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-md-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-md-push-20 { left: 83.33333333%; } .ant-col-md-pull-20 { right: 83.33333333%; } .ant-col-md-offset-20 { margin-left: 83.33333333%; } .ant-col-md-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-md-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-md-push-19 { left: 79.16666667%; } .ant-col-md-pull-19 { right: 79.16666667%; } .ant-col-md-offset-19 { margin-left: 79.16666667%; } .ant-col-md-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-md-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-md-push-18 { left: 75%; } .ant-col-md-pull-18 { right: 75%; } .ant-col-md-offset-18 { margin-left: 75%; } .ant-col-md-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-md-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-md-push-17 { left: 70.83333333%; } .ant-col-md-pull-17 { right: 70.83333333%; } .ant-col-md-offset-17 { margin-left: 70.83333333%; } .ant-col-md-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-md-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-md-push-16 { left: 66.66666667%; } .ant-col-md-pull-16 { right: 66.66666667%; } .ant-col-md-offset-16 { margin-left: 66.66666667%; } .ant-col-md-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-md-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-md-push-15 { left: 62.5%; } .ant-col-md-pull-15 { right: 62.5%; } .ant-col-md-offset-15 { margin-left: 62.5%; } .ant-col-md-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-md-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-md-push-14 { left: 58.33333333%; } .ant-col-md-pull-14 { right: 58.33333333%; } .ant-col-md-offset-14 { margin-left: 58.33333333%; } .ant-col-md-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-md-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-md-push-13 { left: 54.16666667%; } .ant-col-md-pull-13 { right: 54.16666667%; } .ant-col-md-offset-13 { margin-left: 54.16666667%; } .ant-col-md-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-md-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-md-push-12 { left: 50%; } .ant-col-md-pull-12 { right: 50%; } .ant-col-md-offset-12 { margin-left: 50%; } .ant-col-md-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-md-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-md-push-11 { left: 45.83333333%; } .ant-col-md-pull-11 { right: 45.83333333%; } .ant-col-md-offset-11 { margin-left: 45.83333333%; } .ant-col-md-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-md-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-md-push-10 { left: 41.66666667%; } .ant-col-md-pull-10 { right: 41.66666667%; } .ant-col-md-offset-10 { margin-left: 41.66666667%; } .ant-col-md-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-md-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-md-push-9 { left: 37.5%; } .ant-col-md-pull-9 { right: 37.5%; } .ant-col-md-offset-9 { margin-left: 37.5%; } .ant-col-md-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-md-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-md-push-8 { left: 33.33333333%; } .ant-col-md-pull-8 { right: 33.33333333%; } .ant-col-md-offset-8 { margin-left: 33.33333333%; } .ant-col-md-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-md-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-md-push-7 { left: 29.16666667%; } .ant-col-md-pull-7 { right: 29.16666667%; } .ant-col-md-offset-7 { margin-left: 29.16666667%; } .ant-col-md-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-md-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-md-push-6 { left: 25%; } .ant-col-md-pull-6 { right: 25%; } .ant-col-md-offset-6 { margin-left: 25%; } .ant-col-md-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-md-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-md-push-5 { left: 20.83333333%; } .ant-col-md-pull-5 { right: 20.83333333%; } .ant-col-md-offset-5 { margin-left: 20.83333333%; } .ant-col-md-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-md-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-md-push-4 { left: 16.66666667%; } .ant-col-md-pull-4 { right: 16.66666667%; } .ant-col-md-offset-4 { margin-left: 16.66666667%; } .ant-col-md-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-md-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-md-push-3 { left: 12.5%; } .ant-col-md-pull-3 { right: 12.5%; } .ant-col-md-offset-3 { margin-left: 12.5%; } .ant-col-md-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-md-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-md-push-2 { left: 8.33333333%; } .ant-col-md-pull-2 { right: 8.33333333%; } .ant-col-md-offset-2 { margin-left: 8.33333333%; } .ant-col-md-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-md-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-md-push-1 { left: 4.16666667%; } .ant-col-md-pull-1 { right: 4.16666667%; } .ant-col-md-offset-1 { margin-left: 4.16666667%; } .ant-col-md-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-md-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-md-push-0 { left: auto; } .ant-col-md-pull-0 { right: auto; } .ant-col-md-offset-0 { margin-left: 0; } .ant-col-md-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media(min-width: 992px) { .ant-col-lg-1, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-2, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-lg-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-lg-push-24 { left: 100%; } .ant-col-lg-pull-24 { right: 100%; } .ant-col-lg-offset-24 { margin-left: 100%; } .ant-col-lg-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-lg-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-lg-push-23 { left: 95.83333333%; } .ant-col-lg-pull-23 { right: 95.83333333%; } .ant-col-lg-offset-23 { margin-left: 95.83333333%; } .ant-col-lg-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-lg-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-lg-push-22 { left: 91.66666667%; } .ant-col-lg-pull-22 { right: 91.66666667%; } .ant-col-lg-offset-22 { margin-left: 91.66666667%; } .ant-col-lg-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-lg-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-lg-push-21 { left: 87.5%; } .ant-col-lg-pull-21 { right: 87.5%; } .ant-col-lg-offset-21 { margin-left: 87.5%; } .ant-col-lg-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-lg-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-lg-push-20 { left: 83.33333333%; } .ant-col-lg-pull-20 { right: 83.33333333%; } .ant-col-lg-offset-20 { margin-left: 83.33333333%; } .ant-col-lg-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-lg-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-lg-push-19 { left: 79.16666667%; } .ant-col-lg-pull-19 { right: 79.16666667%; } .ant-col-lg-offset-19 { margin-left: 79.16666667%; } .ant-col-lg-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-lg-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-lg-push-18 { left: 75%; } .ant-col-lg-pull-18 { right: 75%; } .ant-col-lg-offset-18 { margin-left: 75%; } .ant-col-lg-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-lg-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-lg-push-17 { left: 70.83333333%; } .ant-col-lg-pull-17 { right: 70.83333333%; } .ant-col-lg-offset-17 { margin-left: 70.83333333%; } .ant-col-lg-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-lg-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-lg-push-16 { left: 66.66666667%; } .ant-col-lg-pull-16 { right: 66.66666667%; } .ant-col-lg-offset-16 { margin-left: 66.66666667%; } .ant-col-lg-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-lg-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-lg-push-15 { left: 62.5%; } .ant-col-lg-pull-15 { right: 62.5%; } .ant-col-lg-offset-15 { margin-left: 62.5%; } .ant-col-lg-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-lg-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-lg-push-14 { left: 58.33333333%; } .ant-col-lg-pull-14 { right: 58.33333333%; } .ant-col-lg-offset-14 { margin-left: 58.33333333%; } .ant-col-lg-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-lg-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-lg-push-13 { left: 54.16666667%; } .ant-col-lg-pull-13 { right: 54.16666667%; } .ant-col-lg-offset-13 { margin-left: 54.16666667%; } .ant-col-lg-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-lg-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-lg-push-12 { left: 50%; } .ant-col-lg-pull-12 { right: 50%; } .ant-col-lg-offset-12 { margin-left: 50%; } .ant-col-lg-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-lg-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-lg-push-11 { left: 45.83333333%; } .ant-col-lg-pull-11 { right: 45.83333333%; } .ant-col-lg-offset-11 { margin-left: 45.83333333%; } .ant-col-lg-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-lg-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-lg-push-10 { left: 41.66666667%; } .ant-col-lg-pull-10 { right: 41.66666667%; } .ant-col-lg-offset-10 { margin-left: 41.66666667%; } .ant-col-lg-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-lg-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-lg-push-9 { left: 37.5%; } .ant-col-lg-pull-9 { right: 37.5%; } .ant-col-lg-offset-9 { margin-left: 37.5%; } .ant-col-lg-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-lg-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-lg-push-8 { left: 33.33333333%; } .ant-col-lg-pull-8 { right: 33.33333333%; } .ant-col-lg-offset-8 { margin-left: 33.33333333%; } .ant-col-lg-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-lg-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-lg-push-7 { left: 29.16666667%; } .ant-col-lg-pull-7 { right: 29.16666667%; } .ant-col-lg-offset-7 { margin-left: 29.16666667%; } .ant-col-lg-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-lg-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-lg-push-6 { left: 25%; } .ant-col-lg-pull-6 { right: 25%; } .ant-col-lg-offset-6 { margin-left: 25%; } .ant-col-lg-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-lg-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-lg-push-5 { left: 20.83333333%; } .ant-col-lg-pull-5 { right: 20.83333333%; } .ant-col-lg-offset-5 { margin-left: 20.83333333%; } .ant-col-lg-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-lg-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-lg-push-4 { left: 16.66666667%; } .ant-col-lg-pull-4 { right: 16.66666667%; } .ant-col-lg-offset-4 { margin-left: 16.66666667%; } .ant-col-lg-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-lg-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-lg-push-3 { left: 12.5%; } .ant-col-lg-pull-3 { right: 12.5%; } .ant-col-lg-offset-3 { margin-left: 12.5%; } .ant-col-lg-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-lg-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-lg-push-2 { left: 8.33333333%; } .ant-col-lg-pull-2 { right: 8.33333333%; } .ant-col-lg-offset-2 { margin-left: 8.33333333%; } .ant-col-lg-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-lg-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-lg-push-1 { left: 4.16666667%; } .ant-col-lg-pull-1 { right: 4.16666667%; } .ant-col-lg-offset-1 { margin-left: 4.16666667%; } .ant-col-lg-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-lg-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-lg-push-0 { left: auto; } .ant-col-lg-pull-0 { right: auto; } .ant-col-lg-offset-0 { margin-left: 0; } .ant-col-lg-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media(min-width: 1200px) { .ant-col-xl-1, .ant-col-xl-10, .ant-col-xl-11, .ant-col-xl-12, .ant-col-xl-13, .ant-col-xl-14, .ant-col-xl-15, .ant-col-xl-16, .ant-col-xl-17, .ant-col-xl-18, .ant-col-xl-19, .ant-col-xl-2, .ant-col-xl-20, .ant-col-xl-21, .ant-col-xl-22, .ant-col-xl-23, .ant-col-xl-24, .ant-col-xl-3, .ant-col-xl-4, .ant-col-xl-5, .ant-col-xl-6, .ant-col-xl-7, .ant-col-xl-8, .ant-col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-xl-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-xl-push-24 { left: 100%; } .ant-col-xl-pull-24 { right: 100%; } .ant-col-xl-offset-24 { margin-left: 100%; } .ant-col-xl-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xl-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-xl-push-23 { left: 95.83333333%; } .ant-col-xl-pull-23 { right: 95.83333333%; } .ant-col-xl-offset-23 { margin-left: 95.83333333%; } .ant-col-xl-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xl-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-xl-push-22 { left: 91.66666667%; } .ant-col-xl-pull-22 { right: 91.66666667%; } .ant-col-xl-offset-22 { margin-left: 91.66666667%; } .ant-col-xl-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xl-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-xl-push-21 { left: 87.5%; } .ant-col-xl-pull-21 { right: 87.5%; } .ant-col-xl-offset-21 { margin-left: 87.5%; } .ant-col-xl-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xl-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-xl-push-20 { left: 83.33333333%; } .ant-col-xl-pull-20 { right: 83.33333333%; } .ant-col-xl-offset-20 { margin-left: 83.33333333%; } .ant-col-xl-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xl-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-xl-push-19 { left: 79.16666667%; } .ant-col-xl-pull-19 { right: 79.16666667%; } .ant-col-xl-offset-19 { margin-left: 79.16666667%; } .ant-col-xl-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xl-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-xl-push-18 { left: 75%; } .ant-col-xl-pull-18 { right: 75%; } .ant-col-xl-offset-18 { margin-left: 75%; } .ant-col-xl-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xl-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-xl-push-17 { left: 70.83333333%; } .ant-col-xl-pull-17 { right: 70.83333333%; } .ant-col-xl-offset-17 { margin-left: 70.83333333%; } .ant-col-xl-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xl-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-xl-push-16 { left: 66.66666667%; } .ant-col-xl-pull-16 { right: 66.66666667%; } .ant-col-xl-offset-16 { margin-left: 66.66666667%; } .ant-col-xl-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xl-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-xl-push-15 { left: 62.5%; } .ant-col-xl-pull-15 { right: 62.5%; } .ant-col-xl-offset-15 { margin-left: 62.5%; } .ant-col-xl-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xl-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-xl-push-14 { left: 58.33333333%; } .ant-col-xl-pull-14 { right: 58.33333333%; } .ant-col-xl-offset-14 { margin-left: 58.33333333%; } .ant-col-xl-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xl-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-xl-push-13 { left: 54.16666667%; } .ant-col-xl-pull-13 { right: 54.16666667%; } .ant-col-xl-offset-13 { margin-left: 54.16666667%; } .ant-col-xl-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xl-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-xl-push-12 { left: 50%; } .ant-col-xl-pull-12 { right: 50%; } .ant-col-xl-offset-12 { margin-left: 50%; } .ant-col-xl-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xl-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-xl-push-11 { left: 45.83333333%; } .ant-col-xl-pull-11 { right: 45.83333333%; } .ant-col-xl-offset-11 { margin-left: 45.83333333%; } .ant-col-xl-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xl-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-xl-push-10 { left: 41.66666667%; } .ant-col-xl-pull-10 { right: 41.66666667%; } .ant-col-xl-offset-10 { margin-left: 41.66666667%; } .ant-col-xl-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xl-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-xl-push-9 { left: 37.5%; } .ant-col-xl-pull-9 { right: 37.5%; } .ant-col-xl-offset-9 { margin-left: 37.5%; } .ant-col-xl-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xl-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-xl-push-8 { left: 33.33333333%; } .ant-col-xl-pull-8 { right: 33.33333333%; } .ant-col-xl-offset-8 { margin-left: 33.33333333%; } .ant-col-xl-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xl-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-xl-push-7 { left: 29.16666667%; } .ant-col-xl-pull-7 { right: 29.16666667%; } .ant-col-xl-offset-7 { margin-left: 29.16666667%; } .ant-col-xl-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xl-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-xl-push-6 { left: 25%; } .ant-col-xl-pull-6 { right: 25%; } .ant-col-xl-offset-6 { margin-left: 25%; } .ant-col-xl-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xl-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-xl-push-5 { left: 20.83333333%; } .ant-col-xl-pull-5 { right: 20.83333333%; } .ant-col-xl-offset-5 { margin-left: 20.83333333%; } .ant-col-xl-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xl-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-xl-push-4 { left: 16.66666667%; } .ant-col-xl-pull-4 { right: 16.66666667%; } .ant-col-xl-offset-4 { margin-left: 16.66666667%; } .ant-col-xl-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xl-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-xl-push-3 { left: 12.5%; } .ant-col-xl-pull-3 { right: 12.5%; } .ant-col-xl-offset-3 { margin-left: 12.5%; } .ant-col-xl-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xl-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-xl-push-2 { left: 8.33333333%; } .ant-col-xl-pull-2 { right: 8.33333333%; } .ant-col-xl-offset-2 { margin-left: 8.33333333%; } .ant-col-xl-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xl-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-xl-push-1 { left: 4.16666667%; } .ant-col-xl-pull-1 { right: 4.16666667%; } .ant-col-xl-offset-1 { margin-left: 4.16666667%; } .ant-col-xl-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-xl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xl-push-0 { left: auto; } .ant-col-xl-pull-0 { right: auto; } .ant-col-xl-offset-0 { margin-left: 0; } .ant-col-xl-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media(min-width: 1600px) { .ant-col-xxl-1, .ant-col-xxl-10, .ant-col-xxl-11, .ant-col-xxl-12, .ant-col-xxl-13, .ant-col-xxl-14, .ant-col-xxl-15, .ant-col-xxl-16, .ant-col-xxl-17, .ant-col-xxl-18, .ant-col-xxl-19, .ant-col-xxl-2, .ant-col-xxl-20, .ant-col-xxl-21, .ant-col-xxl-22, .ant-col-xxl-23, .ant-col-xxl-24, .ant-col-xxl-3, .ant-col-xxl-4, .ant-col-xxl-5, .ant-col-xxl-6, .ant-col-xxl-7, .ant-col-xxl-8, .ant-col-xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-xxl-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-xxl-push-24 { left: 100%; } .ant-col-xxl-pull-24 { right: 100%; } .ant-col-xxl-offset-24 { margin-left: 100%; } .ant-col-xxl-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xxl-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-xxl-push-23 { left: 95.83333333%; } .ant-col-xxl-pull-23 { right: 95.83333333%; } .ant-col-xxl-offset-23 { margin-left: 95.83333333%; } .ant-col-xxl-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xxl-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-xxl-push-22 { left: 91.66666667%; } .ant-col-xxl-pull-22 { right: 91.66666667%; } .ant-col-xxl-offset-22 { margin-left: 91.66666667%; } .ant-col-xxl-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xxl-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-xxl-push-21 { left: 87.5%; } .ant-col-xxl-pull-21 { right: 87.5%; } .ant-col-xxl-offset-21 { margin-left: 87.5%; } .ant-col-xxl-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xxl-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-xxl-push-20 { left: 83.33333333%; } .ant-col-xxl-pull-20 { right: 83.33333333%; } .ant-col-xxl-offset-20 { margin-left: 83.33333333%; } .ant-col-xxl-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xxl-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-xxl-push-19 { left: 79.16666667%; } .ant-col-xxl-pull-19 { right: 79.16666667%; } .ant-col-xxl-offset-19 { margin-left: 79.16666667%; } .ant-col-xxl-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xxl-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-xxl-push-18 { left: 75%; } .ant-col-xxl-pull-18 { right: 75%; } .ant-col-xxl-offset-18 { margin-left: 75%; } .ant-col-xxl-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xxl-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-xxl-push-17 { left: 70.83333333%; } .ant-col-xxl-pull-17 { right: 70.83333333%; } .ant-col-xxl-offset-17 { margin-left: 70.83333333%; } .ant-col-xxl-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xxl-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-xxl-push-16 { left: 66.66666667%; } .ant-col-xxl-pull-16 { right: 66.66666667%; } .ant-col-xxl-offset-16 { margin-left: 66.66666667%; } .ant-col-xxl-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xxl-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-xxl-push-15 { left: 62.5%; } .ant-col-xxl-pull-15 { right: 62.5%; } .ant-col-xxl-offset-15 { margin-left: 62.5%; } .ant-col-xxl-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xxl-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-xxl-push-14 { left: 58.33333333%; } .ant-col-xxl-pull-14 { right: 58.33333333%; } .ant-col-xxl-offset-14 { margin-left: 58.33333333%; } .ant-col-xxl-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xxl-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-xxl-push-13 { left: 54.16666667%; } .ant-col-xxl-pull-13 { right: 54.16666667%; } .ant-col-xxl-offset-13 { margin-left: 54.16666667%; } .ant-col-xxl-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xxl-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-xxl-push-12 { left: 50%; } .ant-col-xxl-pull-12 { right: 50%; } .ant-col-xxl-offset-12 { margin-left: 50%; } .ant-col-xxl-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xxl-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-xxl-push-11 { left: 45.83333333%; } .ant-col-xxl-pull-11 { right: 45.83333333%; } .ant-col-xxl-offset-11 { margin-left: 45.83333333%; } .ant-col-xxl-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xxl-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-xxl-push-10 { left: 41.66666667%; } .ant-col-xxl-pull-10 { right: 41.66666667%; } .ant-col-xxl-offset-10 { margin-left: 41.66666667%; } .ant-col-xxl-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xxl-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-xxl-push-9 { left: 37.5%; } .ant-col-xxl-pull-9 { right: 37.5%; } .ant-col-xxl-offset-9 { margin-left: 37.5%; } .ant-col-xxl-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xxl-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-xxl-push-8 { left: 33.33333333%; } .ant-col-xxl-pull-8 { right: 33.33333333%; } .ant-col-xxl-offset-8 { margin-left: 33.33333333%; } .ant-col-xxl-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xxl-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-xxl-push-7 { left: 29.16666667%; } .ant-col-xxl-pull-7 { right: 29.16666667%; } .ant-col-xxl-offset-7 { margin-left: 29.16666667%; } .ant-col-xxl-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xxl-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-xxl-push-6 { left: 25%; } .ant-col-xxl-pull-6 { right: 25%; } .ant-col-xxl-offset-6 { margin-left: 25%; } .ant-col-xxl-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xxl-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-xxl-push-5 { left: 20.83333333%; } .ant-col-xxl-pull-5 { right: 20.83333333%; } .ant-col-xxl-offset-5 { margin-left: 20.83333333%; } .ant-col-xxl-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xxl-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-xxl-push-4 { left: 16.66666667%; } .ant-col-xxl-pull-4 { right: 16.66666667%; } .ant-col-xxl-offset-4 { margin-left: 16.66666667%; } .ant-col-xxl-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xxl-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-xxl-push-3 { left: 12.5%; } .ant-col-xxl-pull-3 { right: 12.5%; } .ant-col-xxl-offset-3 { margin-left: 12.5%; } .ant-col-xxl-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xxl-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-xxl-push-2 { left: 8.33333333%; } .ant-col-xxl-pull-2 { right: 8.33333333%; } .ant-col-xxl-offset-2 { margin-left: 8.33333333%; } .ant-col-xxl-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xxl-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-xxl-push-1 { left: 4.16666667%; } .ant-col-xxl-pull-1 { right: 4.16666667%; } .ant-col-xxl-offset-1 { margin-left: 4.16666667%; } .ant-col-xxl-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-xxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxl-push-0 { left: auto; } .ant-col-xxl-pull-0 { right: auto; } .ant-col-xxl-offset-0 { margin-left: 0; } .ant-col-xxl-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .ant-popover { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: absolute; top: 0; left: 0; z-index: 1030; font-weight: 400; white-space: normal; text-align: left; cursor: auto; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .ant-popover:after { position: absolute; background: hsla(0,0%,100%,.01); content: ""; } .ant-popover-hidden { display: none; } .ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight { padding-bottom: 10px; } .ant-popover-placement-right, .ant-popover-placement-rightBottom, .ant-popover-placement-rightTop { padding-left: 10px; } .ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight { padding-top: 10px; } .ant-popover-placement-left, .ant-popover-placement-leftBottom, .ant-popover-placement-leftTop { padding-right: 10px; } .ant-popover-inner { background-color: #fff; background-clip: padding-box; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.15)\9; box-shadow: 0 0 8px rgba(0,0,0,.15)\9; } @media(-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .ant-popover-inner { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } } .ant-popover-title { min-width: 177px; min-height: 32px; margin: 0; padding: 5px 16px 4px; color: rgba(0,0,0,.85); font-weight: 500; border-bottom: 1px solid #e8e8e8; } .ant-popover-inner-content { padding: 12px 16px; color: rgba(0,0,0,.65); } .ant-popover-message { position: relative; padding: 4px 0 12px; color: rgba(0,0,0,.65); font-size: 14px; } .ant-popover-message>.anticon { position: absolute; top: 8px; color: #faad14; font-size: 14px; } .ant-popover-message-title { padding-left: 22px; } .ant-popover-buttons { margin-bottom: 4px; text-align: right; } .ant-popover-buttons button { margin-left: 8px; } .ant-popover-arrow { position: absolute; display: block; width: 8.48528137px; height: 8.48528137px; background: transparent; border-style: solid; border-width: 4.24264069px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow, .ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow, .ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow { bottom: 6.2px; border-top-color: transparent; border-right-color: #fff; border-bottom-color: #fff; border-left-color: transparent; -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,.07); box-shadow: 3px 3px 7px rgba(0,0,0,.07); } .ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow { right: 16px; } .ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow, .ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow, .ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow { left: 6px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: #fff; border-left-color: #fff; -webkit-box-shadow: -3px 3px 7px rgba(0,0,0,.07); box-shadow: -3px 3px 7px rgba(0,0,0,.07); } .ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow { top: 12px; } .ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow { bottom: 12px; } .ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow, .ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow, .ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow { top: 6px; border-top-color: #fff; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #fff; -webkit-box-shadow: -2px -2px 5px rgba(0,0,0,.06); box-shadow: -2px -2px 5px rgba(0,0,0,.06); } .ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow { right: 16px; } .ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow, .ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow, .ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow { right: 6px; border-top-color: #fff; border-right-color: #fff; border-bottom-color: transparent; border-left-color: transparent; -webkit-box-shadow: 3px -3px 7px rgba(0,0,0,.07); box-shadow: 3px -3px 7px rgba(0,0,0,.07); } .ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow { top: 12px; } .ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow { bottom: 12px; } .ant-badge { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: inline-block; color: unset; line-height: 1; } .ant-badge-count { min-width: 20px; height: 20px; padding: 0 6px; color: #fff; font-weight: 400; font-size: 12px; line-height: 20px; white-space: nowrap; text-align: center; background: #f5222d; border-radius: 10px; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; } .ant-badge-count a, .ant-badge-count a:hover { color: #fff; } .ant-badge-multiple-words { padding: 0 8px; } .ant-badge-dot { width: 6px; height: 6px; background: #f5222d; border-radius: 100%; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; } .ant-badge .ant-scroll-number-custom-component, .ant-badge-count, .ant-badge-dot { position: absolute; top: 0; right: 0; z-index: 1; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .ant-badge-status { line-height: inherit; vertical-align: baseline; } .ant-badge-status-dot { position: relative; top: -1px; display: inline-block; width: 6px; height: 6px; vertical-align: middle; border-radius: 50%; } .ant-badge-status-success { background-color: #52c41a; } .ant-badge-status-processing { position: relative; background-color: #1890ff; } .ant-badge-status-processing:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; -webkit-animation: antStatusProcessing 1.2s ease-in-out infinite; animation: antStatusProcessing 1.2s ease-in-out infinite; content: ""; } .ant-badge-status-default { background-color: #d9d9d9; } .ant-badge-status-error { background-color: #f5222d; } .ant-badge-status-warning { background-color: #faad14; } .ant-badge-status-magenta, .ant-badge-status-pink { background: #eb2f96; } .ant-badge-status-red { background: #f5222d; } .ant-badge-status-volcano { background: #fa541c; } .ant-badge-status-orange { background: #fa8c16; } .ant-badge-status-yellow { background: #fadb14; } .ant-badge-status-gold { background: #faad14; } .ant-badge-status-cyan { background: #13c2c2; } .ant-badge-status-lime { background: #a0d911; } .ant-badge-status-green { background: #52c41a; } .ant-badge-status-blue { background: #1890ff; } .ant-badge-status-geekblue { background: #2f54eb; } .ant-badge-status-purple { background: #722ed1; } .ant-badge-status-text { margin-left: 8px; color: rgba(0,0,0,.65); font-size: 14px; } .ant-badge-zoom-appear, .ant-badge-zoom-enter { -webkit-animation: antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46); animation: antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ant-badge-zoom-leave { -webkit-animation: antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6); animation: antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ant-badge-not-a-wrapper:not(.ant-badge-status) { vertical-align: middle; } .ant-badge-not-a-wrapper .ant-scroll-number { position: relative; top: auto; display: block; } .ant-badge-not-a-wrapper .ant-badge-count { -webkit-transform: none; transform: none; } @-webkit-keyframes antStatusProcessing { 0% { -webkit-transform: scale(.8); transform: scale(.8); opacity: .5; } to { -webkit-transform: scale(2.4); transform: scale(2.4); opacity: 0; } } @keyframes antStatusProcessing { 0% { -webkit-transform: scale(.8); transform: scale(.8); opacity: .5; } to { -webkit-transform: scale(2.4); transform: scale(2.4); opacity: 0; } } .ant-scroll-number { overflow: hidden; } .ant-scroll-number-only { display: inline-block; height: 20px; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); } .ant-scroll-number-only>p.ant-scroll-number-only-unit { height: 20px; margin: 0; } .ant-scroll-number-symbol { vertical-align: top; } @-webkit-keyframes antZoomBadgeIn { 0% { -webkit-transform: scale(0) translate(50%,-50%); transform: scale(0) translate(50%,-50%); opacity: 0; } to { -webkit-transform: scale(1) translate(50%,-50%); transform: scale(1) translate(50%,-50%); } } @keyframes antZoomBadgeIn { 0% { -webkit-transform: scale(0) translate(50%,-50%); transform: scale(0) translate(50%,-50%); opacity: 0; } to { -webkit-transform: scale(1) translate(50%,-50%); transform: scale(1) translate(50%,-50%); } } @-webkit-keyframes antZoomBadgeOut { 0% { -webkit-transform: scale(1) translate(50%,-50%); transform: scale(1) translate(50%,-50%); } to { -webkit-transform: scale(0) translate(50%,-50%); transform: scale(0) translate(50%,-50%); opacity: 0; } } @keyframes antZoomBadgeOut { 0% { -webkit-transform: scale(1) translate(50%,-50%); transform: scale(1) translate(50%,-50%); } to { -webkit-transform: scale(0) translate(50%,-50%); transform: scale(0) translate(50%,-50%); opacity: 0; } } .ant-fullcalendar { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; border-top: 1px solid #d9d9d9; outline: none; } .ant-select.ant-fullcalendar-year-select { min-width: 90px; } .ant-select.ant-fullcalendar-year-select.ant-select-sm { min-width: 70px; } .ant-select.ant-fullcalendar-month-select { min-width: 80px; margin-left: 8px; } .ant-select.ant-fullcalendar-month-select.ant-select-sm { min-width: 70px; } .ant-fullcalendar-header { padding: 11px 16px 11px 0; text-align: right; } .ant-fullcalendar-header .ant-select-dropdown { text-align: left; } .ant-fullcalendar-header .ant-radio-group { margin-left: 8px; text-align: left; } .ant-fullcalendar-header label.ant-radio-button { height: 22px; padding: 0 10px; line-height: 20px; } .ant-fullcalendar-date-panel { position: relative; outline: none; } .ant-fullcalendar-calendar-body { padding: 8px 12px; } .ant-fullcalendar table { width: 100%; max-width: 100%; height: 256px; background-color: transparent; border-collapse: collapse; } .ant-fullcalendar table, .ant-fullcalendar td, .ant-fullcalendar th { border: 0; } .ant-fullcalendar td { position: relative; } .ant-fullcalendar-calendar-table { margin-bottom: 0; border-spacing: 0; } .ant-fullcalendar-column-header { width: 33px; padding: 0; line-height: 18px; text-align: center; } .ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner { display: block; font-weight: 400; } .ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner { display: none; } .ant-fullcalendar-date, .ant-fullcalendar-month { text-align: center; -webkit-transition: all .3s; transition: all .3s; } .ant-fullcalendar-value { display: block; width: 24px; height: 24px; margin: 0 auto; padding: 0; color: rgba(0,0,0,.65); line-height: 24px; background: transparent; border-radius: 2px; -webkit-transition: all .3s; transition: all .3s; } .ant-fullcalendar-value:hover { background: #e6f7ff; cursor: pointer; } .ant-fullcalendar-value:active { color: #fff; background: #1890ff; } .ant-fullcalendar-month-panel-cell .ant-fullcalendar-value { width: 48px; } .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value, .ant-fullcalendar-today .ant-fullcalendar-value { -webkit-box-shadow: inset 0 0 0 1px #1890ff; box-shadow: inset 0 0 0 1px #1890ff; } .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value, .ant-fullcalendar-selected-day .ant-fullcalendar-value { color: #fff; background: #1890ff; } .ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-fullcalendar-last-month-cell .ant-fullcalendar-value, .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value { color: rgba(0,0,0,.25); } .ant-fullcalendar-month-panel-table { width: 100%; table-layout: fixed; border-collapse: separate; } .ant-fullcalendar-content { position: absolute; bottom: -9px; left: 0; width: 100%; } .ant-fullcalendar-fullscreen { border-top: 0; } .ant-fullcalendar-fullscreen .ant-fullcalendar-table { table-layout: fixed; } .ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group { margin-left: 16px; } .ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button { height: 32px; line-height: 30px; } .ant-fullcalendar-fullscreen .ant-fullcalendar-date, .ant-fullcalendar-fullscreen .ant-fullcalendar-month { display: block; height: 116px; margin: 0 4px; padding: 4px 8px; color: rgba(0,0,0,.65); text-align: left; border-top: 2px solid #e8e8e8; -webkit-transition: background .3s; transition: background .3s; } .ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover, .ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover { background: #e6f7ff; cursor: pointer; } .ant-fullcalendar-fullscreen .ant-fullcalendar-date:active, .ant-fullcalendar-fullscreen .ant-fullcalendar-month:active { background: #bae7ff; } .ant-fullcalendar-fullscreen .ant-fullcalendar-column-header { padding-right: 12px; padding-bottom: 5px; text-align: right; } .ant-fullcalendar-fullscreen .ant-fullcalendar-value { width: auto; text-align: right; background: transparent; } .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value { color: rgba(0,0,0,.65); } .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month, .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date { background: transparent; border-top-color: #1890ff; } .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value, .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value { -webkit-box-shadow: none; box-shadow: none; } .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month, .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date { background: #e6f7ff; } .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value, .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value { color: #1890ff; } .ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date, .ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date { color: rgba(0,0,0,.25); } .ant-fullcalendar-fullscreen .ant-fullcalendar-content { position: static; width: auto; height: 88px; overflow-y: auto; } .ant-fullcalendar-disabled-cell .ant-fullcalendar-date, .ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover { cursor: not-allowed; } .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date, .ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover { background: transparent; } .ant-fullcalendar-disabled-cell .ant-fullcalendar-value { width: auto; color: rgba(0,0,0,.25); border-radius: 0; cursor: not-allowed; } .ant-radio-group { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; display: inline-block; } .ant-radio-wrapper { margin: 0; margin-right: 8px; } .ant-radio, .ant-radio-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: inline-block; white-space: nowrap; cursor: pointer; } .ant-radio { margin: 0; line-height: 1; vertical-align: sub; outline: none; } .ant-radio-input:focus+.ant-radio-inner, .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner { border-color: #1890ff; } .ant-radio-input:focus+.ant-radio-inner { -webkit-box-shadow: 0 0 0 3px rgba(24,144,255,.08); box-shadow: 0 0 0 3px rgba(24,144,255,.08); } .ant-radio-checked:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; visibility: hidden; -webkit-animation: antRadioEffect .36s ease-in-out; animation: antRadioEffect .36s ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; content: ""; } .ant-radio-wrapper:hover .ant-radio:after, .ant-radio:hover:after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 100px; -webkit-transition: all .3s; transition: all .3s; } .ant-radio-inner:after { position: absolute; top: 3px; left: 3px; display: table; width: 8px; height: 8px; background-color: #1890ff; border-top: 0; border-left: 0; border-radius: 8px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86); transition: all .3s cubic-bezier(.78,.14,.15,.86); content: " "; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio-checked .ant-radio-inner { border-color: #1890ff; } .ant-radio-checked .ant-radio-inner:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86); transition: all .3s cubic-bezier(.78,.14,.15,.86); } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; border-color: #d9d9d9!important; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner:after { background-color: rgba(0,0,0,.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled+span { color: rgba(0,0,0,.25); cursor: not-allowed; } span.ant-radio+* { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0,0,0,.65); line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left: 0; cursor: pointer; -webkit-transition: color .3s,background .3s,border-color .3s,-webkit-box-shadow .3s; transition: color .3s,background .3s,border-color .3s,-webkit-box-shadow .3s; transition: color .3s,background .3s,border-color .3s,box-shadow .3s; transition: color .3s,background .3s,border-color .3s,box-shadow .3s,-webkit-box-shadow .3s; } .ant-radio-button-wrapper a { color: rgba(0,0,0,.65); } .ant-radio-button-wrapper>.ant-radio-button { display: block; width: 0; height: 0; margin-left: 0; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child):before { position: absolute; top: -1px; left: -1px; display: block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: #d9d9d9; -webkit-transition: background-color .3s; transition: background-color .3s; content: ""; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 4px 0 0 4px; } .ant-radio-button-wrapper:last-child { border-radius: 0 4px 4px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 4px; } .ant-radio-button-wrapper:hover { position: relative; color: #1890ff; } .ant-radio-button-wrapper:focus-within { -webkit-box-shadow: 0 0 0 3px rgba(24,144,255,.08); box-shadow: 0 0 0 3px rgba(24,144,255,.08); } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type=checkbox], .ant-radio-button-wrapper input[type=radio] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #1890ff; background: #fff; border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before { background-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #40a9ff; border-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover:before { background-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #096dd9; border-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active:before { background-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { -webkit-box-shadow: 0 0 0 3px rgba(24,144,255,.08); box-shadow: 0 0 0 3px rgba(24,144,255,.08); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #40a9ff; border-color: #40a9ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #096dd9; border-color: #096dd9; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { -webkit-box-shadow: 0 0 0 3px rgba(24,144,255,.08); box-shadow: 0 0 0 3px rgba(24,144,255,.08); } .ant-radio-button-wrapper-disabled { cursor: not-allowed; } .ant-radio-button-wrapper-disabled, .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: #fff; background-color: #e6e6e6; border-color: #d9d9d9; -webkit-box-shadow: none; box-shadow: none; } @-webkit-keyframes antRadioEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .5; } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes antRadioEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .5; } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @supports( -moz-appearance: meterbar) and ( background-blend-mode: difference,normal) { .ant-radio { vertical-align: text-bottom; } } .ant-rate { -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; display: inline-block; margin: 0; padding: 0; color: #fadb14; font-size: 20px; line-height: unset; list-style: none; outline: none; } .ant-rate-disabled .ant-rate-star { cursor: default; } .ant-rate-disabled .ant-rate-star:hover { -webkit-transform: scale(1); transform: scale(1); } .ant-rate-star { position: relative; display: inline-block; margin: 0; padding: 0; color: inherit; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-rate-star:not(:last-child) { margin-right: 8px; } .ant-rate-star>div:focus { outline: 0; } .ant-rate-star>div:focus, .ant-rate-star>div:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .ant-rate-star-first, .ant-rate-star-second { color: #e8e8e8; -webkit-transition: all .3s; transition: all .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-rate-star-first .anticon, .ant-rate-star-second .anticon { vertical-align: middle; } .ant-rate-star-first { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; opacity: 0; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-half .ant-rate-star-second { opacity: 1; } .ant-rate-star-full .ant-rate-star-second, .ant-rate-star-half .ant-rate-star-first { color: inherit; } .ant-rate-text { display: inline-block; margin-left: 8px; font-size: 14px; } .ant-tooltip { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: absolute; z-index: 1060; display: block; max-width: 250px; visibility: visible; } .ant-tooltip-hidden { display: none; } .ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight { padding-bottom: 8px; } .ant-tooltip-placement-right, .ant-tooltip-placement-rightBottom, .ant-tooltip-placement-rightTop { padding-left: 8px; } .ant-tooltip-placement-bottom, .ant-tooltip-placement-bottomLeft, .ant-tooltip-placement-bottomRight { padding-top: 8px; } .ant-tooltip-placement-left, .ant-tooltip-placement-leftBottom, .ant-tooltip-placement-leftTop { padding-right: 8px; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: 6px 8px; color: #fff; text-align: left; text-decoration: none; word-wrap: break-word; background-color: rgba(0,0,0,.75); border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-tooltip-arrow { position: absolute; display: block; width: 13.07106781px; height: 13.07106781px; overflow: hidden; background: transparent; pointer-events: none; } .ant-tooltip-arrow:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 5px; height: 5px; margin: auto; background-color: rgba(0,0,0,.75); content: ""; pointer-events: auto; } .ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: -5.07106781px; } .ant-tooltip-placement-top .ant-tooltip-arrow:before, .ant-tooltip-placement-topLeft .ant-tooltip-arrow:before, .ant-tooltip-placement-topRight .ant-tooltip-arrow:before { -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,.07); box-shadow: 3px 3px 7px rgba(0,0,0,.07); -webkit-transform: translateY(-6.53553391px) rotate(45deg); transform: translateY(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow { left: -5.07106781px; } .ant-tooltip-placement-right .ant-tooltip-arrow:before, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow:before, .ant-tooltip-placement-rightTop .ant-tooltip-arrow:before { -webkit-box-shadow: -3px 3px 7px rgba(0,0,0,.07); box-shadow: -3px 3px 7px rgba(0,0,0,.07); -webkit-transform: translateX(6.53553391px) rotate(45deg); transform: translateX(6.53553391px) rotate(45deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow { right: -5.07106781px; } .ant-tooltip-placement-left .ant-tooltip-arrow:before, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow:before, .ant-tooltip-placement-leftTop .ant-tooltip-arrow:before { -webkit-box-shadow: 3px -3px 7px rgba(0,0,0,.07); box-shadow: 3px -3px 7px rgba(0,0,0,.07); -webkit-transform: translateX(-6.53553391px) rotate(45deg); transform: translateX(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: -5.07106781px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow:before, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow:before, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow:before { -webkit-box-shadow: -3px -3px 7px rgba(0,0,0,.07); box-shadow: -3px -3px 7px rgba(0,0,0,.07); -webkit-transform: translateY(6.53553391px) rotate(45deg); transform: translateY(6.53553391px) rotate(45deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 13px; } .ant-timeline { -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; margin: 0; padding: 0; list-style: none; } .ant-timeline-item { position: relative; margin: 0; padding: 0 0 20px; font-size: 14px; list-style: none; } .ant-timeline-item-tail { position: absolute; top: 10px; left: 4px; height: calc(100% - 10px); border-left: 2px solid #e8e8e8; } .ant-timeline-item-pending .ant-timeline-item-head { font-size: 12px; background-color: transparent; } .ant-timeline-item-pending .ant-timeline-item-tail { display: none; } .ant-timeline-item-head { position: absolute; width: 10px; height: 10px; background-color: #fff; border: 2px solid transparent; border-radius: 100px; } .ant-timeline-item-head-blue { color: #1890ff; border-color: #1890ff; } .ant-timeline-item-head-red { color: #f5222d; border-color: #f5222d; } .ant-timeline-item-head-green { color: #52c41a; border-color: #52c41a; } .ant-timeline-item-head-gray { color: rgba(0,0,0,.25); border-color: rgba(0,0,0,.25); } .ant-timeline-item-head-custom { position: absolute; top: 5.5px; left: 5px; width: auto; height: auto; margin-top: 0; padding: 3px 1px; line-height: 1; text-align: center; border: 0; border-radius: 0; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .ant-timeline-item-content { position: relative; top: -6px; margin: 0 0 0 18px; word-break: break-word; } .ant-timeline-item-last>.ant-timeline-item-tail { display: none; } .ant-timeline-item-last>.ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-tail { left: 50%; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head { margin-left: -4px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom { margin-left: 1px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content { left: calc(50% - 4px); width: calc(50% - 14px); text-align: left; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(50% - 12px); margin: 0; text-align: right; } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail { left: calc(100% - 6px); } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(100% - 18px); } .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { display: block; height: calc(100% - 14px); border-left: 2px dotted #e8e8e8; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { display: none; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { top: 15px; display: block; height: calc(100% - 15px); border-left: 2px dotted #e8e8e8; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { min-height: 48px; } .ant-result { padding: 48px 32px; } .ant-result-success .ant-result-icon>.anticon { color: #52c41a; } .ant-result-error .ant-result-icon>.anticon { color: #f5222d; } .ant-result-info .ant-result-icon>.anticon { color: #1890ff; } .ant-result-warning .ant-result-icon>.anticon { color: #faad14; } .ant-result-image { width: 250px; height: 295px; margin: auto; } .ant-result-icon { margin-bottom: 24px; text-align: center; } .ant-result-icon>.anticon { font-size: 72px; } .ant-result-title { color: rgba(0,0,0,.85); font-size: 24px; line-height: 1.8; text-align: center; } .ant-result-subtitle { color: rgba(0,0,0,.45); font-size: 14px; line-height: 1.6; text-align: center; } .ant-result-extra { margin-top: 32px; text-align: center; } .ant-result-extra>* { margin-right: 8px; } .ant-result-extra>:last-child { margin-right: 0; } .ant-result-content { margin-top: 24px; padding: 24px 40px; background-color: #fafafa; } .ant-statistic { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; } .ant-statistic-title { margin-bottom: 4px; color: rgba(0,0,0,.45); font-size: 14px; } .ant-statistic-content { color: rgba(0,0,0,.85); font-size: 24px; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; } .ant-statistic-content-value-decimal { font-size: 16px; } .ant-statistic-content-prefix, .ant-statistic-content-suffix { display: inline-block; } .ant-statistic-content-prefix { margin-right: 4px; } .ant-statistic-content-suffix { margin-left: 4px; font-size: 16px; } .ant-steps { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; font-size: 0; } .ant-steps-item { position: relative; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; vertical-align: top; } .ant-steps-item-container { outline: none; } .ant-steps-item:last-child { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after, .ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-tail { display: none; } .ant-steps-item-content, .ant-steps-item-icon { display: inline-block; vertical-align: top; } .ant-steps-item-icon { width: 32px; height: 32px; margin-right: 8px; font-size: 16px; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; line-height: 32px; text-align: center; border: 1px solid rgba(0,0,0,.25); border-radius: 32px; -webkit-transition: background-color .3s,border-color .3s; transition: background-color .3s,border-color .3s; } .ant-steps-item-icon>.ant-steps-icon { position: relative; top: -1px; color: #1890ff; line-height: 1; } .ant-steps-item-tail { position: absolute; top: 12px; left: 0; width: 100%; padding: 0 10px; } .ant-steps-item-tail:after { display: inline-block; width: 100%; height: 1px; background: #e8e8e8; border-radius: 1px; -webkit-transition: background .3s; transition: background .3s; content: ""; } .ant-steps-item-title { position: relative; display: inline-block; padding-right: 16px; color: rgba(0,0,0,.65); font-size: 16px; line-height: 32px; } .ant-steps-item-title:after { position: absolute; top: 16px; left: 100%; display: block; width: 9999px; height: 1px; background: #e8e8e8; content: ""; } .ant-steps-item-subtitle { display: inline; margin-left: 8px; font-weight: 400; } .ant-steps-item-description, .ant-steps-item-subtitle { color: rgba(0,0,0,.45); font-size: 14px; } .ant-steps-item-wait .ant-steps-item-icon { background-color: #fff; border-color: rgba(0,0,0,.25); } .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon { color: rgba(0,0,0,.25); } .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot { background: rgba(0,0,0,.25); } .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title { color: rgba(0,0,0,.45); } .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after { background-color: #e8e8e8; } .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description { color: rgba(0,0,0,.45); } .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail:after { background-color: #e8e8e8; } .ant-steps-item-process .ant-steps-item-icon { background-color: #fff; border-color: #1890ff; } .ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon { color: #1890ff; } .ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot { background: #1890ff; } .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title { color: rgba(0,0,0,.85); } .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after { background-color: #e8e8e8; } .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description { color: rgba(0,0,0,.65); } .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after { background-color: #e8e8e8; } .ant-steps-item-process .ant-steps-item-icon { background: #1890ff; } .ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon { color: #fff; } .ant-steps-item-process .ant-steps-item-title { font-weight: 500; } .ant-steps-item-finish .ant-steps-item-icon { background-color: #fff; border-color: #1890ff; } .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon { color: #1890ff; } .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot { background: #1890ff; } .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title { color: rgba(0,0,0,.65); } .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after { background-color: #1890ff; } .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description { color: rgba(0,0,0,.45); } .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail:after { background-color: #1890ff; } .ant-steps-item-error .ant-steps-item-icon { background-color: #fff; border-color: #f5222d; } .ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon { color: #f5222d; } .ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot { background: #f5222d; } .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title { color: #f5222d; } .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after { background-color: #e8e8e8; } .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description { color: #f5222d; } .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-tail:after { background-color: #e8e8e8; } .ant-steps-item.ant-steps-next-error .ant-steps-item-title:after { background: #f5222d; } .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] { cursor: pointer; } .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-description, .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-icon .ant-steps-icon, .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-title { -webkit-transition: color .3s; transition: color .3s; } .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-description, .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-title { color: #1890ff; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon { border-color: #1890ff; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon .ant-steps-icon { color: #1890ff; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { margin-right: 16px; white-space: nowrap; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child { margin-right: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-right: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail { display: none; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description { max-width: 140px; white-space: normal; } .ant-steps-item-custom .ant-steps-item-icon { height: auto; background: none; border: 0; } .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon { top: 0; left: .5px; width: 32px; height: 32px; font-size: 24px; line-height: 32px; } .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon { color: #1890ff; } .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon { width: auto; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { margin-right: 12px; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child { margin-right: 0; } .ant-steps-small .ant-steps-item-icon { width: 24px; height: 24px; font-size: 12px; line-height: 24px; text-align: center; border-radius: 24px; } .ant-steps-small .ant-steps-item-title { padding-right: 12px; font-size: 14px; line-height: 24px; } .ant-steps-small .ant-steps-item-title:after { top: 12px; } .ant-steps-small .ant-steps-item-description { color: rgba(0,0,0,.45); font-size: 14px; } .ant-steps-small .ant-steps-item-tail { top: 8px; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon { width: inherit; height: inherit; line-height: inherit; background: none; border: 0; border-radius: 0; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon { font-size: 24px; line-height: 24px; -webkit-transform: none; transform: none; } .ant-steps-vertical { display: block; } .ant-steps-vertical .ant-steps-item { display: block; overflow: visible; } .ant-steps-vertical .ant-steps-item-icon { float: left; margin-right: 16px; } .ant-steps-vertical .ant-steps-item-content { display: block; min-height: 48px; overflow: hidden; } .ant-steps-vertical .ant-steps-item-title { line-height: 32px; } .ant-steps-vertical .ant-steps-item-description { padding-bottom: 12px; } .ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { position: absolute; top: 0; left: 16px; width: 1px; height: 100%; padding: 38px 0 6px; } .ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail:after { width: 1px; height: 100%; } .ant-steps-vertical>.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail { display: block; } .ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after { display: none; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { position: absolute; top: 0; left: 12px; padding: 30px 0 6px; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title { line-height: 24px; } @media(max-width: 480px) { .ant-steps-horizontal.ant-steps-label-horizontal { display: block; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item { display: block; overflow: visible; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon { float: left; margin-right: 16px; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content { display: block; min-height: 48px; overflow: hidden; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title { line-height: 32px; } .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description { padding-bottom: 12px; } .ant-steps-horizontal.ant-steps-label-horizontal>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { position: absolute; top: 0; left: 16px; width: 1px; height: 100%; padding: 38px 0 6px; } .ant-steps-horizontal.ant-steps-label-horizontal>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail:after { width: 1px; height: 100%; } .ant-steps-horizontal.ant-steps-label-horizontal>.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail { display: block; } .ant-steps-horizontal.ant-steps-label-horizontal>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after { display: none; } .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { position: absolute; top: 0; left: 12px; padding: 30px 0 6px; } .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title { line-height: 24px; } } .ant-steps-label-vertical .ant-steps-item { overflow: visible; } .ant-steps-label-vertical .ant-steps-item-tail { margin-left: 58px; padding: 3.5px 24px; } .ant-steps-label-vertical .ant-steps-item-content { display: block; width: 116px; margin-top: 8px; text-align: center; } .ant-steps-label-vertical .ant-steps-item-icon { display: inline-block; margin-left: 42px; } .ant-steps-label-vertical .ant-steps-item-title { padding-right: 0; } .ant-steps-label-vertical .ant-steps-item-title:after { display: none; } .ant-steps-label-vertical .ant-steps-item-subtitle { display: block; margin-bottom: 4px; margin-left: 0; line-height: 1.5; } .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon { margin-left: 46px; } .ant-steps-dot .ant-steps-item-title, .ant-steps-dot.ant-steps-small .ant-steps-item-title { line-height: 1.5; } .ant-steps-dot .ant-steps-item-tail, .ant-steps-dot.ant-steps-small .ant-steps-item-tail { top: 2px; width: 100%; margin: 0 0 0 70px; padding: 0; } .ant-steps-dot .ant-steps-item-tail:after, .ant-steps-dot.ant-steps-small .ant-steps-item-tail:after { width: calc(100% - 20px); height: 3px; margin-left: 12px; } .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { left: 2px; } .ant-steps-dot .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-icon { width: 8px; height: 8px; margin-left: 67px; padding-right: 0; line-height: 8px; background: transparent; border: 0; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { position: relative; float: left; width: 100%; height: 100%; border-radius: 100px; -webkit-transition: all .3s; transition: all .3s; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot:after { position: absolute; top: -12px; left: -26px; width: 60px; height: 32px; background: rgba(0,0,0,.001); content: ""; } .ant-steps-dot .ant-steps-item-content, .ant-steps-dot.ant-steps-small .ant-steps-item-content { width: 140px; } .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon { width: 10px; height: 10px; line-height: 10px; } .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot { top: -1px; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-top: 8px; margin-left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { top: 2px; left: -9px; margin: 0; padding: 22px 0 4px; } .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot { left: -2px; } .ant-steps-navigation { padding-top: 12px; } .ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-left: -12px; } .ant-steps-navigation .ant-steps-item { overflow: visible; text-align: center; } .ant-steps-navigation .ant-steps-item-container { display: inline-block; height: 100%; margin-left: -16px; padding-bottom: 12px; text-align: left; -webkit-transition: opacity .3s; transition: opacity .3s; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content { max-width: auto; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { max-width: 100%; padding-right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title:after { display: none; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button] { cursor: pointer; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]:hover { opacity: .85; } .ant-steps-navigation .ant-steps-item:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ant-steps-navigation .ant-steps-item:last-child:after { display: none; } .ant-steps-navigation .ant-steps-item:after { position: absolute; top: 50%; left: 100%; display: inline-block; width: 12px; height: 12px; margin-top: -14px; margin-left: -2px; border: 1px solid rgba(0,0,0,.25); border-bottom: none; border-left: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .ant-steps-navigation .ant-steps-item:before { position: absolute; bottom: 0; left: 50%; display: inline-block; width: 0; height: 3px; background-color: #1890ff; -webkit-transition: width .3s,left .3s; transition: width .3s,left .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; content: ""; } .ant-steps-navigation .ant-steps-item.ant-steps-item-active:before { left: 0; width: 100%; } @media(max-width: 480px) { .ant-steps-navigation>.ant-steps-item { margin-right: 0!important; } .ant-steps-navigation>.ant-steps-item:before { display: none; } .ant-steps-navigation>.ant-steps-item.ant-steps-item-active:before { top: 0; right: 0; left: unset; display: block; width: 3px; height: calc(100% - 24px); } .ant-steps-navigation>.ant-steps-item:after { position: relative; top: -2px; left: 50%; display: block; width: 8px; height: 8px; margin-bottom: 8px; text-align: center; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .ant-steps-navigation>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { visibility: hidden; } } .ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item { margin-left: -16px; padding-left: 16px; background: #fff; } .ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item { margin-left: -12px; padding-left: 12px; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child { overflow: hidden; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot:after { right: -200px; width: 200px; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot:after, .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot:before { position: absolute; top: 0; left: -10px; width: 10px; height: 8px; background: #fff; content: ""; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot:after { right: -10px; left: auto; } .ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot { background: #ccc; } .ant-progress { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; display: inline-block; } .ant-progress-line { position: relative; width: 100%; font-size: 14px; } .ant-progress-small.ant-progress-line, .ant-progress-small.ant-progress-line .ant-progress-text .anticon { font-size: 12px; } .ant-progress-outer { display: inline-block; width: 100%; margin-right: 0; padding-right: 0; } .ant-progress-show-info .ant-progress-outer { margin-right: calc(-2em - 8px); padding-right: calc(2em + 8px); } .ant-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; background-color: #f5f5f5; border-radius: 100px; } .ant-progress-circle-trail { stroke: #f5f5f5; } .ant-progress-circle-path { -webkit-animation: ant-progress-appear .3s; animation: ant-progress-appear .3s; } .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #1890ff; } .ant-progress-bg, .ant-progress-success-bg { position: relative; background-color: #1890ff; border-radius: 100px; -webkit-transition: all .4s cubic-bezier(.08,.82,.17,1) 0s; transition: all .4s cubic-bezier(.08,.82,.17,1) 0s; } .ant-progress-success-bg { position: absolute; top: 0; left: 0; background-color: #52c41a; } .ant-progress-text { display: inline-block; width: 2em; margin-left: 8px; color: rgba(0,0,0,.45); font-size: 1em; line-height: 1; white-space: nowrap; text-align: left; vertical-align: middle; word-break: normal; } .ant-progress-text .anticon { font-size: 14px; } .ant-progress-status-active .ant-progress-bg:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 10px; opacity: 0; -webkit-animation: ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite; animation: ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite; content: ""; } .ant-progress-status-exception .ant-progress-bg { background-color: #f5222d; } .ant-progress-status-exception .ant-progress-text { color: #f5222d; } .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #f5222d; } .ant-progress-status-success .ant-progress-bg { background-color: #52c41a; } .ant-progress-status-success .ant-progress-text { color: #52c41a; } .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #52c41a; } .ant-progress-circle .ant-progress-inner { position: relative; line-height: 1; background-color: transparent; } .ant-progress-circle .ant-progress-text { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; color: rgba(0,0,0,.65); line-height: 1; white-space: normal; text-align: center; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .ant-progress-circle .ant-progress-text .anticon { font-size: 1.16666667em; } .ant-progress-circle.ant-progress-status-exception .ant-progress-text { color: #f5222d; } .ant-progress-circle.ant-progress-status-success .ant-progress-text { color: #52c41a; } @-webkit-keyframes ant-progress-active { 0% { width: 0; opacity: .1; } 20% { width: 0; opacity: .5; } to { width: 100%; opacity: 0; } } @keyframes ant-progress-active { 0% { width: 0; opacity: .1; } 20% { width: 0; opacity: .5; } to { width: 100%; opacity: 0; } } .ant-drawer { position: fixed; z-index: 1000; width: 0; height: 100%; -webkit-transition: height 0s ease .3s,width 0s ease .3s,-webkit-transform .3s cubic-bezier(.7,.3,.1,1); transition: height 0s ease .3s,width 0s ease .3s,-webkit-transform .3s cubic-bezier(.7,.3,.1,1); transition: transform .3s cubic-bezier(.7,.3,.1,1),height 0s ease .3s,width 0s ease .3s; transition: transform .3s cubic-bezier(.7,.3,.1,1),height 0s ease .3s,width 0s ease .3s,-webkit-transform .3s cubic-bezier(.7,.3,.1,1); } .ant-drawer>* { -webkit-transition: -webkit-transform .3s cubic-bezier(.7,.3,.1,1),-webkit-box-shadow .3s cubic-bezier(.7,.3,.1,1); transition: -webkit-transform .3s cubic-bezier(.7,.3,.1,1),-webkit-box-shadow .3s cubic-bezier(.7,.3,.1,1); transition: transform .3s cubic-bezier(.7,.3,.1,1),box-shadow .3s cubic-bezier(.7,.3,.1,1); transition: transform .3s cubic-bezier(.7,.3,.1,1),box-shadow .3s cubic-bezier(.7,.3,.1,1),-webkit-transform .3s cubic-bezier(.7,.3,.1,1),-webkit-box-shadow .3s cubic-bezier(.7,.3,.1,1); } .ant-drawer-content-wrapper { position: absolute; } .ant-drawer .ant-drawer-content { width: 100%; height: 100%; } .ant-drawer-left, .ant-drawer-right { top: 0; width: 0; height: 100%; } .ant-drawer-left .ant-drawer-content-wrapper, .ant-drawer-right .ant-drawer-content-wrapper { height: 100%; } .ant-drawer-left.ant-drawer-open, .ant-drawer-right.ant-drawer-open { width: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.7,.3,.1,1); transition: -webkit-transform .3s cubic-bezier(.7,.3,.1,1); transition: transform .3s cubic-bezier(.7,.3,.1,1); transition: transform .3s cubic-bezier(.7,.3,.1,1),-webkit-transform .3s cubic-bezier(.7,.3,.1,1); } .ant-drawer-left.ant-drawer-open.no-mask, .ant-drawer-right.ant-drawer-open.no-mask { width: 0; } .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper { -webkit-box-shadow: 2px 0 8px rgba(0,0,0,.15); box-shadow: 2px 0 8px rgba(0,0,0,.15); } .ant-drawer-right, .ant-drawer-right .ant-drawer-content-wrapper { right: 0; } .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper { -webkit-box-shadow: -2px 0 8px rgba(0,0,0,.15); box-shadow: -2px 0 8px rgba(0,0,0,.15); } .ant-drawer-right.ant-drawer-open.no-mask { right: 1px; -webkit-transform: translateX(1px); transform: translateX(1px); } .ant-drawer-bottom, .ant-drawer-top { left: 0; width: 100%; height: 0%; } .ant-drawer-bottom .ant-drawer-content-wrapper, .ant-drawer-top .ant-drawer-content-wrapper { width: 100%; } .ant-drawer-bottom.ant-drawer-open, .ant-drawer-top.ant-drawer-open { height: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.7,.3,.1,1); transition: -webkit-transform .3s cubic-bezier(.7,.3,.1,1); transition: transform .3s cubic-bezier(.7,.3,.1,1); transition: transform .3s cubic-bezier(.7,.3,.1,1),-webkit-transform .3s cubic-bezier(.7,.3,.1,1); } .ant-drawer-bottom.ant-drawer-open.no-mask, .ant-drawer-top.ant-drawer-open.no-mask { height: 0%; } .ant-drawer-top { top: 0; } .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-drawer-bottom, .ant-drawer-bottom .ant-drawer-content-wrapper { bottom: 0; } .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper { -webkit-box-shadow: 0 -2px 8px rgba(0,0,0,.15); box-shadow: 0 -2px 8px rgba(0,0,0,.15); } .ant-drawer-bottom.ant-drawer-open.no-mask { bottom: 1px; -webkit-transform: translateY(1px); transform: translateY(1px); } .ant-drawer.ant-drawer-open .ant-drawer-mask { height: 100%; opacity: 1; -webkit-transition: none; transition: none; -webkit-animation: antdDrawerFadeIn .3s cubic-bezier(.7,.3,.1,1); animation: antdDrawerFadeIn .3s cubic-bezier(.7,.3,.1,1); } .ant-drawer-title { margin: 0; color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; line-height: 22px; } .ant-drawer-content { position: relative; z-index: 1; overflow: auto; background-color: #fff; background-clip: padding-box; border: 0; } .ant-drawer-close { position: absolute; top: 0; right: 0; z-index: 10; display: block; width: 56px; height: 56px; padding: 0; color: rgba(0,0,0,.45); font-weight: 700; font-size: 16px; font-style: normal; line-height: 56px; text-align: center; text-transform: none; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; text-rendering: auto; } .ant-drawer-close:focus, .ant-drawer-close:hover { color: rgba(0,0,0,.75); text-decoration: none; } .ant-drawer-header { position: relative; padding: 16px 24px; border-bottom: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; } .ant-drawer-header, .ant-drawer-header-no-title { color: rgba(0,0,0,.65); background: #fff; } .ant-drawer-body { padding: 24px; font-size: 14px; line-height: 1.5; word-wrap: break-word; } .ant-drawer-wrapper-body { height: 100%; overflow: auto; } .ant-drawer-mask { position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0,0,0,.45); opacity: 0; filter: alpha(opacity=45); -webkit-transition: opacity .3s linear,height 0s ease .3s; transition: opacity .3s linear,height 0s ease .3s; } .ant-drawer-open-content { -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15); box-shadow: 0 4px 12px rgba(0,0,0,.15); } @-webkit-keyframes antdDrawerFadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes antdDrawerFadeIn { 0% { opacity: 0; } to { opacity: 1; } } .ant-dropdown { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown:before { position: absolute; top: -7px; right: 0; bottom: -7px; left: -7px; z-index: -9999; opacity: .0001; content: " "; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn>.anticon-down { display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); } :root .ant-dropdown-wrap .ant-btn>.anticon-down { font-size: 12px; } .ant-dropdown-wrap .anticon-down:before { -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s,-webkit-transform .2s; } .ant-dropdown-wrap-open .anticon-down:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden { display: none; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 4px; outline: none; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); -webkit-transform: translateZ(0); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0,0,0,.45); -webkit-transition: all .3s; transition: all .3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; } .ant-dropdown-menu-submenu-popup>.ant-dropdown-menu { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .ant-dropdown-menu-submenu-popup li, .ant-dropdown-menu-submenu-popup ul { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: .3em; margin-left: .3em; padding: 0; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0,0,0,.65); font-weight: 400; font-size: 14px; line-height: 22px; white-space: nowrap; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-dropdown-menu-item>.anticon:first-child, .ant-dropdown-menu-item>span>.anticon:first-child, .ant-dropdown-menu-submenu-title>.anticon:first-child, .ant-dropdown-menu-submenu-title>span>.anticon:first-child { min-width: 12px; margin-right: 8px; font-size: 12px; } .ant-dropdown-menu-item>a, .ant-dropdown-menu-submenu-title>a { display: block; margin: -5px -12px; padding: 5px 12px; color: rgba(0,0,0,.65); -webkit-transition: all .3s; transition: all .3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-item-selected>a, .ant-dropdown-menu-submenu-title-selected, .ant-dropdown-menu-submenu-title-selected>a { color: #1890ff; background-color: #e6f7ff; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover { background-color: #e6f7ff; } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0,0,0,.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0,0,0,.45); font-style: normal; display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); } :root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, :root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { font-size: 12px; } .ant-dropdown-menu-item-group-list { margin: 0 8px; padding: 0; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 26px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 100%; margin-left: 4px; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0,0,0,.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #1890ff; } .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-dropdown-link>.anticon.anticon-down, .ant-dropdown-trigger>.anticon.anticon-down { display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); } :root .ant-dropdown-link>.anticon.anticon-down, :root .ant-dropdown-trigger>.anticon.anticon-down { font-size: 12px; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child) { padding-right: 8px; padding-left: 8px; } .ant-dropdown-button .anticon.anticon-down { display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); } :root .ant-dropdown-button .anticon.anticon-down { font-size: 12px; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: #001529; } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after, .ant-dropdown-menu-dark .ant-dropdown-menu-item>a, .ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow:after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after { color: hsla(0,0%,100%,.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover { color: #fff; background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a { color: #fff; background: #1890ff; } .ant-card { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; background: #fff; border-radius: 2px; -webkit-transition: all .3s; transition: all .3s; } .ant-card-hoverable { cursor: pointer; } .ant-card-hoverable:hover { border-color: rgba(0,0,0,.09); -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.09); box-shadow: 0 2px 8px rgba(0,0,0,.09); } .ant-card-bordered { border: 1px solid #e8e8e8; } .ant-card-head { min-height: 48px; margin-bottom: -1px; padding: 0 24px; color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; background: transparent; border-bottom: 1px solid #e8e8e8; border-radius: 2px 2px 0 0; zoom: 1; } .ant-card-head:after, .ant-card-head:before { display: table; content: ""; } .ant-card-head:after { clear: both; } .ant-card-head-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-card-head-title { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 16px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-card-head .ant-tabs { clear: both; margin-bottom: -17px; color: rgba(0,0,0,.65); font-weight: 400; font-size: 14px; } .ant-card-head .ant-tabs-bar { border-bottom: 1px solid #e8e8e8; } .ant-card-extra { float: right; margin-left: auto; padding: 16px 0; color: rgba(0,0,0,.65); font-weight: 400; font-size: 14px; } .ant-card-body { padding: 24px; zoom: 1; } .ant-card-body:after, .ant-card-body:before { display: table; content: ""; } .ant-card-body:after { clear: both; } .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { margin: -1px 0 0 -1px; padding: 0; } .ant-card-grid { float: left; width: 33.33%; padding: 24px; border: 0; border-radius: 0; -webkit-box-shadow: 1px 0 0 0 #e8e8e8,0 1px 0 0 #e8e8e8,1px 1px 0 0 #e8e8e8,inset 1px 0 0 0 #e8e8e8,inset 0 1px 0 0 #e8e8e8; box-shadow: 1px 0 0 0 #e8e8e8,0 1px 0 0 #e8e8e8,1px 1px 0 0 #e8e8e8,inset 1px 0 0 0 #e8e8e8,inset 0 1px 0 0 #e8e8e8; -webkit-transition: all .3s; transition: all .3s; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-card-contain-tabs>.ant-card-head .ant-card-head-title { min-height: 32px; padding-bottom: 0; } .ant-card-contain-tabs>.ant-card-head .ant-card-extra { padding-bottom: 0; } .ant-card-cover>* { display: block; width: 100%; } .ant-card-cover img { border-radius: 2px 2px 0 0; } .ant-card-actions { margin: 0; padding: 0; list-style: none; background: #fafafa; border-top: 1px solid #e8e8e8; zoom: 1; } .ant-card-actions:after, .ant-card-actions:before { display: table; content: ""; } .ant-card-actions:after { clear: both; } .ant-card-actions>li { float: left; margin: 12px 0; color: rgba(0,0,0,.45); text-align: center; } .ant-card-actions>li>span { position: relative; display: block; min-width: 32px; font-size: 14px; line-height: 22px; cursor: pointer; } .ant-card-actions>li>span:hover { color: #1890ff; -webkit-transition: color .3s; transition: color .3s; } .ant-card-actions>li>span a:not(.ant-btn), .ant-card-actions>li>span>.anticon { display: inline-block; width: 100%; color: rgba(0,0,0,.45); line-height: 22px; -webkit-transition: color .3s; transition: color .3s; } .ant-card-actions>li>span a:not(.ant-btn):hover, .ant-card-actions>li>span>.anticon:hover { color: #1890ff; } .ant-card-actions>li>span>.anticon { font-size: 16px; line-height: 22px; } .ant-card-actions>li:not(:last-child) { border-right: 1px solid #e8e8e8; } .ant-card-type-inner .ant-card-head { padding: 0 24px; background: #fafafa; } .ant-card-type-inner .ant-card-head-title { padding: 12px 0; font-size: 14px; } .ant-card-type-inner .ant-card-body { padding: 16px 24px; } .ant-card-type-inner .ant-card-extra { padding: 13.5px 0; } .ant-card-meta { margin: -4px 0; zoom: 1; } .ant-card-meta:after, .ant-card-meta:before { display: table; content: ""; } .ant-card-meta:after { clear: both; } .ant-card-meta-avatar { float: left; padding-right: 16px; } .ant-card-meta-detail { overflow: hidden; } .ant-card-meta-detail>div:not(:last-child) { margin-bottom: 8px; } .ant-card-meta-title { overflow: hidden; color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .ant-card-meta-description { color: rgba(0,0,0,.45); } .ant-card-loading { overflow: hidden; } .ant-card-loading .ant-card-body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-card-loading-content p { margin: 0; } .ant-card-loading-block { height: 14px; margin: 4px 0; background: -webkit-gradient(linear,left top,right top,from(rgba(207,216,220,.2)),color-stop(rgba(207,216,220,.4)),to(rgba(207,216,220,.2))); background: linear-gradient(90deg,rgba(207,216,220,.2),rgba(207,216,220,.4),rgba(207,216,220,.2)); background-size: 600% 600%; border-radius: 2px; -webkit-animation: card-loading 1.4s ease infinite; animation: card-loading 1.4s ease infinite; } @-webkit-keyframes card-loading { 0%, to { background-position: 0 50%; } 50% { background-position: 100% 50%; } } @keyframes card-loading { 0%, to { background-position: 0 50%; } 50% { background-position: 100% 50%; } } .ant-card-small>.ant-card-head { min-height: 36px; padding: 0 12px; font-size: 14px; } .ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title { padding: 8px 0; } .ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-extra { padding: 8px 0; font-size: 14px; } .ant-card-small>.ant-card-body { padding: 12px; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container { height: 40px; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { height: 40px; margin: 0; margin-right: 2px; padding: 0 16px; line-height: 38px; background: #fafafa; border: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { height: 40px; color: #1890ff; background: #fff; border-color: #e8e8e8; border-bottom: 1px solid #fff; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active:before { border-top: 2px solid transparent; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled { color: #1890ff; color: rgba(0,0,0,.25); } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive { padding: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x { width: 16px; height: 16px; height: 14px; margin-right: -5px; margin-left: 3px; overflow: hidden; color: rgba(0,0,0,.45); font-size: 12px; vertical-align: middle; -webkit-transition: all .3s; transition: all .3s; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover { color: rgba(0,0,0,.85); } .ant-tabs.ant-tabs-card .ant-tabs-card-content>.ant-tabs-tabpane, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content>.ant-tabs-tabpane { -webkit-transition: none!important; transition: none!important; } .ant-tabs.ant-tabs-card .ant-tabs-card-content>.ant-tabs-tabpane-inactive, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content>.ant-tabs-tabpane-inactive { overflow: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close { opacity: 1; } .ant-tabs-extra-content { line-height: 45px; } .ant-tabs-extra-content .ant-tabs-new-tab { position: relative; width: 20px; height: 20px; color: rgba(0,0,0,.65); font-size: 12px; line-height: 20px; text-align: center; border: 1px solid #e8e8e8; border-radius: 2px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-tabs-extra-content .ant-tabs-new-tab:hover { color: #1890ff; border-color: #1890ff; } .ant-tabs-extra-content .ant-tabs-new-tab svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-tabs.ant-tabs-large .ant-tabs-extra-content { line-height: 56px; } .ant-tabs.ant-tabs-small .ant-tabs-extra-content { line-height: 37px; } .ant-tabs.ant-tabs-card .ant-tabs-extra-content { line-height: 40px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container { height: 100%; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { padding-bottom: 4px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 8px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab { width: 90%; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab { margin-right: 1px; border-right: 0; border-radius: 4px 0 0 4px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active { margin-right: -1px; padding-right: 18px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-left: 1px; border-left: 0; border-radius: 0 4px 4px 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { margin-left: -1px; padding-left: 18px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab { height: auto; border-top: 0; border-bottom: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active { padding-top: 1px; padding-bottom: 0; color: #1890ff; } .ant-tabs { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; overflow: hidden; zoom: 1; } .ant-tabs:after, .ant-tabs:before { display: table; content: ""; } .ant-tabs:after { clear: both; } .ant-tabs-ink-bar { position: absolute; bottom: 1px; left: 0; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 2px; background-color: #1890ff; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .ant-tabs-bar { margin: 0 0 16px 0; border-bottom: 1px solid #e8e8e8; outline: none; } .ant-tabs-bar, .ant-tabs-nav-container { -webkit-transition: padding .3s cubic-bezier(.645,.045,.355,1); transition: padding .3s cubic-bezier(.645,.045,.355,1); } .ant-tabs-nav-container { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: -1px; overflow: hidden; font-size: 14px; line-height: 1.5; white-space: nowrap; zoom: 1; } .ant-tabs-nav-container:after, .ant-tabs-nav-container:before { display: table; content: ""; } .ant-tabs-nav-container:after { clear: both; } .ant-tabs-nav-container-scrolling { padding-right: 32px; padding-left: 32px; } .ant-tabs-bottom .ant-tabs-bottom-bar { margin-top: 16px; margin-bottom: 0; border-top: 1px solid #e8e8e8; border-bottom: none; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar { top: 1px; bottom: auto; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container { margin-top: -1px; margin-bottom: 0; } .ant-tabs-tab-next, .ant-tabs-tab-prev { position: absolute; z-index: 2; width: 0; height: 100%; color: rgba(0,0,0,.45); text-align: center; background-color: transparent; border: 0; cursor: pointer; opacity: 0; -webkit-transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1); transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .ant-tabs-tab-next.ant-tabs-tab-arrow-show, .ant-tabs-tab-prev.ant-tabs-tab-arrow-show { width: 32px; height: 100%; opacity: 1; pointer-events: auto; } .ant-tabs-tab-next:hover, .ant-tabs-tab-prev:hover { color: rgba(0,0,0,.65); } .ant-tabs-tab-next-icon, .ant-tabs-tab-prev-icon { position: absolute; top: 50%; left: 50%; font-weight: 700; font-style: normal; font-variant: normal; line-height: inherit; text-align: center; text-transform: none; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .ant-tabs-tab-next-icon-target, .ant-tabs-tab-prev-icon-target { display: block; display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); } :root .ant-tabs-tab-next-icon-target, :root .ant-tabs-tab-prev-icon-target { font-size: 12px; } .ant-tabs-tab-btn-disabled { cursor: not-allowed; } .ant-tabs-tab-btn-disabled, .ant-tabs-tab-btn-disabled:hover { color: rgba(0,0,0,.25); } .ant-tabs-tab-next { right: 2px; } .ant-tabs-tab-prev { left: 0; } :root .ant-tabs-tab-prev { -webkit-filter: none; filter: none; } .ant-tabs-nav-wrap { margin-bottom: -1px; overflow: hidden; } .ant-tabs-nav-scroll { overflow: hidden; white-space: nowrap; } .ant-tabs-nav { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding-left: 0; list-style: none; -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .ant-tabs-nav:after, .ant-tabs-nav:before { display: table; content: " "; } .ant-tabs-nav:after { clear: both; } .ant-tabs-nav .ant-tabs-tab { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; margin: 0 32px 0 0; padding: 12px 16px; text-decoration: none; cursor: pointer; -webkit-transition: color .3s cubic-bezier(.645,.045,.355,1); transition: color .3s cubic-bezier(.645,.045,.355,1); } .ant-tabs-nav .ant-tabs-tab:before { position: absolute; top: -1px; left: 0; width: 100%; border-top: 2px solid transparent; border-radius: 4px 4px 0 0; -webkit-transition: all .3s; transition: all .3s; content: ""; pointer-events: none; } .ant-tabs-nav .ant-tabs-tab:last-child { margin-right: 0; } .ant-tabs-nav .ant-tabs-tab:hover { color: #40a9ff; } .ant-tabs-nav .ant-tabs-tab:active { color: #096dd9; } .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 8px; } .ant-tabs-nav .ant-tabs-tab-active { color: #1890ff; text-shadow: 0 0 .25px currentColor; } .ant-tabs-nav .ant-tabs-tab-disabled, .ant-tabs-nav .ant-tabs-tab-disabled:hover { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container { font-size: 16px; } .ant-tabs .ant-tabs-large-bar .ant-tabs-tab { padding: 16px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container { font-size: 14px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-tab { padding: 8px 16px; } .ant-tabs-content:before { display: block; overflow: hidden; content: ""; } .ant-tabs .ant-tabs-bottom-content, .ant-tabs .ant-tabs-top-content { width: 100%; } .ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane, .ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; -webkit-backface-visibility: hidden; opacity: 1; -webkit-transition: opacity .45s; transition: opacity .45s; } .ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane-inactive, .ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane-inactive { height: 0; padding: 0!important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane-inactive input, .ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated, .ant-tabs .ant-tabs-top-content.ant-tabs-content-animated { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transition: margin-left .3s cubic-bezier(.645,.045,.355,1); transition: margin-left .3s cubic-bezier(.645,.045,.355,1); will-change: margin-left; } .ant-tabs .ant-tabs-left-bar, .ant-tabs .ant-tabs-right-bar { height: 100%; border-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show { width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab { display: block; float: none; margin: 0 0 16px 0; padding: 8px 24px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content, .ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content { text-align: center; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll { width: auto; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { height: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling { padding: 32px 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav { width: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar, .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { top: 0; bottom: auto; left: auto; width: 2px; height: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next { right: 0; bottom: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev { top: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-content, .ant-tabs .ant-tabs-right-content { width: auto; margin-top: 0!important; overflow: hidden; } .ant-tabs .ant-tabs-left-bar { float: left; margin-right: -1px; margin-bottom: 0; border-right: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab { text-align: right; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: -1px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar { right: 1px; } .ant-tabs .ant-tabs-left-content { padding-left: 24px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar { float: right; margin-bottom: 0; margin-left: -1px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: -1px; } .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { left: 1px; } .ant-tabs .ant-tabs-right-content { padding-right: 24px; border-right: 1px solid #e8e8e8; } .ant-tabs-bottom .ant-tabs-ink-bar-animated, .ant-tabs-top .ant-tabs-ink-bar-animated { -webkit-transition: width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),width .2s cubic-bezier(.645,.045,.355,1),left .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .ant-tabs-left .ant-tabs-ink-bar-animated, .ant-tabs-right .ant-tabs-ink-bar-animated { -webkit-transition: height .2s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: height .2s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),height .2s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),height .2s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-content-animated, .no-flex>.ant-tabs-content>.ant-tabs-content-animated { margin-left: 0!important; -webkit-transform: none!important; transform: none!important; } .ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-tabpane-inactive, .no-flex>.ant-tabs-content>.ant-tabs-tabpane-inactive { height: 0; padding: 0!important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-tabpane-inactive input, .no-flex>.ant-tabs-content>.ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs-left-content>.ant-tabs-content-animated, .ant-tabs-right-content>.ant-tabs-content-animated { margin-left: 0!important; -webkit-transform: none!important; transform: none!important; } .ant-tabs-left-content>.ant-tabs-tabpane-inactive, .ant-tabs-right-content>.ant-tabs-tabpane-inactive { height: 0; padding: 0!important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs-left-content>.ant-tabs-tabpane-inactive input, .ant-tabs-right-content>.ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-divider { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; background: #e8e8e8; } .ant-divider, .ant-divider-vertical { position: relative; top: -.06em; display: inline-block; width: 1px; height: .9em; margin: 0 8px; vertical-align: middle; } .ant-divider-horizontal { display: block; clear: both; width: 100%; min-width: 100%; height: 1px; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text-center, .ant-divider-horizontal.ant-divider-with-text-left, .ant-divider-horizontal.ant-divider-with-text-right { display: table; margin: 16px 0; color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-align: center; background: transparent; } .ant-divider-horizontal.ant-divider-with-text-center:after, .ant-divider-horizontal.ant-divider-with-text-center:before, .ant-divider-horizontal.ant-divider-with-text-left:after, .ant-divider-horizontal.ant-divider-with-text-left:before, .ant-divider-horizontal.ant-divider-with-text-right:after, .ant-divider-horizontal.ant-divider-with-text-right:before { position: relative; top: 50%; display: table-cell; width: 50%; border-top: 1px solid #e8e8e8; -webkit-transform: translateY(50%); transform: translateY(50%); content: ""; } .ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text, .ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text { display: inline-block; padding: 0 10px; } .ant-divider-horizontal.ant-divider-with-text-left:before { top: 50%; width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left:after, .ant-divider-horizontal.ant-divider-with-text-right:before { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right:after { top: 50%; width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0 24px; } .ant-divider-dashed { background: none; border-color: #e8e8e8; border-style: dashed; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed { border-top: 0; } .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed:after, .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed:before, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:after, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:before, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:after, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:before { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0 0 0 1px; } .ant-select-auto-complete { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; } .ant-select-auto-complete.ant-select .ant-select-selection { border: 0; -webkit-box-shadow: none; box-shadow: none; } .ant-select-auto-complete.ant-select .ant-select-selection__rendered { height: 100%; margin-right: 0; margin-left: 0; line-height: 32px; } .ant-select-auto-complete.ant-select .ant-select-selection__placeholder { margin-right: 12px; margin-left: 12px; } .ant-select-auto-complete.ant-select .ant-select-selection--single { height: auto; } .ant-select-auto-complete.ant-select .ant-select-search--inline { position: static; float: left; } .ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered { margin-right: 0!important; } .ant-select-auto-complete.ant-select .ant-input { height: 32px; line-height: 1.5; background: transparent; border-width: 1px; } .ant-select-auto-complete.ant-select .ant-input:focus, .ant-select-auto-complete.ant-select .ant-input:hover { border-color: #40a9ff; border-right-width: 1px!important; } .ant-select-auto-complete.ant-select .ant-input[disabled] { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-select-auto-complete.ant-select .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px!important; } .ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered { line-height: 40px; } .ant-select-auto-complete.ant-select-lg .ant-input { height: 40px; padding-top: 6px; padding-bottom: 6px; } .ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered { line-height: 24px; } .ant-select-auto-complete.ant-select-sm .ant-input { height: 24px; padding-top: 1px; padding-bottom: 1px; } .ant-input-group>.ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper { display: inline; float: none; } .ant-input { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: inline-block; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0,0,0,.65); font-size: 14px; line-height: 1.5; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; } .ant-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-input:-ms-input-placeholder { color: #bfbfbf; } .ant-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-input:focus, .ant-input:hover { border-color: #40a9ff; border-right-width: 1px!important; } .ant-input:focus { outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-input-disabled { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px!important; } .ant-input[disabled] { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px!important; } textarea.ant-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; -webkit-transition: all .3s,height 0s; transition: all .3s,height 0s; } .ant-input-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-input-sm { height: 24px; padding: 1px 7px; } .ant-input-group { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .ant-input-group>[class*=col-] { padding-right: 8px; } .ant-input-group>[class*=col-]:last-child { padding-right: 0; } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group>.ant-input { display: table-cell; } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group>.ant-input:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-group-addon, .ant-input-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-group-wrap>* { display: block!important; } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-group .ant-input:focus, .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 1px; } .ant-input-group-addon { position: relative; padding: 0 11px; color: rgba(0,0,0,.65); font-weight: 400; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; } .ant-input-group-addon .ant-select { margin: -5px -11px; } .ant-input-group-addon .ant-select .ant-select-selection { margin: -1px; background-color: inherit; border: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; } .ant-input-group-addon .ant-select-focused .ant-select-selection, .ant-input-group-addon .ant-select-open .ant-select-selection { color: #1890ff; } .ant-input-group-addon>i:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; } .ant-input-group-addon:first-child, .ant-input-group-addon:first-child .ant-select .ant-select-selection, .ant-input-group>.ant-input:first-child, .ant-input-group>.ant-input:first-child .ant-select .ant-select-selection { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group-addon:first-child { border-right: 0; } .ant-input-group-addon:last-child { border-left: 0; } .ant-input-group-addon:last-child, .ant-input-group-addon:last-child .ant-select .ant-select-selection, .ant-input-group>.ant-input:last-child, .ant-input-group>.ant-input:last-child .ant-select .ant-select-selection { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group-lg .ant-input, .ant-input-group-lg>.ant-input-group-addon { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-input-group-sm .ant-input, .ant-input-group-sm>.ant-input-group-addon { height: 24px; padding: 1px 7px; } .ant-input-group-lg .ant-select-selection--single { height: 40px; } .ant-input-group-sm .ant-select-selection--single { height: 24px; } .ant-input-group .ant-input-affix-wrapper { display: table-cell; float: left; width: 100%; } .ant-input-group.ant-input-group-compact { display: block; zoom: 1; } .ant-input-group.ant-input-group-compact:after, .ant-input-group.ant-input-group-compact:before { display: table; content: ""; } .ant-input-group.ant-input-group-compact:after { clear: both; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-group.ant-input-group-compact>* { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-group.ant-input-group-compact>:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-group.ant-input-group-compact .ant-input { float: none; } .ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input, .ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input, .ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor, .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection, .ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input { border-right-width: 1px; border-radius: 0; } .ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input:focus, .ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input:hover, .ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus, .ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover, .ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor:focus, .ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor:hover, .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact>.ant-select-focused, .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection:focus, .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection:hover, .ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input:focus, .ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input:hover { z-index: 1; } .ant-input-group.ant-input-group-compact>.ant-calendar-picker:first-child .ant-input, .ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input, .ant-input-group.ant-input-group-compact>.ant-mention-wrapper:first-child .ant-mention-editor, .ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selection, .ant-input-group.ant-input-group-compact>.ant-time-picker:first-child .ant-time-picker-input, .ant-input-group.ant-input-group-compact>:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-input-group.ant-input-group-compact>.ant-calendar-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input, .ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact>.ant-mention-wrapper:last-child .ant-mention-editor, .ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input, .ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selection, .ant-input-group.ant-input-group-compact>.ant-time-picker:last-child .ant-time-picker-input, .ant-input-group.ant-input-group-compact>:last-child { border-right-width: 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .ant-input-affix-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: inline-block; width: 100%; text-align: start; } .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { border-color: #40a9ff; border-right-width: 1px!important; } .ant-input-affix-wrapper .ant-input { position: relative; text-align: inherit; } .ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix { position: absolute; top: 50%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(0,0,0,.65); line-height: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ant-input-affix-wrapper .ant-input-prefix :not(.anticon), .ant-input-affix-wrapper .ant-input-suffix :not(.anticon) { line-height: 1.5; } .ant-input-affix-wrapper .ant-input-disabled~.ant-input-suffix .anticon { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-input-affix-wrapper .ant-input-prefix { left: 12px; } .ant-input-affix-wrapper .ant-input-suffix { right: 12px; } .ant-input-affix-wrapper .ant-input:not(:first-child) { padding-left: 30px; } .ant-input-affix-wrapper .ant-input:not(:last-child) { padding-right: 30px; } .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) { padding-right: 49px; } .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input { padding-right: 22px; } .ant-input-password-icon { color: rgba(0,0,0,.45); cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-input-password-icon:hover { color: #333; } .ant-input-clear-icon { color: rgba(0,0,0,.25); font-size: 12px; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; vertical-align: 0; } .ant-input-clear-icon:hover { color: rgba(0,0,0,.45); } .ant-input-clear-icon:active { color: rgba(0,0,0,.65); } .ant-input-clear-icon+i { margin-left: 6px; } .ant-input-textarea-clear-icon { color: rgba(0,0,0,.25); font-size: 12px; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; position: absolute; top: 0; right: 0; margin: 8px 8px 0 0; } .ant-input-textarea-clear-icon:hover { color: rgba(0,0,0,.45); } .ant-input-textarea-clear-icon:active { color: rgba(0,0,0,.65); } .ant-input-textarea-clear-icon+i { margin-left: 6px; } .ant-input-search-icon { color: rgba(0,0,0,.45); cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-input-search-icon:hover { color: rgba(0,0,0,.8); } .ant-input-search-enter-button input { border-right: 0; } .ant-input-search-enter-button input+.ant-input-group-addon, .ant-input-search-enter-button+.ant-input-group-addon { padding: 0; border: 0; } .ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button, .ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-avatar { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: inline-block; overflow: hidden; color: #fff; white-space: nowrap; text-align: center; vertical-align: middle; background: #ccc; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; } .ant-avatar-image { background: transparent; } .ant-avatar-string { position: absolute; left: 50%; -webkit-transform-origin: 0 center; transform-origin: 0 center; } .ant-avatar.ant-avatar-icon { font-size: 18px; } .ant-avatar-lg { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; } .ant-avatar-lg-string { position: absolute; left: 50%; -webkit-transform-origin: 0 center; transform-origin: 0 center; } .ant-avatar-lg.ant-avatar-icon { font-size: 24px; } .ant-avatar-sm { width: 24px; height: 24px; line-height: 24px; border-radius: 50%; } .ant-avatar-sm-string { position: absolute; left: 50%; -webkit-transform-origin: 0 center; transform-origin: 0 center; } .ant-avatar-sm.ant-avatar-icon { font-size: 14px; } .ant-avatar-square { border-radius: 4px; } .ant-avatar>img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ant-alert { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; padding: 8px 15px 8px 37px; word-wrap: break-word; border-radius: 4px; } .ant-alert.ant-alert-no-icon { padding: 8px 15px; } .ant-alert.ant-alert-closable { padding-right: 30px; } .ant-alert-icon { position: absolute; top: 11.5px; left: 16px; } .ant-alert-description { display: none; font-size: 14px; line-height: 22px; } .ant-alert-success { background-color: #f6ffed; border: 1px solid #b7eb8f; } .ant-alert-success .ant-alert-icon { color: #52c41a; } .ant-alert-info { background-color: #e6f7ff; border: 1px solid #91d5ff; } .ant-alert-info .ant-alert-icon { color: #1890ff; } .ant-alert-warning { background-color: #fffbe6; border: 1px solid #ffe58f; } .ant-alert-warning .ant-alert-icon { color: #faad14; } .ant-alert-error { background-color: #fff1f0; border: 1px solid #ffa39e; } .ant-alert-error .ant-alert-icon { color: #f5222d; } .ant-alert-close-icon { position: absolute; top: 8px; right: 16px; padding: 0; overflow: hidden; font-size: 12px; line-height: 22px; background-color: transparent; border: none; outline: none; cursor: pointer; } .ant-alert-close-icon .anticon-close { color: rgba(0,0,0,.45); -webkit-transition: color .3s; transition: color .3s; } .ant-alert-close-icon .anticon-close:hover { color: rgba(0,0,0,.75); } .ant-alert-close-text { color: rgba(0,0,0,.45); -webkit-transition: color .3s; transition: color .3s; } .ant-alert-close-text:hover { color: rgba(0,0,0,.75); } .ant-alert-with-description { position: relative; padding: 15px 15px 15px 64px; color: rgba(0,0,0,.65); line-height: 1.5; border-radius: 4px; } .ant-alert-with-description.ant-alert-no-icon { padding: 15px; } .ant-alert-with-description .ant-alert-icon { position: absolute; top: 16px; left: 24px; font-size: 24px; } .ant-alert-with-description .ant-alert-close-icon { position: absolute; top: 16px; right: 16px; font-size: 14px; cursor: pointer; } .ant-alert-with-description .ant-alert-message { display: block; margin-bottom: 4px; color: rgba(0,0,0,.85); font-size: 16px; } .ant-alert-message { color: rgba(0,0,0,.85); } .ant-alert-with-description .ant-alert-description { display: block; } .ant-alert.ant-alert-closing { height: 0!important; margin: 0; padding-top: 0; padding-bottom: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86); transition: all .3s cubic-bezier(.78,.14,.15,.86); } .ant-alert-slide-up-leave { -webkit-animation: antAlertSlideUpOut .3s cubic-bezier(.78,.14,.15,.86); animation: antAlertSlideUpOut .3s cubic-bezier(.78,.14,.15,.86); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ant-alert-banner { margin-bottom: 0; border: 0; border-radius: 0; } @-webkit-keyframes antAlertSlideUpIn { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antAlertSlideUpIn { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antAlertSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antAlertSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } to { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } .ant-transfer-customize-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .ant-transfer-customize-list .ant-transfer-operation { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: center; align-self: center; } .ant-transfer-customize-list .ant-transfer-list { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: auto; height: auto; min-height: 200px; } .ant-transfer-customize-list .ant-transfer-list-body-with-search { padding-top: 0; } .ant-transfer-customize-list .ant-transfer-list-body-search-wrapper { position: relative; padding-bottom: 0; } .ant-transfer-customize-list .ant-transfer-list-body-customize-wrapper { padding: 12px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small { border: 0; border-radius: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th { background: #fafafa; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content .ant-table-row:last-child td { border-bottom: 1px solid #e8e8e8; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body { margin: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination { margin: 16px 0 4px; } .ant-transfer { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; } .ant-transfer-disabled .ant-transfer-list { background: #f5f5f5; } .ant-transfer-list { position: relative; display: inline-block; width: 180px; height: 200px; padding-top: 40px; vertical-align: middle; border: 1px solid #d9d9d9; border-radius: 4px; } .ant-transfer-list-with-footer { padding-bottom: 34px; } .ant-transfer-list-search { padding: 0 24px 0 8px; } .ant-transfer-list-search-action { position: absolute; top: 12px; right: 12px; bottom: 12px; width: 28px; color: rgba(0,0,0,.25); line-height: 32px; text-align: center; } .ant-transfer-list-search-action .anticon { color: rgba(0,0,0,.25); -webkit-transition: all .3s; transition: all .3s; } .ant-transfer-list-search-action .anticon:hover { color: rgba(0,0,0,.45); } span.ant-transfer-list-search-action { pointer-events: none; } .ant-transfer-list-header { position: absolute; top: 0; left: 0; width: 100%; padding: 8px 12px 9px; overflow: hidden; color: rgba(0,0,0,.65); background: #fff; border-bottom: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; } .ant-transfer-list-header-title { position: absolute; right: 12px; } .ant-transfer-list-header .ant-checkbox-wrapper+span { padding-left: 8px; } .ant-transfer-list-body { position: relative; height: 100%; font-size: 14px; } .ant-transfer-list-body-search-wrapper { position: absolute; top: 0; left: 0; width: 100%; padding: 12px; } .ant-transfer-list-body-with-search { padding-top: 56px; } .ant-transfer-list-content { height: 100%; margin: 0; padding: 0; overflow: auto; list-style: none; } .ant-transfer-list-content>.LazyLoad { -webkit-animation: transferHighlightIn 1s; animation: transferHighlightIn 1s; } .ant-transfer-list-content-item { min-height: 32px; padding: 6px 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; transition: all .3s; } .ant-transfer-list-content-item>span { padding-right: 0; } .ant-transfer-list-content-item-text { padding-left: 8px; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background-color: #e6f7ff; cursor: pointer; } .ant-transfer-list-content-item-disabled { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-transfer-list-body-not-found { position: absolute; top: 50%; width: 100%; padding-top: 0; color: rgba(0,0,0,.25); text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ant-transfer-list-body-with-search .ant-transfer-list-body-not-found { margin-top: 16px; } .ant-transfer-list-footer { position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-transfer-operation { display: inline-block; margin: 0 8px; overflow: hidden; vertical-align: middle; } .ant-transfer-operation .ant-btn { display: block; } .ant-transfer-operation .ant-btn:first-child { margin-bottom: 4px; } .ant-transfer-operation .ant-btn .anticon { font-size: 12px; } @-webkit-keyframes transferHighlightIn { 0% { background: #bae7ff; } to { background: transparent; } } @keyframes transferHighlightIn { 0% { background: #bae7ff; } to { background: transparent; } } .ant-checkbox { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; top: -.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .ant-checkbox-input:focus+.ant-checkbox-inner, .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: #1890ff; } .ant-checkbox-checked:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; -webkit-animation: antCheckboxEffect .36s ease-in-out; animation: antCheckboxEffect .36s ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; content: ""; } .ant-checkbox-wrapper:hover .ant-checkbox:after, .ant-checkbox:hover:after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; -webkit-transition: all .3s; transition: all .3s; } .ant-checkbox-inner:after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(0) translate(-50%,-50%); transform: rotate(45deg) scale(0) translate(-50%,-50%); opacity: 0; -webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; content: " "; } .ant-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner:after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(1) translate(-50%,-50%); transform: rotate(45deg) scale(1) translate(-50%,-50%); opacity: 1; -webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s; transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s; content: " "; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: rgba(0,0,0,.25); -webkit-animation-name: none; animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9!important; } .ant-checkbox-disabled .ant-checkbox-inner:after { border-color: #f5f5f5; border-collapse: separate; -webkit-animation-name: none; animation-name: none; } .ant-checkbox-disabled+span { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-checkbox-disabled:hover:after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled:after { visibility: hidden; } .ant-checkbox-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; display: inline-block; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-checkbox-wrapper+.ant-checkbox-wrapper { margin-left: 8px; } .ant-checkbox+span { padding-right: 8px; padding-left: 8px; } .ant-checkbox-group { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; display: inline-block; } .ant-checkbox-group-item { display: inline-block; margin-right: 8px; } .ant-checkbox-group-item:last-child { margin-right: 0; } .ant-checkbox-group-item+.ant-checkbox-group-item { margin-left: 0; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-checkbox-indeterminate .ant-checkbox-inner:after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 1; content: " "; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after { background-color: rgba(0,0,0,.25); border-color: rgba(0,0,0,.25); } @-webkit-keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .5; } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .5; } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } .ant-tree.ant-tree-directory { position: relative; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-switcher, .ant-tree.ant-tree-directory>li span.ant-tree-switcher { position: relative; z-index: 1; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-switcher.ant-tree-switcher-noop, .ant-tree.ant-tree-directory>li span.ant-tree-switcher.ant-tree-switcher-noop { pointer-events: none; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-checkbox, .ant-tree.ant-tree-directory>li span.ant-tree-checkbox { position: relative; z-index: 1; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper, .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper { border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:hover, .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:hover:before, .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:hover:before { background: #e6f7ff; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper.ant-tree-node-selected, .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper.ant-tree-node-selected { color: #fff; background: transparent; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:before, .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:before { position: absolute; right: 0; left: 0; height: 24px; -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper>span, .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper>span { position: relative; z-index: 1; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-switcher, .ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-switcher { color: #fff; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox .ant-tree-checkbox-inner, .ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox .ant-tree-checkbox-inner { border-color: #1890ff; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked:after, .ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked:after { border-color: #fff; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner, .ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner { background: #fff; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after, .ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after { border-color: #1890ff; } .ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper:before, .ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper:before { background: #1890ff; } .ant-tree-checkbox { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; top: -.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, .ant-tree-checkbox:hover .ant-tree-checkbox-inner { border-color: #1890ff; } .ant-tree-checkbox-checked:after { top: 0; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; -webkit-animation: antCheckboxEffect .36s ease-in-out; animation: antCheckboxEffect .36s ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; content: ""; } .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox:after, .ant-tree-checkbox:hover:after { visibility: visible; } .ant-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; -webkit-transition: all .3s; transition: all .3s; } .ant-tree-checkbox-inner:after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(0) translate(-50%,-50%); transform: rotate(45deg) scale(0) translate(-50%,-50%); opacity: 0; -webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; content: " "; } .ant-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(1) translate(-50%,-50%); transform: rotate(45deg) scale(1) translate(-50%,-50%); opacity: 1; -webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s; transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s; content: " "; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-tree-checkbox-disabled { cursor: not-allowed; } .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after { border-color: rgba(0,0,0,.25); -webkit-animation-name: none; animation-name: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-input { cursor: not-allowed; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9!important; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after { border-color: #f5f5f5; border-collapse: separate; -webkit-animation-name: none; animation-name: none; } .ant-tree-checkbox-disabled+span { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-tree-checkbox-disabled:hover:after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled:after { visibility: hidden; } .ant-tree-checkbox-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; display: inline-block; line-height: unset; cursor: pointer; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper { margin-left: 8px; } .ant-tree-checkbox+span { padding-right: 8px; padding-left: 8px; } .ant-tree-checkbox-group { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; display: inline-block; } .ant-tree-checkbox-group-item { display: inline-block; margin-right: 8px; } .ant-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item { margin-left: 0; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 1; content: " "; } .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after { background-color: rgba(0,0,0,.25); border-color: rgba(0,0,0,.25); } .ant-tree { -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; margin: 0; padding: 0; } .ant-tree-checkbox-checked:after { position: absolute; top: 16.67%; left: 0; width: 100%; height: 66.67%; } .ant-tree ol, .ant-tree ul { margin: 0; padding: 0; list-style: none; } .ant-tree li { margin: 0; padding: 4px 0; white-space: nowrap; list-style: none; outline: 0; } .ant-tree li span[draggable=true], .ant-tree li span[draggable] { line-height: 20px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -khtml-user-drag: element; -webkit-user-drag: element; } .ant-tree li.drag-over>span[draggable] { color: #fff; background-color: #1890ff; opacity: .8; } .ant-tree li.drag-over-gap-top>span[draggable] { border-top-color: #1890ff; } .ant-tree li.drag-over-gap-bottom>span[draggable] { border-bottom-color: #1890ff; } .ant-tree li.filter-node>span { color: #f5222d!important; font-weight: 500!important; } .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon, .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon { position: absolute; left: 0; display: inline-block; width: 24px; height: 24px; color: #1890ff; font-size: 14px; -webkit-transform: none; transform: none; } .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg, .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } :root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close:after, :root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open:after { opacity: 0; } .ant-tree li ul { margin: 0; padding: 0 0 0 18px; } .ant-tree li .ant-tree-node-content-wrapper { display: inline-block; height: 24px; margin: 0; padding: 0 5px; color: rgba(0,0,0,.65); line-height: 24px; text-decoration: none; vertical-align: top; border-radius: 2px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-tree li .ant-tree-node-content-wrapper:hover { background-color: #e6f7ff; } .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: #bae7ff; } .ant-tree li span.ant-tree-checkbox { top: auto; height: 24px; margin: 0 4px 0 2px; padding: 4px 0; } .ant-tree li span.ant-tree-iconEle, .ant-tree li span.ant-tree-switcher { display: inline-block; width: 24px; height: 24px; margin: 0; line-height: 24px; text-align: center; vertical-align: top; border: 0 none; outline: none; cursor: pointer; } .ant-tree li span.ant-tree-iconEle:empty { display: none; } .ant-tree li span.ant-tree-switcher { position: relative; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop { cursor: default; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon { font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); display: inline-block; font-weight: 700; } :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon, :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon { font-size: 12px; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon { font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); display: inline-block; font-weight: 700; } :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon, :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon { font-size: 12px; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .ant-tree li:last-child>span.ant-tree-iconEle:before, .ant-tree li:last-child>span.ant-tree-switcher:before { display: none; } .ant-tree>li:first-child { padding-top: 7px; } .ant-tree>li:last-child { padding-bottom: 7px; } .ant-tree-child-tree>li:first-child { padding-top: 8px; } .ant-tree-child-tree>li:last-child { padding-bottom: 0; } li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper, li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper span, li.ant-tree-treenode-disabled>span:not(.ant-tree-switcher) { color: rgba(0,0,0,.25); cursor: not-allowed; } li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree-icon__close, .ant-tree-icon__open { margin-right: 2px; vertical-align: top; } .ant-tree.ant-tree-show-line li { position: relative; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher { color: rgba(0,0,0,.45); background: #fff; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon { display: inline-block; font-weight: 400; font-size: 12px; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon { display: inline-block; font-weight: 400; font-size: 12px; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon { display: inline-block; font-weight: 400; font-size: 12px; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .ant-tree.ant-tree-show-line li:not(:last-child):before { position: absolute; left: 12px; width: 1px; height: 100%; height: calc(100% - 22px); margin: 22px 0 0; border-left: 1px solid #d9d9d9; content: " "; } .ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle { display: none; } .ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper { width: calc(100% - 24px); } .ant-tree.ant-tree-block-node li span.ant-tree-checkbox+.ant-tree-node-content-wrapper { width: calc(100% - 46px); } .ant-table-wrapper { zoom: 1; } .ant-table-wrapper:after, .ant-table-wrapper:before { display: table; content: ""; } .ant-table-wrapper:after { clear: both; } .ant-table { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; clear: both; } .ant-table-body { -webkit-transition: opacity .3s; transition: opacity .3s; } .ant-table-empty .ant-table-body { overflow-x: auto!important; overflow-y: hidden!important; } .ant-table table { width: 100%; text-align: left; border-radius: 4px 4px 0 0; border-collapse: separate; border-spacing: 0; } .ant-table-layout-fixed table { table-layout: fixed; } .ant-table-thead>tr>th { color: rgba(0,0,0,.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #e8e8e8; -webkit-transition: background .3s ease; transition: background .3s ease; } .ant-table-thead>tr>th[colspan]:not([colspan="1"]) { text-align: center; } .ant-table-thead>tr>th .ant-table-filter-icon, .ant-table-thead>tr>th .anticon-filter { position: absolute; top: 0; right: 0; width: 28px; height: 100%; color: #bfbfbf; font-size: 12px; text-align: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-table-thead>tr>th .ant-table-filter-icon>svg, .ant-table-thead>tr>th .anticon-filter>svg { position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -6px; } .ant-table-thead>tr>th .ant-table-filter-selected.anticon { color: #1890ff; } .ant-table-thead>tr>th .ant-table-column-sorter { display: table-cell; vertical-align: middle; } .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner { height: 1em; margin-top: .35em; margin-left: .57142857em; color: #bfbfbf; line-height: 1em; text-align: center; -webkit-transition: all .3s; transition: all .3s; } .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down, .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up { display: inline-block; font-size: 12px; font-size: 11px\9; -webkit-transform: scale(.91666667) rotate(0deg); transform: scale(.91666667) rotate(0deg); display: block; height: 1em; line-height: 1em; -webkit-transition: all .3s; transition: all .3s; } :root .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down, :root .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up { font-size: 12px; } .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on, .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on { color: #1890ff; } .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner-full { margin-top: -.15em; } .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down, .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up { height: .5em; line-height: .5em; } .ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down { margin-top: .125em; } .ant-table-thead>tr>th.ant-table-column-has-actions { position: relative; background-clip: padding-box; -webkit-background-clip: border-box; } .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters { padding-right: 30px!important; } .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open, .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open, .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover, .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover { color: rgba(0,0,0,.45); background: #e5e5e5; } .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active, .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active { color: rgba(0,0,0,.65); } .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters { cursor: pointer; } .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:hover, .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon, .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter { background: #f2f2f2; } .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on), .ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on) { color: rgba(0,0,0,.45); } .ant-table-thead>tr>th .ant-table-header-column { display: inline-block; max-width: 100%; vertical-align: top; } .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters { display: table; } .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>.ant-table-column-title { display: table-cell; vertical-align: middle; } .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter) { position: relative; } .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters:hover:before { background: rgba(0,0,0,.04); } .ant-table-thead>tr>th.ant-table-column-has-sorters { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-table-thead>tr:first-child>th:first-child { border-top-left-radius: 4px; } .ant-table-thead>tr:first-child>th:last-child { border-top-right-radius: 4px; } .ant-table-thead>tr:not(:last-child)>th[colspan] { border-bottom: 0; } .ant-table-tbody>tr>td { border-bottom: 1px solid #e8e8e8; -webkit-transition: background .3s; transition: background .3s; } .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td, .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td, .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td, .ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td { background: #e6f7ff; } .ant-table-tbody>tr.ant-table-row-selected>td.ant-table-column-sort, .ant-table-tbody>tr:hover.ant-table-row-selected>td, .ant-table-tbody>tr:hover.ant-table-row-selected>td.ant-table-column-sort, .ant-table-thead>tr.ant-table-row-selected>td.ant-table-column-sort, .ant-table-thead>tr:hover.ant-table-row-selected>td, .ant-table-thead>tr:hover.ant-table-row-selected>td.ant-table-column-sort { background: #fafafa; } .ant-table-thead>tr:hover { background: none; } .ant-table-footer { position: relative; padding: 16px 16px; color: rgba(0,0,0,.85); background: #fafafa; border-top: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-table-footer:before { position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: #fafafa; content: ""; } .ant-table.ant-table-bordered .ant-table-footer { border: 1px solid #e8e8e8; } .ant-table-title { position: relative; top: 1px; padding: 16px 0; border-radius: 4px 4px 0 0; } .ant-table.ant-table-bordered .ant-table-title { padding-right: 16px; padding-left: 16px; border: 1px solid #e8e8e8; } .ant-table-title+.ant-table-content { position: relative; border-radius: 4px 4px 0 0; } .ant-table-bordered .ant-table-title+.ant-table-content, .ant-table-bordered .ant-table-title+.ant-table-content .ant-table-thead>tr:first-child>th, .ant-table-bordered .ant-table-title+.ant-table-content table, .ant-table-without-column-header .ant-table-title+.ant-table-content, .ant-table-without-column-header table { border-radius: 0; } .ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder { border-top: 1px solid #e8e8e8; border-radius: 4px; } .ant-table-tbody>tr.ant-table-row-selected td { color: inherit; background: #fafafa; } .ant-table-thead>tr>th.ant-table-column-sort { background: #f5f5f5; } .ant-table-tbody>tr>td.ant-table-column-sort { background: rgba(0,0,0,.01); } .ant-table-tbody>tr>td, .ant-table-thead>tr>th { padding: 16px 16px; overflow-wrap: break-word; } .ant-table-expand-icon-th, .ant-table-row-expand-icon-cell { width: 50px; min-width: 50px; text-align: center; } .ant-table-header { overflow: hidden; background: #fafafa; } .ant-table-header table { border-radius: 4px 4px 0 0; } .ant-table-loading { position: relative; } .ant-table-loading .ant-table-body { background: #fff; opacity: .5; } .ant-table-loading .ant-table-spin-holder { position: absolute; top: 50%; left: 50%; height: 20px; margin-left: -30px; line-height: 20px; } .ant-table-loading .ant-table-with-pagination { margin-top: -20px; } .ant-table-loading .ant-table-without-pagination { margin-top: 10px; } .ant-table-bordered .ant-table-body>table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table, .ant-table-bordered .ant-table-header>table { border: 1px solid #e8e8e8; border-right: 0; border-bottom: 0; } .ant-table-bordered.ant-table-empty .ant-table-placeholder { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .ant-table-bordered.ant-table-fixed-header .ant-table-header>table { border-bottom: 0; } .ant-table-bordered.ant-table-fixed-header .ant-table-body>table { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-table-bordered.ant-table-fixed-header .ant-table-body-inner>table, .ant-table-bordered.ant-table-fixed-header .ant-table-header+.ant-table-body>table { border-top: 0; } .ant-table-bordered .ant-table-thead>tr:not(:last-child)>th { border-bottom: 1px solid #e8e8e8; } .ant-table-bordered .ant-table-tbody>tr>td, .ant-table-bordered .ant-table-thead>tr>th { border-right: 1px solid #e8e8e8; } .ant-table-placeholder { position: relative; z-index: 1; margin-top: -1px; padding: 16px 16px; color: rgba(0,0,0,.25); font-size: 14px; text-align: center; background: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-table-pagination.ant-pagination { float: right; margin: 16px 0; } .ant-table-filter-dropdown { position: relative; min-width: 96px; margin-left: -8px; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-table-filter-dropdown .ant-dropdown-menu { max-height: calc(100vh - 130px); overflow-x: hidden; border: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: none; box-shadow: none; } .ant-table-filter-dropdown .ant-dropdown-menu-item>label+span { padding-right: 0; } .ant-table-filter-dropdown .ant-dropdown-menu-sub { border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after { color: #1890ff; font-weight: 700; text-shadow: 0 0 2px #bae7ff; } .ant-table-filter-dropdown .ant-dropdown-menu-item { overflow: hidden; } .ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-item:last-child, .ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title { border-radius: 0; } .ant-table-filter-dropdown-btns { padding: 7px 8px; overflow: hidden; border-top: 1px solid #e8e8e8; } .ant-table-filter-dropdown-link { color: #1890ff; } .ant-table-filter-dropdown-link:hover { color: #40a9ff; } .ant-table-filter-dropdown-link:active { color: #096dd9; } .ant-table-filter-dropdown-link.confirm { float: left; } .ant-table-filter-dropdown-link.clear { float: right; } .ant-table-selection { white-space: nowrap; } .ant-table-selection-select-all-custom { margin-right: 4px!important; } .ant-table-selection .anticon-down { color: #bfbfbf; -webkit-transition: all .3s; transition: all .3s; } .ant-table-selection-menu { min-width: 96px; margin-top: 5px; margin-left: -30px; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-table-selection-menu .ant-action-down { color: #bfbfbf; } .ant-table-selection-down { display: inline-block; padding: 0; line-height: 1; cursor: pointer; } .ant-table-selection-down:hover .anticon-down { color: rgba(0,0,0,.6); } .ant-table-row-expand-icon { color: #1890ff; text-decoration: none; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; display: inline-block; width: 17px; height: 17px; color: inherit; line-height: 13px; text-align: center; background: #fff; border: 1px solid #e8e8e8; border-radius: 2px; outline: none; -webkit-transition: all .3s; transition: all .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover { color: #40a9ff; } .ant-table-row-expand-icon:active { color: #096dd9; } .ant-table-row-expand-icon:active, .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover { border-color: currentColor; } .ant-table-row-expanded:after { content: "-"; } .ant-table-row-collapsed:after { content: "+"; } .ant-table-row-spaced { visibility: hidden; } .ant-table-row-spaced:after { content: "."; } .ant-table-row-cell-ellipsis, .ant-table-row-cell-ellipsis .ant-table-column-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-table-row-cell-ellipsis .ant-table-column-title { display: block; } .ant-table-row-cell-break-word { word-wrap: break-word; word-break: break-word; } tr.ant-table-expanded-row, tr.ant-table-expanded-row:hover { background: #fbfbfb; } tr.ant-table-expanded-row td>.ant-table-wrapper { margin: -16px -16px -17px; } .ant-table .ant-table-row-indent+.ant-table-row-expand-icon { margin-right: 8px; } .ant-table-scroll { overflow: auto; overflow-x: hidden; } .ant-table-scroll table { min-width: 100%; } .ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) { color: transparent; } .ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan])>* { visibility: hidden; } .ant-table-body-inner { height: 100%; } .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body { position: relative; background: #fff; } .ant-table-fixed-header .ant-table-body-inner { overflow: scroll; } .ant-table-fixed-header .ant-table-scroll .ant-table-header { margin-bottom: -20px; padding-bottom: 20px; overflow: scroll; opacity: .9999; } .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar { border: 1px solid #e8e8e8; border-width: 0 0 1px 0; } .ant-table-hide-scrollbar { scrollbar-color: transparent transparent; min-width: unset; } .ant-table-hide-scrollbar::-webkit-scrollbar { min-width: inherit; background-color: transparent; } .ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar { border: 1px solid #e8e8e8; border-width: 1px 1px 1px 0; } .ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead>tr:only-child>th:last-child { border-right-color: transparent; } .ant-table-fixed-left, .ant-table-fixed-right { position: absolute; top: 0; z-index: 1; overflow: hidden; border-radius: 0; -webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease,-webkit-box-shadow .3s ease; } .ant-table-fixed-left table, .ant-table-fixed-right table { width: auto; background: #fff; } .ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed, .ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed { border-radius: 0; } .ant-table-fixed-left { left: 0; -webkit-box-shadow: 6px 0 6px -4px rgba(0,0,0,.15); box-shadow: 6px 0 6px -4px rgba(0,0,0,.15); } .ant-table-fixed-left .ant-table-header { overflow-y: hidden; } .ant-table-fixed-left .ant-table-body-inner { margin-right: -20px; padding-right: 20px; } .ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner { padding-right: 0; } .ant-table-fixed-left, .ant-table-fixed-left table { border-radius: 4px 0 0 0; } .ant-table-fixed-left .ant-table-thead>tr>th:last-child { border-top-right-radius: 0; } .ant-table-fixed-right { right: 0; -webkit-box-shadow: -6px 0 6px -4px rgba(0,0,0,.15); box-shadow: -6px 0 6px -4px rgba(0,0,0,.15); } .ant-table-fixed-right, .ant-table-fixed-right table { border-radius: 0 4px 0 0; } .ant-table-fixed-right .ant-table-expanded-row { color: transparent; pointer-events: none; } .ant-table-fixed-right .ant-table-thead>tr>th:first-child { border-top-left-radius: 0; } .ant-table.ant-table-scroll-position-left .ant-table-fixed-left, .ant-table.ant-table-scroll-position-right .ant-table-fixed-right { -webkit-box-shadow: none; box-shadow: none; } .ant-table colgroup>col.ant-table-selection-col { width: 60px; } .ant-table-thead>tr>th.ant-table-selection-column-custom .ant-table-selection { margin-right: -15px; } .ant-table-tbody>tr>td.ant-table-selection-column, .ant-table-thead>tr>th.ant-table-selection-column { text-align: center; } .ant-table-tbody>tr>td.ant-table-selection-column .ant-radio-wrapper, .ant-table-thead>tr>th.ant-table-selection-column .ant-radio-wrapper { margin-right: 0; } .ant-table-row[class*=ant-table-row-level-0] .ant-table-selection-column>span { display: inline-block; } .ant-table-filter-dropdown .ant-checkbox-wrapper+span, .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span { padding-left: 8px; } @supports( -moz-appearance: meterbar) { .ant-table-thead>tr>th.ant-table-column-has-actions { background-clip: padding-box; } } .ant-table-middle>.ant-table-content>.ant-table-body>table>.ant-table-tbody>tr>td, .ant-table-middle>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th, .ant-table-middle>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td, .ant-table-middle>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th, .ant-table-middle>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-tbody>tr>td, .ant-table-middle>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-middle>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td, .ant-table-middle>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th, .ant-table-middle>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-tbody>tr>td, .ant-table-middle>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-middle>.ant-table-content>.ant-table-footer, .ant-table-middle>.ant-table-content>.ant-table-header>table>.ant-table-tbody>tr>td, .ant-table-middle>.ant-table-content>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-tbody>tr>td, .ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr>th, .ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-tbody>tr>td, .ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-middle>.ant-table-title { padding: 12px 8px; } .ant-table-middle tr.ant-table-expanded-row td>.ant-table-wrapper { margin: -12px -8px -13px; } .ant-table-small { border: 1px solid #e8e8e8; border-radius: 4px; } .ant-table-small>.ant-table-content>.ant-table-footer, .ant-table-small>.ant-table-title { padding: 8px 8px; } .ant-table-small>.ant-table-title { top: 0; border-bottom: 1px solid #e8e8e8; } .ant-table-small>.ant-table-content>.ant-table-footer { background-color: transparent; border-top: 1px solid #e8e8e8; } .ant-table-small>.ant-table-content>.ant-table-footer:before { background-color: transparent; } .ant-table-small>.ant-table-content>.ant-table-body { margin: 0 8px; } .ant-table-small>.ant-table-content>.ant-table-body>table, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table, .ant-table-small>.ant-table-content>.ant-table-header>table, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table { border: 0; } .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-tbody>tr>td, .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-tbody>tr>td, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-tbody>tr>td, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-tbody>tr>td, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-tbody>tr>td, .ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-tbody>tr>td, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-tbody>tr>td, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr>th { padding: 8px 8px; } .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr>th, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr>th { background-color: transparent; } .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr, .ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-thead>tr, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr { border-bottom: 1px solid #e8e8e8; } .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th.ant-table-column-sort, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th.ant-table-column-sort, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table>.ant-table-thead>tr>th.ant-table-column-sort, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table>.ant-table-thead>tr>th.ant-table-column-sort, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table>.ant-table-thead>tr>th.ant-table-column-sort, .ant-table-small>.ant-table-content>.ant-table-header>table>.ant-table-thead>tr>th.ant-table-column-sort, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-thead>tr>th.ant-table-column-sort, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table>.ant-table-thead>tr>th.ant-table-column-sort { background-color: rgba(0,0,0,.01); } .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>table, .ant-table-small>.ant-table-content>.ant-table-fixed-left>.ant-table-header>table, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-body-outer>.ant-table-body-inner>table, .ant-table-small>.ant-table-content>.ant-table-fixed-right>.ant-table-header>table, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-body>table, .ant-table-small>.ant-table-content>.ant-table-scroll>.ant-table-header>table { padding: 0; } .ant-table-small>.ant-table-content .ant-table-header { background-color: transparent; border-radius: 4px 4px 0 0; } .ant-table-small>.ant-table-content .ant-table-placeholder, .ant-table-small>.ant-table-content .ant-table-row:last-child td { border-bottom: 0; } .ant-table-small.ant-table-bordered { border-right: 0; } .ant-table-small.ant-table-bordered .ant-table-title { border: 0; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-content { border-right: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-footer { border: 0; border-top: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-footer:before { display: none; } .ant-table-small.ant-table-bordered .ant-table-placeholder { border-right: 0; border-bottom: 0; border-left: 0; } .ant-table-small.ant-table-bordered .ant-table-tbody>tr>td:last-child, .ant-table-small.ant-table-bordered .ant-table-thead>tr>th.ant-table-row-cell-last { border-right: none; } .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody>tr>td:last-child, .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead>tr>th:last-child { border-right: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-fixed-right { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .ant-table-small tr.ant-table-expanded-row td>.ant-table-wrapper { margin: -8px -8px -9px; } .ant-table-small.ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body { border-radius: 0 0 4px 4px; } .ant-collapse { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; background-color: #fafafa; border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 4px; } .ant-collapse>.ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse>.ant-collapse-item:last-child, .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header { border-radius: 0 0 4px 4px; } .ant-collapse>.ant-collapse-item>.ant-collapse-header { position: relative; padding: 12px 16px; padding-left: 40px; color: rgba(0,0,0,.85); line-height: 22px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 16px; display: inline-block; font-size: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow>* { line-height: 1; } .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg { display: inline-block; } .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow:before { display: none; } .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow-icon { display: block; } .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg { -webkit-transition: -webkit-transform .24s; transition: -webkit-transform .24s; transition: transform .24s; transition: transform .24s,-webkit-transform .24s; } .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra { float: right; } .ant-collapse>.ant-collapse-item>.ant-collapse-header:focus { outline: none; } .ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header { padding-left: 12px; } .ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header { padding: 12px 16px; padding-right: 40px; } .ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow { right: 16px; left: auto; } .ant-collapse-anim-active { -webkit-transition: height .2s cubic-bezier(.215,.61,.355,1); transition: height .2s cubic-bezier(.215,.61,.355,1); } .ant-collapse-content { overflow: hidden; color: rgba(0,0,0,.65); background-color: #fff; border-top: 1px solid #d9d9d9; } .ant-collapse-content>.ant-collapse-content-box { padding: 16px; } .ant-collapse-content-inactive { display: none; } .ant-collapse-item:last-child>.ant-collapse-content { border-radius: 0 0 4px 4px; } .ant-collapse-borderless { background-color: #fafafa; border: 0; } .ant-collapse-borderless>.ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse-borderless>.ant-collapse-item:last-child, .ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header { border-radius: 0; } .ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box { padding-top: 4px; } .ant-collapse .ant-collapse-item-disabled>.ant-collapse-header, .ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-page-header { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; padding: 16px 24px; background-color: #fff; } .ant-page-header-ghost { background-color: inherit; } .ant-page-header.has-breadcrumb { padding-top: 12px; } .ant-page-header.has-footer { padding-bottom: 0; } .ant-page-header-back { float: left; margin: 8px 0; margin-right: 16px; font-size: 16px; line-height: 1; } .ant-page-header-back-button { color: #1890ff; text-decoration: none; outline: none; -webkit-transition: color .3s; transition: color .3s; color: #000; cursor: pointer; } .ant-page-header-back-button:focus, .ant-page-header-back-button:hover { color: #40a9ff; } .ant-page-header-back-button:active { color: #096dd9; } .ant-page-header .ant-divider-vertical { height: 14px; margin: 0 12px; vertical-align: middle; } .ant-breadcrumb+.ant-page-header-heading { margin-top: 8px; } .ant-page-header-heading { width: 100%; overflow: hidden; } .ant-page-header-heading-title { display: block; float: left; margin-bottom: 0; padding-right: 12px; color: rgba(0,0,0,.85); font-weight: 600; font-size: 20px; line-height: 32px; } .ant-page-header-heading .ant-avatar { float: left; margin-right: 12px; } .ant-page-header-heading-sub-title { float: left; margin: 5px 0; margin-right: 12px; color: rgba(0,0,0,.45); font-size: 14px; line-height: 22px; } .ant-page-header-heading-tags { float: left; margin: 4px 0; } .ant-page-header-heading-extra { float: right; } .ant-page-header-heading-extra>* { margin-left: 8px; } .ant-page-header-heading-extra>:first-child { margin-left: 0; } .ant-page-header-content { padding-top: 12px; overflow: hidden; } .ant-page-header-footer { margin-top: 16px; } .ant-page-header-footer .ant-tabs-bar { margin-bottom: 1px; border-bottom: 0; } .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab { padding: 8px; font-size: 16px; } @media(max-width: 576px) { .ant-page-header-heading-extra { display: block; float: unset; width: 100%; padding-top: 12px; overflow: hidden; } } .ant-breadcrumb { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; color: rgba(0,0,0,.45); font-size: 14px; } .ant-breadcrumb .anticon { font-size: 14px; } .ant-breadcrumb a { color: rgba(0,0,0,.45); -webkit-transition: color .3s; transition: color .3s; } .ant-breadcrumb a:hover { color: #40a9ff; } .ant-breadcrumb>span:last-child, .ant-breadcrumb>span:last-child a { color: rgba(0,0,0,.65); } .ant-breadcrumb>span:last-child .ant-breadcrumb-separator { display: none; } .ant-breadcrumb-separator { margin: 0 8px; color: rgba(0,0,0,.45); } .ant-breadcrumb-link>.anticon+span, .ant-breadcrumb-overlay-link>.anticon { margin-left: 4px; } .ant-menu { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-size: 14px; font-variant: tabular-nums; line-height: 1.5; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; margin-bottom: 0; padding-left: 0; color: rgba(0,0,0,.65); line-height: 0; list-style: none; background: #fff; outline: none; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); -webkit-transition: background .3s,width .3s cubic-bezier(.2,0,0,1) 0s; transition: background .3s,width .3s cubic-bezier(.2,0,0,1) 0s; zoom: 1; } .ant-menu:after, .ant-menu:before { display: table; content: ""; } .ant-menu:after { clear: both; } .ant-menu ol, .ant-menu ul { margin: 0; padding: 0; list-style: none; } .ant-menu-hidden { display: none; } .ant-menu-item-group-title { padding: 8px 16px; color: rgba(0,0,0,.45); font-size: 14px; line-height: 1.5; -webkit-transition: all .3s; transition: all .3s; } .ant-menu-submenu, .ant-menu-submenu-inline { -webkit-transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1); transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1); } .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-item:active, .ant-menu-submenu-title:active { background: #e6f7ff; } .ant-menu-submenu .ant-menu-sub { cursor: auto; -webkit-transition: background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1); transition: background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1); } .ant-menu-item>a { display: block; color: rgba(0,0,0,.65); } .ant-menu-item>a:hover { color: #1890ff; } .ant-menu-item>a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; content: ""; } .ant-menu-item>.ant-badge>a { color: rgba(0,0,0,.65); } .ant-menu-item>.ant-badge>a:hover { color: #1890ff; } .ant-menu-item-divider { height: 1px; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-menu-item-active, .ant-menu-item:hover, .ant-menu-submenu-active, .ant-menu-submenu-title:hover, .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open { color: #1890ff; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu { margin-top: -1px; } .ant-menu-horizontal>.ant-menu-item-active, .ant-menu-horizontal>.ant-menu-item:hover, .ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover { background-color: transparent; } .ant-menu-item-selected, .ant-menu-item-selected>a, .ant-menu-item-selected>a:hover { color: #1890ff; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #e6f7ff; } .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left { border-right: 1px solid #e8e8e8; } .ant-menu-vertical-right { border-left: 1px solid #e8e8e8; } .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub, .ant-menu-vertical.ant-menu-sub { min-width: 160px; padding: 0; border-right: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item, .ant-menu-vertical.ant-menu-sub .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after, .ant-menu-vertical.ant-menu-sub .ant-menu-item:after { border-right: 0; } .ant-menu-vertical-left.ant-menu-sub>.ant-menu-item, .ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu, .ant-menu-vertical-right.ant-menu-sub>.ant-menu-item, .ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu, .ant-menu-vertical.ant-menu-sub>.ant-menu-item, .ant-menu-vertical.ant-menu-sub>.ant-menu-submenu { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .ant-menu-horizontal.ant-menu-sub { min-width: 114px; } .ant-menu-item, .ant-menu-submenu-title { position: relative; display: block; margin: 0; padding: 0 20px; white-space: nowrap; cursor: pointer; -webkit-transition: color .3s cubic-bezier(.645,.045,.355,1),border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1); transition: color .3s cubic-bezier(.645,.045,.355,1),border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1); } .ant-menu-item .anticon, .ant-menu-submenu-title .anticon { min-width: 14px; margin-right: 10px; font-size: 14px; -webkit-transition: font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1); transition: font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1); } .ant-menu-item .anticon+span, .ant-menu-submenu-title .anticon+span { opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1); transition: opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1); } .ant-menu>.ant-menu-item-divider { height: 1px; margin: 1px 0; padding: 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-menu-submenu-popup { position: absolute; z-index: 1050; border-radius: 4px; } .ant-menu-submenu-popup .submenu-title-wrapper { padding-right: 20px; } .ant-menu-submenu-popup:before { position: absolute; top: -7px; right: 0; bottom: 0; left: 0; opacity: .0001; content: " "; } .ant-menu-submenu>.ant-menu { background-color: #fff; border-radius: 4px; } .ant-menu-submenu>.ant-menu-submenu-title:after { -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow { position: absolute; top: 50%; right: 16px; width: 10px; -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before { position: absolute; width: 6px; height: 1.5px; background: #fff; background: rgba(0,0,0,.65)\9; background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.65)),to(rgba(0,0,0,.65))); background-image: linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.65)); background-image: none\9; border-radius: 2px; -webkit-transition: background .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: background .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1); transition: background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); content: ""; } .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before { -webkit-transform: rotate(45deg) translateY(-2px); transform: rotate(45deg) translateY(-2px); } .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after { -webkit-transform: rotate(-45deg) translateY(2px); transform: rotate(-45deg) translateY(2px); } .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after, .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after, .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after, .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before, .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after, .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before { background: -webkit-gradient(linear,left top,right top,from(#1890ff),to(#1890ff)); background: linear-gradient(90deg,#1890ff,#1890ff); } .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before { -webkit-transform: rotate(-45deg) translateX(2px); transform: rotate(-45deg) translateX(2px); } .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after { -webkit-transform: rotate(45deg) translateX(-2px); transform: rotate(45deg) translateX(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after { -webkit-transform: rotate(-45deg) translateX(-2px); transform: rotate(-45deg) translateX(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before { -webkit-transform: rotate(45deg) translateX(2px); transform: rotate(45deg) translateX(2px); } .ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical .ant-menu-submenu-selected>a, .ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected>a, .ant-menu-vertical-right .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected>a { color: #1890ff; } .ant-menu-horizontal { line-height: 46px; white-space: nowrap; border: 0; border-bottom: 1px solid #e8e8e8; -webkit-box-shadow: none; box-shadow: none; } .ant-menu-horizontal>.ant-menu-item, .ant-menu-horizontal>.ant-menu-submenu { position: relative; top: 1px; display: inline-block; vertical-align: bottom; border-bottom: 2px solid transparent; } .ant-menu-horizontal>.ant-menu-item-active, .ant-menu-horizontal>.ant-menu-item-open, .ant-menu-horizontal>.ant-menu-item-selected, .ant-menu-horizontal>.ant-menu-item:hover, .ant-menu-horizontal>.ant-menu-submenu-active, .ant-menu-horizontal>.ant-menu-submenu-open, .ant-menu-horizontal>.ant-menu-submenu-selected, .ant-menu-horizontal>.ant-menu-submenu:hover { color: #1890ff; border-bottom: 2px solid #1890ff; } .ant-menu-horizontal>.ant-menu-item>a { display: block; color: rgba(0,0,0,.65); } .ant-menu-horizontal>.ant-menu-item>a:hover { color: #1890ff; } .ant-menu-horizontal>.ant-menu-item>a:before { bottom: -2px; } .ant-menu-horizontal>.ant-menu-item-selected>a { color: #1890ff; } .ant-menu-horizontal:after { display: block; clear: both; height: 0; content: "\20"; } .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item { position: relative; } .ant-menu-inline .ant-menu-item:after, .ant-menu-vertical .ant-menu-item:after, .ant-menu-vertical-left .ant-menu-item:after, .ant-menu-vertical-right .ant-menu-item:after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid #1890ff; -webkit-transform: scaleY(.0001); transform: scaleY(.0001); opacity: 0; -webkit-transition: opacity .15s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s cubic-bezier(.215,.61,.355,1); transition: opacity .15s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s cubic-bezier(.215,.61,.355,1); transition: transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1); transition: transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s cubic-bezier(.215,.61,.355,1); content: ""; } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title, .ant-menu-vertical .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-item, .ant-menu-vertical-right .ant-menu-submenu-title { height: 40px; margin-top: 4px; margin-bottom: 4px; padding: 0 16px; overflow: hidden; font-size: 14px; line-height: 40px; text-overflow: ellipsis; } .ant-menu-inline .ant-menu-submenu, .ant-menu-vertical .ant-menu-submenu, .ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu { padding-bottom: .02px; } .ant-menu-inline .ant-menu-item:not(:last-child), .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child) { margin-bottom: 8px; } .ant-menu-inline>.ant-menu-item, .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title, .ant-menu-vertical-left>.ant-menu-item, .ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title, .ant-menu-vertical-right>.ant-menu-item, .ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title, .ant-menu-vertical>.ant-menu-item, .ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title { height: 40px; line-height: 40px; } .ant-menu-inline { width: 100%; } .ant-menu-inline .ant-menu-item-selected:after, .ant-menu-inline .ant-menu-selected:after { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; -webkit-transition: opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1); transition: opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1); transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1); transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1); } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title { width: calc(100% + 1px); } .ant-menu-inline .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline-collapsed { width: 80px; } .ant-menu-inline-collapsed>.ant-menu-item, .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item, .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title, .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title { left: 0; padding: 0 32px!important; text-overflow: clip; } .ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow, .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow, .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow { display: none; } .ant-menu-inline-collapsed>.ant-menu-item .anticon, .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon, .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon, .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon { margin: 0; font-size: 16px; line-height: 40px; } .ant-menu-inline-collapsed>.ant-menu-item .anticon+span, .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span, .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span, .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span { display: inline-block; max-width: 0; opacity: 0; } .ant-menu-inline-collapsed-tooltip { pointer-events: none; } .ant-menu-inline-collapsed-tooltip .anticon { display: none; } .ant-menu-inline-collapsed-tooltip a { color: hsla(0,0%,100%,.85); } .ant-menu-inline-collapsed .ant-menu-item-group-title { padding-right: 4px; padding-left: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-menu-item-group-list { margin: 0; padding: 0; } .ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 16px 0 28px; } .ant-menu-root.ant-menu-inline, .ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right, .ant-menu-sub.ant-menu-inline { -webkit-box-shadow: none; box-shadow: none; } .ant-menu-sub.ant-menu-inline { padding: 0; border: 0; border-radius: 0; } .ant-menu-sub.ant-menu-inline>.ant-menu-item, .ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title { height: 40px; line-height: 40px; list-style-position: inside; list-style-type: disc; } .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-left: 32px; } .ant-menu-item-disabled, .ant-menu-submenu-disabled { color: rgba(0,0,0,.25)!important; background: none; border-color: transparent!important; cursor: not-allowed; } .ant-menu-item-disabled>a, .ant-menu-submenu-disabled>a { color: rgba(0,0,0,.25)!important; pointer-events: none; } .ant-menu-item-disabled>.ant-menu-submenu-title, .ant-menu-submenu-disabled>.ant-menu-submenu-title { color: rgba(0,0,0,.25)!important; cursor: not-allowed; } .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before, .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before { background: rgba(0,0,0,.25)!important; } .ant-menu-dark, .ant-menu-dark .ant-menu-sub { color: hsla(0,0%,100%,.65); background: #001529; } .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: .45; -webkit-transition: all .3s; transition: all .3s; } .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before { background: #fff; } .ant-menu-dark.ant-menu-submenu-popup { background: transparent; } .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: #000c17; -webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.45); box-shadow: inset 0 2px 8px rgba(0,0,0,.45); } .ant-menu-dark.ant-menu-horizontal { border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal>.ant-menu-item, .ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu { top: 0; margin-top: 0; border-color: #001529; border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a:before { bottom: 0; } .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item>a { color: hsla(0,0%,100%,.65); } .ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical, .ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item:after, .ant-menu-dark.ant-menu-vertical .ant-menu-item:after, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { width: 100%; } .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover { color: #fff; background-color: transparent; } .ant-menu-dark .ant-menu-item-active>a, .ant-menu-dark .ant-menu-item:hover>a, .ant-menu-dark .ant-menu-submenu-active>a, .ant-menu-dark .ant-menu-submenu-open>a, .ant-menu-dark .ant-menu-submenu-selected>a, .ant-menu-dark .ant-menu-submenu-title:hover>a { color: #fff; } .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow { opacity: 1; } .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before { background: #fff; } .ant-menu-dark .ant-menu-item:hover { background-color: transparent; } .ant-menu-dark .ant-menu-item-selected { color: #fff; border-right: 0; } .ant-menu-dark .ant-menu-item-selected:after { border-right: 0; } .ant-menu-dark .ant-menu-item-selected .anticon, .ant-menu-dark .ant-menu-item-selected .anticon+span, .ant-menu-dark .ant-menu-item-selected>a, .ant-menu-dark .ant-menu-item-selected>a:hover { color: #fff; } .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected, .ant-menu.ant-menu-dark .ant-menu-item-selected { background-color: #1890ff; } .ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-item-disabled>a, .ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-submenu-disabled>a { color: hsla(0,0%,100%,.35)!important; opacity: .8; } .ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title, .ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title { color: hsla(0,0%,100%,.35)!important; } .ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before { background: hsla(0,0%,100%,.35)!important; } .ant-upload { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; outline: 0; } .ant-upload p { margin: 0; } .ant-upload-btn { display: block; width: 100%; outline: none; } .ant-upload input[type=file] { cursor: pointer; } .ant-upload.ant-upload-select { display: inline-block; } .ant-upload.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-select-picture-card { display: table; float: left; width: 104px; height: 104px; margin-right: 8px; margin-bottom: 8px; text-align: center; vertical-align: top; background-color: #fafafa; border: 1px dashed #d9d9d9; border-radius: 4px; cursor: pointer; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } .ant-upload.ant-upload-select-picture-card>.ant-upload { display: table-cell; width: 100%; height: 100%; padding: 8px; text-align: center; vertical-align: middle; } .ant-upload.ant-upload-select-picture-card:hover { border-color: #1890ff; } .ant-upload.ant-upload-drag { position: relative; width: 100%; height: 100%; text-align: center; background: #fafafa; border: 1px dashed #d9d9d9; border-radius: 4px; cursor: pointer; -webkit-transition: border-color .3s; transition: border-color .3s; } .ant-upload.ant-upload-drag .ant-upload { padding: 16px 0; } .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) { border-color: #096dd9; } .ant-upload.ant-upload-drag.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-drag .ant-upload-btn { display: table; height: 100%; } .ant-upload.ant-upload-drag .ant-upload-drag-container { display: table-cell; vertical-align: middle; } .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover { border-color: #40a9ff; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon { margin-bottom: 20px; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { color: #40a9ff; font-size: 48px; } .ant-upload.ant-upload-drag p.ant-upload-text { margin: 0 0 4px; color: rgba(0,0,0,.85); font-size: 16px; } .ant-upload.ant-upload-drag p.ant-upload-hint { color: rgba(0,0,0,.45); font-size: 14px; } .ant-upload.ant-upload-drag .anticon-plus { color: rgba(0,0,0,.25); font-size: 30px; -webkit-transition: all .3s; transition: all .3s; } .ant-upload.ant-upload-drag .anticon-plus:hover, .ant-upload.ant-upload-drag:hover .anticon-plus { color: rgba(0,0,0,.45); } .ant-upload-picture-card-wrapper { zoom: 1; display: inline-block; width: 100%; } .ant-upload-picture-card-wrapper:after, .ant-upload-picture-card-wrapper:before { display: table; content: ""; } .ant-upload-picture-card-wrapper:after { clear: both; } .ant-upload-list { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; zoom: 1; } .ant-upload-list:after, .ant-upload-list:before { display: table; content: ""; } .ant-upload-list:after { clear: both; } .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 { padding-right: 14px; } .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 { padding-right: 28px; } .ant-upload-list-item { position: relative; height: 22px; margin-top: 8px; font-size: 14px; } .ant-upload-list-item-name { display: inline-block; width: 100%; padding-left: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-upload-list-item-name-icon-count-1 { padding-right: 14px; } .ant-upload-list-item-card-actions { position: absolute; right: 0; opacity: 0; } .ant-upload-list-item-card-actions.picture { top: 25px; line-height: 1; opacity: 1; } .ant-upload-list-item-card-actions .anticon { padding-right: 6px; color: rgba(0,0,0,.45); } .ant-upload-list-item-info { height: 100%; padding: 0 12px 0 4px; -webkit-transition: background-color .3s; transition: background-color .3s; } .ant-upload-list-item-info>span { display: block; width: 100%; height: 100%; } .ant-upload-list-item-info .anticon-loading, .ant-upload-list-item-info .anticon-paper-clip { position: absolute; top: 5px; color: rgba(0,0,0,.45); font-size: 14px; } .ant-upload-list-item .anticon-close { display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); position: absolute; top: 6px; right: 4px; color: rgba(0,0,0,.45); line-height: 0; cursor: pointer; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } :root .ant-upload-list-item .anticon-close { font-size: 12px; } .ant-upload-list-item .anticon-close:hover { color: rgba(0,0,0,.65); } .ant-upload-list-item:hover .ant-upload-list-item-info { background-color: #e6f7ff; } .ant-upload-list-item:hover .ant-upload-list-item-card-actions, .ant-upload-list-item:hover .anticon-close { opacity: 1; } .ant-upload-list-item-error, .ant-upload-list-item-error .ant-upload-list-item-name, .ant-upload-list-item-error .anticon-paper-clip { color: #f5222d; } .ant-upload-list-item-error .ant-upload-list-item-card-actions { opacity: 1; } .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { color: #f5222d; } .ant-upload-list-item-progress { position: absolute; bottom: -12px; width: 100%; padding-left: 26px; font-size: 14px; line-height: 0; } .ant-upload-list-picture .ant-upload-list-item, .ant-upload-list-picture-card .ant-upload-list-item { position: relative; height: 66px; padding: 8px; border: 1px solid #d9d9d9; border-radius: 4px; } .ant-upload-list-picture .ant-upload-list-item:hover, .ant-upload-list-picture-card .ant-upload-list-item:hover { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-error, .ant-upload-list-picture-card .ant-upload-list-item-error { border-color: #f5222d; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-uploading, .ant-upload-list-picture-card .ant-upload-list-item-uploading { border-style: dashed; } .ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail { position: absolute; top: 8px; left: 8px; width: 48px; height: 48px; font-size: 26px; line-height: 54px; text-align: center; opacity: .8; } .ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-picture-card .ant-upload-list-item-icon { position: absolute; top: 50%; left: 50%; font-size: 26px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .ant-upload-list-picture .ant-upload-list-item-image, .ant-upload-list-picture-card .ant-upload-list-item-image { max-width: 100%; } .ant-upload-list-picture .ant-upload-list-item-thumbnail img, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { display: block; width: 48px; height: 48px; overflow: hidden; } .ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-name { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; margin: 0 0 0 8px; padding-right: 8px; padding-left: 48px; overflow: hidden; line-height: 44px; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; transition: all .3s; } .ant-upload-list-picture .ant-upload-list-item-name-icon-count-1, .ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 { padding-right: 18px; } .ant-upload-list-picture .ant-upload-list-item-name-icon-count-2, .ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 { padding-right: 36px; } .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name { line-height: 28px; } .ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 14px; width: calc(100% - 24px); margin-top: 0; padding-left: 56px; } .ant-upload-list-picture .anticon-close, .ant-upload-list-picture-card .anticon-close { position: absolute; top: 8px; right: 8px; line-height: 1; opacity: 1; } .ant-upload-list-picture-card.ant-upload-list:after { display: none; } .ant-upload-list-picture-card .ant-upload-list-item, .ant-upload-list-picture-card-container { float: left; width: 104px; height: 104px; margin: 0 8px 8px 0; } .ant-upload-list-picture-card .ant-upload-list-item-info { position: relative; height: 100%; overflow: hidden; } .ant-upload-list-picture-card .ant-upload-list-item-info:before { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); opacity: 0; -webkit-transition: all .3s; transition: all .3s; content: " "; } .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info:before { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-actions { position: absolute; top: 50%; left: 50%; z-index: 10; white-space: nowrap; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o { z-index: 10; width: 16px; margin: 0 4px; color: hsla(0,0%,100%,.85); font-size: 16px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover { color: #fff; } .ant-upload-list-picture-card .ant-upload-list-item-actions:hover, .ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { position: static; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ant-upload-list-picture-card .ant-upload-list-item-name { display: none; margin: 8px 0 0; padding: 0; line-height: 1.5; text-align: center; } .ant-upload-list-picture-card .anticon-picture+.ant-upload-list-item-name { position: absolute; bottom: 10px; display: block; } .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item { background-color: #fafafa; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info { height: auto; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info:before { display: none; } .ant-upload-list-picture-card .ant-upload-list-item-uploading-text { margin-top: 18px; color: rgba(0,0,0,.45); } .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 32px; padding-left: 0; } .ant-upload-list .ant-upload-success-icon { color: #52c41a; font-weight: 700; } .ant-upload-list .ant-upload-animate-enter, .ant-upload-list .ant-upload-animate-inline-enter, .ant-upload-list .ant-upload-animate-inline-leave, .ant-upload-list .ant-upload-animate-leave { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: cubic-bezier(.78,.14,.15,.86); animation-fill-mode: cubic-bezier(.78,.14,.15,.86); } .ant-upload-list .ant-upload-animate-enter { -webkit-animation-name: uploadAnimateIn; animation-name: uploadAnimateIn; } .ant-upload-list .ant-upload-animate-leave { -webkit-animation-name: uploadAnimateOut; animation-name: uploadAnimateOut; } .ant-upload-list .ant-upload-animate-inline-enter { -webkit-animation-name: uploadAnimateInlineIn; animation-name: uploadAnimateInlineIn; } .ant-upload-list .ant-upload-animate-inline-leave { -webkit-animation-name: uploadAnimateInlineOut; animation-name: uploadAnimateInlineOut; } @-webkit-keyframes uploadAnimateIn { 0% { height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateIn { 0% { height: 0; margin: 0; padding: 0; opacity: 0; } } @-webkit-keyframes uploadAnimateOut { to { height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateOut { to { height: 0; margin: 0; padding: 0; opacity: 0; } } @-webkit-keyframes uploadAnimateInlineIn { 0% { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateInlineIn { 0% { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } @-webkit-keyframes uploadAnimateInlineOut { to { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateInlineOut { to { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } .ant-switch { margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 44px; height: 22px; line-height: 20px; vertical-align: middle; background-color: rgba(0,0,0,.25); border: 1px solid transparent; border-radius: 100px; cursor: pointer; -webkit-transition: all .36s; transition: all .36s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-switch-inner { display: block; margin-right: 6px; margin-left: 24px; color: #fff; font-size: 12px; } .ant-switch-loading-icon, .ant-switch:after { position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; background-color: #fff; border-radius: 18px; cursor: pointer; -webkit-transition: all .36s cubic-bezier(.78,.14,.15,.86); transition: all .36s cubic-bezier(.78,.14,.15,.86); content: " "; } .ant-switch:after { -webkit-box-shadow: 0 2px 4px 0 rgba(0,35,11,.2); box-shadow: 0 2px 4px 0 rgba(0,35,11,.2); } .ant-switch:not(.ant-switch-disabled):active:after, .ant-switch:not(.ant-switch-disabled):active:before { width: 24px; } .ant-switch-loading-icon { z-index: 1; display: none; font-size: 12px; background: transparent; } .ant-switch-loading-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-switch-loading .ant-switch-loading-icon { display: inline-block; color: rgba(0,0,0,.65); } .ant-switch-checked.ant-switch-loading .ant-switch-loading-icon { color: #1890ff; } .ant-switch:focus { outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-switch:focus:hover { -webkit-box-shadow: none; box-shadow: none; } .ant-switch-small { min-width: 28px; height: 16px; line-height: 14px; } .ant-switch-small .ant-switch-inner { margin-right: 3px; margin-left: 18px; font-size: 12px; } .ant-switch-small:after { width: 12px; height: 12px; } .ant-switch-small:active:after, .ant-switch-small:active:before { width: 16px; } .ant-switch-small .ant-switch-loading-icon { width: 12px; height: 12px; } .ant-switch-small.ant-switch-checked .ant-switch-inner { margin-right: 18px; margin-left: 3px; } .ant-switch-small.ant-switch-checked .ant-switch-loading-icon { left: 100%; margin-left: -13px; } .ant-switch-small.ant-switch-loading .ant-switch-loading-icon { font-weight: 700; -webkit-transform: scale(.66667); transform: scale(.66667); } .ant-switch-checked { background-color: #1890ff; } .ant-switch-checked .ant-switch-inner { margin-right: 24px; margin-left: 6px; } .ant-switch-checked:after { left: 100%; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .ant-switch-checked .ant-switch-loading-icon { left: 100%; margin-left: -19px; } .ant-switch-disabled, .ant-switch-loading { cursor: not-allowed; opacity: .4; } .ant-switch-disabled *, .ant-switch-disabled:after, .ant-switch-disabled:before, .ant-switch-loading *, .ant-switch-loading:after, .ant-switch-loading:before { cursor: not-allowed; } @-webkit-keyframes AntSwitchSmallLoadingCircle { 0% { -webkit-transform: rotate(0deg) scale(.66667); transform: rotate(0deg) scale(.66667); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } to { -webkit-transform: rotate(1turn) scale(.66667); transform: rotate(1turn) scale(.66667); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } } @keyframes AntSwitchSmallLoadingCircle { 0% { -webkit-transform: rotate(0deg) scale(.66667); transform: rotate(0deg) scale(.66667); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } to { -webkit-transform: rotate(1turn) scale(.66667); transform: rotate(1turn) scale(.66667); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } } .ant-comment { position: relative; } .ant-comment-inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 0; } .ant-comment-avatar { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 12px; cursor: pointer; } .ant-comment-avatar img { width: 32px; height: 32px; border-radius: 50%; } .ant-comment-content { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 1px; font-size: 14px; word-wrap: break-word; } .ant-comment-content-author { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 4px; font-size: 14px; } .ant-comment-content-author>a, .ant-comment-content-author>span { padding-right: 8px; font-size: 12px; line-height: 18px; } .ant-comment-content-author-name { color: rgba(0,0,0,.45); font-size: 14px; -webkit-transition: color .3s; transition: color .3s; } .ant-comment-content-author-name>*, .ant-comment-content-author-name>:hover { color: rgba(0,0,0,.45); } .ant-comment-content-author-time { color: #ccc; white-space: nowrap; cursor: auto; } .ant-comment-content-detail p { white-space: pre-wrap; } .ant-comment-actions { margin-top: 12px; padding-left: 0; } .ant-comment-actions>li { display: inline-block; color: rgba(0,0,0,.45); } .ant-comment-actions>li>span { padding-right: 10px; color: rgba(0,0,0,.45); font-size: 12px; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-comment-actions>li>span:hover { color: #595959; } .ant-comment-nested { margin-left: 44px; } .ant-input-number { -webkit-box-sizing: border-box; box-sizing: border-box; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0,0,0,.65); font-size: 14px; line-height: 1.5; background-color: #fff; background-image: none; -webkit-transition: all .3s; transition: all .3s; display: inline-block; width: 90px; margin: 0; padding: 0; border: 1px solid #d9d9d9; border-radius: 4px; } .ant-input-number::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-input-number:-ms-input-placeholder { color: #bfbfbf; } .ant-input-number::-webkit-input-placeholder { color: #bfbfbf; } .ant-input-number:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-number:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input-number:placeholder-shown { text-overflow: ellipsis; } .ant-input-number:focus { border-color: #40a9ff; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-input-number[disabled] { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-number[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px!important; } textarea.ant-input-number { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; -webkit-transition: all .3s,height 0s; transition: all .3s,height 0s; } .ant-input-number-lg { height: 40px; padding: 6px 11px; } .ant-input-number-sm { height: 24px; padding: 1px 7px; } .ant-input-number-handler { position: relative; display: block; width: 100%; height: 50%; overflow: hidden; color: rgba(0,0,0,.45); font-weight: 700; line-height: 0; text-align: center; -webkit-transition: all .1s linear; transition: all .1s linear; } .ant-input-number-handler:active { background: #f4f4f4; } .ant-input-number-handler:hover .ant-input-number-handler-down-inner, .ant-input-number-handler:hover .ant-input-number-handler-up-inner { color: #40a9ff; } .ant-input-number-handler-down-inner, .ant-input-number-handler-up-inner { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; width: 12px; height: 12px; color: rgba(0,0,0,.45); line-height: 12px; -webkit-transition: all .1s linear; transition: all .1s linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-input-number-handler-down-inner>*, .ant-input-number-handler-up-inner>* { line-height: 1; } .ant-input-number-handler-down-inner svg, .ant-input-number-handler-up-inner svg { display: inline-block; } .ant-input-number-handler-down-inner:before, .ant-input-number-handler-up-inner:before { display: none; } .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon, .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon { display: block; } .ant-input-number-focused, .ant-input-number:hover { border-color: #40a9ff; border-right-width: 1px!important; } .ant-input-number-focused { outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-input-number-disabled { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px!important; } .ant-input-number-disabled .ant-input-number-input { cursor: not-allowed; } .ant-input-number-disabled .ant-input-number-handler-wrap { display: none; } .ant-input-number-input { width: 100%; height: 30px; padding: 0 11px; text-align: left; background-color: transparent; border: 0; border-radius: 4px; outline: 0; -webkit-transition: all .3s linear; transition: all .3s linear; -moz-appearance: textfield!important; } .ant-input-number-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-input-number-input:-ms-input-placeholder { color: #bfbfbf; } .ant-input-number-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-input-number-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input-number-input:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input[type=number]::-webkit-inner-spin-button, .ant-input-number-input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-input-number-lg { padding: 0; font-size: 16px; } .ant-input-number-lg input { height: 38px; } .ant-input-number-sm { padding: 0; } .ant-input-number-sm input { height: 22px; padding: 0 7px; } .ant-input-number-handler-wrap { position: absolute; top: 0; right: 0; width: 22px; height: 100%; background: #fff; border-left: 1px solid #d9d9d9; border-radius: 0 4px 4px 0; opacity: 0; -webkit-transition: opacity .24s linear .1s; transition: opacity .24s linear .1s; } .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner, .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner { display: inline-block; font-size: 12px; font-size: 7px\9; -webkit-transform: scale(.58333333) rotate(0deg); transform: scale(.58333333) rotate(0deg); min-width: auto; margin-right: 0; } :root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner, :root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner { font-size: 12px; } .ant-input-number-handler-wrap:hover .ant-input-number-handler { height: 40%; } .ant-input-number:hover .ant-input-number-handler-wrap { opacity: 1; } .ant-input-number-handler-up { border-top-right-radius: 4px; cursor: pointer; } .ant-input-number-handler-up-inner { top: 50%; margin-top: -5px; text-align: center; } .ant-input-number-handler-up:hover { height: 60%!important; } .ant-input-number-handler-down { top: 0; border-top: 1px solid #d9d9d9; border-bottom-right-radius: 4px; cursor: pointer; } .ant-input-number-handler-down-inner { top: 50%; margin-top: -6px; text-align: center; } .ant-input-number-handler-down:hover { height: 60%!important; } .ant-input-number-handler-down-disabled, .ant-input-number-handler-up-disabled { cursor: not-allowed; } .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner, .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner { color: rgba(0,0,0,.25); } .ant-descriptions-title { margin-bottom: 20px; color: rgba(0,0,0,.85); font-weight: 700; font-size: 16px; line-height: 1.5; } .ant-descriptions-view { width: 100%; overflow: hidden; border-radius: 4px; } .ant-descriptions-view table { width: 100%; table-layout: fixed; } .ant-descriptions-row>td, .ant-descriptions-row>th { padding-bottom: 16px; } .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-item-label { color: rgba(0,0,0,.85); font-weight: 400; font-size: 14px; line-height: 1.5; } .ant-descriptions-item-label:after { position: relative; top: -.5px; margin: 0 8px 0 2px; content: " "; } .ant-descriptions-item-colon:after { content: ":"; } .ant-descriptions-item-no-label:after { margin: 0; content: ""; } .ant-descriptions-item-content { display: table-cell; color: rgba(0,0,0,.65); font-size: 14px; line-height: 1.5; } .ant-descriptions-item { padding-bottom: 0; } .ant-descriptions-item>span { display: inline-block; } .ant-descriptions-middle .ant-descriptions-row>td, .ant-descriptions-middle .ant-descriptions-row>th { padding-bottom: 12px; } .ant-descriptions-small .ant-descriptions-row>td, .ant-descriptions-small .ant-descriptions-row>th { padding-bottom: 8px; } .ant-descriptions-bordered .ant-descriptions-view { border: 1px solid #e8e8e8; } .ant-descriptions-bordered .ant-descriptions-view>table { table-layout: auto; } .ant-descriptions-bordered .ant-descriptions-item-content, .ant-descriptions-bordered .ant-descriptions-item-label { padding: 16px 24px; border-right: 1px solid #e8e8e8; } .ant-descriptions-bordered .ant-descriptions-item-content:last-child, .ant-descriptions-bordered .ant-descriptions-item-label:last-child { border-right: none; } .ant-descriptions-bordered .ant-descriptions-item-label { background-color: #fafafa; } .ant-descriptions-bordered .ant-descriptions-item-label:after { display: none; } .ant-descriptions-bordered .ant-descriptions-row { border-bottom: 1px solid #e8e8e8; } .ant-descriptions-bordered .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content, .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label { padding: 12px 24px; } .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content, .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label { padding: 8px 16px; } .ant-calendar-picker-container { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: absolute; z-index: 1050; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; } .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft, .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft, .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-calendar-picker { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: inline-block; outline: none; cursor: text; -webkit-transition: opacity .3s; transition: opacity .3s; } .ant-calendar-picker-input { outline: none; } .ant-calendar-picker-input.ant-input { line-height: 1.5; } .ant-calendar-picker-input.ant-input-sm { padding-top: 0; padding-bottom: 0; } .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) { border-color: #40a9ff; } .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) { border-color: #40a9ff; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-calendar-picker-clear, .ant-calendar-picker-icon { position: absolute; top: 50%; right: 12px; z-index: 1; width: 14px; height: 14px; margin-top: -7px; font-size: 12px; line-height: 14px; -webkit-transition: all .3s; transition: all .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-calendar-picker-clear { z-index: 2; color: rgba(0,0,0,.25); font-size: 14px; background: #fff; cursor: pointer; opacity: 0; pointer-events: none; } .ant-calendar-picker-clear:hover { color: rgba(0,0,0,.45); } .ant-calendar-picker:hover .ant-calendar-picker-clear { opacity: 1; pointer-events: auto; } .ant-calendar-picker-icon { display: inline-block; color: rgba(0,0,0,.25); font-size: 14px; line-height: 1; } .ant-input-disabled+.ant-calendar-picker-icon { cursor: not-allowed; } .ant-calendar-picker-small .ant-calendar-picker-clear, .ant-calendar-picker-small .ant-calendar-picker-icon { right: 8px; } .ant-calendar { position: relative; width: 280px; font-size: 14px; line-height: 1.5; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #fff; border-radius: 4px; outline: none; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-calendar-input-wrap { height: 34px; padding: 6px 10px; border-bottom: 1px solid #e8e8e8; } .ant-calendar-input { width: 100%; height: 22px; color: rgba(0,0,0,.65); background: #fff; border: 0; outline: 0; cursor: auto; } .ant-calendar-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-calendar-input:-ms-input-placeholder { color: #bfbfbf; } .ant-calendar-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-calendar-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-calendar-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-calendar-input:placeholder-shown { text-overflow: ellipsis; } .ant-calendar-week-number { width: 286px; } .ant-calendar-week-number-cell { text-align: center; } .ant-calendar-header { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e8e8e8; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-calendar-header a:hover { color: #40a9ff; } .ant-calendar-header .ant-calendar-century-select, .ant-calendar-header .ant-calendar-decade-select, .ant-calendar-header .ant-calendar-month-select, .ant-calendar-header .ant-calendar-year-select { display: inline-block; padding: 0 2px; color: rgba(0,0,0,.85); font-weight: 500; line-height: 40px; } .ant-calendar-header .ant-calendar-century-select-arrow, .ant-calendar-header .ant-calendar-decade-select-arrow, .ant-calendar-header .ant-calendar-month-select-arrow, .ant-calendar-header .ant-calendar-year-select-arrow { display: none; } .ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-next-month-btn, .ant-calendar-header .ant-calendar-next-year-btn, .ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-prev-month-btn, .ant-calendar-header .ant-calendar-prev-year-btn { position: absolute; top: 0; display: inline-block; padding: 0 5px; color: rgba(0,0,0,.45); font-size: 16px; font-family: Arial,Hiragino Sans GB,Microsoft Yahei,"Microsoft Sans Serif",sans-serif; line-height: 40px; } .ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-prev-year-btn { left: 7px; height: 100%; } .ant-calendar-header .ant-calendar-prev-century-btn:after, .ant-calendar-header .ant-calendar-prev-century-btn:before, .ant-calendar-header .ant-calendar-prev-decade-btn:after, .ant-calendar-header .ant-calendar-prev-decade-btn:before, .ant-calendar-header .ant-calendar-prev-year-btn:after, .ant-calendar-header .ant-calendar-prev-year-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-header .ant-calendar-prev-century-btn:hover:after, .ant-calendar-header .ant-calendar-prev-century-btn:hover:before, .ant-calendar-header .ant-calendar-prev-decade-btn:hover:after, .ant-calendar-header .ant-calendar-prev-decade-btn:hover:before, .ant-calendar-header .ant-calendar-prev-year-btn:hover:after, .ant-calendar-header .ant-calendar-prev-year-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-header .ant-calendar-prev-century-btn:after, .ant-calendar-header .ant-calendar-prev-decade-btn:after, .ant-calendar-header .ant-calendar-prev-year-btn:after { display: none; position: relative; left: -3px; display: inline-block; } .ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-next-year-btn { right: 7px; height: 100%; } .ant-calendar-header .ant-calendar-next-century-btn:after, .ant-calendar-header .ant-calendar-next-century-btn:before, .ant-calendar-header .ant-calendar-next-decade-btn:after, .ant-calendar-header .ant-calendar-next-decade-btn:before, .ant-calendar-header .ant-calendar-next-year-btn:after, .ant-calendar-header .ant-calendar-next-year-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-header .ant-calendar-next-century-btn:hover:after, .ant-calendar-header .ant-calendar-next-century-btn:hover:before, .ant-calendar-header .ant-calendar-next-decade-btn:hover:after, .ant-calendar-header .ant-calendar-next-decade-btn:hover:before, .ant-calendar-header .ant-calendar-next-year-btn:hover:after, .ant-calendar-header .ant-calendar-next-year-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-header .ant-calendar-next-century-btn:after, .ant-calendar-header .ant-calendar-next-decade-btn:after, .ant-calendar-header .ant-calendar-next-year-btn:after { display: none; } .ant-calendar-header .ant-calendar-next-century-btn:after, .ant-calendar-header .ant-calendar-next-century-btn:before, .ant-calendar-header .ant-calendar-next-decade-btn:after, .ant-calendar-header .ant-calendar-next-decade-btn:before, .ant-calendar-header .ant-calendar-next-year-btn:after, .ant-calendar-header .ant-calendar-next-year-btn:before { -webkit-transform: rotate(135deg) scale(.8); transform: rotate(135deg) scale(.8); } .ant-calendar-header .ant-calendar-next-century-btn:before, .ant-calendar-header .ant-calendar-next-decade-btn:before, .ant-calendar-header .ant-calendar-next-year-btn:before { position: relative; left: 3px; } .ant-calendar-header .ant-calendar-next-century-btn:after, .ant-calendar-header .ant-calendar-next-decade-btn:after, .ant-calendar-header .ant-calendar-next-year-btn:after { display: inline-block; } .ant-calendar-header .ant-calendar-prev-month-btn { left: 29px; height: 100%; } .ant-calendar-header .ant-calendar-prev-month-btn:after, .ant-calendar-header .ant-calendar-prev-month-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-header .ant-calendar-prev-month-btn:hover:after, .ant-calendar-header .ant-calendar-prev-month-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-header .ant-calendar-prev-month-btn:after { display: none; } .ant-calendar-header .ant-calendar-next-month-btn { right: 29px; height: 100%; } .ant-calendar-header .ant-calendar-next-month-btn:after, .ant-calendar-header .ant-calendar-next-month-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-header .ant-calendar-next-month-btn:hover:after, .ant-calendar-header .ant-calendar-next-month-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-header .ant-calendar-next-month-btn:after { display: none; } .ant-calendar-header .ant-calendar-next-month-btn:after, .ant-calendar-header .ant-calendar-next-month-btn:before { -webkit-transform: rotate(135deg) scale(.8); transform: rotate(135deg) scale(.8); } .ant-calendar-body { padding: 8px 12px; } .ant-calendar table { width: 100%; max-width: 100%; background-color: transparent; border-collapse: collapse; } .ant-calendar table, .ant-calendar td, .ant-calendar th { text-align: center; border: 0; } .ant-calendar-calendar-table { margin-bottom: 0; border-spacing: 0; } .ant-calendar-column-header { width: 33px; padding: 6px 0; line-height: 18px; text-align: center; } .ant-calendar-column-header .ant-calendar-column-header-inner { display: block; font-weight: 400; } .ant-calendar-week-number-header .ant-calendar-column-header-inner { display: none; } .ant-calendar-cell { height: 30px; padding: 3px 0; } .ant-calendar-date { display: block; width: 24px; height: 24px; margin: 0 auto; padding: 0; color: rgba(0,0,0,.65); line-height: 22px; text-align: center; background: transparent; border: 1px solid transparent; border-radius: 2px; -webkit-transition: background .3s ease; transition: background .3s ease; } .ant-calendar-date-panel { position: relative; outline: none; } .ant-calendar-date:hover { background: #e6f7ff; cursor: pointer; } .ant-calendar-date:active { color: #fff; background: #40a9ff; } .ant-calendar-today .ant-calendar-date { color: #1890ff; font-weight: 700; border-color: #1890ff; } .ant-calendar-selected-day .ant-calendar-date { background: #bae7ff; } .ant-calendar-last-month-cell .ant-calendar-date, .ant-calendar-last-month-cell .ant-calendar-date:hover, .ant-calendar-next-month-btn-day .ant-calendar-date, .ant-calendar-next-month-btn-day .ant-calendar-date:hover { color: rgba(0,0,0,.25); background: transparent; border-color: transparent; } .ant-calendar-disabled-cell .ant-calendar-date { position: relative; width: auto; color: rgba(0,0,0,.25); background: #f5f5f5; border: 1px solid transparent; border-radius: 0; cursor: not-allowed; } .ant-calendar-disabled-cell .ant-calendar-date:hover { background: #f5f5f5; } .ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date:before { position: absolute; top: -1px; left: 5px; width: 24px; height: 24px; background: rgba(0,0,0,.1); border-radius: 2px; content: ""; } .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date { position: relative; padding-right: 5px; padding-left: 5px; } .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before { position: absolute; top: -1px; left: 5px; width: 24px; height: 24px; border: 1px solid rgba(0,0,0,.25); border-radius: 2px; content: " "; } .ant-calendar-disabled-cell-first-of-row .ant-calendar-date { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-calendar-disabled-cell-last-of-row .ant-calendar-date { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-calendar-footer { padding: 0 12px; line-height: 38px; border-top: 1px solid #e8e8e8; } .ant-calendar-footer:empty { border-top: 0; } .ant-calendar-footer-btn { display: block; text-align: center; } .ant-calendar-footer-extra { text-align: left; } .ant-calendar .ant-calendar-clear-btn, .ant-calendar .ant-calendar-today-btn { display: inline-block; margin: 0 0 0 8px; text-align: center; } .ant-calendar .ant-calendar-clear-btn-disabled, .ant-calendar .ant-calendar-today-btn-disabled { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-calendar .ant-calendar-clear-btn:only-child, .ant-calendar .ant-calendar-today-btn:only-child { margin: 0; } .ant-calendar .ant-calendar-clear-btn { position: absolute; top: 7px; right: 5px; display: none; width: 20px; height: 20px; margin: 0; overflow: hidden; line-height: 20px; text-align: center; text-indent: -76px; } .ant-calendar .ant-calendar-clear-btn:after { display: inline-block; width: 20px; color: rgba(0,0,0,.25); font-size: 14px; line-height: 1; text-indent: 43px; -webkit-transition: color .3s ease; transition: color .3s ease; } .ant-calendar .ant-calendar-clear-btn:hover:after { color: rgba(0,0,0,.45); } .ant-calendar .ant-calendar-ok-btn { position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015); box-shadow: 0 2px 0 rgba(0,0,0,.015); cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; height: 32px; padding: 0 15px; color: #fff; background-color: #1890ff; border-color: #1890ff; text-shadow: 0 -1px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.045); box-shadow: 0 2px 0 rgba(0,0,0,.045); height: 24px; padding: 0 7px; font-size: 14px; border-radius: 4px; line-height: 22px; } .ant-calendar .ant-calendar-ok-btn>.anticon { line-height: 1; } .ant-calendar .ant-calendar-ok-btn, .ant-calendar .ant-calendar-ok-btn:active, .ant-calendar .ant-calendar-ok-btn:focus { outline: 0; } .ant-calendar .ant-calendar-ok-btn:not([disabled]):hover { text-decoration: none; } .ant-calendar .ant-calendar-ok-btn:not([disabled]):active { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn[disabled] { cursor: not-allowed; } .ant-calendar .ant-calendar-ok-btn.disabled>*, .ant-calendar .ant-calendar-ok-btn[disabled]>* { pointer-events: none; } .ant-calendar .ant-calendar-ok-btn-lg { height: 40px; padding: 0 15px; font-size: 16px; border-radius: 4px; } .ant-calendar .ant-calendar-ok-btn-sm { height: 24px; padding: 0 7px; font-size: 14px; border-radius: 4px; } .ant-calendar .ant-calendar-ok-btn>a:only-child { color: currentColor; } .ant-calendar .ant-calendar-ok-btn>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-calendar .ant-calendar-ok-btn:focus, .ant-calendar .ant-calendar-ok-btn:hover { color: #fff; background-color: #40a9ff; border-color: #40a9ff; } .ant-calendar .ant-calendar-ok-btn:focus>a:only-child, .ant-calendar .ant-calendar-ok-btn:hover>a:only-child { color: currentColor; } .ant-calendar .ant-calendar-ok-btn:focus>a:only-child:after, .ant-calendar .ant-calendar-ok-btn:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-calendar .ant-calendar-ok-btn.active, .ant-calendar .ant-calendar-ok-btn:active { color: #fff; background-color: #096dd9; border-color: #096dd9; } .ant-calendar .ant-calendar-ok-btn.active>a:only-child, .ant-calendar .ant-calendar-ok-btn:active>a:only-child { color: currentColor; } .ant-calendar .ant-calendar-ok-btn.active>a:only-child:after, .ant-calendar .ant-calendar-ok-btn:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-calendar .ant-calendar-ok-btn-disabled, .ant-calendar .ant-calendar-ok-btn-disabled.active, .ant-calendar .ant-calendar-ok-btn-disabled:active, .ant-calendar .ant-calendar-ok-btn-disabled:focus, .ant-calendar .ant-calendar-ok-btn-disabled:hover, .ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn.disabled.active, .ant-calendar .ant-calendar-ok-btn.disabled:active, .ant-calendar .ant-calendar-ok-btn.disabled:focus, .ant-calendar .ant-calendar-ok-btn.disabled:hover, .ant-calendar .ant-calendar-ok-btn[disabled], .ant-calendar .ant-calendar-ok-btn[disabled].active, .ant-calendar .ant-calendar-ok-btn[disabled]:active, .ant-calendar .ant-calendar-ok-btn[disabled]:focus, .ant-calendar .ant-calendar-ok-btn[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-calendar .ant-calendar-ok-btn-disabled.active>a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:active>a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:focus>a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled>a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled>a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child { color: currentColor; } .ant-calendar .ant-calendar-ok-btn-disabled.active>a:only-child:after, .ant-calendar .ant-calendar-ok-btn-disabled:active>a:only-child:after, .ant-calendar .ant-calendar-ok-btn-disabled:focus>a:only-child:after, .ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child:after, .ant-calendar .ant-calendar-ok-btn-disabled>a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled>a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-calendar-range-picker-input { width: 44%; height: 99%; text-align: center; background-color: transparent; border: 0; outline: 0; } .ant-calendar-range-picker-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-calendar-range-picker-input:-ms-input-placeholder { color: #bfbfbf; } .ant-calendar-range-picker-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-calendar-range-picker-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-calendar-range-picker-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-calendar-range-picker-input:placeholder-shown { text-overflow: ellipsis; } .ant-calendar-range-picker-input[disabled] { cursor: not-allowed; } .ant-calendar-range-picker-separator { display: inline-block; min-width: 10px; height: 100%; color: rgba(0,0,0,.45); white-space: nowrap; text-align: center; vertical-align: top; pointer-events: none; } .ant-input-disabled .ant-calendar-range-picker-separator { color: rgba(0,0,0,.25); } .ant-calendar-range { width: 552px; overflow: hidden; } .ant-calendar-range .ant-calendar-date-panel:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; } .ant-calendar-range-part { position: relative; width: 50%; } .ant-calendar-range-left { float: left; } .ant-calendar-range-left .ant-calendar-time-picker-inner { border-right: 1px solid #e8e8e8; } .ant-calendar-range-right { float: right; } .ant-calendar-range-right .ant-calendar-time-picker-inner { border-left: 1px solid #e8e8e8; } .ant-calendar-range-middle { position: absolute; left: 50%; z-index: 1; height: 34px; margin: 1px 0 0 0; padding: 0 200px 0 0; color: rgba(0,0,0,.45); line-height: 34px; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } .ant-calendar-range-right .ant-calendar-date-input-wrap { margin-left: -90px; } .ant-calendar-range.ant-calendar-time .ant-calendar-range-middle { padding: 0 10px 0 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date { color: #1890ff; background: #bae7ff; border-color: #1890ff; } .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date, .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date { color: #fff; background: #1890ff; border: 1px solid transparent; } .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover, .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover { background: #1890ff; } .ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap { margin-left: 0; } .ant-calendar-range .ant-calendar-input-wrap { position: relative; height: 34px; } .ant-calendar-range .ant-calendar-input, .ant-calendar-range .ant-calendar-time-picker-input { position: relative; display: inline-block; width: 100%; height: 32px; padding: 4px 11px; color: rgba(0,0,0,.65); font-size: 14px; line-height: 1.5; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; height: 24px; padding-right: 0; padding-left: 0; line-height: 24px; border: 0; -webkit-box-shadow: none; box-shadow: none; } .ant-calendar-range .ant-calendar-input::-moz-placeholder, .ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-calendar-range .ant-calendar-input:-ms-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder { color: #bfbfbf; } .ant-calendar-range .ant-calendar-input::-webkit-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-calendar-range .ant-calendar-input:-moz-placeholder-shown, .ant-calendar-range .ant-calendar-time-picker-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-calendar-range .ant-calendar-input:-ms-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-calendar-range .ant-calendar-input:placeholder-shown, .ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown { text-overflow: ellipsis; } .ant-calendar-range .ant-calendar-input:hover, .ant-calendar-range .ant-calendar-time-picker-input:hover { border-color: #40a9ff; border-right-width: 1px!important; } .ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus { border-color: #40a9ff; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-calendar-range .ant-calendar-input-disabled, .ant-calendar-range .ant-calendar-time-picker-input-disabled { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-calendar-range .ant-calendar-input-disabled:hover, .ant-calendar-range .ant-calendar-time-picker-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px!important; } .ant-calendar-range .ant-calendar-input[disabled], .ant-calendar-range .ant-calendar-time-picker-input[disabled] { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-calendar-range .ant-calendar-input[disabled]:hover, .ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px!important; } textarea.ant-calendar-range .ant-calendar-input, textarea.ant-calendar-range .ant-calendar-time-picker-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; -webkit-transition: all .3s,height 0s; transition: all .3s,height 0s; } .ant-calendar-range .ant-calendar-input-lg, .ant-calendar-range .ant-calendar-time-picker-input-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-calendar-range .ant-calendar-input-sm, .ant-calendar-range .ant-calendar-time-picker-input-sm { height: 24px; padding: 1px 7px; } .ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus { -webkit-box-shadow: none; box-shadow: none; } .ant-calendar-range .ant-calendar-time-picker-icon { display: none; } .ant-calendar-range.ant-calendar-week-number { width: 574px; } .ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part { width: 286px; } .ant-calendar-range .ant-calendar-decade-panel, .ant-calendar-range .ant-calendar-month-panel, .ant-calendar-range .ant-calendar-year-panel { top: 34px; } .ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel { top: 0; } .ant-calendar-range .ant-calendar-decade-panel-table, .ant-calendar-range .ant-calendar-month-panel-table, .ant-calendar-range .ant-calendar-year-panel-table { height: 208px; } .ant-calendar-range .ant-calendar-in-range-cell { position: relative; border-radius: 0; } .ant-calendar-range .ant-calendar-in-range-cell>div { position: relative; z-index: 1; } .ant-calendar-range .ant-calendar-in-range-cell:before { position: absolute; top: 4px; right: 0; bottom: 4px; left: 0; display: block; background: #e6f7ff; border: 0; border-radius: 0; content: ""; } .ant-calendar-range .ant-calendar-footer-extra { float: left; } div.ant-calendar-range-quick-selector { text-align: left; } div.ant-calendar-range-quick-selector>a { margin-right: 8px; } .ant-calendar-range .ant-calendar-decade-panel-header, .ant-calendar-range .ant-calendar-header, .ant-calendar-range .ant-calendar-month-panel-header, .ant-calendar-range .ant-calendar-year-panel-header { border-bottom: 0; } .ant-calendar-range .ant-calendar-body, .ant-calendar-range .ant-calendar-decade-panel-body, .ant-calendar-range .ant-calendar-month-panel-body, .ant-calendar-range .ant-calendar-year-panel-body { border-top: 1px solid #e8e8e8; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker { top: 68px; z-index: 2; width: 100%; height: 207px; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel { height: 267px; margin-top: -34px; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner { height: 100%; padding-top: 40px; background: none; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox { display: inline-block; height: 100%; background-color: #fff; border-top: 1px solid #e8e8e8; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select { height: 100%; } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul { max-height: 100%; } .ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn { margin-right: 8px; } .ant-calendar-range.ant-calendar-time .ant-calendar-today-btn { height: 22px; margin: 8px 12px; line-height: 22px; } .ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker { height: 233px; } .ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body { border-top-color: transparent; } .ant-calendar-time-picker { position: absolute; top: 40px; width: 100%; background-color: #fff; } .ant-calendar-time-picker-panel { position: absolute; z-index: 1050; width: 100%; } .ant-calendar-time-picker-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; font-size: 14px; line-height: 1.5; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; outline: none; } .ant-calendar-time-picker-column-1, .ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select, .ant-calendar-time-picker-combobox { width: 100%; } .ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select { width: 50%; } .ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select { width: 33.33%; } .ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select { width: 25%; } .ant-calendar-time-picker-input-wrap { display: none; } .ant-calendar-time-picker-select { position: relative; float: left; height: 226px; overflow: hidden; font-size: 14px; border-right: 1px solid #e8e8e8; } .ant-calendar-time-picker-select:hover { overflow-y: auto; } .ant-calendar-time-picker-select:first-child { margin-left: 0; border-left: 0; } .ant-calendar-time-picker-select:last-child { border-right: 0; } .ant-calendar-time-picker-select ul { width: 100%; max-height: 206px; margin: 0; padding: 0; list-style: none; } .ant-calendar-time-picker-select li { width: 100%; height: 24px; margin: 0; line-height: 24px; text-align: center; list-style: none; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-calendar-time-picker-select li:last-child:after { display: block; height: 202px; content: ""; } .ant-calendar-time-picker-select li:hover { background: #e6f7ff; } .ant-calendar-time-picker-select li:focus { color: #1890ff; font-weight: 600; outline: none; } li.ant-calendar-time-picker-select-option-selected { font-weight: 600; background: #f5f5f5; } li.ant-calendar-time-picker-select-option-disabled { color: rgba(0,0,0,.25); } li.ant-calendar-time-picker-select-option-disabled:hover { background: transparent; cursor: not-allowed; } .ant-calendar-time .ant-calendar-day-select { display: inline-block; padding: 0 2px; color: rgba(0,0,0,.85); font-weight: 500; line-height: 34px; } .ant-calendar-time .ant-calendar-footer { position: relative; height: auto; } .ant-calendar-time .ant-calendar-footer-btn { text-align: right; } .ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn { float: left; margin: 0; } .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn { display: inline-block; margin-right: 8px; } .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled { color: rgba(0,0,0,.25); } .ant-calendar-month-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: #fff; border-radius: 4px; outline: none; } .ant-calendar-month-panel>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .ant-calendar-month-panel-hidden { display: none; } .ant-calendar-month-panel-header { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e8e8e8; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .ant-calendar-month-panel-header a:hover { color: #40a9ff; } .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select { display: inline-block; padding: 0 2px; color: rgba(0,0,0,.85); font-weight: 500; line-height: 40px; } .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow { display: none; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn { position: absolute; top: 0; display: inline-block; padding: 0 5px; color: rgba(0,0,0,.45); font-size: 16px; font-family: Arial,Hiragino Sans GB,Microsoft Yahei,"Microsoft Sans Serif",sans-serif; line-height: 40px; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn { left: 7px; height: 100%; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after { display: none; position: relative; left: -3px; display: inline-block; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn { right: 7px; height: 100%; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after { display: none; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:before { -webkit-transform: rotate(135deg) scale(.8); transform: rotate(135deg) scale(.8); } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:before { position: relative; left: 3px; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after { display: inline-block; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn { left: 29px; height: 100%; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after { display: none; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn { right: 29px; height: 100%; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after { display: none; } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:before { -webkit-transform: rotate(135deg) scale(.8); transform: rotate(135deg) scale(.8); } .ant-calendar-month-panel-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ant-calendar-month-panel-footer { border-top: 1px solid #e8e8e8; } .ant-calendar-month-panel-footer .ant-calendar-footer-extra { padding: 0 12px; } .ant-calendar-month-panel-table { width: 100%; height: 100%; table-layout: fixed; border-collapse: separate; } .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month, .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover { color: #fff; background: #1890ff; } .ant-calendar-month-panel-cell { text-align: center; } .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month, .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover { color: rgba(0,0,0,.25); background: #f5f5f5; cursor: not-allowed; } .ant-calendar-month-panel-month { display: inline-block; height: 24px; margin: 0 auto; padding: 0 8px; color: rgba(0,0,0,.65); line-height: 24px; text-align: center; background: transparent; border-radius: 2px; -webkit-transition: background .3s ease; transition: background .3s ease; } .ant-calendar-month-panel-month:hover { background: #e6f7ff; cursor: pointer; } .ant-calendar-year-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: #fff; border-radius: 4px; outline: none; } .ant-calendar-year-panel>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .ant-calendar-year-panel-hidden { display: none; } .ant-calendar-year-panel-header { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e8e8e8; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .ant-calendar-year-panel-header a:hover { color: #40a9ff; } .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select { display: inline-block; padding: 0 2px; color: rgba(0,0,0,.85); font-weight: 500; line-height: 40px; } .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow { display: none; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn { position: absolute; top: 0; display: inline-block; padding: 0 5px; color: rgba(0,0,0,.45); font-size: 16px; font-family: Arial,Hiragino Sans GB,Microsoft Yahei,"Microsoft Sans Serif",sans-serif; line-height: 40px; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn { left: 7px; height: 100%; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after { display: none; position: relative; left: -3px; display: inline-block; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn { right: 7px; height: 100%; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after { display: none; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:before { -webkit-transform: rotate(135deg) scale(.8); transform: rotate(135deg) scale(.8); } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:before { position: relative; left: 3px; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after { display: inline-block; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn { left: 29px; height: 100%; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after { display: none; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn { right: 29px; height: 100%; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after { display: none; } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:before { -webkit-transform: rotate(135deg) scale(.8); transform: rotate(135deg) scale(.8); } .ant-calendar-year-panel-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ant-calendar-year-panel-footer { border-top: 1px solid #e8e8e8; } .ant-calendar-year-panel-footer .ant-calendar-footer-extra { padding: 0 12px; } .ant-calendar-year-panel-table { width: 100%; height: 100%; table-layout: fixed; border-collapse: separate; } .ant-calendar-year-panel-cell { text-align: center; } .ant-calendar-year-panel-cell-disabled .ant-calendar-year-panel-year, .ant-calendar-year-panel-cell-disabled .ant-calendar-year-panel-year:hover { color: rgba(0,0,0,.25); background: #f5f5f5; cursor: not-allowed; } .ant-calendar-year-panel-year { display: inline-block; height: 24px; margin: 0 auto; padding: 0 8px; color: rgba(0,0,0,.65); line-height: 24px; text-align: center; background: transparent; border-radius: 2px; -webkit-transition: background .3s ease; transition: background .3s ease; } .ant-calendar-year-panel-year:hover { background: #e6f7ff; cursor: pointer; } .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year, .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover { color: #fff; background: #1890ff; } .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year, .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year { color: rgba(0,0,0,.25); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-calendar-decade-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; border-radius: 4px; outline: none; } .ant-calendar-decade-panel-hidden { display: none; } .ant-calendar-decade-panel-header { height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #e8e8e8; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .ant-calendar-decade-panel-header a:hover { color: #40a9ff; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select { display: inline-block; padding: 0 2px; color: rgba(0,0,0,.85); font-weight: 500; line-height: 40px; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow { display: none; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn { position: absolute; top: 0; display: inline-block; padding: 0 5px; color: rgba(0,0,0,.45); font-size: 16px; font-family: Arial,Hiragino Sans GB,Microsoft Yahei,"Microsoft Sans Serif",sans-serif; line-height: 40px; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn { left: 7px; height: 100%; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after { display: none; position: relative; left: -3px; display: inline-block; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn { right: 7px; height: 100%; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after { display: none; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:before { -webkit-transform: rotate(135deg) scale(.8); transform: rotate(135deg) scale(.8); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:before { position: relative; left: 3px; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after { display: inline-block; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn { left: 29px; height: 100%; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after { display: none; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn { right: 29px; height: 100%; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; vertical-align: middle; border: 0 solid #aaa; border-width: 1.5px 0 0 1.5px; border-radius: 1px; -webkit-transform: rotate(-45deg) scale(.8); transform: rotate(-45deg) scale(.8); -webkit-transition: all .3s; transition: all .3s; content: ""; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover:before { border-color: rgba(0,0,0,.65); } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after { display: none; } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:before { -webkit-transform: rotate(135deg) scale(.8); transform: rotate(135deg) scale(.8); } .ant-calendar-decade-panel-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ant-calendar-decade-panel-footer { border-top: 1px solid #e8e8e8; } .ant-calendar-decade-panel-footer .ant-calendar-footer-extra { padding: 0 12px; } .ant-calendar-decade-panel-table { width: 100%; height: 100%; table-layout: fixed; border-collapse: separate; } .ant-calendar-decade-panel-cell { white-space: nowrap; text-align: center; } .ant-calendar-decade-panel-decade { display: inline-block; height: 24px; margin: 0 auto; padding: 0 6px; color: rgba(0,0,0,.65); line-height: 24px; text-align: center; background: transparent; border-radius: 2px; -webkit-transition: background .3s ease; transition: background .3s ease; } .ant-calendar-decade-panel-decade:hover { background: #e6f7ff; cursor: pointer; } .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade, .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover { color: #fff; background: #1890ff; } .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade, .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade { color: rgba(0,0,0,.25); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-calendar-month .ant-calendar-month-header-wrap { position: relative; height: 288px; } .ant-calendar-month .ant-calendar-month-panel, .ant-calendar-month .ant-calendar-year-panel { top: 0; height: 100%; } .ant-calendar-week-number-cell { opacity: .5; } .ant-calendar-week-number .ant-calendar-body tr { cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-calendar-week-number .ant-calendar-body tr:hover { background: #e6f7ff; } .ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week { font-weight: 700; background: #bae7ff; } .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date, .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date { color: rgba(0,0,0,.65); background: transparent; } .ant-time-picker-panel { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: absolute; z-index: 1050; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; } .ant-time-picker-panel-inner { position: relative; left: -2px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border-radius: 4px; outline: none; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-time-picker-panel-input { width: 100%; max-width: 154px; margin: 0; padding: 0; line-height: normal; border: 0; outline: 0; cursor: auto; } .ant-time-picker-panel-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-time-picker-panel-input:-ms-input-placeholder { color: #bfbfbf; } .ant-time-picker-panel-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-time-picker-panel-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-time-picker-panel-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-time-picker-panel-input:placeholder-shown { text-overflow: ellipsis; } .ant-time-picker-panel-input-wrap { position: relative; padding: 7px 2px 7px 12px; border-bottom: 1px solid #e8e8e8; } .ant-time-picker-panel-input-invalid { border-color: #f5222d; } .ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap { max-width: 112px; } .ant-time-picker-panel-select { position: relative; float: left; width: 56px; max-height: 192px; overflow: hidden; font-size: 14px; border-left: 1px solid #e8e8e8; } .ant-time-picker-panel-select:hover { overflow-y: auto; } .ant-time-picker-panel-select:first-child { margin-left: 0; border-left: 0; } .ant-time-picker-panel-select:last-child { border-right: 0; } .ant-time-picker-panel-select:only-child { width: 100%; } .ant-time-picker-panel-select ul { width: 56px; margin: 0; padding: 0 0 160px; list-style: none; } .ant-time-picker-panel-select li { width: 100%; height: 32px; margin: 0; padding: 0 0 0 12px; line-height: 32px; text-align: left; list-style: none; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-time-picker-panel-select li:focus { color: #1890ff; font-weight: 600; outline: none; } .ant-time-picker-panel-select li:hover { background: #e6f7ff; } li.ant-time-picker-panel-select-option-selected { font-weight: 600; background: #f5f5f5; } li.ant-time-picker-panel-select-option-selected:hover { background: #f5f5f5; } li.ant-time-picker-panel-select-option-disabled { color: rgba(0,0,0,.25); } li.ant-time-picker-panel-select-option-disabled:hover { background: transparent; cursor: not-allowed; } li.ant-time-picker-panel-select-option-disabled:focus { color: rgba(0,0,0,.25); font-weight: inherit; } .ant-time-picker-panel-combobox { zoom: 1; } .ant-time-picker-panel-combobox:after, .ant-time-picker-panel-combobox:before { display: table; content: ""; } .ant-time-picker-panel-combobox:after { clear: both; } .ant-time-picker-panel-addon { padding: 8px; border-top: 1px solid #e8e8e8; } .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft, .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft, .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-time-picker { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-size: 14px; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; width: 128px; outline: none; cursor: text; -webkit-transition: opacity .3s; transition: opacity .3s; } .ant-time-picker, .ant-time-picker-input { color: rgba(0,0,0,.65); line-height: 1.5; position: relative; display: inline-block; } .ant-time-picker-input { width: 100%; height: 32px; padding: 4px 11px; font-size: 14px; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; } .ant-time-picker-input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-time-picker-input:-ms-input-placeholder { color: #bfbfbf; } .ant-time-picker-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-time-picker-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-time-picker-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-time-picker-input:placeholder-shown { text-overflow: ellipsis; } .ant-time-picker-input:focus, .ant-time-picker-input:hover { border-color: #40a9ff; border-right-width: 1px!important; } .ant-time-picker-input:focus { outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-time-picker-input-disabled { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-time-picker-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px!important; } textarea.ant-time-picker-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5; vertical-align: bottom; -webkit-transition: all .3s,height 0s; transition: all .3s,height 0s; } .ant-time-picker-input-lg { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-time-picker-input-sm { height: 24px; padding: 1px 7px; } .ant-time-picker-input[disabled] { color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-time-picker-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px!important; } .ant-time-picker-open { opacity: 0; } .ant-time-picker-clear, .ant-time-picker-icon { position: absolute; top: 50%; right: 11px; z-index: 1; width: 14px; height: 14px; margin-top: -7px; color: rgba(0,0,0,.25); line-height: 14px; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-time-picker-clear .ant-time-picker-clock-icon, .ant-time-picker-icon .ant-time-picker-clock-icon { display: block; color: rgba(0,0,0,.25); line-height: 1; } .ant-time-picker-clear { z-index: 2; background: #fff; opacity: 0; pointer-events: none; } .ant-time-picker-clear:hover { color: rgba(0,0,0,.45); } .ant-time-picker:hover .ant-time-picker-clear { opacity: 1; pointer-events: auto; } .ant-time-picker-large .ant-time-picker-input { height: 40px; padding: 6px 11px; font-size: 16px; } .ant-time-picker-small .ant-time-picker-input { height: 24px; padding: 1px 7px; } .ant-time-picker-small .ant-time-picker-clear, .ant-time-picker-small .ant-time-picker-icon { right: 7px; } @media not all and (min-resolution: .001dpcm) { @supports( -webkit-appearance: none) and ( stroke-color: transparent) { .ant-input { line-height: 1.5; } } } .ant-carousel { margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; } .ant-carousel, .ant-carousel .slick-slider { -webkit-box-sizing: border-box; box-sizing: border-box; } .ant-carousel .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .ant-carousel .slick-list { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; } .ant-carousel .slick-list:focus { outline: none; } .ant-carousel .slick-list.dragging { cursor: pointer; } .ant-carousel .slick-list .slick-slide { pointer-events: none; } .ant-carousel .slick-list .slick-slide input.ant-checkbox-input, .ant-carousel .slick-list .slick-slide input.ant-radio-input { visibility: hidden; } .ant-carousel .slick-list .slick-slide.slick-active { pointer-events: auto; } .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input, .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input { visibility: visible; } .ant-carousel .slick-slider .slick-list, .ant-carousel .slick-slider .slick-track { -webkit-transform: translateZ(0); transform: translateZ(0); } .ant-carousel .slick-track { position: relative; top: 0; left: 0; display: block; } .ant-carousel .slick-track:after, .ant-carousel .slick-track:before { display: table; content: ""; } .ant-carousel .slick-track:after { clear: both; } .slick-loading .ant-carousel .slick-track { visibility: hidden; } .ant-carousel .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .ant-carousel .slick-slide { float: right; } .ant-carousel .slick-slide img { display: block; } .ant-carousel .slick-slide.slick-loading img { display: none; } .ant-carousel .slick-slide.dragging img { pointer-events: none; } .ant-carousel .slick-initialized .slick-slide { display: block; } .ant-carousel .slick-loading .slick-slide { visibility: hidden; } .ant-carousel .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .ant-carousel .slick-arrow.slick-hidden { display: none; } .ant-carousel .slick-next, .ant-carousel .slick-prev { position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; font-size: 0; line-height: 0; border: 0; cursor: pointer; } .ant-carousel .slick-next, .ant-carousel .slick-next:focus, .ant-carousel .slick-next:hover, .ant-carousel .slick-prev, .ant-carousel .slick-prev:focus, .ant-carousel .slick-prev:hover { color: transparent; background: transparent; outline: none; } .ant-carousel .slick-next:focus:before, .ant-carousel .slick-next:hover:before, .ant-carousel .slick-prev:focus:before, .ant-carousel .slick-prev:hover:before { opacity: 1; } .ant-carousel .slick-next.slick-disabled:before, .ant-carousel .slick-prev.slick-disabled:before { opacity: .25; } .ant-carousel .slick-prev { left: -25px; } .ant-carousel .slick-prev:before { content: "←"; } .ant-carousel .slick-next { right: -25px; } .ant-carousel .slick-next:before { content: "→"; } .ant-carousel .slick-dots { position: absolute; display: block; width: 100%; height: 3px; margin: 0; padding: 0; text-align: center; list-style: none; } .ant-carousel .slick-dots-bottom { bottom: 12px; } .ant-carousel .slick-dots-top { top: 12px; } .ant-carousel .slick-dots li { position: relative; display: inline-block; margin: 0 2px; padding: 0; text-align: center; vertical-align: top; } .ant-carousel .slick-dots li button { display: block; width: 16px; height: 3px; padding: 0; color: transparent; font-size: 0; background: #fff; border: 0; border-radius: 1px; outline: none; cursor: pointer; opacity: .3; -webkit-transition: all .5s; transition: all .5s; } .ant-carousel .slick-dots li button:focus, .ant-carousel .slick-dots li button:hover { opacity: .75; } .ant-carousel .slick-dots li.slick-active button { width: 24px; background: #fff; opacity: 1; } .ant-carousel .slick-dots li.slick-active button:focus, .ant-carousel .slick-dots li.slick-active button:hover { opacity: 1; } .ant-carousel-vertical .slick-dots { top: 50%; bottom: auto; width: 3px; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ant-carousel-vertical .slick-dots-left { left: 12px; } .ant-carousel-vertical .slick-dots-right { right: 12px; } .ant-carousel-vertical .slick-dots li { margin: 0 2px; vertical-align: baseline; } .ant-carousel-vertical .slick-dots li button { width: 3px; height: 16px; } .ant-carousel-vertical .slick-dots li.slick-active button { width: 3px; height: 24px; } .ant-cascader { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; } .ant-cascader-input.ant-input { position: static; width: 100%; padding-right: 24px; background-color: transparent!important; cursor: pointer; } .ant-cascader-picker-show-search .ant-cascader-input.ant-input { position: relative; } .ant-cascader-picker { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; position: relative; display: inline-block; background-color: #fff; border-radius: 4px; outline: 0; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; } .ant-cascader-picker-with-value .ant-cascader-picker-label { color: transparent; } .ant-cascader-picker-disabled { color: rgba(0,0,0,.25); background: #f5f5f5; cursor: not-allowed; } .ant-cascader-picker-disabled .ant-cascader-input { cursor: not-allowed; } .ant-cascader-picker:focus .ant-cascader-input { border-color: #40a9ff; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .ant-cascader-picker-show-search.ant-cascader-picker-focused { color: rgba(0,0,0,.25); } .ant-cascader-picker-label { position: absolute; top: 50%; left: 0; width: 100%; height: 20px; margin-top: -10px; padding: 0 20px 0 12px; overflow: hidden; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; } .ant-cascader-picker-clear { position: absolute; top: 50%; right: 12px; z-index: 2; width: 12px; height: 12px; margin-top: -6px; color: rgba(0,0,0,.25); font-size: 12px; line-height: 12px; background: #fff; cursor: pointer; opacity: 0; -webkit-transition: color .3s ease,opacity .15s ease; transition: color .3s ease,opacity .15s ease; } .ant-cascader-picker-clear:hover { color: rgba(0,0,0,.45); } .ant-cascader-picker:hover .ant-cascader-picker-clear { opacity: 1; } .ant-cascader-picker-arrow { position: absolute; top: 50%; right: 12px; z-index: 1; width: 12px; height: 12px; margin-top: -6px; color: rgba(0,0,0,.25); font-size: 12px; line-height: 12px; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s,-webkit-transform .2s; } .ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ant-cascader-picker-label:hover+.ant-cascader-input { border-color: #40a9ff; border-right-width: 1px!important; } .ant-cascader-picker-small .ant-cascader-picker-arrow, .ant-cascader-picker-small .ant-cascader-picker-clear { right: 8px; } .ant-cascader-menus { position: absolute; z-index: 1050; font-size: 14px; white-space: nowrap; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); box-shadow: 0 2px 8px rgba(0,0,0,.15); } .ant-cascader-menus ol, .ant-cascader-menus ul { margin: 0; list-style: none; } .ant-cascader-menus-empty, .ant-cascader-menus-hidden { display: none; } .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft, .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft, .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-cascader-menu { display: inline-block; min-width: 111px; height: 180px; margin: 0; padding: 4px 0; overflow: auto; vertical-align: top; list-style: none; border-right: 1px solid #e8e8e8; -ms-overflow-style: -ms-autohiding-scrollbar; } .ant-cascader-menu:first-child { border-radius: 4px 0 0 4px; } .ant-cascader-menu:last-child { margin-right: -1px; border-right-color: transparent; border-radius: 0 4px 4px 0; } .ant-cascader-menu:only-child { border-radius: 4px; } .ant-cascader-menu-item { padding: 5px 12px; line-height: 22px; white-space: nowrap; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .ant-cascader-menu-item:hover { background: #e6f7ff; } .ant-cascader-menu-item-disabled { color: rgba(0,0,0,.25); cursor: not-allowed; } .ant-cascader-menu-item-disabled:hover { background: transparent; } .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { font-weight: 600; background-color: #fafafa; } .ant-cascader-menu-item-expand { position: relative; padding-right: 24px; } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); position: absolute; right: 12px; color: rgba(0,0,0,.45); } :root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, :root .ant-cascader-menu-item-loading-icon { font-size: 12px; } .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { color: rgba(0,0,0,.25); } .ant-cascader-menu-item .ant-cascader-menu-item-keyword { color: #f5222d; } .ant-form { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; } .ant-form legend { display: block; width: 100%; margin-bottom: 20px; padding: 0; color: rgba(0,0,0,.45); font-size: 16px; line-height: inherit; border: 0; border-bottom: 1px solid #d9d9d9; } .ant-form label { font-size: 14px; } .ant-form input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box; } .ant-form input[type=checkbox], .ant-form input[type=radio] { line-height: normal; } .ant-form input[type=file] { display: block; } .ant-form input[type=range] { display: block; width: 100%; } .ant-form select[multiple], .ant-form select[size] { height: auto; } .ant-form input[type=checkbox]:focus, .ant-form input[type=file]:focus, .ant-form input[type=radio]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .ant-form output { display: block; padding-top: 15px; color: rgba(0,0,0,.65); font-size: 14px; line-height: 1.5; } .ant-form-item-required:before { display: inline-block; margin-right: 4px; color: #f5222d; font-size: 14px; font-family: SimSun,sans-serif; line-height: 1; content: "*"; } .ant-form-hide-required-mark .ant-form-item-required:before { display: none; } .ant-form-item-label>label { color: rgba(0,0,0,.85); } .ant-form-item-label>label:after { content: ":"; position: relative; top: -.5px; margin: 0 8px 0 2px; } .ant-form-item-label>label.ant-form-item-no-colon:after { content: " "; } .ant-form-item { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; margin-bottom: 24px; vertical-align: top; } .ant-form-item label { position: relative; } .ant-form-item label>.anticon { font-size: 14px; vertical-align: top; } .ant-form-item-control { position: relative; line-height: 40px; zoom: 1; } .ant-form-item-control:after, .ant-form-item-control:before { display: table; content: ""; } .ant-form-item-control:after { clear: both; } .ant-form-item-children { position: relative; } .ant-form-item-with-help { margin-bottom: 5px; } .ant-form-item-label { display: inline-block; overflow: hidden; line-height: 39.9999px; white-space: nowrap; text-align: right; vertical-align: middle; } .ant-form-item-label-left { text-align: left; } .ant-form-item .ant-switch { margin: 2px 0 4px; } .ant-form-explain, .ant-form-extra { clear: both; min-height: 22px; margin-top: -2px; color: rgba(0,0,0,.45); font-size: 14px; line-height: 1.5; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1); } .ant-form-explain { margin-bottom: -1px; } .ant-form-extra { padding-top: 4px; } .ant-form-text { display: inline-block; padding-right: 8px; } .ant-form-split { display: block; text-align: center; } form .has-feedback .ant-input { padding-right: 30px; } form .has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 18px; } form .has-feedback .ant-input-affix-wrapper .ant-input { padding-right: 49px; } form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input { padding-right: 68px; } form .has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow, form .has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection__clear, form .has-feedback>.ant-select .ant-select-arrow, form .has-feedback>.ant-select .ant-select-selection__clear { right: 28px; } form .has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value, form .has-feedback>.ant-select .ant-select-selection-selected-value { padding-right: 42px; } form .has-feedback .ant-cascader-picker-arrow { margin-right: 17px; } form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-cascader-picker-clear, form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix, form .has-feedback .ant-time-picker-clear, form .has-feedback .ant-time-picker-icon { right: 28px; } form .ant-mentions, form textarea.ant-input { height: auto; margin-bottom: 4px; } form .ant-upload { background: transparent; } form input[type=checkbox], form input[type=radio] { width: 14px; height: 14px; } form .ant-checkbox-inline, form .ant-radio-inline { display: inline-block; margin-left: 8px; font-weight: 400; vertical-align: middle; cursor: pointer; } form .ant-checkbox-inline:first-child, form .ant-radio-inline:first-child { margin-left: 0; } form .ant-checkbox-vertical, form .ant-radio-vertical { display: block; } form .ant-checkbox-vertical+.ant-checkbox-vertical, form .ant-radio-vertical+.ant-radio-vertical { margin-left: 0; } form .ant-input-number+.ant-form-text { margin-left: 8px; } form .ant-input-number-handler-wrap { z-index: 2; } form .ant-cascader-picker, form .ant-select { width: 100%; } form .ant-input-group .ant-cascader-picker, form .ant-input-group .ant-select { width: auto; } form .ant-input-group-wrapper, form :not(.ant-input-group-wrapper)>.ant-input-group { display: inline-block; vertical-align: middle; } form:not(.ant-form-vertical) .ant-input-group-wrapper, form:not(.ant-form-vertical) :not(.ant-input-group-wrapper)>.ant-input-group { position: relative; top: -1px; } .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label, .ant-form-vertical .ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: normal; text-align: left; } .ant-col-24.ant-form-item-label label:after, .ant-col-xl-24.ant-form-item-label label:after, .ant-form-vertical .ant-form-item-label label:after { display: none; } .ant-form-vertical .ant-form-item { padding-bottom: 8px; } .ant-form-vertical .ant-form-item-control { line-height: 1.5; } .ant-form-vertical .ant-form-explain { margin-top: 2px; margin-bottom: -5px; } .ant-form-vertical .ant-form-extra { margin-top: 2px; margin-bottom: -4px; } @media(max-width: 575px) { .ant-form-item-control-wrapper, .ant-form-item-label { display: block; width: 100%; } .ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: normal; text-align: left; } .ant-form-item-label label:after { display: none; } .ant-col-xs-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: normal; text-align: left; } .ant-col-xs-24.ant-form-item-label label:after { display: none; } } @media(max-width: 767px) { .ant-col-sm-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: normal; text-align: left; } .ant-col-sm-24.ant-form-item-label label:after { display: none; } } @media(max-width: 991px) { .ant-col-md-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: normal; text-align: left; } .ant-col-md-24.ant-form-item-label label:after { display: none; } } @media(max-width: 1199px) { .ant-col-lg-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: normal; text-align: left; } .ant-col-lg-24.ant-form-item-label label:after { display: none; } } @media(max-width: 1599px) { .ant-col-xl-24.ant-form-item-label { display: block; margin: 0; padding: 0 0 8px; line-height: 1.5; white-space: normal; text-align: left; } .ant-col-xl-24.ant-form-item-label label:after { display: none; } } .ant-form-inline .ant-form-item { display: inline-block; margin-right: 16px; margin-bottom: 0; } .ant-form-inline .ant-form-item-with-help { margin-bottom: 24px; } .ant-form-inline .ant-form-item>.ant-form-item-control-wrapper, .ant-form-inline .ant-form-item>.ant-form-item-label { display: inline-block; vertical-align: top; } .ant-form-inline .ant-form-text, .ant-form-inline .has-feedback { display: inline-block; } .has-error.has-feedback .ant-form-item-children-icon, .has-success.has-feedback .ant-form-item-children-icon, .has-warning.has-feedback .ant-form-item-children-icon, .is-validating.has-feedback .ant-form-item-children-icon { position: absolute; top: 50%; right: 0; z-index: 1; width: 32px; height: 20px; margin-top: -10px; font-size: 14px; line-height: 20px; text-align: center; visibility: visible; -webkit-animation: zoomIn .3s cubic-bezier(.12,.4,.29,1.46); animation: zoomIn .3s cubic-bezier(.12,.4,.29,1.46); pointer-events: none; } .has-error.has-feedback .ant-form-item-children-icon svg, .has-success.has-feedback .ant-form-item-children-icon svg, .has-warning.has-feedback .ant-form-item-children-icon svg, .is-validating.has-feedback .ant-form-item-children-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .has-success.has-feedback .ant-form-item-children-icon { color: #52c41a; -webkit-animation-name: diffZoomIn1!important; animation-name: diffZoomIn1!important; } .has-warning .ant-form-explain, .has-warning .ant-form-split { color: #faad14; } .has-warning .ant-input, .has-warning .ant-input:hover { background-color: #fff; border-color: #faad14; } .has-warning .ant-input:focus { border-color: #ffc53d; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250,173,20,.2); box-shadow: 0 0 0 2px rgba(250,173,20,.2); } .has-warning .ant-input:not([disabled]):hover { border-color: #faad14; } .has-warning .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ffc53d; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250,173,20,.2); box-shadow: 0 0 0 2px rgba(250,173,20,.2); } .has-warning .ant-input-affix-wrapper .ant-input, .has-warning .ant-input-affix-wrapper .ant-input:hover { background-color: #fff; border-color: #faad14; } .has-warning .ant-input-affix-wrapper .ant-input:focus { border-color: #ffc53d; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250,173,20,.2); box-shadow: 0 0 0 2px rgba(250,173,20,.2); } .has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { border-color: #faad14; } .has-warning .ant-input-prefix { color: #faad14; } .has-warning .ant-input-group-addon { color: #faad14; background-color: #fff; border-color: #faad14; } .has-warning .has-feedback { color: #faad14; } .has-warning.has-feedback .ant-form-item-children-icon { color: #faad14; -webkit-animation-name: diffZoomIn3!important; animation-name: diffZoomIn3!important; } .has-warning .ant-select-selection, .has-warning .ant-select-selection:hover { border-color: #faad14; } .has-warning .ant-select-focused .ant-select-selection, .has-warning .ant-select-open .ant-select-selection { border-color: #ffc53d; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250,173,20,.2); box-shadow: 0 0 0 2px rgba(250,173,20,.2); } .has-warning .ant-calendar-picker-icon:after, .has-warning .ant-cascader-picker-arrow, .has-warning .ant-picker-icon:after, .has-warning .ant-select-arrow, .has-warning .ant-time-picker-icon:after { color: #faad14; } .has-warning .ant-input-number, .has-warning .ant-time-picker-input { border-color: #faad14; } .has-warning .ant-input-number-focused, .has-warning .ant-input-number:focus, .has-warning .ant-time-picker-input-focused, .has-warning .ant-time-picker-input:focus { border-color: #ffc53d; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250,173,20,.2); box-shadow: 0 0 0 2px rgba(250,173,20,.2); } .has-warning .ant-input-number:not([disabled]):hover, .has-warning .ant-time-picker-input:not([disabled]):hover { border-color: #faad14; } .has-warning .ant-cascader-picker:focus .ant-cascader-input { border-color: #ffc53d; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(250,173,20,.2); box-shadow: 0 0 0 2px rgba(250,173,20,.2); } .has-warning .ant-cascader-picker:hover .ant-cascader-input { border-color: #faad14; } .has-error .ant-form-explain, .has-error .ant-form-split { color: #f5222d; } .has-error .ant-input, .has-error .ant-input:hover { background-color: #fff; border-color: #f5222d; } .has-error .ant-input:focus { border-color: #ff4d4f; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,.2); box-shadow: 0 0 0 2px rgba(245,34,45,.2); } .has-error .ant-input:not([disabled]):hover { border-color: #f5222d; } .has-error .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ff4d4f; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,.2); box-shadow: 0 0 0 2px rgba(245,34,45,.2); } .has-error .ant-input-affix-wrapper .ant-input, .has-error .ant-input-affix-wrapper .ant-input:hover { background-color: #fff; border-color: #f5222d; } .has-error .ant-input-affix-wrapper .ant-input:focus { border-color: #ff4d4f; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,.2); box-shadow: 0 0 0 2px rgba(245,34,45,.2); } .has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { border-color: #f5222d; } .has-error .ant-input-prefix { color: #f5222d; } .has-error .ant-input-group-addon { color: #f5222d; background-color: #fff; border-color: #f5222d; } .has-error .has-feedback { color: #f5222d; } .has-error.has-feedback .ant-form-item-children-icon { color: #f5222d; -webkit-animation-name: diffZoomIn2!important; animation-name: diffZoomIn2!important; } .has-error .ant-select-selection, .has-error .ant-select-selection:hover { border-color: #f5222d; } .has-error .ant-select-focused .ant-select-selection, .has-error .ant-select-open .ant-select-selection { border-color: #ff4d4f; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,.2); box-shadow: 0 0 0 2px rgba(245,34,45,.2); } .has-error .ant-select.ant-select-auto-complete .ant-input:focus { border-color: #f5222d; } .has-error .ant-input-group-addon .ant-select-selection { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .has-error .ant-calendar-picker-icon:after, .has-error .ant-cascader-picker-arrow, .has-error .ant-picker-icon:after, .has-error .ant-select-arrow, .has-error .ant-time-picker-icon:after { color: #f5222d; } .has-error .ant-input-number, .has-error .ant-time-picker-input { border-color: #f5222d; } .has-error .ant-input-number-focused, .has-error .ant-input-number:focus, .has-error .ant-time-picker-input-focused, .has-error .ant-time-picker-input:focus { border-color: #ff4d4f; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,.2); box-shadow: 0 0 0 2px rgba(245,34,45,.2); } .has-error .ant-input-number:not([disabled]):hover, .has-error .ant-mention-wrapper .ant-mention-editor, .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover, .has-error .ant-time-picker-input:not([disabled]):hover { border-color: #f5222d; } .has-error .ant-cascader-picker:focus .ant-cascader-input, .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus, .has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor { border-color: #ff4d4f; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(245,34,45,.2); box-shadow: 0 0 0 2px rgba(245,34,45,.2); } .has-error .ant-cascader-picker:hover .ant-cascader-input, .has-error .ant-transfer-list { border-color: #f5222d; } .has-error .ant-transfer-list-search:not([disabled]) { border-color: #d9d9d9; } .has-error .ant-transfer-list-search:not([disabled]):hover { border-color: #40a9ff; border-right-width: 1px!important; } .has-error .ant-transfer-list-search:not([disabled]):focus { border-color: #40a9ff; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2); } .is-validating.has-feedback .ant-form-item-children-icon { display: inline-block; color: #1890ff; } .ant-advanced-search-form .ant-form-item { margin-bottom: 24px; } .ant-advanced-search-form .ant-form-item-with-help { margin-bottom: 5px; } .show-help-appear, .show-help-enter, .show-help-leave { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; } .show-help-appear.show-help-appear-active, .show-help-enter.show-help-enter-active { -webkit-animation-name: antShowHelpIn; animation-name: antShowHelpIn; -webkit-animation-play-state: running; animation-play-state: running; } .show-help-leave.show-help-leave-active { -webkit-animation-name: antShowHelpOut; animation-name: antShowHelpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none; } .show-help-appear, .show-help-enter { opacity: 0; } .show-help-appear, .show-help-enter, .show-help-leave { -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1); animation-timing-function: cubic-bezier(.645,.045,.355,1); } @-webkit-keyframes antShowHelpIn { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes antShowHelpIn { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes antShowHelpOut { to { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } } @keyframes antShowHelpOut { to { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } } @-webkit-keyframes diffZoomIn1 { 0% { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes diffZoomIn1 { 0% { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes diffZoomIn2 { 0% { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes diffZoomIn2 { 0% { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes diffZoomIn3 { 0% { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes diffZoomIn3 { 0% { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } [class*=vxe-icon--] { display: inline-block; vertical-align: middle; position: relative; direction: ltr; font-family: Verdana,Arial,Tahoma; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [class*=vxe-icon--].rotate45 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } [class*=vxe-icon--].rotate90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } [class*=vxe-icon--].rotate180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .vxe-icon--arrow-bottom, .vxe-icon--arrow-left, .vxe-icon--arrow-right, .vxe-icon--arrow-top, .vxe-icon--calendar, .vxe-icon--caret-bottom, .vxe-icon--caret-left, .vxe-icon--caret-right, .vxe-icon--caret-top, .vxe-icon--check, .vxe-icon--circle-plus, .vxe-icon--close, .vxe-icon--d-arrow-left, .vxe-icon--d-arrow-right, .vxe-icon--dot, .vxe-icon--download, .vxe-icon--edit-outline, .vxe-icon--error, .vxe-icon--eye, .vxe-icon--eye-slash, .vxe-icon--funnel, .vxe-icon--info, .vxe-icon--menu, .vxe-icon--minus, .vxe-icon--more, .vxe-icon--plus, .vxe-icon--print, .vxe-icon--question, .vxe-icon--refresh, .vxe-icon--remove, .vxe-icon--search, .vxe-icon--square, .vxe-icon--success, .vxe-icon--upload, .vxe-icon--warning, .vxe-icon--zoomin, .vxe-icon--zoomout { width: 1em; height: 1em; line-height: 1em; } .vxe-icon--arrow-bottom:before, .vxe-icon--arrow-left:before, .vxe-icon--arrow-right:before, .vxe-icon--arrow-top:before, .vxe-icon--calendar:after, .vxe-icon--calendar:before, .vxe-icon--caret-bottom:before, .vxe-icon--caret-left:before, .vxe-icon--caret-right:before, .vxe-icon--caret-top:before, .vxe-icon--check:before, .vxe-icon--circle-plus:after, .vxe-icon--close:before, .vxe-icon--d-arrow-left:after, .vxe-icon--d-arrow-left:before, .vxe-icon--d-arrow-right:after, .vxe-icon--d-arrow-right:before, .vxe-icon--dot:before, .vxe-icon--download:after, .vxe-icon--download:before, .vxe-icon--edit-outline:after, .vxe-icon--edit-outline:before, .vxe-icon--error:after, .vxe-icon--eye-slash:after, .vxe-icon--eye-slash:before, .vxe-icon--eye:before, .vxe-icon--funnel:after, .vxe-icon--funnel:before, .vxe-icon--info:after, .vxe-icon--minus:before, .vxe-icon--more:before, .vxe-icon--plus:before, .vxe-icon--print:after, .vxe-icon--print:before, .vxe-icon--question:after, .vxe-icon--refresh:after, .vxe-icon--refresh:before, .vxe-icon--remove:after, .vxe-icon--search:after, .vxe-icon--search:before, .vxe-icon--square:before, .vxe-icon--success:after, .vxe-icon--upload:after, .vxe-icon--upload:before, .vxe-icon--warning:after, .vxe-icon--zoomin:after, .vxe-icon--zoomin:before, .vxe-icon--zoomout:after, .vxe-icon--zoomout:before { content: ""; position: absolute; } .vxe-icon--square:before { left: .05em; top: .05em; width: .9em; height: .9em; } .vxe-icon--square:before, .vxe-icon--zoomin { border-width: .1em; border-style: solid; border-color: inherit; } .vxe-icon--zoomin { background-color: #fff; } .vxe-icon--zoomin:after, .vxe-icon--zoomin:before { background-color: inherit; } .vxe-icon--zoomin:before { left: -.1em; top: .2em; width: 1.1em; height: .4em; } .vxe-icon--zoomin:after { top: -.1em; left: .2em; width: .4em; height: 1.1em; } .vxe-icon--zoomout { position: relative; } .vxe-icon--zoomout:before { right: 0; top: 0; } .vxe-icon--zoomout:after, .vxe-icon--zoomout:before { width: .7em; height: .7em; border-width: .1em; border-style: solid; border-color: inherit; } .vxe-icon--zoomout:after { left: .1em; bottom: .1em; background-color: #fff; } .vxe-icon--menu:before { content: ""; display: inline-block; width: .22em; height: .22em; -webkit-box-shadow: 0 -.36em 0,-.36em -.36em 0,.36em -.36em 0,inset 0 0 0 1em,-.36em 0 0,.36em 0 0,0 .36em 0,-.36em .36em 0,.36em .36em 0; box-shadow: 0 -.36em 0,-.36em -.36em 0,.36em -.36em 0,inset 0 0 0 1em,-.36em 0 0,.36em 0 0,0 .36em 0,-.36em .36em 0,.36em .36em 0; margin: .26em; } .vxe-icon--caret-bottom:before, .vxe-icon--caret-left:before, .vxe-icon--caret-right:before, .vxe-icon--caret-top:before { border-width: .4em; border-style: solid; border-color: transparent; } .vxe-icon--caret-top:before { left: .1em; bottom: .3em; border-bottom-color: inherit; } .vxe-icon--caret-bottom:before { left: .1em; top: .3em; border-top-color: inherit; } .vxe-icon--caret-left:before { right: .3em; bottom: .1em; border-right-color: inherit; } .vxe-icon--caret-right:before { left: .3em; bottom: .1em; border-left-color: inherit; } .vxe-icon--arrow-bottom:before, .vxe-icon--arrow-left:before, .vxe-icon--arrow-right:before, .vxe-icon--arrow-top:before { top: .4em; left: .14em; width: .7em; height: .7em; border-width: .15em; border-style: solid; border-top-color: inherit; border-right-color: inherit; border-bottom-color: transparent; border-left-color: transparent; border-radius: .15em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .vxe-icon--arrow-bottom:before { top: 0; left: .14em; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .vxe-icon--arrow-left:before { top: .18em; left: .35em; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .vxe-icon--arrow-right:before { top: .18em; left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .vxe-icon--d-arrow-left:before, .vxe-icon--d-arrow-right:before { left: .15em; } .vxe-icon--d-arrow-left:after, .vxe-icon--d-arrow-right:after { left: .58em; } .vxe-icon--d-arrow-left:after, .vxe-icon--d-arrow-left:before, .vxe-icon--d-arrow-right:after, .vxe-icon--d-arrow-right:before { top: .18em; width: .7em; height: .7em; border-width: .15em; border-style: solid; border-top-color: inherit; border-right-color: transparent; border-bottom-color: transparent; border-left-color: inherit; border-radius: .15em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .vxe-icon--d-arrow-right:after, .vxe-icon--d-arrow-right:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .vxe-icon--d-arrow-right:before { left: -.25em; } .vxe-icon--d-arrow-right:after { left: .18em; } .vxe-icon--funnel:before { top: .05em; left: 0; border-width: .5em; border-style: solid; border-top-color: inherit; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .vxe-icon--funnel:after { left: .41em; top: .4em; width: 0; height: .5em; border-width: 0 .2em 0 0; border-style: solid; border-right-color: inherit; } .vxe-icon--edit-outline:before { height: .84em; width: .86em; top: .1em; left: .02em; border-radius: .2em; border-width: .1em; border-style: solid; border-color: inherit; } .vxe-icon--edit-outline:after { left: .6em; bottom: .2em; width: 0; height: .8em; border-radius: 0 0 80% 80%; border-width: 0 0 0 .22em; border-style: solid; border-color: inherit; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .vxe-icon--more:before { content: "..."; top: 0; left: .1em; line-height: .5em; font-weight: 700; } .vxe-icon--plus:before { content: "+"; left: -.12em; bottom: -.1em; line-height: 1em; font-size: 1.6em; } .vxe-icon--check:before { left: .25em; bottom: .2em; width: .5em; height: .9em; border-width: .15em; border-style: solid; border-top-color: transparent; border-right-color: inherit; border-bottom-color: inherit; border-radius: .15em; border-left-color: transparent; } .vxe-icon--check:before, .vxe-icon--close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .vxe-icon--close:before { content: "+"; left: -.1em; bottom: -.16em; line-height: 1em; font-size: 1.8em; } .vxe-icon--minus:before { content: "─"; left: 0; bottom: 0; width: 100%; text-align: center; line-height: .9em; font-size: 1.2em; } .vxe-icon--refresh { border-width: .1em; border-style: solid; border-radius: 50%; border-right-color: transparent!important; border-left-color: transparent!important; } .vxe-icon--refresh:before { left: 50%; top: 0; -webkit-transform: translateX(50%) rotate(-45deg); transform: translateX(50%) rotate(-45deg); } .vxe-icon--refresh:after { right: 50%; bottom: 0; -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); } .vxe-icon--refresh:after, .vxe-icon--refresh:before { width: 0; height: 0; border-width: .25em; border-style: solid; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .vxe-icon--refresh.roll { -webkit-animation: rollCircle 1s linear infinite; animation: rollCircle 1s linear infinite; } @-webkit-keyframes rollCircle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes rollCircle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .vxe-icon--circle-plus:before, .vxe-icon--error:before, .vxe-icon--info:before, .vxe-icon--question:before, .vxe-icon--remove:before, .vxe-icon--success:before, .vxe-icon--warning:before { content: ""; border-radius: 50%; border-width: .5em; border-style: solid; border-color: inherit; position: absolute; top: 0; left: 0; -webkit-transform: scale(.95); transform: scale(.95); } .vxe-icon--info:after, .vxe-icon--question:after, .vxe-icon--warning:after { left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; -webkit-transform: rotate(-10deg) scale(.75); transform: rotate(-10deg) scale(.75); } .vxe-icon--question:after { content: "?"; } .vxe-icon--info:after { content: "¡"; } .vxe-icon--warning:after { content: "!"; } .vxe-icon--success:after { content: "✓"; left: .25em; bottom: 0; color: #fff; font-size: .65em; } .vxe-icon--circle-plus:after { content: "+"; line-height: 1.4em; font-size: .8em; } .vxe-icon--circle-plus:after, .vxe-icon--remove:after { left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; } .vxe-icon--remove:after { content: "─"; line-height: 1.5em; font-size: .7em; } .vxe-icon--error:after { content: "×"; left: 0; bottom: 0; width: 100%; line-height: 1.4em; text-align: center; color: #fff; font-size: .8em; } .vxe-icon--download, .vxe-icon--upload { overflow: hidden; } .vxe-icon--download:before, .vxe-icon--upload:before { left: 0; width: 1em; border-width: 0; border-style: solid; border-color: inherit; } .vxe-icon--download:after, .vxe-icon--upload:after { width: 100%; text-align: center; font-size: 2em; } .vxe-icon--upload:before { top: .1em; border-top-width: .1em; } .vxe-icon--upload:after { content: "↑"; left: 0; top: .15em; } .vxe-icon--download:before { bottom: .05em; border-bottom-width: .1em; } .vxe-icon--download:after { content: "↑"; left: 0; bottom: .15em; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .vxe-icon--eye-slash:before, .vxe-icon--eye:before { content: "●"; top: .16em; left: 0; width: 1em; height: .68em; line-height: .25em; border-radius: 50%; border-width: .1em; border-style: solid; border-color: inherit; text-align: center; } .vxe-icon--eye-slash:after { top: -.1em; left: .45em; width: 0; height: 1.2em; border-width: 0; border-style: solid; border-color: inherit; border-left-width: .1em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .vxe-icon--calendar:before { top: .15em; left: 0; width: 1em; height: .8em; border-width: .2em .1em .1em .1em; border-radius: .1em .1em 0 0; border-style: solid; border-color: inherit; } .vxe-icon--calendar:after { left: .2em; top: 0; width: .6em; height: .3em; border-width: 0 .1em; border-style: solid; border-color: inherit; } .vxe-icon--dot:before { top: .25em; left: .25em; border-radius: 50%; border-width: .25em; border-style: solid; border-color: inherit; } .vxe-icon--print { border-width: .2em 0; border-style: solid; border-color: transparent!important; border-radius: .3em .3em 0 0; } .vxe-icon--print, .vxe-icon--print:before { -webkit-box-shadow: inset 0 0 0 .1em; box-shadow: inset 0 0 0 .1em; } .vxe-icon--print:before { width: .6em; height: .3em; top: -.2em; left: .2em; } .vxe-icon--print:after { width: .6em; height: .6em; left: .2em; bottom: -.2em; -webkit-box-shadow: inset 0 0 0 .1em; box-shadow: inset 0 0 0 .1em; background-color: #fff; } .vxe-icon--search:before { top: 0; left: 0; width: .8em; height: .8em; border-width: .15em; border-style: solid; border-color: inherit; border-radius: 50%; } .vxe-icon--search:after { top: .75em; left: .6em; width: .35em; height: 0; border-width: .15em 0 0 0; border-style: solid; border-color: inherit; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .vxe-loading { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgba(0,0,0,.3); } .vxe-loading.is--visible { display: block; } .vxe-loading>.vxe-loading--chunk { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #409eff; } .vxe-loading .vxe-loading--default-icon { font-size: 1.2em; } .vxe-loading .vxe-loading--text { padding: .4em 0; } .vxe-loading .vxe-loading--spinner { display: inline-block; position: relative; width: 56px; height: 56px; } .vxe-loading .vxe-loading--spinner:after, .vxe-loading .vxe-loading--spinner:before { content: ""; width: 100%; height: 100%; border-radius: 50%; background-color: #409eff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s ease-in-out infinite; animation: bounce 2s ease-in-out infinite; } .vxe-loading .vxe-loading--spinner:after { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes bounce { 0%, to { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%, to { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .size--mini .vxe-loading .vxe-loading--spinner { width: 38px; height: 38px; } .size--small .vxe-loading .vxe-loading--spinner { width: 44px; height: 44px; } .size--medium .vxe-loading .vxe-loading--spinner { width: 50px; height: 50px; } .vxe-table--render-default .vxe-body--column.col--ellipsis, .vxe-table--render-default .vxe-footer--column.col--ellipsis, .vxe-table--render-default .vxe-header--column.col--ellipsis, .vxe-table--render-default.vxe-editable .vxe-body--column { height: 48px; } .vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis, .vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis, .vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis, .vxe-table--render-default.vxe-editable.size--medium .vxe-body--column { height: 44px; } .vxe-table--render-default.size--small .vxe-body--column.col--ellipsis, .vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis, .vxe-table--render-default.size--small .vxe-header--column.col--ellipsis, .vxe-table--render-default.vxe-editable.size--small .vxe-body--column { height: 40px; } .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis, .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis, .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis, .vxe-table--render-default.vxe-editable.size--mini .vxe-body--column { height: 36px; } .vxe-table--file-form, .vxe-table-slots { display: none; } .vxe-table--print-frame { position: fixed; bottom: -100%; left: -100%; height: 0; width: 0; border: 0; } .vxe-table--body-wrapper { scroll-behavior: auto; } .vxe-table--body-wrapper, .vxe-table--fixed-left-body-wrapper, .vxe-table--fixed-right-body-wrapper { overflow-y: auto; overflow-x: auto; } .vxe-cell .vxe-default-input, .vxe-cell .vxe-default-textarea, .vxe-table--filter-wrapper .vxe-default-input, .vxe-table--filter-wrapper .vxe-default-textarea { background-color: #fff; } .vxe-cell .vxe-default-input, .vxe-cell .vxe-default-select, .vxe-cell .vxe-default-textarea, .vxe-table--filter-wrapper .vxe-default-input, .vxe-table--filter-wrapper .vxe-default-select, .vxe-table--filter-wrapper .vxe-default-textarea { outline: 0; padding: 0 2px; width: 100%; color: #606266; border-radius: 4px; border: 1px solid #dcdfe6; } .vxe-cell .vxe-default-input:focus, .vxe-cell .vxe-default-select:focus, .vxe-cell .vxe-default-textarea:focus, .vxe-table--filter-wrapper .vxe-default-input:focus, .vxe-table--filter-wrapper .vxe-default-select:focus, .vxe-table--filter-wrapper .vxe-default-textarea:focus { border: 1px solid #409eff; } .vxe-cell .vxe-default-input[disabled], .vxe-cell .vxe-default-select[disabled], .vxe-cell .vxe-default-textarea[disabled], .vxe-table--filter-wrapper .vxe-default-input[disabled], .vxe-table--filter-wrapper .vxe-default-select[disabled], .vxe-table--filter-wrapper .vxe-default-textarea[disabled] { cursor: not-allowed; background-color: #f3f3f3; } .vxe-cell .vxe-default-input, .vxe-cell .vxe-default-select, .vxe-cell .vxe-default-textarea, .vxe-table--filter-wrapper .vxe-default-input, .vxe-table--filter-wrapper .vxe-default-select, .vxe-table--filter-wrapper .vxe-default-textarea { height: 34px; } .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button, .vxe-table--filter-wrapper .vxe-default-input[type=date]::-webkit-inner-spin-button { margin-top: 4px; } .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button, .vxe-cell .vxe-default-input[type=number]::-webkit-inner-spin-button, .vxe-table--filter-wrapper .vxe-default-input[type=date]::-webkit-inner-spin-button, .vxe-table--filter-wrapper .vxe-default-input[type=number]::-webkit-inner-spin-button { height: 24px; } .vxe-cell .vxe-default-input::-webkit-input-placeholder, .vxe-table--filter-wrapper .vxe-default-input::-webkit-input-placeholder { color: #c0c4cc; } .vxe-cell .vxe-default-input::-moz-placeholder, .vxe-table--filter-wrapper .vxe-default-input::-moz-placeholder { color: #c0c4cc; } .vxe-cell .vxe-default-input:-ms-input-placeholder, .vxe-table--filter-wrapper .vxe-default-input:-ms-input-placeholder { color: #c0c4cc; } .vxe-cell .vxe-default-input::-ms-input-placeholder, .vxe-table--filter-wrapper .vxe-default-input::-ms-input-placeholder { color: #c0c4cc; } .vxe-cell .vxe-default-input::placeholder, .vxe-table--filter-wrapper .vxe-default-input::placeholder { color: #c0c4cc; } .vxe-cell .vxe-default-textarea, .vxe-table--filter-wrapper .vxe-default-textarea { resize: none; vertical-align: middle; } .vxe-cell .vxe-input, .vxe-cell .vxe-select, .vxe-cell .vxe-textarea, .vxe-table--filter-wrapper .vxe-input, .vxe-table--filter-wrapper .vxe-select, .vxe-table--filter-wrapper .vxe-textarea { width: 100%; display: block; } .vxe-cell .vxe-input>.vxe-input--inner, .vxe-cell .vxe-textarea>.vxe-textarea--inner, .vxe-table--filter-wrapper .vxe-input>.vxe-input--inner, .vxe-table--filter-wrapper .vxe-textarea>.vxe-textarea--inner { padding: 0 2px; } .vxe-cell .vxe-default-textarea, .vxe-cell .vxe-textarea--inner, .vxe-table--filter-wrapper .vxe-default-textarea, .vxe-table--filter-wrapper .vxe-textarea--inner { resize: none; } .vxe-table--cell-active-area, .vxe-table--cell-copy-area, .vxe-table--cell-extend-area, .vxe-table--cell-main-area, .vxe-table--checkbox-range { display: none; position: absolute; pointer-events: none; z-index: 1; } .vxe-table--fixed-left-wrapper .vxe-table--cell-active-area, .vxe-table--fixed-left-wrapper .vxe-table--cell-copy-area, .vxe-table--fixed-left-wrapper .vxe-table--cell-extend-area, .vxe-table--fixed-left-wrapper .vxe-table--cell-main-area, .vxe-table--fixed-left-wrapper .vxe-table--checkbox-range, .vxe-table--fixed-right-wrapper .vxe-table--cell-active-area, .vxe-table--fixed-right-wrapper .vxe-table--cell-copy-area, .vxe-table--fixed-right-wrapper .vxe-table--cell-extend-area, .vxe-table--fixed-right-wrapper .vxe-table--cell-main-area, .vxe-table--fixed-right-wrapper .vxe-table--checkbox-range { z-index: 2; } .vxe-table--fixed-left-wrapper .vxe-table--cell-active-area[half="1"], .vxe-table--fixed-left-wrapper .vxe-table--cell-extend-area[half="1"], .vxe-table--fixed-left-wrapper .vxe-table--cell-main-area[half="1"] { border-right: 0; } .vxe-table--fixed-left-wrapper .vxe-table--cell-copy-area[half="1"] { background-size: 3px 12px,0 12px,12px 3px,12px 3px; } .vxe-table--fixed-right-wrapper .vxe-table--cell-active-area[half="1"], .vxe-table--fixed-right-wrapper .vxe-table--cell-extend-area[half="1"], .vxe-table--fixed-right-wrapper .vxe-table--cell-main-area[half="1"] { border-left: 0; } .vxe-table--fixed-right-wrapper .vxe-table--cell-copy-area[half="1"] { background-size: 0 12px,3px 12px,12px 3px,12px 3px; } .vxe-table--checkbox-range { background-color: rgba(50,128,252,.2); border: 1px solid #006af1; } .vxe-table--cell-area { height: 0; font-size: 0; display: none; } .vxe-table--cell-area>.vxe-table--cell-main-area { background-color: rgba(64,158,255,.2); border: 1px solid #409eff; } .vxe-table--cell-area .vxe-table--cell-main-area-btn { display: none; position: absolute; right: -1px; bottom: -1px; width: 7px; height: 7px; border-style: solid; border-color: #fff; border-width: 1px 0 0 1px; background-color: #409eff; pointer-events: auto; cursor: crosshair; } .vxe-table--cell-area .vxe-table--cell-extend-area { border: 2px solid #409eff; } @-webkit-keyframes moveCopyCellBorder { to { background-position: 0 -12px,100% 12px,12px 0,-12px 100%; } } @keyframes moveCopyCellBorder { to { background-position: 0 -12px,100% 12px,12px 0,-12px 100%; } } .vxe-table--cell-copy-area { background: linear-gradient(0deg,transparent 6px,#409eff 0) repeat-y,linear-gradient(0deg,transparent 50%,#409eff 0) repeat-y,linear-gradient(90deg,transparent 50%,#409eff 0) repeat-x,linear-gradient(90deg,transparent 50%,#409eff 0) repeat-x; background-size: 3px 12px,3px 12px,12px 3px,12px 3px; background-position: 0 0,100% 0,0 0,0 100%; -webkit-animation: moveCopyCellBorder .5s linear infinite; animation: moveCopyCellBorder .5s linear infinite; } .vxe-table--cell-active-area { border: 2px solid #409eff; } .vxe-table--cell-multi-area>.vxe-table--cell-main-area { background-color: rgba(64,158,255,.2); } .vxe-table--render-default.is--round .vxe-table--border-line, .vxe-table--render-default.is--round .vxe-table--render-default.is--round, .vxe-table--render-default.is--round:not(.is--header):not(.is--footer) .vxe-table--body-wrapper.body--wrapper { border-radius: 4px; } .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.body--wrapper, .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.body--wrapper { border-radius: 4px 4px 0 0; } .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-left--wrapper { border-radius: 4px 0 0 0; } .vxe-table--render-default.is--round.is--header .vxe-table--header-wrapper.fixed-right--wrapper { border-radius: 0 4px 0 0; } .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.body--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.body--wrapper { border-radius: 0 0 4px 4px; } .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-left--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-left--wrapper { border-radius: 0 0 0 4px; } .vxe-table--render-default.is--round.is--footer .vxe-table--footer-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--footer:not(.is--header) .vxe-table--body-wrapper.fixed-right--wrapper, .vxe-table--render-default.is--round.is--header:not(.is--footer) .vxe-table--body-wrapper.fixed-right--wrapper { border-radius: 0 0 4px 0; } .vxe-table .vxe-table--header-wrapper { color: #606266; } .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line { position: absolute; left: 0; bottom: 0; height: 0; border-bottom: 1px solid #e8eaec; } .vxe-table .vxe-cell--sort { width: 1.5em; height: 1.35em; vertical-align: middle; text-align: center; display: inline-block; position: relative; } .vxe-table .vxe-sort--asc-btn, .vxe-table .vxe-sort--desc-btn { position: absolute; left: .35em; color: #c0c4cc; width: 1em; text-align: center; cursor: pointer; } .vxe-table .vxe-sort--asc-btn:hover, .vxe-table .vxe-sort--desc-btn:hover { color: #606266; } .vxe-table .vxe-sort--asc-btn.sort--active, .vxe-table .vxe-sort--desc-btn.sort--active { color: #409eff; } .vxe-table .vxe-sort--asc-btn { top: -.15em; } .vxe-table .vxe-sort--desc-btn { bottom: -.15em; } .vxe-header--column { position: relative; font-weight: 700; } .vxe-header--column.col--ellipsis>.vxe-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vxe-header--column.col--ellipsis>.vxe-cell>i:not(.vxe-cell--title), .vxe-header--column.col--ellipsis>.vxe-cell>span:not(.vxe-cell--title) { -ms-flex-negative: 0; flex-shrink: 0; } .vxe-header--column .vxe-cell--required-icon { display: inline-block; color: #f56c6c; width: .8em; height: 1em; line-height: 1em; font-family: Verdana,Arial,Tahoma; font-weight: 400; position: relative; } .vxe-header--column .vxe-cell--required-icon:before { content: "*"; position: absolute; left: 0; top: .2em; } .vxe-header--column .vxe-cell--required-icon { margin-right: .1em; } .vxe-header--column .vxe-cell--edit-icon, .vxe-header--column .vxe-cell-help-icon { margin-right: .2em; } .vxe-header--column .vxe-cell-help-icon { cursor: help; } .vxe-header--column .vxe-resizable { position: absolute; right: -7px; bottom: 0; width: 14px; height: 100%; text-align: center; z-index: 1; cursor: col-resize; } .vxe-header--column .vxe-resizable.is--line:after, .vxe-header--column .vxe-resizable.is--line:before { content: ""; display: inline-block; vertical-align: middle; } .vxe-header--column .vxe-resizable.is--line:before { width: 1px; height: 50%; background-color: #d9dddf; } .vxe-header--column .vxe-resizable.is--line:after { width: 0; height: 100%; } .vxe-table--fixed-right-wrapper .vxe-header--column .vxe-resizable { right: auto; left: -7px; } .vxe-table--render-default { position: relative; font-size: 14px; color: #606266; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; direction: ltr; } .vxe-table--render-default .vxe-table--body-wrapper, .vxe-table--render-default .vxe-table--footer-wrapper { background-color: #fff; } .vxe-table--render-default .vxe-table--body, .vxe-table--render-default .vxe-table--footer, .vxe-table--render-default .vxe-table--header { border: 0; border-spacing: 0; border-collapse: separate; table-layout: fixed; } .vxe-table--render-default .vxe-table--footer-wrapper, .vxe-table--render-default .vxe-table--header-wrapper { overflow-x: hidden; overflow-y: hidden; } .vxe-table--render-default:not(.is--empty).is--footer.is--scroll-x .vxe-table--body-wrapper { overflow-x: scroll; } .vxe-table--render-default .vxe-body--row.row--stripe { background-color: #fafafa; } .vxe-table--render-default .vxe-body--row.row--checked, .vxe-table--render-default .vxe-body--row.row--radio { background-color: #fff3e0; } .vxe-table--render-default .vxe-body--row.row--current { background-color: #e6f7ff; } .vxe-table--render-default .vxe-body--row.row--hover, .vxe-table--render-default .vxe-body--row.row--hover.row--stripe { background-color: #f5f7fa; } .vxe-table--render-default .vxe-body--row.row--hover.row--checked, .vxe-table--render-default .vxe-body--row.row--hover.row--radio { background-color: #ffebbc; } .vxe-table--render-default .vxe-body--row.row--hover.row--current { background-color: #d7effb; } .vxe-table--render-default.drag--resize .vxe-table--fixed-left-wrapper *, .vxe-table--render-default.drag--resize .vxe-table--fixed-right-wrapper *, .vxe-table--render-default.drag--resize .vxe-table--main-wrapper * { cursor: col-resize; } .vxe-table--render-default.drag--area .vxe-table--fixed-left-wrapper *, .vxe-table--render-default.drag--area .vxe-table--fixed-right-wrapper *, .vxe-table--render-default.drag--area .vxe-table--main-wrapper *, .vxe-table--render-default.drag--range .vxe-table--fixed-left-wrapper *, .vxe-table--render-default.drag--range .vxe-table--fixed-right-wrapper *, .vxe-table--render-default.drag--range .vxe-table--main-wrapper * { cursor: default; } .vxe-table--render-default.drag--extend-range .vxe-table--fixed-left-wrapper *, .vxe-table--render-default.drag--extend-range .vxe-table--fixed-right-wrapper *, .vxe-table--render-default.drag--extend-range .vxe-table--main-wrapper * { cursor: crosshair; } .vxe-table--render-default.column--highlight .vxe-header--column:not(.col--seq):hover { background-color: #d7effb; } .vxe-table--render-default.cell--area .vxe-table--main-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-table--render-default .vxe-body--column, .vxe-table--render-default .vxe-footer--column, .vxe-table--render-default .vxe-header--column { position: relative; line-height: 22px; text-align: left; } .vxe-table--render-default .vxe-body--column:not(.col--ellipsis), .vxe-table--render-default .vxe-footer--column:not(.col--ellipsis), .vxe-table--render-default .vxe-header--column:not(.col--ellipsis) { padding: 13px 0; } .vxe-table--render-default .vxe-body--column.col--current, .vxe-table--render-default .vxe-footer--column.col--current, .vxe-table--render-default .vxe-header--column.col--current { background-color: #e6f7ff; } .vxe-table--render-default .vxe-body--column.col--center, .vxe-table--render-default .vxe-footer--column.col--center, .vxe-table--render-default .vxe-header--column.col--center { text-align: center; } .vxe-table--render-default .vxe-body--column.col--right, .vxe-table--render-default .vxe-footer--column.col--right, .vxe-table--render-default .vxe-header--column.col--right { text-align: right; } .vxe-table--render-default .vxe-footer--column.col--ellipsis.col--center .vxe-cell, .vxe-table--render-default .vxe-header--column.col--ellipsis.col--center .vxe-cell { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .vxe-table--render-default .vxe-footer--column.col--ellipsis.col--right .vxe-cell, .vxe-table--render-default .vxe-header--column.col--ellipsis.col--right .vxe-cell { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .vxe-table--render-default .vxe-body--column.col--checkbox { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-table--render-default .vxe-table--footer-wrapper { border-top: 1px solid #e8eaec; } .vxe-table--render-default.border--default .vxe-table--header-wrapper, .vxe-table--render-default.border--full .vxe-table--header-wrapper, .vxe-table--render-default.border--outer .vxe-table--header-wrapper { background-color: #f8f8f9; } .vxe-table--render-default.border--default .vxe-body--column, .vxe-table--render-default.border--default .vxe-footer--column, .vxe-table--render-default.border--default .vxe-header--column, .vxe-table--render-default.border--inner .vxe-body--column, .vxe-table--render-default.border--inner .vxe-footer--column, .vxe-table--render-default.border--inner .vxe-header--column { background-image: -webkit-gradient(linear,left top,left bottom,from(#e8eaec),to(#e8eaec)); background-image: linear-gradient(#e8eaec,#e8eaec); background-repeat: no-repeat; background-size: 100% 1px; background-position: 100% 100%; } .vxe-table--render-default.border--full .vxe-body--column, .vxe-table--render-default.border--full .vxe-footer--column, .vxe-table--render-default.border--full .vxe-header--column { background-image: -webkit-gradient(linear,left top,left bottom,from(#e8eaec),to(#e8eaec)),-webkit-gradient(linear,left top,left bottom,from(#e8eaec),to(#e8eaec)); background-image: linear-gradient(#e8eaec,#e8eaec),linear-gradient(#e8eaec,#e8eaec); background-repeat: no-repeat; background-size: 1px 100%,100% 1px; background-position: 100% 0,100% 100%; } .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column { border-right-color: #e8eaec; } .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter, .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter { background-image: -webkit-gradient(linear,left top,left bottom,from(#e8eaec),to(#e8eaec)); background-image: linear-gradient(#e8eaec,#e8eaec); background-repeat: no-repeat; background-size: 100% 1px; background-position: 100% 100%; } .vxe-table--render-default.border--inner .vxe-table--header-wrapper, .vxe-table--render-default.border--none .vxe-table--header-wrapper { background-color: #fff; } .vxe-table--render-default.border--inner .vxe-table--fixed-left-wrapper, .vxe-table--render-default.border--none .vxe-table--fixed-left-wrapper { border-right: 0; } .vxe-table--render-default.border--inner .vxe-table--border-line { border-width: 0 0 1px 0; } .vxe-table--render-default.border--none .vxe-table--border-line, .vxe-table--render-default.border--none .vxe-table--header-border-line { display: none; } .vxe-table--render-default.border--none .vxe-table--footer-wrapper { border-top: 0; } .vxe-table--render-default.size--medium { font-size: 14px; } .vxe-table--render-default.size--medium .vxe-table--empty-block, .vxe-table--render-default.size--medium .vxe-table--empty-placeholder { min-height: 44px; } .vxe-table--render-default.size--medium .vxe-body--column:not(.col--ellipsis), .vxe-table--render-default.size--medium .vxe-footer--column:not(.col--ellipsis), .vxe-table--render-default.size--medium .vxe-header--column:not(.col--ellipsis) { padding: 11px 0; } .vxe-table--render-default.size--medium .vxe-cell .vxe-default-input, .vxe-table--render-default.size--medium .vxe-cell .vxe-default-select, .vxe-table--render-default.size--medium .vxe-cell .vxe-default-textarea { height: 32px; } .vxe-table--render-default.size--medium .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button { margin-top: 3px; } .vxe-table--render-default.size--small { font-size: 13px; } .vxe-table--render-default.size--small .vxe-table--empty-block, .vxe-table--render-default.size--small .vxe-table--empty-placeholder { min-height: 40px; } .vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis), .vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis), .vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis) { padding: 9px 0; } .vxe-table--render-default.size--small .vxe-cell .vxe-default-input, .vxe-table--render-default.size--small .vxe-cell .vxe-default-select, .vxe-table--render-default.size--small .vxe-cell .vxe-default-textarea { height: 30px; } .vxe-table--render-default.size--small .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button { margin-top: 2px; } .vxe-table--render-default.size--mini { font-size: 12px; } .vxe-table--render-default.size--mini .vxe-table--empty-block, .vxe-table--render-default.size--mini .vxe-table--empty-placeholder { min-height: 36px; } .vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis), .vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis), .vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis) { padding: 7px 0; } .vxe-table--render-default.size--mini .vxe-cell .vxe-default-input, .vxe-table--render-default.size--mini .vxe-cell .vxe-default-select, .vxe-table--render-default.size--mini .vxe-cell .vxe-default-textarea { height: 28px; } .vxe-table--render-default.size--mini .vxe-cell .vxe-default-input[type=date]::-webkit-inner-spin-button { margin-top: 1px; } .vxe-table--render-default .vxe-cell { white-space: pre-line; word-break: break-all; padding-left: 10px; padding-right: 10px; } .vxe-table--render-default .vxe-cell--placeholder { color: #c0c4cc; } .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon, .vxe-table--render-default .vxe-cell--radio .vxe-radio--icon { left: 0; top: .1em; } .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label, .vxe-table--render-default .vxe-cell--radio .vxe-radio--label { padding-left: .5em; } .vxe-table--render-default .vxe-cell--checkbox, .vxe-table--render-default .vxe-cell--radio { padding-left: 1.2em; } .vxe-table--render-default .fixed--hidden { visibility: hidden; } .vxe-table--render-default .vxe-table--fixed-left-wrapper, .vxe-table--render-default .vxe-table--fixed-right-wrapper { width: 100%; position: absolute; top: 0; z-index: 5; overflow: hidden; background-color: inherit; -webkit-transition: box-shadow .3s; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s,-webkit-box-shadow .3s; } .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper, .vxe-table--render-default .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper { overflow-x: hidden; } .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper { width: calc(100% + 40px); } .vxe-table--render-default.is--header .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper:before, .vxe-table--render-default.is--header .vxe-table--fixed-right-wrapper .vxe-table--body-wrapper:before { display: none; } .vxe-table--render-default .vxe-table--fixed-left-wrapper { left: 0; width: 200px; } .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle { -webkit-box-shadow: 4px 3px 4px 0 rgba(0,0,0,.12); box-shadow: 4px 3px 4px 0 rgba(0,0,0,.12); } .vxe-table--render-default .vxe-table--fixed-right-wrapper { right: 0; } .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle { -webkit-box-shadow: -4px 3px 4px 0 rgba(0,0,0,.12); box-shadow: -4px 3px 4px 0 rgba(0,0,0,.12); } .vxe-table--render-default .vxe-table--body-wrapper, .vxe-table--render-default .vxe-table--footer-wrapper, .vxe-table--render-default .vxe-table--header-wrapper { position: relative; } .vxe-table--render-default .vxe-table--body-wrapper.fixed-left--wrapper, .vxe-table--render-default .vxe-table--body-wrapper.fixed-right--wrapper, .vxe-table--render-default .vxe-table--footer-wrapper.fixed-left--wrapper, .vxe-table--render-default .vxe-table--footer-wrapper.fixed-right--wrapper, .vxe-table--render-default .vxe-table--header-wrapper.fixed-left--wrapper, .vxe-table--render-default .vxe-table--header-wrapper.fixed-right--wrapper { position: absolute; top: 0; } .vxe-table--render-default .vxe-table--body-wrapper.fixed-left--wrapper, .vxe-table--render-default .vxe-table--footer-wrapper.fixed-left--wrapper, .vxe-table--render-default .vxe-table--header-wrapper.fixed-left--wrapper { left: 0; } .vxe-table--render-default .vxe-table--body-wrapper.fixed-right--wrapper, .vxe-table--render-default .vxe-table--footer-wrapper.fixed-right--wrapper, .vxe-table--render-default .vxe-table--header-wrapper.fixed-right--wrapper { right: 0; overflow-y: auto; } .vxe-table--render-default .vxe-body--x-space { width: 100%; height: 1px; margin-bottom: -1px; } .vxe-table--render-default .vxe-body--y-space { width: 0; float: left; } .vxe-table--render-default .vxe-table--resizable-bar { display: none; position: absolute; top: 0; left: 0; width: 1px; height: 100%; z-index: 9; cursor: col-resize; } .vxe-table--render-default .vxe-table--resizable-bar:before { content: ""; display: block; height: 100%; background-color: #409eff; } .vxe-table--render-default .vxe-table--border-line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; border: 1px solid #e8eaec; } .vxe-table--render-default.is--tree-line .vxe-body--row:first-child .vxe-tree--line { border-width: 0 0 1px 0; } .vxe-table--render-default.is--tree-line .vxe-body--row .vxe-body--column { background-image: none; } .vxe-table--render-default .vxe-tree--line-wrapper { position: relative; display: block; height: 0; } .vxe-table--render-default .vxe-tree--line { content: ""; position: absolute; bottom: -.9em; width: .8em; border-width: 0 0 1px 1px; border-style: dotted; border-color: #909399; pointer-events: none; } .vxe-table--render-default .vxe-cell--tree-node { position: relative; } .vxe-table--render-default .vxe-tree--btn-wrapper { position: absolute; top: 50%; width: 1em; height: 1em; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .vxe-table--render-default .vxe-tree--node-btn { display: block; color: #939599; } .vxe-table--render-default .vxe-tree--node-btn:hover { color: #606266; } .vxe-table--render-default .vxe-tree-cell { display: block; padding-left: 1.5em; } .vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell .vxe-tree-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vxe-table--render-default .vxe-table--expanded { cursor: pointer; } .vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn { width: 1em; height: 1em; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #939599; } .vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn:hover { color: #606266; } .vxe-table--render-default .vxe-table--expanded+.vxe-table--expand-label { padding-left: .5em; } .vxe-table--render-default .vxe-body--expanded-column { border-bottom: 1px solid #e8eaec; } .vxe-table--render-default .vxe-body--expanded-column.col--ellipsis>.vxe-body--expanded-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vxe-table--render-default .vxe-body--expanded-cell { position: relative; z-index: 1; } .vxe-table--render-default .vxe-body--column.col--ellipsis>.vxe-cell, .vxe-table--render-default .vxe-footer--column.col--ellipsis>.vxe-cell, .vxe-table--render-default .vxe-header--column.col--ellipsis>.vxe-cell { max-height: 48px; } .vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis>.vxe-cell, .vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis>.vxe-cell, .vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis>.vxe-cell { max-height: 44px; } .vxe-table--render-default.size--medium .vxe-cell--checkbox .vxe-checkbox--icon, .vxe-table--render-default.size--medium .vxe-cell--radio .vxe-radio--icon { font-size: 15px; } .vxe-table--render-default.size--small .vxe-body--column.col--ellipsis>.vxe-cell, .vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis>.vxe-cell, .vxe-table--render-default.size--small .vxe-header--column.col--ellipsis>.vxe-cell { max-height: 40px; } .vxe-table--render-default.size--small .vxe-cell--checkbox .vxe-checkbox--icon, .vxe-table--render-default.size--small .vxe-cell--radio .vxe-radio--icon { font-size: 14px; } .vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis>.vxe-cell, .vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis>.vxe-cell, .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis>.vxe-cell { max-height: 36px; } .vxe-table--render-default.size--mini .vxe-cell--checkbox .vxe-checkbox--icon, .vxe-table--render-default.size--mini .vxe-cell--radio .vxe-radio--icon { font-size: 14px; } .vxe-table--render-default .vxe-table--empty-block, .vxe-table--render-default .vxe-table--empty-placeholder { min-height: 48px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; overflow: hidden; width: 100%; pointer-events: none; } .vxe-table--render-default .vxe-table--empty-block { display: none; visibility: hidden; } .vxe-table--render-default .vxe-table--empty-placeholder { display: none; position: absolute; top: 0; z-index: 5; } .vxe-table--render-default .vxe-table--empty-content { display: block; width: 50%; pointer-events: auto; } .vxe-table--render-default.is--empty .vxe-table--empty-block, .vxe-table--render-default.is--empty .vxe-table--empty-placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; } .vxe-table--render-default .vxe-body--column.col--selected { -webkit-box-shadow: inset 0 0 0 2px #409eff; box-shadow: inset 0 0 0 2px #409eff; } .vxe-table--render-default .vxe-body--column.col--actived, .vxe-table--render-default .vxe-body--column.col--selected { position: relative; } .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid { width: 320px; position: absolute; bottom: calc(100% + 4px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; pointer-events: none; z-index: 4; } .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-cell--valid .vxe-cell--valid-msg { display: inline-block; border-radius: 4px; padding: 8px 12px; color: #fff; background-color: #f56c6c; pointer-events: auto; } .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-input, .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-select, .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-default-textarea, .vxe-table--render-default .vxe-body--column.col--valid-error .vxe-input>.vxe-input--inner { border-color: #f56c6c; } .vxe-table--render-default .vxe-body--row:first-child .vxe-cell--valid { bottom: auto; top: calc(100% + 4px); } .vxe-table--render-default .vxe-body--column:first-child .vxe-cell--valid { left: 10px; -webkit-transform: translateX(0); transform: translateX(0); text-align: left; } .vxe-table--render-default .vxe-body--row.row--new>.vxe-body--column { position: relative; } .vxe-table--render-default .vxe-body--row.row--new>.vxe-body--column:before { content: ""; top: -5px; left: -5px; position: absolute; border-width: 5px; border-style: solid; border-color: transparent #19a15f transparent transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .vxe-table--render-default .vxe-body--column.col--dirty { position: relative; } .vxe-table--render-default .vxe-body--column.col--dirty:before { content: ""; top: -5px; left: -5px; position: absolute; border-width: 5px; border-style: solid; border-color: transparent #f56c6c transparent transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived { -webkit-box-shadow: inset 0 0 0 2px #409eff; box-shadow: inset 0 0 0 2px #409eff; } .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived.col--valid-error { -webkit-box-shadow: inset 0 0 0 2px #f56c6c; box-shadow: inset 0 0 0 2px #f56c6c; } .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-input, .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-textarea { border: 0; padding: 0; } .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-default-input { height: 22px; } .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-input .vxe-input--inner { border: 0; padding-left: 0; } .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea { height: 21px; } .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea .vxe-textarea--inner { border: 0; } .vxe-table--render-default.vxe-editable .vxe-body--column, .vxe-table--render-default.vxe-editable .vxe-body--column.col--actived { padding: 0; } .vxe-table--footer-wrapper { color: #606266; margin-top: -1px; } .vxe-table--footer-wrapper.body--wrapper { overflow-x: auto; } .vxe-footer--column.col--ellipsis>.vxe-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vxe-footer--column.col--ellipsis>.vxe-cell .vxe-cell--item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vxe-cell--filter { padding: 0 .1em 0 .25em; text-align: center; vertical-align: middle; display: inline-block; line-height: 0; } .vxe-cell--filter.col--active .vxe-filter--btn { color: #606266; } .vxe-cell--filter .vxe-filter--btn { color: #c0c4cc; cursor: pointer; } .vxe-cell--filter .vxe-filter--btn:hover { color: #606266; } .is--filter-active .vxe-cell--filter .vxe-filter--btn { color: #409eff; } .vxe-table--filter-wrapper { display: none; position: absolute; top: 0; min-width: 100px; border-radius: 4px; background-color: #fff; border: 1px solid #dadce0; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); box-shadow: 0 1px 6px rgba(0,0,0,.2); z-index: 10; } .vxe-table--filter-wrapper:not(.is--multiple) { text-align: center; } .vxe-table--filter-wrapper.is--active { display: block; } .vxe-table--filter-wrapper .vxe-table--filter-body>li, .vxe-table--filter-wrapper .vxe-table--filter-header>li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 360px; padding: .25em .8em; cursor: pointer; } .vxe-table--filter-wrapper .vxe-table--filter-body>li.is--checked, .vxe-table--filter-wrapper .vxe-table--filter-header>li.is--checked { color: #409eff; } .vxe-table--filter-wrapper .vxe-table--filter-body>li:hover, .vxe-table--filter-wrapper .vxe-table--filter-header>li:hover { background-color: #f5f7fa; } .vxe-table--filter-wrapper .vxe-table--filter-header { padding-top: .2em; } .vxe-table--filter-wrapper .vxe-table--filter-body { max-height: 200px; padding-bottom: .2em; } .vxe-table--filter-wrapper>ul { list-style-type: none; padding: 0; margin: 0; overflow: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-table--filter-wrapper.is--multiple>ul>li { padding: .25em .8em .25em 2.3em; } .vxe-table--filter-wrapper .vxe-table--filter-footer { border-top: 1px solid #dadce0; padding: .6em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-table--filter-wrapper .vxe-table--filter-footer button { background-color: transparent; padding: 0 .4em; border: 0; color: #606266; cursor: pointer; } .vxe-table--filter-wrapper .vxe-table--filter-footer button:focus { outline: none; } .vxe-table--filter-wrapper .vxe-table--filter-footer button:hover { color: #409eff; } .vxe-table--filter-wrapper .vxe-table--filter-footer button.is--disabled { color: #bfbfbf; cursor: not-allowed; } .vxe-table--filter-option .vxe-checkbox--icon { left: .6em; top: .38em; } .vxe-table .vxe-table--filter-option>.vxe-checkbox--icon { font-size: 16px; } .vxe-table.size--medium .vxe-table--filter-option>.vxe-checkbox--icon { font-size: 15px; } .vxe-table.size--mini .vxe-table--filter-option>.vxe-checkbox--icon, .vxe-table.size--small .vxe-table--filter-option>.vxe-checkbox--icon { font-size: 14px; } .vxe-table--context-menu-clild-wrapper, .vxe-table--context-menu-wrapper { position: absolute; top: 0; left: 0; font-size: 12px; border: 1px solid #dadce0; -webkit-box-shadow: 3px 3px 4px -2px rgba(0,0,0,.6); box-shadow: 3px 3px 4px -2px rgba(0,0,0,.6); padding: 0 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #606266; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; background-color: #fff; } .vxe-context-menu--link { display: block; padding: 0 2.5em; width: 178px; line-height: 26px; color: #606266; cursor: pointer; } .vxe-context-menu--link .vxe-context-menu--link-prefix, .vxe-context-menu--link .vxe-context-menu--link-suffix { position: absolute; top: 5px; margin-right: 5px; font-size: 16px; } .vxe-context-menu--link .vxe-context-menu--link-prefix { left: 5px; } .vxe-context-menu--link .vxe-context-menu--link-suffix { right: 5px; } .vxe-context-menu--link .vxe-context-menu--link-suffix.suffix--haschild { top: 8px; } .vxe-context-menu--link .vxe-context-menu--link-suffix.suffix--haschild:before { position: absolute; content: ""; border: 4px solid transparent; border-left-color: #727272; } .vxe-context-menu--link .vxe-context-menu--link-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vxe-table--context-menu-clild-wrapper .vxe-context-menu--link { padding: 0 2em 0 2.5em; } .vxe-context-menu--option-wrapper, .vxe-table--context-menu-clild-wrapper { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #e8eaed; } .vxe-context-menu--option-wrapper li, .vxe-table--context-menu-clild-wrapper li { position: relative; margin: 1px 0; border: 1px solid transparent; } .vxe-context-menu--option-wrapper li:last-child, .vxe-table--context-menu-clild-wrapper li:last-child { border: 0; } .vxe-context-menu--option-wrapper li.link--active, .vxe-table--context-menu-clild-wrapper li.link--active { background-color: #c5c5c5; border-color: #c5c5c5; } .vxe-context-menu--option-wrapper li.link--active>.vxe-context-menu--link, .vxe-table--context-menu-clild-wrapper li.link--active>.vxe-context-menu--link { color: #2b2b2b; } .vxe-context-menu--option-wrapper li.link--disabled>.vxe-context-menu--link, .vxe-table--context-menu-clild-wrapper li.link--disabled>.vxe-context-menu--link { color: #bfbfbf; cursor: no-drop; } .vxe-context-menu--option-wrapper li.link--disabled.link--active, .vxe-table--context-menu-clild-wrapper li.link--disabled.link--active { border-color: #c0c1c2; background-color: #eee; } .vxe-context-menu--option-wrapper li.link--disabled.link--active:hover, .vxe-table--context-menu-clild-wrapper li.link--disabled.link--active:hover { background-color: inherit; } .vxe-table--context-menu-clild-wrapper { display: none; top: 0; left: 100%; } .vxe-table--context-menu-clild-wrapper.is--show { display: block; } .vxe-export--panel-column>ul { list-style-type: none; overflow: auto; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-export--panel-column>ul>li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .vxe-export--panel>table { width: 100%; border: 0; table-layout: fixed; } .vxe-export--panel>table tr td { padding: 0 10px; } .vxe-export--panel>table tr td:first-child { text-align: right; width: 30%; font-weight: 700; padding: 8px 10px; } .vxe-export--panel>table tr td:nth-child(2) { width: 70%; } .vxe-export--panel>table tr td>.vxe-input, .vxe-export--panel>table tr td>.vxe-select { width: 80%; } .vxe-export--panel>table tr td>.vxe-export--panel-option-row { padding: .25em 0; } .vxe-export--panel .vxe-export--panel-column { width: 80%; border: 1px solid #dcdfe6; margin: 3px 0; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-export--panel .vxe-export--panel-column>ul>li { padding: .2em 1em .2em 2.3em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--2 { padding-left: 3.5em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--2 .vxe-checkbox--icon { left: 1.8em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--3 { padding-left: 4.5em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--3 .vxe-checkbox--icon { left: 2.8em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--4 { padding-left: 5.5em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--4 .vxe-checkbox--icon { left: 3.8em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--5 { padding-left: 6.5em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--5 .vxe-checkbox--icon { left: 4.8em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--6 { padding-left: 7.5em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--6 .vxe-checkbox--icon { left: 5.8em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--7 { padding-left: 8.5em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--7 .vxe-checkbox--icon { left: 6.8em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--8 { padding-left: 9.5em; } .vxe-export--panel .vxe-export--panel-column>ul>li.level--8 .vxe-checkbox--icon { left: 7.8em; } .vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-header { padding: .1em 0; background-color: #f8f8f9; font-weight: 700; border-bottom: 1px solid #e8eaec; } .vxe-export--panel .vxe-export--panel-column .vxe-export--panel-column-body { padding: .2em 0; min-height: 10em; max-height: 17.6em; } .vxe-export--panel .vxe-import-selected--file { padding-right: 40px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-export--panel .vxe-import-selected--file>i { display: none; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; cursor: pointer; } .vxe-export--panel .vxe-import-selected--file:hover { color: #409eff; } .vxe-export--panel .vxe-import-selected--file:hover>i { display: block; } .vxe-export--panel .vxe-import-select--file { border: 1px dashed #dcdfe6; padding: 6px 34px; outline: 0; border-radius: 4px; background-color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .vxe-export--panel .vxe-import-select--file:focus { border-color: #409eff; -webkit-box-shadow: 0 0 .25em 0 #409eff; box-shadow: 0 0 .25em 0 #409eff; } .vxe-export--panel .vxe-import-select--file:hover { color: #409eff; border-color: #409eff; } .vxe-export--panel .vxe-export--panel-btns { text-align: right; padding: .25em; } .vxe-export--panel-column-option .vxe-checkbox--icon { left: .6em; top: .38em; } .vxe-export--panel-column-option:hover { background-color: #f5f7fa; } .vxe-modal--wrapper .vxe-export--panel-column-option>.vxe-checkbox--icon { font-size: 16px; } .vxe-modal--wrapper.size--medium .vxe-export--panel-column-option>.vxe-checkbox--icon { font-size: 15px; } .vxe-modal--wrapper.size--mini .vxe-export--panel-column-option>.vxe-checkbox--icon, .vxe-modal--wrapper.size--small .vxe-export--panel-column-option>.vxe-checkbox--icon { font-size: 14px; } .vxe-grid { position: relative; } .vxe-grid.is--loading:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgba(0,0,0,.3); } .vxe-grid.is--loading>.vxe-table .vxe-loading { background-color: transparent; } .vxe-grid.is--maximize { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: .5em 1em; background-color: #fff; } .vxe-grid .vxe-body--row.row--pending { color: #f56c6c; text-decoration: line-through; cursor: no-drop; } .vxe-grid .vxe-body--row.row--pending .vxe-body--column { position: relative; } .vxe-grid .vxe-body--row.row--pending .vxe-body--column:after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 0; border-bottom: 1px solid #f56c6c; z-index: 1; } .vxe-grid .vxe-grid--bottom-wrapper, .vxe-grid .vxe-grid--form-wrapper, .vxe-grid .vxe-grid--top-wrapper { position: relative; } .vxe-grid, .vxe-grid.size--medium { font-size: 14px; } .vxe-grid.size--small { font-size: 13px; } .vxe-grid.size--mini { font-size: 12px; } .vxe-custom--option, .vxe-export--panel-column-option, .vxe-table--filter-option, .vxe-table--render-default .vxe-cell--checkbox, .vxe-table--render-default .vxe-cell--radio { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .vxe-custom--option .vxe-checkbox--icon, .vxe-export--panel-column-option .vxe-checkbox--icon, .vxe-table--filter-option .vxe-checkbox--icon, .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon, .vxe-table--render-default .vxe-cell--radio .vxe-radio--icon { display: none; position: absolute; height: 1em; width: 1em; } .vxe-table--render-default .vxe-cell--radio .vxe-radio--icon { font-size: 16px; } .vxe-table--render-default .vxe-cell--radio .vxe-radio--icon:before { content: ""; position: absolute; height: 1em; width: 1em; top: 0; left: 0; border: 2px solid #dcdfe6; background-color: #fff; border-radius: 50%; } .vxe-table--render-default .vxe-cell--radio .vxe-radio--unchecked-icon { display: inline-block; } .vxe-table--render-default .vxe-cell--radio .vxe-radio--checked-icon:after { content: ""; position: absolute; height: .25em; width: .25em; top: .4em; left: .4em; border-radius: 50%; background-color: #fff; } .vxe-table--render-default .is--checked.vxe-cell--radio { color: #409eff; } .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--unchecked-icon { display: none; } .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--checked-icon { display: inline-block; } .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--checked-icon:before { border-color: #409eff; background-color: #409eff; } .vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon:before { border-color: #409eff; } .vxe-table--render-default .is--disabled.vxe-cell--radio { cursor: not-allowed; color: #bfbfbf; } .vxe-table--render-default .is--disabled.vxe-cell--radio .vxe-radio--icon:before { border-color: #dcdfe6; background-color: #f3f3f3; } .vxe-table--render-default .is--disabled.vxe-cell--radio .vxe-radio--icon:after { background-color: #c0c4cc; } .vxe-custom--option .vxe-checkbox--icon, .vxe-export--panel-column-option .vxe-checkbox--icon, .vxe-table--filter-option .vxe-checkbox--icon, .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon { font-size: 16px; } .vxe-custom--option .vxe-checkbox--icon:before, .vxe-export--panel-column-option .vxe-checkbox--icon:before, .vxe-table--filter-option .vxe-checkbox--icon:before, .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon:before { content: ""; position: absolute; height: 1em; width: 1em; top: 0; left: 0; background-color: #fff; border-radius: 2px; border: 2px solid #dcdfe6; } .vxe-custom--option .vxe-checkbox--unchecked-icon, .vxe-export--panel-column-option .vxe-checkbox--unchecked-icon, .vxe-table--filter-option .vxe-checkbox--unchecked-icon, .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--unchecked-icon { display: inline-block; } .vxe-custom--option .vxe-checkbox--checked-icon:after, .vxe-export--panel-column-option .vxe-checkbox--checked-icon:after, .vxe-table--filter-option .vxe-checkbox--checked-icon:after, .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--checked-icon:after { content: ""; position: absolute; height: .64em; width: .32em; top: 50%; left: 50%; border: 2px solid #fff; border-left: 0; border-top: 0; -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); } .vxe-custom--option .vxe-checkbox--indeterminate-icon:after, .vxe-export--panel-column-option .vxe-checkbox--indeterminate-icon:after, .vxe-table--filter-option .vxe-checkbox--indeterminate-icon:after, .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--indeterminate-icon:after { content: ""; position: absolute; top: 50%; left: 50%; height: 2px; width: .6em; background-color: #fff; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .is--checked.vxe-custom--option, .is--checked.vxe-export--panel-column-option, .is--checked.vxe-table--filter-option, .is--indeterminate.vxe-custom--option, .is--indeterminate.vxe-export--panel-column-option, .is--indeterminate.vxe-table--filter-option, .vxe-table--render-default .is--checked.vxe-cell--checkbox, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox { color: #409eff; } .is--checked.vxe-custom--option .vxe-checkbox--unchecked-icon, .is--checked.vxe-export--panel-column-option .vxe-checkbox--unchecked-icon, .is--checked.vxe-table--filter-option .vxe-checkbox--unchecked-icon, .is--indeterminate.vxe-custom--option .vxe-checkbox--unchecked-icon, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--unchecked-icon, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--unchecked-icon, .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--unchecked-icon, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--unchecked-icon { display: none; } .is--checked.vxe-custom--option .vxe-checkbox--icon:before, .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon:before, .is--checked.vxe-table--filter-option .vxe-checkbox--icon:before, .is--indeterminate.vxe-custom--option .vxe-checkbox--icon:before, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon:before, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon:before, .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon:before, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon:before { border-color: #409eff; background-color: #409eff; } .is--checked.vxe-custom--option .vxe-checkbox--checked-icon, .is--checked.vxe-export--panel-column-option .vxe-checkbox--checked-icon, .is--checked.vxe-table--filter-option .vxe-checkbox--checked-icon, .is--indeterminate.vxe-custom--option .vxe-checkbox--indeterminate-icon, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--indeterminate-icon, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--indeterminate-icon, .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--checked-icon, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--indeterminate-icon { display: inline-block; } .vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon:before, .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon:before, .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon:before, .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon:before { border-color: #409eff; } .is--disabled.vxe-custom--option, .is--disabled.vxe-export--panel-column-option, .is--disabled.vxe-table--filter-option, .vxe-table--render-default .is--disabled.vxe-cell--checkbox { cursor: not-allowed; color: #bfbfbf; } .is--disabled.vxe-custom--option .vxe-checkbox--icon:before, .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon:before, .is--disabled.vxe-table--filter-option .vxe-checkbox--icon:before, .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon:before { border-color: #dcdfe6; background-color: #f3f3f3; } .is--disabled.vxe-custom--option .vxe-checkbox--icon:after, .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon:after, .is--disabled.vxe-table--filter-option .vxe-checkbox--icon:after, .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon:after { border-color: #c0c4cc; } .is--disabled.vxe-custom--option .vxe-checkbox--indeterminate-icon:after, .is--disabled.vxe-export--panel-column-option .vxe-checkbox--indeterminate-icon:after, .is--disabled.vxe-table--filter-option .vxe-checkbox--indeterminate-icon:after, .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--indeterminate-icon:after { background-color: #c0c4cc; } .vxe-toolbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .6em 0; color: #606266; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; background-color: #fff; } .vxe-toolbar:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; } .vxe-toolbar.is--perfect { border: 1px solid #e8eaec; border-bottom-width: 0; background-color: #f8f8f9; } .vxe-toolbar.is--loading:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgba(0,0,0,.3); } .vxe-toolbar .vxe-buttons--wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .vxe-toolbar .vxe-buttons--wrapper>.vxe-button+.vxe-button--item, .vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button, .vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item+.vxe-button--item { margin-left: .8em; } .vxe-toolbar .vxe-buttons--wrapper>.vxe-button--item { display: inline-block; } .vxe-toolbar .vxe-tools--wrapper>.vxe-button+.vxe-tool--item, .vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-button, .vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item+.vxe-tool--item { margin-left: .8em; } .vxe-toolbar .vxe-tools--wrapper>.vxe-tool--item { display: inline-block; } .vxe-toolbar .vxe-tools--wrapper>.vxe-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .vxe-toolbar .vxe-buttons--wrapper, .vxe-toolbar .vxe-tools--operate, .vxe-toolbar .vxe-tools--wrapper, .vxe-toolbar .vxe-tools--wrapper>.vxe-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vxe-toolbar .vxe-buttons--wrapper, .vxe-toolbar .vxe-tools--wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .vxe-toolbar .vxe-tools--operate { -ms-flex-negative: 0; flex-shrink: 0; } .vxe-toolbar .vxe-custom--wrapper { position: relative; margin-left: .8em; } .vxe-toolbar .vxe-custom--wrapper.is--active>.vxe-button { background-color: #d9dadb; border-radius: 50%; } .vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper { display: block; } .vxe-toolbar .vxe-custom--option-wrapper { display: none; position: absolute; right: 2px; text-align: left; background-color: #fff; z-index: 19; border: 1px solid #e8eaec; border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); box-shadow: 0 1px 6px rgba(0,0,0,.2); } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header { padding: .28em 0; font-weight: 700; border-bottom: 1px solid #dadce0; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body { padding: .2em 0; max-height: 17.6em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover { background-color: #f5f7fa; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li { max-width: 16em; min-width: 12.5em; padding: .2em 1em .2em 2.3em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2 { padding-left: 3.5em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--2 .vxe-checkbox--icon, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--2 .vxe-checkbox--icon { left: 1.8em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3 { padding-left: 4.5em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--3 .vxe-checkbox--icon, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--3 .vxe-checkbox--icon { left: 2.8em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4 { padding-left: 5.5em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--4 .vxe-checkbox--icon, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--4 .vxe-checkbox--icon { left: 3.8em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5 { padding-left: 6.5em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--5 .vxe-checkbox--icon, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--5 .vxe-checkbox--icon { left: 4.8em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6 { padding-left: 7.5em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--6 .vxe-checkbox--icon, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--6 .vxe-checkbox--icon { left: 5.8em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7 { padding-left: 8.5em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--7 .vxe-checkbox--icon, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--7 .vxe-checkbox--icon { left: 6.8em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8 { padding-left: 9.5em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li.level--8 .vxe-checkbox--icon, .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li.level--8 .vxe-checkbox--icon { left: 7.8em; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer { border-top: 1px solid #dadce0; text-align: right; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button { background-color: transparent; width: 50%; height: 2.5em; border: 0; color: #606266; text-align: center; cursor: pointer; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus { outline: none; } .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover { color: #409eff; } .vxe-custom--option-wrapper .vxe-custom--body, .vxe-custom--option-wrapper .vxe-custom--header { list-style-type: none; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-custom--option-wrapper .vxe-custom--body>li, .vxe-custom--option-wrapper .vxe-custom--header>li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vxe-custom--option .vxe-checkbox--icon { left: .6em; top: .38em; } .vxe-toolbar { font-size: 14px; } .vxe-toolbar .vxe-custom--option>.vxe-checkbox--icon { font-size: 16px; } .vxe-toolbar.size--medium { font-size: 14px; } .vxe-toolbar.size--medium .vxe-custom--option>.vxe-checkbox--icon { font-size: 15px; } .vxe-toolbar.size--small { font-size: 13px; } .vxe-toolbar.size--small .vxe-custom--option>.vxe-checkbox--icon { font-size: 14px; } .vxe-toolbar.size--mini { font-size: 12px; } .vxe-toolbar.size--mini .vxe-custom--option>.vxe-checkbox--icon { font-size: 14px; } .vxe-pager { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #606266; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; text-align: right; background-color: #fff; } .vxe-pager.is--hidden { display: none; } .vxe-pager.align--left { text-align: left; } .vxe-pager.align--center { text-align: center; } .vxe-pager.is--loading:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgba(0,0,0,.3); } .vxe-pager .vxe-pager--jump-next, .vxe-pager .vxe-pager--jump-prev, .vxe-pager .vxe-pager--next-btn, .vxe-pager .vxe-pager--num-btn, .vxe-pager .vxe-pager--prev-btn { color: inherit; outline: 0; border: 1px solid transparent; } .vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus, .vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus { -webkit-box-shadow: 0 0 .25em 0 #409eff; box-shadow: 0 0 .25em 0 #409eff; } .vxe-pager .vxe-pager--jump-next:not(.is--disabled):active, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active, .vxe-pager .vxe-pager--next-btn:not(.is--disabled):active, .vxe-pager .vxe-pager--num-btn:not(.is--disabled):active, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active { background-color: #f7f7f7; } .vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next, .vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev, .vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn, .vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn, .vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn, .vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn { border-color: #dcdfe6; } .vxe-pager.is--background .vxe-pager--jump-next, .vxe-pager.is--background .vxe-pager--jump-prev, .vxe-pager.is--background .vxe-pager--next-btn, .vxe-pager.is--background .vxe-pager--num-btn, .vxe-pager.is--background .vxe-pager--prev-btn, .vxe-pager.is--perfect .vxe-pager--jump-next, .vxe-pager.is--perfect .vxe-pager--jump-prev, .vxe-pager.is--perfect .vxe-pager--next-btn, .vxe-pager.is--perfect .vxe-pager--num-btn, .vxe-pager.is--perfect .vxe-pager--prev-btn { background-color: #f4f4f5; } .vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active, .vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active, .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active { color: #fff; background-color: #409eff; } .vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover, .vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover, .vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover, .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover, .vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover { background-color: #5faeff; } .vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus, .vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus, .vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus, .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus, .vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus { border-color: #409eff; } .vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:active, .vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:active, .vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:active, .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:active, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:active, .vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:active { border-color: #3196ff; background-color: #3196ff; } .vxe-pager.is--perfect { border: 1px solid #e8eaec; border-top-width: 0; background-color: #fff; } .vxe-pager.is--border .vxe-pager--num-btn.is--active { border-color: #409eff; } .vxe-pager .vxe-pager--wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .vxe-pager .vxe-pager--btn-icon, .vxe-pager .vxe-pager--jump-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .vxe-pager .vxe-pager--count, .vxe-pager .vxe-pager--jump, .vxe-pager .vxe-pager--jump-next, .vxe-pager .vxe-pager--jump-prev, .vxe-pager .vxe-pager--left-wrapper, .vxe-pager .vxe-pager--next-btn, .vxe-pager .vxe-pager--prev-btn, .vxe-pager .vxe-pager--right-wrapper, .vxe-pager .vxe-pager--sizes, .vxe-pager .vxe-pager--total { margin: 0 .4em; vertical-align: middle; display: inline-block; } .vxe-pager .vxe-pager--jump-next, .vxe-pager .vxe-pager--jump-prev, .vxe-pager .vxe-pager--next-btn, .vxe-pager .vxe-pager--num-btn, .vxe-pager .vxe-pager--prev-btn { position: relative; cursor: pointer; } .vxe-pager .vxe-pager--count, .vxe-pager .vxe-pager--jump-next, .vxe-pager .vxe-pager--jump-prev, .vxe-pager .vxe-pager--left-wrapper, .vxe-pager .vxe-pager--next-btn, .vxe-pager .vxe-pager--num-btn, .vxe-pager .vxe-pager--prev-btn, .vxe-pager .vxe-pager--right-wrapper { height: 2.15em; line-height: 2em; display: inline-block; } .vxe-pager .vxe-pager--jump .vxe-pager--goto, .vxe-pager .vxe-pager--sizes>.vxe-input { height: 2.15em; } .vxe-pager .vxe-pager--sizes>.vxe-select--panel .vxe-select-option { text-align: center; } .vxe-pager .vxe-pager--count, .vxe-pager .vxe-pager--jump-next, .vxe-pager .vxe-pager--jump-prev, .vxe-pager .vxe-pager--next-btn, .vxe-pager .vxe-pager--num-btn, .vxe-pager .vxe-pager--prev-btn { min-width: 2.15em; } .vxe-pager .vxe-pager--btn-wrapper { padding: 0; margin: 0; display: inline-block; text-align: center; } .vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-more-icon, .vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-more-icon { display: none; } .vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-next:hover .vxe-pager--jump-icon, .vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-prev:hover .vxe-pager--jump-icon { display: inline-block; } .vxe-pager .vxe-pager--btn-wrapper .vxe-pager--jump-icon { display: none; } .vxe-pager .vxe-pager--jump-next, .vxe-pager .vxe-pager--jump-prev, .vxe-pager .vxe-pager--next-btn, .vxe-pager .vxe-pager--num-btn, .vxe-pager .vxe-pager--prev-btn { text-align: center; border-radius: 4px; margin: 0 .25em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; } .vxe-pager .vxe-pager--jump-next:not(.is--disabled):hover, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):hover, .vxe-pager .vxe-pager--next-btn:not(.is--disabled):hover, .vxe-pager .vxe-pager--num-btn:not(.is--disabled):hover, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):hover { color: #5faeff; } .vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active, .vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus, .vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active, .vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active, .vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus { color: #409eff; } .vxe-pager .vxe-pager--jump-next:not(.is--disabled):active, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):active, .vxe-pager .vxe-pager--next-btn:not(.is--disabled):active, .vxe-pager .vxe-pager--num-btn:not(.is--disabled):active, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):active { color: #3196ff; } .vxe-pager .vxe-pager--jump-next.is--disabled, .vxe-pager .vxe-pager--jump-prev.is--disabled, .vxe-pager .vxe-pager--next-btn.is--disabled, .vxe-pager .vxe-pager--num-btn.is--disabled, .vxe-pager .vxe-pager--prev-btn.is--disabled { cursor: no-drop; color: #bfbfbf; } .vxe-pager .vxe-pager--jump-next.is--disabled:hover, .vxe-pager .vxe-pager--jump-prev.is--disabled:hover, .vxe-pager .vxe-pager--next-btn.is--disabled:hover, .vxe-pager .vxe-pager--num-btn.is--disabled:hover, .vxe-pager .vxe-pager--prev-btn.is--disabled:hover { color: #bfbfbf; } .vxe-pager .vxe-pager--num-btn { vertical-align: middle; } .vxe-pager .vxe-pager--num-btn.is--active { font-weight: 700; } .vxe-pager .vxe-pager--sizes { width: 7em; text-align: center; cursor: pointer; } .vxe-pager .vxe-pager--count, .vxe-pager .vxe-pager--sizes .vxe-input--inner { text-align: center; } .vxe-pager .vxe-pager--count>span { vertical-align: middle; } .vxe-pager .vxe-pager--count .vxe-pager--separator { margin-right: .2em; } .vxe-pager .vxe-pager--count .vxe-pager--separator:before { content: "/"; } .vxe-pager .vxe-pager--jump .vxe-pager--goto { border-radius: 4px; border: 1px solid #dcdfe6; color: #606266; -webkit-transition: border .2s ease-in-out; transition: border .2s ease-in-out; padding: 0 .4em; background-color: #fff; } .vxe-pager .vxe-pager--jump .vxe-pager--goto:focus { border: 1px solid #409eff; outline: 0; } .vxe-pager .vxe-pager--jump .vxe-pager--goto-text { margin-right: .25em; } .vxe-pager .vxe-pager--jump .vxe-pager--classifier-text { margin-left: .25em; } .vxe-pager .vxe-pager--jump .vxe-pager--goto { width: 3.2em; text-align: center; } .vxe-pager { font-size: 14px; height: 48px; } .vxe-pager.size--medium { font-size: 14px; height: 44px; } .vxe-pager.size--small { font-size: 13px; height: 40px; } .vxe-pager.size--mini { font-size: 12px; height: 36px; } .vxe-checkbox, .vxe-checkbox-group { display: inline-block; vertical-align: middle; line-height: 1; } .vxe-checkbox { white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; color: #606266; } .vxe-checkbox+.vxe-checkbox { margin-left: 10px; } .vxe-checkbox>input[type=checkbox] { position: absolute; width: 0; height: 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vxe-checkbox>input+.vxe-checkbox--icon { position: relative; display: inline-block; width: 1em; height: 1em; background-color: #fff; vertical-align: middle; border-radius: 2px; border: 2px solid #dcdfe6; } .vxe-checkbox>input+.vxe-checkbox--icon:before { content: ""; position: absolute; } .vxe-checkbox>input:checked+.vxe-checkbox--icon { background-color: #409eff; border-color: #409eff; } .vxe-checkbox>input:checked+.vxe-checkbox--icon:before { height: .64em; width: .32em; left: 50%; top: 50%; border: 2px solid #fff; border-left: 0; border-top: 0; -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); } .vxe-checkbox>input:checked+.vxe-checkbox--icon+.vxe-checkbox--label { color: #409eff; } .vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon { background-color: #409eff; border-color: #409eff; } .vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon:before { border: 0; left: 50%; top: 50%; height: 2px; width: .6em; background-color: #fff; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon { border-color: #409eff; -webkit-box-shadow: 0 0 .2em 0 #409eff; box-shadow: 0 0 .2em 0 #409eff; } .vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon { border-color: #409eff; } .vxe-checkbox.is--disabled { cursor: not-allowed; } .vxe-checkbox.is--disabled>input+.vxe-checkbox--icon { border-color: #dcdfe6; background-color: #f3f3f3; } .vxe-checkbox.is--disabled>input+.vxe-checkbox--icon:before { border-color: #c0c4cc; } .vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label { color: #bfbfbf; } .vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon { border-color: #dcdfe6; background-color: #f3f3f3; } .vxe-checkbox .vxe-checkbox--label { padding-left: .5em; vertical-align: middle; display: inline-block; max-width: 50em; } .vxe-checkbox { font-size: 14px; } .vxe-checkbox .vxe-checkbox--icon { font-size: 16px; } .vxe-checkbox.size--medium { font-size: 14px; } .vxe-checkbox.size--medium .vxe-checkbox--icon { font-size: 15px; } .vxe-checkbox.size--small { font-size: 13px; } .vxe-checkbox.size--small .vxe-checkbox--icon { font-size: 14px; } .vxe-checkbox.size--mini { font-size: 12px; } .vxe-checkbox.size--mini .vxe-checkbox--icon { font-size: 14px; } [class*=vxe-], [class*=vxe-] :after, [class*=vxe-] :before, [class*=vxe-]:after, [class*=vxe-]:before { -webkit-box-sizing: border-box; box-sizing: border-box; } .vxe-checkbox .vxe-checkbox--label, .vxe-radio .vxe-radio--label, .vxe-radio-button .vxe-radio--label, .vxe-table--render-default .vxe-body--column.col--ellipsis:not(.col--actived)>.vxe-cell, .vxe-table--render-default .vxe-footer--column.col--ellipsis:not(.col--actived)>.vxe-cell, .vxe-table--render-default .vxe-header--column.col--ellipsis:not(.col--actived)>.vxe-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [class*=vxe-] { font-variant: tabular-nums; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; } .vxe-primary-color { color: #409eff; } .vxe-success-color { color: #67c23a; } .vxe-info-color { color: #909399; } .vxe-warning-color { color: #e6a23c; } .vxe-danger-color { color: #f56c6c; } .vxe-perfect-color { color: #f8f8f9; } .vxe-row:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; } .vxe-row>.vxe-col--1 { float: left; width: 4.16667%; } .vxe-row>.vxe-col--2 { float: left; width: 8.33333%; } .vxe-row>.vxe-col--3 { float: left; width: 12.5%; } .vxe-row>.vxe-col--4 { float: left; width: 16.66667%; } .vxe-row>.vxe-col--5 { float: left; width: 20.83333%; } .vxe-row>.vxe-col--6 { float: left; width: 25%; } .vxe-row>.vxe-col--7 { float: left; width: 29.16667%; } .vxe-row>.vxe-col--8 { float: left; width: 33.33333%; } .vxe-row>.vxe-col--9 { float: left; width: 37.5%; } .vxe-row>.vxe-col--10 { float: left; width: 41.66667%; } .vxe-row>.vxe-col--11 { float: left; width: 45.83333%; } .vxe-row>.vxe-col--12 { float: left; width: 50%; } .vxe-row>.vxe-col--13 { float: left; width: 54.16667%; } .vxe-row>.vxe-col--14 { float: left; width: 58.33333%; } .vxe-row>.vxe-col--15 { float: left; width: 62.5%; } .vxe-row>.vxe-col--16 { float: left; width: 66.66667%; } .vxe-row>.vxe-col--17 { float: left; width: 70.83333%; } .vxe-row>.vxe-col--18 { float: left; width: 75%; } .vxe-row>.vxe-col--19 { float: left; width: 79.16667%; } .vxe-row>.vxe-col--20 { float: left; width: 83.33333%; } .vxe-row>.vxe-col--21 { float: left; width: 87.5%; } .vxe-row>.vxe-col--22 { float: left; width: 91.66667%; } .vxe-row>.vxe-col--23 { float: left; width: 95.83333%; } .vxe-row>.vxe-col--24 { float: left; width: 100%; } .is--animat .vxe-filter--btn:after, .is--animat .vxe-filter--btn:before, .is--animat .vxe-input--wrapper .vxe-input, .is--animat .vxe-sort--asc-btn:after, .is--animat .vxe-sort--asc-btn:before, .is--animat .vxe-sort--desc-btn:after, .is--animat .vxe-sort--desc-btn:before { -webkit-transition: border .1s ease-in-out; transition: border .1s ease-in-out; } .is--animat .vxe-table--expand-btn, .is--animat .vxe-tree--node-btn { -webkit-transition: -webkit-transform .1s ease-in-out; transition: -webkit-transform .1s ease-in-out; transition: transform .1s ease-in-out; transition: transform .1s ease-in-out,-webkit-transform .1s ease-in-out; } .is--animat .vxe-checkbox>input:checked+span, .is--animat .vxe-radio>input:checked+span { -webkit-transition: background-color .1s ease-in-out; transition: background-color .1s ease-in-out; } .vxe-radio-group { display: inline-block; vertical-align: middle; line-height: 1; font-size: 0; } .vxe-radio-group+.vxe-radio-group { margin-left: 10px; } .vxe-radio { display: inline-block; vertical-align: middle; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1; cursor: pointer; color: #606266; } .vxe-radio>input[type=radio] { position: absolute; width: 0; height: 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vxe-radio>input+.vxe-radio--icon { position: relative; display: inline-block; width: 1em; height: 1em; border: 2px solid #dcdfe6; background-color: #fff; vertical-align: middle; border-radius: 50%; } .vxe-radio>input:checked+.vxe-radio--icon { background-color: #409eff; border-color: #409eff; } .vxe-radio>input:checked+.vxe-radio--icon:before { content: ""; position: absolute; background-color: #fff; border-radius: 50%; height: .25em; width: .25em; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .vxe-radio>input:checked+.vxe-radio--icon+.vxe-radio--label { color: #409eff; } .vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon { border-color: #409eff; -webkit-box-shadow: 0 0 .2em 0 #409eff; box-shadow: 0 0 .2em 0 #409eff; } .vxe-radio:not(.is--disabled):hover>input+.vxe-radio--icon { border-color: #409eff; } .vxe-radio.is--disabled { cursor: not-allowed; } .vxe-radio.is--disabled>input+.vxe-radio--icon { border-color: #dcdfe6; background-color: #f3f3f3; } .vxe-radio.is--disabled>input+.vxe-radio--icon:before { border-color: #c0c4cc; background-color: #c0c4cc; } .vxe-radio.is--disabled>input+.vxe-radio--icon+.vxe-radio--label { color: #bfbfbf; } .vxe-radio .vxe-radio--label { padding-left: .5em; vertical-align: middle; display: inline-block; max-width: 50em; } .vxe-radio:not(.vxe-radio-button)+.vxe-radio { margin-left: 10px; } .vxe-radio-button .vxe-radio--label { background-color: #fff; } .vxe-radio-button:first-child .vxe-radio--label { border-left: 1px solid #dcdfe6; border-radius: 4px 0 0 4px; } .vxe-radio-button:last-child .vxe-radio--label { border-radius: 0 4px 4px 0; } .vxe-radio-button>input:checked+.vxe-radio--label { color: #fff; background-color: #409eff; border-color: #409eff; } .vxe-radio-button .vxe-radio--label { padding: 0 1em; line-height: 32px; display: inline-block; border-style: solid; border-color: #dcdfe6; border-width: 1px 1px 1px 0; max-width: 50em; } .vxe-radio-button.is--disabled { cursor: not-allowed; } .vxe-radio-button.is--disabled>input:not(:checked)+.vxe-radio--label { color: #dcdfe6; } .vxe-radio-button.is--disabled>input:checked+.vxe-radio--label { border-color: #a6d2ff; background-color: #a6d2ff; } .vxe-radio-button:not(.is--disabled)>input:focus+.vxe-radio--label { border-color: #409eff; -webkit-box-shadow: 0 0 .2em 0 #409eff; box-shadow: 0 0 .2em 0 #409eff; } .vxe-radio-button:not(.is--disabled):hover>input:not(:checked)+.vxe-radio--label { color: #409eff; } .vxe-radio-button.size--medium .vxe-radio--label { line-height: 30px; } .vxe-radio-button.size--small .vxe-radio--label { line-height: 28px; } .vxe-radio-button.size--mini .vxe-radio--label { line-height: 26px; } .vxe-radio { font-size: 14px; } .vxe-radio .vxe-radio--icon { font-size: 16px; } .vxe-radio.size--medium { font-size: 14px; } .vxe-radio.size--medium .vxe-radio--icon { font-size: 15px; } .vxe-radio.size--small { font-size: 13px; } .vxe-radio.size--small .vxe-radio--icon { font-size: 14px; } .vxe-radio.size--mini { font-size: 12px; } .vxe-radio.size--mini .vxe-radio--icon { font-size: 14px; } .vxe-input--inner { width: 100%; height: 100%; border-radius: 4px; outline: 0; margin: 0; font-size: inherit; font-family: inherit; line-height: inherit; padding: 0 .6em; color: #606266; border: 1px solid #dcdfe6; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; } .vxe-input--inner::-webkit-input-placeholder { color: #c0c4cc; } .vxe-input--inner::-moz-placeholder { color: #c0c4cc; } .vxe-input--inner:-ms-input-placeholder { color: #c0c4cc; } .vxe-input--inner::-ms-input-placeholder { color: #c0c4cc; } .vxe-input--inner::placeholder { color: #c0c4cc; } .vxe-input--inner::-webkit-autofill { background-color: #fff; } .vxe-input--inner[type=number] { -webkit-appearance: none; appearance: none; -moz-appearance: textfield; } .vxe-input--inner[type=number]::-webkit-inner-spin-button, .vxe-input--inner[type=number]::-webkit-outer-spin-button, .vxe-input--inner[type=search], .vxe-input--inner[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } .vxe-input--inner[disabled] { cursor: not-allowed; color: #bfbfbf; background-color: #f3f3f3; } .vxe-input { display: inline-block; position: relative; width: 180px; } .vxe-input.is--disabled .vxe-input--date-picker-suffix, .vxe-input.is--disabled .vxe-input--number-suffix, .vxe-input.is--disabled .vxe-input--password-suffix, .vxe-input.is--disabled .vxe-input--search-suffix, .vxe-input.is--disabled .vxe-input--suffix { cursor: no-drop; } .vxe-input:not(.is--disabled) .vxe-input--clear-icon, .vxe-input:not(.is--disabled) .vxe-input--number-suffix, .vxe-input:not(.is--disabled) .vxe-input--password-suffix, .vxe-input:not(.is--disabled) .vxe-input--search-suffix { cursor: pointer; } .vxe-input:not(.is--disabled).is--active .vxe-input--inner { border: 1px solid #409eff; } .vxe-input .vxe-input--extra-suffix, .vxe-input .vxe-input--prefix, .vxe-input .vxe-input--suffix { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; width: 1.6em; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #c0c4cc; } .vxe-input .vxe-input--prefix { left: .2em; } .vxe-input.is--prefix .vxe-input--inner { padding-left: 1.8em; } .vxe-input .vxe-input--clear-icon { display: none; } .vxe-input .vxe-input--extra-suffix, .vxe-input .vxe-input--suffix { right: .2em; } .vxe-input.is--suffix .vxe-input--inner { padding-right: 1.8em; } .vxe-input.is--left .vxe-input--inner { text-align: left; } .vxe-input.is--center .vxe-input--inner { text-align: center; } .vxe-input.is--right .vxe-input--inner { text-align: right; } .vxe-input.is--controls.type--date .vxe-input--inner, .vxe-input.is--controls.type--datetime .vxe-input--inner, .vxe-input.is--controls.type--float .vxe-input--inner, .vxe-input.is--controls.type--integer .vxe-input--inner, .vxe-input.is--controls.type--month .vxe-input--inner, .vxe-input.is--controls.type--number .vxe-input--inner, .vxe-input.is--controls.type--password .vxe-input--inner, .vxe-input.is--controls.type--quarter .vxe-input--inner, .vxe-input.is--controls.type--search .vxe-input--inner, .vxe-input.is--controls.type--time .vxe-input--inner, .vxe-input.is--controls.type--week .vxe-input--inner, .vxe-input.is--controls.type--year .vxe-input--inner { padding-right: 1.8em; } .vxe-input.is--controls.type--date .vxe-input--suffix, .vxe-input.is--controls.type--datetime .vxe-input--suffix, .vxe-input.is--controls.type--float .vxe-input--suffix, .vxe-input.is--controls.type--integer .vxe-input--suffix, .vxe-input.is--controls.type--month .vxe-input--suffix, .vxe-input.is--controls.type--number .vxe-input--suffix, .vxe-input.is--controls.type--password .vxe-input--suffix, .vxe-input.is--controls.type--quarter .vxe-input--suffix, .vxe-input.is--controls.type--search .vxe-input--suffix, .vxe-input.is--controls.type--time .vxe-input--suffix, .vxe-input.is--controls.type--week .vxe-input--suffix, .vxe-input.is--controls.type--year .vxe-input--suffix { right: 1.6em; } .vxe-input.is--suffix.is--controls.type--date .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--datetime .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--float .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--integer .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--month .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--number .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--password .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--quarter .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--search .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--time .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--week .vxe-input--inner, .vxe-input.is--suffix.is--controls.type--year .vxe-input--inner { padding-right: 3.2em; } .vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--suffix-icon { display: none; } .vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--clear-icon { display: inline; } .vxe-input:not(.is--disabled) .vxe-input--suffix:hover .vxe-input--clear-icon { color: #606266; } .vxe-input:not(.is--disabled) .vxe-input--suffix:active .vxe-input--clear-icon { color: #409eff; } .vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--password-suffix, .vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--search-suffix { color: #606266; } .vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--password-suffix, .vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--search-suffix { color: #409eff; } .vxe-input:not(.is--disabled) .vxe-input--number-next:hover, .vxe-input:not(.is--disabled) .vxe-input--number-prev:hover { color: #606266; } .vxe-input:not(.is--disabled) .vxe-input--number-next:active, .vxe-input:not(.is--disabled) .vxe-input--number-prev:active { color: #409eff; } .vxe-input:not(.is--disabled) .vxe-input--number-next.is--disabled, .vxe-input:not(.is--disabled) .vxe-input--number-prev.is--disabled { cursor: no-drop; color: #e4e7ed; } .vxe-input .vxe-input--date-picker-suffix, .vxe-input .vxe-input--number-suffix, .vxe-input .vxe-input--password-suffix, .vxe-input .vxe-input--search-suffix { position: relative; width: 100%; height: 100%; } .vxe-input .vxe-input--date-picker-icon, .vxe-input .vxe-input--password-icon, .vxe-input .vxe-input--search-icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .vxe-input .vxe-input--date-picker-suffix { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .vxe-input .vxe-input--date-picker-suffix .vxe-input--panel-icon { -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; } .vxe-input .vxe-input--number-next, .vxe-input .vxe-input--number-prev { position: relative; display: block; height: 50%; width: 100%; text-align: center; } .vxe-input .vxe-input--number-next-icon, .vxe-input .vxe-input--number-prev-icon { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .vxe-input .vxe-input--number-prev-icon { bottom: 0; } .vxe-input .vxe-input--number-next-icon { top: 0; } .vxe-input--panel { display: none; position: absolute; left: 0; padding: 4px 0; color: #606266; text-align: left; } .vxe-input--panel:not(.is--transfer) { min-width: 100%; } .vxe-input--panel.is--transfer { position: fixed; } .vxe-input--panel.animat--leave { display: block; opacity: 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); -webkit-transform-origin: center top; transform-origin: center top; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .vxe-input--panel.animat--leave[placement=top] { -webkit-transform-origin: center bottom; transform-origin: center bottom; } .vxe-input--panel.animat--enter { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .vxe-input--panel-layout-wrapper, .vxe-input--panel-wrapper { background-color: #fff; border: 1px solid #dadce0; -webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,.1); box-shadow: 0 0 6px 2px rgba(0,0,0,.1); border-radius: 4px; } .vxe-input--panel-wrapper { overflow-x: hidden; overflow-y: auto; } .vxe-input--panel-layout-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .vxe-input--panel.type--date, .vxe-input--panel.type--month, .vxe-input--panel.type--quarter, .vxe-input--panel.type--week, .vxe-input--panel.type--year { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-left: 1px solid #dcdfe6; } .vxe-input--panel.type--date .vxe-input--date-picker-body th, .vxe-input--panel.type--datetime .vxe-input--date-picker-body th { width: 14.28571%; } .vxe-input--panel.type--week .vxe-input--date-picker-body table th { width: 12%; } .vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child { width: 14%; } .vxe-input--panel.type--quarter .vxe-input--date-picker-body table th { width: 50%; } .vxe-input--panel.type--month .vxe-input--date-picker-body td, .vxe-input--panel.type--year .vxe-input--date-picker-body td { width: 25%; } .vxe-input--time-picker-title { display: inline-block; text-align: center; border: 1px solid #dcdfe6; border-radius: 4px; } .vxe-input--time-picker-confirm { position: absolute; right: 0; top: 0; } .vxe-input--date-picker-confirm, .vxe-input--time-picker-confirm { outline: 0; border: 1px solid #dcdfe6; border-radius: 4px; cursor: pointer; color: #fff; border-color: #409eff; background-color: #409eff; } .vxe-input--date-picker-confirm:hover, .vxe-input--time-picker-confirm:hover { background-color: #5faeff; border-color: #5faeff; } .vxe-input--date-picker-confirm:active, .vxe-input--time-picker-confirm:active { background-color: #3196ff; border-color: #3196ff; } .vxe-input--time-picker-header { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .vxe-input--date-picker-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; } .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn, .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label { display: inline-block; } .vxe-input--date-picker-btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .vxe-input--date-picker-btn, .vxe-input--date-picker-label { display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; } .vxe-input--date-picker-btn.is--disabled { color: #bfbfbf; cursor: no-drop; } .vxe-input--date-picker-btn:not(.is--disabled) { cursor: pointer; } .vxe-input--date-picker-btn:not(.is--disabled):hover { background-color: #fff; } .vxe-input--date-picker-btn:not(.is--disabled):active { background-color: #f7f7f7; } .vxe-input--date-picker-body { border-radius: 4px; border: 1px solid #dadce0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-input--date-picker-body table { border: 0; width: 100%; border-spacing: 0; border-collapse: separate; text-align: center; table-layout: fixed; } .vxe-input--date-picker-body td, .vxe-input--date-picker-body th { font-weight: 400; } .vxe-input--date-picker-body th { -webkit-box-shadow: inset 0 -1px 0 0 #dadce0; box-shadow: inset 0 -1px 0 0 #dadce0; } .vxe-input--date-picker-body td.is--next, .vxe-input--date-picker-body td.is--next .vxe-input--date-festival, .vxe-input--date-picker-body td.is--next .vxe-input--date-label, .vxe-input--date-picker-body td.is--prev, .vxe-input--date-picker-body td.is--prev .vxe-input--date-festival, .vxe-input--date-picker-body td.is--prev .vxe-input--date-label { color: #bfbfbf; } .vxe-input--date-picker-body td.is--now { -webkit-box-shadow: inset 0 0 0 1px #dadce0; box-shadow: inset 0 0 0 1px #dadce0; } .vxe-input--date-picker-body td.is--now:not(.is--selected).is--current, .vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-festival, .vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-label { color: #409eff; } .vxe-input--date-picker-body td.is--hover { background-color: #f2f6fc; } .vxe-input--date-picker-body td.is--selected { color: #fff; background-color: #409eff; } .vxe-input--date-picker-body td.is--selected.is--next, .vxe-input--date-picker-body td.is--selected.is--prev { background-color: #73b8ff; } .vxe-input--date-picker-body td.is--selected .vxe-input--date-festival, .vxe-input--date-picker-body td.is--selected .vxe-input--date-label { color: #fff; } .vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before { background-color: #fff; } .vxe-input--date-picker-body td:not(.is--disabled) { cursor: pointer; } .vxe-input--date-picker-body td.is--disabled { cursor: no-drop; color: #dcdfe6; background-color: #f3f3f3; } .vxe-input--date-picker-body td.is--disabled .vxe-input--date-festival, .vxe-input--date-picker-body td.is--disabled .vxe-input--date-label { color: #dcdfe6; } .vxe-input--date-week-view th:first-child { -webkit-box-shadow: inset -1px -1px 0 0 #dadce0; box-shadow: inset -1px -1px 0 0 #dadce0; } .vxe-input--date-week-view td:first-child { -webkit-box-shadow: inset -1px 0 0 0 #dadce0; box-shadow: inset -1px 0 0 0 #dadce0; } .vxe-input--date-festival, .vxe-input--date-label { display: block; overflow: hidden; } .vxe-input--date-label { position: relative; } .vxe-input--date-label.is-notice:before { content: ""; position: absolute; width: 4px; height: 4px; left: .8em; top: .1em; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 100%; background-color: #f00; } .vxe-input--date-label--extra { position: absolute; right: .1em; top: -.2em; font-size: 12px; line-height: 12px; -webkit-transform: scale(.7); transform: scale(.7); color: #67c23a; } .vxe-input--date-label--extra.is-important { color: #fd2222; } .vxe-input--date-festival { color: #999; height: 14px; line-height: 1; overflow: hidden; } .vxe-input--date-festival.is-important { color: #409eff; } .vxe-input--date-festival--label { display: block; font-size: 12px; -webkit-transform: scale(.8); transform: scale(.8); } @-webkit-keyframes festivalOverlap2 { 0%, 45%, to { -webkit-transform: translateY(0); transform: translateY(0); } 50%, 95% { -webkit-transform: translateY(-14px); transform: translateY(-14px); } } @keyframes festivalOverlap2 { 0%, 45%, to { -webkit-transform: translateY(0); transform: translateY(0); } 50%, 95% { -webkit-transform: translateY(-14px); transform: translateY(-14px); } } @-webkit-keyframes festivalOverlap3 { 0%, 20%, to { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 45%, 75%, 95% { -webkit-transform: translateY(-14px); transform: translateY(-14px); } 50%, 70% { -webkit-transform: translateY(-28px); transform: translateY(-28px); } } @keyframes festivalOverlap3 { 0%, 20%, to { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 45%, 75%, 95% { -webkit-transform: translateY(-14px); transform: translateY(-14px); } 50%, 70% { -webkit-transform: translateY(-28px); transform: translateY(-28px); } } .vxe-input--date-festival--overlap { display: block; font-size: 12px; } .vxe-input--date-festival--overlap.overlap--2 { -webkit-animation: festivalOverlap2 6s ease-in-out infinite; animation: festivalOverlap2 6s ease-in-out infinite; } .vxe-input--date-festival--overlap.overlap--3 { -webkit-animation: festivalOverlap3 9s ease-in-out infinite; animation: festivalOverlap3 9s ease-in-out infinite; } .vxe-input--date-festival--overlap>span { height: 14px; display: block; -webkit-transform: scale(.8); transform: scale(.8); } .vxe-input--time-picker-body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 1px solid #dadce0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-input--time-picker-body>ul { height: 100%; overflow: hidden; margin: 0; padding: 0; } .vxe-input--time-picker-body>ul:after, .vxe-input--time-picker-body>ul:before { content: " "; display: block; } .vxe-input--time-picker-body>ul:hover { overflow-y: auto; } .vxe-input--time-picker-body>ul>li { display: block; } .vxe-input--time-picker-body>ul>li:hover { background-color: #f2f6fc; cursor: pointer; } .vxe-input--time-picker-body>ul>li.is--selected { font-weight: 700; color: #409eff; } .vxe-input--time-picker-body .vxe-input--time-picker-minute-list, .vxe-input--time-picker-body .vxe-input--time-picker-second-list { border-left: 1px solid #dadce0; } .vxe-input { font-size: 14px; height: 34px; } .vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button { margin-top: 6px; } .vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button { height: 24px; } .vxe-input.size--medium { font-size: 14px; height: 32px; } .vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button { margin-top: 4px; } .vxe-input.size--small { font-size: 13px; height: 30px; } .vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button { margin-top: 2px; } .vxe-input.size--mini { font-size: 12px; height: 28px; } .vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button { margin-top: 0; } .vxe-input--panel { font-size: 14px; } .vxe-input--panel .vxe-input--panel-wrapper { max-height: 380px; } .vxe-input--panel.type--date .vxe-input--panel-wrapper, .vxe-input--panel.type--month .vxe-input--panel-wrapper, .vxe-input--panel.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.type--time .vxe-input--panel-wrapper, .vxe-input--panel.type--week .vxe-input--panel-wrapper, .vxe-input--panel.type--year .vxe-input--panel-wrapper { padding: 11px; } .vxe-input--panel.type--date .vxe-input--panel-wrapper, .vxe-input--panel.type--month .vxe-input--panel-wrapper, .vxe-input--panel.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.type--year .vxe-input--panel-wrapper { width: 336px; } .vxe-input--panel.type--week .vxe-input--panel-wrapper { width: 380px; } .vxe-input--panel.type--time .vxe-input--panel-wrapper { width: 170px; } .vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper { width: 336px; } .vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper, .vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper { padding: 11px; } .vxe-input--panel .vxe-input--time-picker-title { height: 30px; line-height: 30px; padding: 0 11px; } .vxe-input--panel .vxe-input--date-picker-btn, .vxe-input--panel .vxe-input--date-picker-label { height: 30px; line-height: 30px; } .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn { margin-left: 8px; } .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn, .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn, .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn { width: 30px; border-radius: 4px; border: 1px solid #dcdfe6; } .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn, .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label { padding: 0 9px; } .vxe-input--panel .vxe-input--date-picker-header, .vxe-input--panel .vxe-input--time-picker-header { padding-bottom: 8px; } .vxe-input--panel .vxe-input--date-picker-body table, .vxe-input--panel .vxe-input--time-picker-body { height: 286px; } .vxe-input--panel .vxe-input--time-picker-body>ul { width: 48px; } .vxe-input--panel .vxe-input--time-picker-body>ul:after, .vxe-input--panel .vxe-input--time-picker-body>ul:before { height: 120px; } .vxe-input--panel .vxe-input--time-picker-body>ul>li { height: 26px; padding-left: 9px; } .vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list { left: 48px; } .vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-second-list { left: 96px; } .vxe-input--panel .vxe-input--date-day-view td, .vxe-input--panel .vxe-input--date-week-view td { height: 42px; } .vxe-input--panel .vxe-input--date-quarter-view td { height: 64px; } .vxe-input--panel .vxe-input--date-month-view td, .vxe-input--panel .vxe-input--date-year-view td { height: 52px; } .vxe-input--panel .vxe-input--date-picker-body th { height: 34px; } .vxe-input--panel .vxe-input--date-picker-confirm, .vxe-input--panel .vxe-input--time-picker-confirm { height: 30px; padding: 0 9px; } .vxe-input--panel .vxe-input--date-label { line-height: 15px; } .vxe-input--panel.size--medium { font-size: 14px; } .vxe-input--panel.size--medium .vxe-input--panel-wrapper { max-height: 360px; } .vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper { padding: 10px; } .vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper { width: 336px; } .vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper { width: 380px; } .vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper { width: 168px; } .vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper { width: 336px; } .vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper, .vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper { padding: 10px; } .vxe-input--panel.size--medium .vxe-input--time-picker-title { height: 29px; line-height: 29px; padding: 0 10px; } .vxe-input--panel.size--medium .vxe-input--date-picker-btn, .vxe-input--panel.size--medium .vxe-input--date-picker-label { height: 29px; line-height: 29px; } .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn { margin-left: 7px; } .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn, .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn, .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn { width: 29px; border-radius: 4px; border: 1px solid #dcdfe6; } .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn, .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label { padding: 0 8px; } .vxe-input--panel.size--medium .vxe-input--date-picker-header, .vxe-input--panel.size--medium .vxe-input--time-picker-header { padding-bottom: 7px; } .vxe-input--panel.size--medium .vxe-input--date-picker-body table, .vxe-input--panel.size--medium .vxe-input--time-picker-body { height: 245px; } .vxe-input--panel.size--medium .vxe-input--time-picker-body>ul { width: 48px; } .vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:after, .vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:before { height: 120px; } .vxe-input--panel.size--medium .vxe-input--time-picker-body>ul>li { height: 26px; padding-left: 8px; } .vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list { left: 48px; } .vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-second-list { left: 96px; } .vxe-input--panel.size--medium .vxe-input--date-day-view td, .vxe-input--panel.size--medium .vxe-input--date-week-view td { height: 36px; } .vxe-input--panel.size--medium .vxe-input--date-quarter-view td { height: 58px; } .vxe-input--panel.size--medium .vxe-input--date-month-view td, .vxe-input--panel.size--medium .vxe-input--date-year-view td { height: 46px; } .vxe-input--panel.size--medium .vxe-input--date-picker-body th { height: 29px; } .vxe-input--panel.size--medium .vxe-input--date-picker-confirm, .vxe-input--panel.size--medium .vxe-input--time-picker-confirm { height: 29px; padding: 0 8px; } .vxe-input--panel.size--medium .vxe-input--date-label { line-height: 15px; } .vxe-input--panel.size--small { font-size: 13px; } .vxe-input--panel.size--small .vxe-input--panel-wrapper { max-height: 340px; } .vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper { padding: 9px; } .vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper { width: 312px; } .vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper { width: 354px; } .vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper { width: 154px; } .vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper { width: 312px; } .vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper, .vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper { padding: 9px; } .vxe-input--panel.size--small .vxe-input--time-picker-title { height: 28px; line-height: 28px; padding: 0 9px; } .vxe-input--panel.size--small .vxe-input--date-picker-btn, .vxe-input--panel.size--small .vxe-input--date-picker-label { height: 28px; line-height: 28px; } .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn { margin-left: 6px; } .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn, .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn, .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn { width: 28px; border-radius: 4px; border: 1px solid #dcdfe6; } .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn, .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label { padding: 0 7px; } .vxe-input--panel.size--small .vxe-input--date-picker-header, .vxe-input--panel.size--small .vxe-input--time-picker-header { padding-bottom: 6px; } .vxe-input--panel.size--small .vxe-input--date-picker-body table, .vxe-input--panel.size--small .vxe-input--time-picker-body { height: 232px; } .vxe-input--panel.size--small .vxe-input--time-picker-body>ul { width: 44px; } .vxe-input--panel.size--small .vxe-input--time-picker-body>ul:after, .vxe-input--panel.size--small .vxe-input--time-picker-body>ul:before { height: 110px; } .vxe-input--panel.size--small .vxe-input--time-picker-body>ul>li { height: 26px; padding-left: 7px; } .vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list { left: 44px; } .vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-second-list { left: 88px; } .vxe-input--panel.size--small .vxe-input--date-day-view td, .vxe-input--panel.size--small .vxe-input--date-week-view td { height: 34px; } .vxe-input--panel.size--small .vxe-input--date-quarter-view td { height: 56px; } .vxe-input--panel.size--small .vxe-input--date-month-view td, .vxe-input--panel.size--small .vxe-input--date-year-view td { height: 44px; } .vxe-input--panel.size--small .vxe-input--date-picker-body th { height: 28px; } .vxe-input--panel.size--small .vxe-input--date-picker-confirm, .vxe-input--panel.size--small .vxe-input--time-picker-confirm { height: 28px; padding: 0 7px; } .vxe-input--panel.size--small .vxe-input--date-label { line-height: 14px; } .vxe-input--panel.size--mini { font-size: 12px; } .vxe-input--panel.size--mini .vxe-input--panel-wrapper { max-height: 320px; } .vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper { padding: 8px; } .vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper { width: 288px; } .vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper { width: 326px; } .vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper { width: 146px; } .vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper { width: 288px; } .vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper, .vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper { padding: 8px; } .vxe-input--panel.size--mini .vxe-input--time-picker-title { height: 27px; line-height: 27px; padding: 0 8px; } .vxe-input--panel.size--mini .vxe-input--date-picker-btn, .vxe-input--panel.size--mini .vxe-input--date-picker-label { height: 27px; line-height: 27px; } .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn { margin-left: 5px; } .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn, .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn, .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn { width: 27px; border-radius: 4px; border: 1px solid #dcdfe6; } .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn, .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label { padding: 0 6px; } .vxe-input--panel.size--mini .vxe-input--date-picker-header, .vxe-input--panel.size--mini .vxe-input--time-picker-header { padding-bottom: 5px; } .vxe-input--panel.size--mini .vxe-input--date-picker-body table, .vxe-input--panel.size--mini .vxe-input--time-picker-body { height: 218px; } .vxe-input--panel.size--mini .vxe-input--time-picker-body>ul { width: 42px; } .vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:after, .vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:before { height: 100px; } .vxe-input--panel.size--mini .vxe-input--time-picker-body>ul>li { height: 26px; padding-left: 6px; } .vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list { left: 42px; } .vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-second-list { left: 84px; } .vxe-input--panel.size--mini .vxe-input--date-day-view td, .vxe-input--panel.size--mini .vxe-input--date-week-view td { height: 32px; } .vxe-input--panel.size--mini .vxe-input--date-quarter-view td { height: 54px; } .vxe-input--panel.size--mini .vxe-input--date-month-view td, .vxe-input--panel.size--mini .vxe-input--date-year-view td { height: 42px; } .vxe-input--panel.size--mini .vxe-input--date-picker-body th { height: 26px; } .vxe-input--panel.size--mini .vxe-input--date-picker-confirm, .vxe-input--panel.size--mini .vxe-input--time-picker-confirm { height: 27px; padding: 0 6px; } .vxe-input--panel.size--mini .vxe-input--date-label { line-height: 13px; } .vxe-textarea { position: relative; display: inline-block; } .vxe-textarea:not(.def--cols), .vxe-textarea:not(.def--cols) .vxe-textarea--inner { width: 100%; } .vxe-textarea--inner { border-radius: 4px; outline: 0; font-size: inherit; padding: 0 .6em; color: #606266; line-height: inherit; border: 1px solid #dcdfe6; background-color: #fff; display: block; padding: .3em .6em; } .vxe-textarea--inner::-webkit-input-placeholder { color: #c0c4cc; } .vxe-textarea--inner::-moz-placeholder { color: #c0c4cc; } .vxe-textarea--inner:-ms-input-placeholder { color: #c0c4cc; } .vxe-textarea--inner::-ms-input-placeholder { color: #c0c4cc; } .vxe-textarea--inner::placeholder { color: #c0c4cc; } .vxe-textarea--inner:focus { border: 1px solid #409eff; } .vxe-textarea--inner[disabled] { cursor: not-allowed; background-color: #f3f3f3; } .vxe-textarea--autosize, .vxe-textarea--inner { line-height: 1.5715; color: #606266; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; } .vxe-textarea--autosize { display: block; position: fixed; top: 0; left: 0; width: 100%; margin: 0; padding: .3em .6em; word-wrap: break-word; white-space: pre-wrap; z-index: -1; visibility: hidden; } .vxe-textarea--count { position: absolute; bottom: .2em; right: 1.4em; padding-left: .2em; color: #999; background-color: #fff; } .vxe-textarea--count.is--error { color: #f56c6c; } .vxe-textarea, .vxe-textarea--autosize, .vxe-textarea--autosize.size--medium, .vxe-textarea.size--medium { font-size: 14px; } .vxe-textarea--autosize.size--small, .vxe-textarea.size--small { font-size: 13px; } .vxe-textarea--autosize.size--mini, .vxe-textarea.size--mini { font-size: 12px; } .vxe-textarea:not(.is--autosize) { min-height: 34px; } .vxe-textarea.size--medium { font-size: 14px; } .vxe-textarea.size--medium:not(.is--autosize) { min-height: 32px; } .vxe-textarea.size--small:not(.is--autosize) { min-height: 30px; } .vxe-textarea.size--mini:not(.is--autosize) { min-height: 28px; } .vxe-button { position: relative; text-align: center; background-color: #fff; outline: 0; font-size: 14px; max-width: 500px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .vxe-button:not(.is--disabled) { color: #606266; cursor: pointer; } .vxe-button:not(.is--disabled) .vxe-button--icon.vxe-icon--zoomin { border-color: #606266; } .vxe-button.is--loading { cursor: progress; } .vxe-button.is--loading:before { content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: inherit; background-color: hsla(0,0%,100%,.35); pointer-events: none; } .vxe-button.is--disabled { color: #bfbfbf; } .vxe-button.is--disabled .vxe-button--icon.vxe-icon--zoomin { border-color: #bfbfbf; } .vxe-button.is--disabled:not(.is--loading) { cursor: no-drop; } .vxe-button.type--text { text-decoration: none; border: 0; padding: .1em .5em; background-color: transparent; } .vxe-button.type--text:not(.is--disabled):focus { -webkit-box-shadow: 0 0 .25em 0 #409eff; box-shadow: 0 0 .25em 0 #409eff; } .vxe-button.type--text:not(.is--disabled):hover { color: #73b8ff; } .vxe-button.type--text.theme--primary { color: #409eff; } .vxe-button.type--text.theme--primary:not(.is--disabled):hover { color: #73b8ff; } .vxe-button.type--text.theme--primary.is--disabled { color: #a6d2ff; } .vxe-button.type--text.theme--success { color: #67c23a; } .vxe-button.type--text.theme--success:not(.is--disabled):hover { color: #85cf60; } .vxe-button.type--text.theme--success.is--disabled { color: #a3db87; } .vxe-button.type--text.theme--info { color: #909399; } .vxe-button.type--text.theme--info:not(.is--disabled):hover { color: #abadb1; } .vxe-button.type--text.theme--info.is--disabled { color: #c5c7ca; } .vxe-button.type--text.theme--warning { color: #e6a23c; } .vxe-button.type--text.theme--warning:not(.is--disabled):hover { color: #ecb869; } .vxe-button.type--text.theme--warning.is--disabled { color: #f2cd96; } .vxe-button.type--text.theme--danger { color: #f56c6c; } .vxe-button.type--text.theme--danger:not(.is--disabled):hover { color: #f89c9c; } .vxe-button.type--text.theme--danger.is--disabled { color: #fbcccc; } .vxe-button.type--text.theme--perfect { color: #f8f8f9; } .vxe-button.type--text.theme--perfect.is--disabled, .vxe-button.type--text.theme--perfect:not(.is--disabled):hover { color: #fff; } .vxe-button.type--button { font-family: inherit; height: 34px; line-height: 1; border: 1px solid #dcdfe6; } .vxe-button.type--button.is--round { border-radius: 17px; } .vxe-button.type--button:not(.is--round) { border-radius: 4px; } .vxe-button.type--button.is--circle { padding: 0 .5em; min-width: 34px; border-radius: 50%; } .vxe-button.type--button:not(.is--circle) { padding: 0 1em; } .vxe-button.type--button:not(.is--disabled):hover { color: #5faeff; } .vxe-button.type--button:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin { border-color: #5faeff; } .vxe-button.type--button:not(.is--disabled):focus { border-color: #409eff; -webkit-box-shadow: 0 0 .25em 0 #409eff; box-shadow: 0 0 .25em 0 #409eff; } .vxe-button.type--button:not(.is--disabled):active { color: #3196ff; border-color: #3196ff; background-color: #f7f7f7; } .vxe-button.type--button:not(.is--disabled):active .vxe-button--icon.vxe-icon--zoomin, .vxe-button.type--button:not(.is--disabled):active .vxe-button--icon.vxe-icon--zoomout:after { background-color: #f7f7f7; } .vxe-button.type--button.theme--primary { color: #fff; } .vxe-button.type--button.theme--primary .vxe-button--icon.vxe-icon--zoomin { border-color: #fff; } .vxe-button.type--button.theme--primary:not(.is--disabled) { border-color: #409eff; background-color: #409eff; } .vxe-button.type--button.theme--primary:not(.is--disabled):hover { color: #fff; background-color: #5faeff; border-color: #5faeff; } .vxe-button.type--button.theme--primary:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin { border-color: #5faeff; } .vxe-button.type--button.theme--primary:not(.is--disabled):active { color: #fff; background-color: #3196ff; border-color: #3196ff; } .vxe-button.type--button.theme--primary:not(.is--disabled):active.vxe-icon--zoomin, .vxe-button.type--button.theme--primary:not(.is--disabled):active.vxe-icon--zoomout:after { background-color: #3196ff; } .vxe-button.type--button.theme--primary.is--disabled { border-color: #a6d2ff; background-color: #a6d2ff; } .vxe-button.type--button.theme--primary.is--loading { border-color: #409eff; background-color: #409eff; } .vxe-button.type--button.theme--success { color: #fff; } .vxe-button.type--button.theme--success .vxe-button--icon.vxe-icon--zoomin { border-color: #fff; } .vxe-button.type--button.theme--success:not(.is--disabled) { border-color: #67c23a; background-color: #67c23a; } .vxe-button.type--button.theme--success:not(.is--disabled):hover { color: #fff; background-color: #79cb50; border-color: #79cb50; } .vxe-button.type--button.theme--success:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin { border-color: #79cb50; } .vxe-button.type--button.theme--success:not(.is--disabled):active { color: #fff; background-color: #61b636; border-color: #61b636; } .vxe-button.type--button.theme--success:not(.is--disabled):active.vxe-icon--zoomin, .vxe-button.type--button.theme--success:not(.is--disabled):active.vxe-icon--zoomout:after { background-color: #61b636; } .vxe-button.type--button.theme--success.is--disabled { border-color: #a3db87; background-color: #a3db87; } .vxe-button.type--button.theme--success.is--loading { border-color: #67c23a; background-color: #67c23a; } .vxe-button.type--button.theme--info { color: #fff; } .vxe-button.type--button.theme--info .vxe-button--icon.vxe-icon--zoomin { border-color: #fff; } .vxe-button.type--button.theme--info:not(.is--disabled) { border-color: #909399; background-color: #909399; } .vxe-button.type--button.theme--info:not(.is--disabled):hover { color: #fff; background-color: #a0a3a8; border-color: #a0a3a8; } .vxe-button.type--button.theme--info:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin { border-color: #a0a3a8; } .vxe-button.type--button.theme--info:not(.is--disabled):active { color: #fff; background-color: #888b92; border-color: #888b92; } .vxe-button.type--button.theme--info:not(.is--disabled):active.vxe-icon--zoomin, .vxe-button.type--button.theme--info:not(.is--disabled):active.vxe-icon--zoomout:after { background-color: #888b92; } .vxe-button.type--button.theme--info.is--disabled { border-color: #c5c7ca; background-color: #c5c7ca; } .vxe-button.type--button.theme--info.is--loading { border-color: #909399; background-color: #909399; } .vxe-button.type--button.theme--warning { color: #fff; } .vxe-button.type--button.theme--warning .vxe-button--icon.vxe-icon--zoomin { border-color: #fff; } .vxe-button.type--button.theme--warning:not(.is--disabled) { border-color: #e6a23c; background-color: #e6a23c; } .vxe-button.type--button.theme--warning:not(.is--disabled):hover { color: #fff; background-color: #e9af57; border-color: #e9af57; } .vxe-button.type--button.theme--warning:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin { border-color: #e9af57; } .vxe-button.type--button.theme--warning:not(.is--disabled):active { color: #fff; background-color: #e49c2e; border-color: #e49c2e; } .vxe-button.type--button.theme--warning:not(.is--disabled):active.vxe-icon--zoomin, .vxe-button.type--button.theme--warning:not(.is--disabled):active.vxe-icon--zoomout:after { background-color: #e49c2e; } .vxe-button.type--button.theme--warning.is--disabled { border-color: #f2cd96; background-color: #f2cd96; } .vxe-button.type--button.theme--warning.is--loading { border-color: #e6a23c; background-color: #e6a23c; } .vxe-button.type--button.theme--danger { color: #fff; } .vxe-button.type--button.theme--danger .vxe-button--icon.vxe-icon--zoomin { border-color: #fff; } .vxe-button.type--button.theme--danger:not(.is--disabled) { border-color: #f56c6c; background-color: #f56c6c; } .vxe-button.type--button.theme--danger:not(.is--disabled):hover { color: #fff; background-color: #f78989; border-color: #f78989; } .vxe-button.type--button.theme--danger:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin { border-color: #f78989; } .vxe-button.type--button.theme--danger:not(.is--disabled):active { color: #fff; background-color: #f45e5e; border-color: #f45e5e; } .vxe-button.type--button.theme--danger:not(.is--disabled):active.vxe-icon--zoomin, .vxe-button.type--button.theme--danger:not(.is--disabled):active.vxe-icon--zoomout:after { background-color: #f45e5e; } .vxe-button.type--button.theme--danger.is--disabled { border-color: #fbcccc; background-color: #fbcccc; } .vxe-button.type--button.theme--danger.is--loading { border-color: #f56c6c; background-color: #f56c6c; } .vxe-button.type--button.theme--perfect { color: #606266; } .vxe-button.type--button.theme--perfect .vxe-button--icon.vxe-icon--zoomin { border-color: #606266; } .vxe-button.type--button.theme--perfect:not(.is--disabled) { border-color: #f8f8f9; background-color: #f8f8f9; } .vxe-button.type--button.theme--perfect:not(.is--disabled):hover { color: #606266; background-color: #fff; border-color: #fff; } .vxe-button.type--button.theme--perfect:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin { border-color: #fff; } .vxe-button.type--button.theme--perfect:not(.is--disabled):active { color: #606266; background-color: #f0f0f2; border-color: #f0f0f2; } .vxe-button.type--button.theme--perfect:not(.is--disabled):active.vxe-icon--zoomin, .vxe-button.type--button.theme--perfect:not(.is--disabled):active.vxe-icon--zoomout:after { background-color: #f0f0f2; } .vxe-button.type--button.theme--perfect.is--disabled { border-color: #fff; background-color: #fff; } .vxe-button.type--button.theme--perfect.is--loading { border-color: #f8f8f9; background-color: #f8f8f9; } .vxe-button.size--medium { font-size: 14px; } .vxe-button.size--medium.type--button { height: 32px; } .vxe-button.size--medium.type--button.is--circle { min-width: 32px; } .vxe-button.size--medium.type--button.is--round { border-radius: 16px; } .vxe-button.size--medium .vxe-button--icon, .vxe-button.size--medium .vxe-button--loading-icon { min-width: 14px; } .vxe-button.size--small { font-size: 13px; } .vxe-button.size--small.type--button { height: 30px; } .vxe-button.size--small.type--button.is--circle { min-width: 30px; } .vxe-button.size--small.type--button.is--round { border-radius: 15px; } .vxe-button.size--small .vxe-button--icon, .vxe-button.size--small .vxe-button--loading-icon { min-width: 13px; } .vxe-button.size--mini { font-size: 12px; } .vxe-button.size--mini.type--button { height: 28px; } .vxe-button.size--mini.type--button.is--circle { min-width: 28px; } .vxe-button.size--mini.type--button.is--round { border-radius: 14px; } .vxe-button.size--mini .vxe-button--icon, .vxe-button.size--mini .vxe-button--loading-icon { min-width: 12px; } .vxe-button+.vxe-button, .vxe-button+.vxe-button--dropdown, .vxe-input+.vxe-button, .vxe-input+.vxe-button--dropdown { margin-left: 12px; } .vxe-button--icon, .vxe-button--loading-icon { min-width: 14px; } .vxe-button--icon+.vxe-button--content, .vxe-button--loading-icon+.vxe-button--content { margin-left: 4px; } .vxe-button--dropdown, .vxe-button--wrapper { display: inline-block; } .vxe-button--dropdown { position: relative; } .vxe-button--dropdown+.vxe-button, .vxe-button--dropdown+.vxe-button--dropdown { margin-left: 12px; } .vxe-button--dropdown>.vxe-button.type--button.theme--danger, .vxe-button--dropdown>.vxe-button.type--button.theme--info, .vxe-button--dropdown>.vxe-button.type--button.theme--primary, .vxe-button--dropdown>.vxe-button.type--button.theme--success, .vxe-button--dropdown>.vxe-button.type--button.theme--warning { color: #fff; } .vxe-button--dropdown>.vxe-button.type--button.theme--perfect { color: #606266; } .vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled) { color: #5faeff; } .vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary { color: #73b8ff; } .vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success { color: #85cf60; } .vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info { color: #abadb1; } .vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning { color: #ecb869; } .vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger { color: #f89c9c; } .vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect { color: #fff; } .vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary { color: #fff; background-color: #5faeff; border-color: #5faeff; } .vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success { color: #fff; background-color: #79cb50; border-color: #79cb50; } .vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info { color: #fff; background-color: #a0a3a8; border-color: #a0a3a8; } .vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning { color: #fff; background-color: #e9af57; border-color: #e9af57; } .vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger { color: #fff; background-color: #f78989; border-color: #f78989; } .vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect { color: #606266; background-color: #fff; border-color: #fff; } .vxe-button--dropdown.is--active .vxe-button--dropdown-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .vxe-button--dropdown-arrow { font-size: 12px; margin-left: 4px; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; } .vxe-button--dropdown-panel { display: none; position: absolute; right: 0; padding: 4px 0; } .vxe-button--dropdown-panel.animat--leave { display: block; opacity: 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); -webkit-transform-origin: center top; transform-origin: center top; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .vxe-button--dropdown-panel.animat--leave[placement=top] { -webkit-transform-origin: center bottom; transform-origin: center bottom; } .vxe-button--dropdown-panel.animat--enter { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .vxe-button--dropdown-wrapper { padding: 5px; background-color: #fff; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); box-shadow: 0 1px 6px rgba(0,0,0,.2); } .vxe-button--dropdown-wrapper>.vxe-button { margin-left: 0; margin-top: .4em; display: block; width: 100%; border: 0; } .vxe-button--dropdown-wrapper>.vxe-button.type--text { padding: 2px 8px; } .vxe-button--dropdown-wrapper>.vxe-button:first-child { margin-top: 0; } .vxe-button--dropdown-wrapper>.vxe-button:last-child { margin-bottom: 0; } .vxe-modal--wrapper { display: none; position: fixed; top: 0; left: 0; line-height: 1.5; width: calc(100% + 18px); height: calc(100% + 18px); color: #606266; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; -webkit-transition: top .4s ease-in-out; transition: top .4s ease-in-out; } .vxe-modal--wrapper.is--active { display: block; } .vxe-modal--wrapper.is--visible.is--mask:before { background-color: rgba(0,0,0,.5); } .vxe-modal--wrapper.is--visible.type--message .vxe-modal--box { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .vxe-modal--wrapper.is--visible .vxe-modal--box { opacity: 1; visibility: visible; } .vxe-modal--wrapper.is--loading .vxe-modal--footer, .vxe-modal--wrapper.is--loading .vxe-modal--header { position: relative; border-bottom-color: rgba(0,0,0,.3); } .vxe-modal--wrapper.is--loading .vxe-modal--footer:before, .vxe-modal--wrapper.is--loading .vxe-modal--header:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgba(0,0,0,.3); } .vxe-modal--wrapper:not(.lock--view) { pointer-events: none; } .vxe-modal--wrapper:not(.type--message).lock--scroll { overflow: hidden; } .vxe-modal--wrapper:not(.type--message):not(.lock--scroll) { overflow: auto; } .vxe-modal--wrapper.is--mask:before, .vxe-modal--wrapper.lock--view:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: auto; } .vxe-modal--wrapper.is--mask:before { background-color: transparent; } .vxe-modal--wrapper.is--animat.is--mask:before { -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag) { -webkit-transition: all .4s ease-out; transition: all .4s ease-out; } .vxe-modal--wrapper.type--alert .vxe-modal--body, .vxe-modal--wrapper.type--confirm .vxe-modal--body, .vxe-modal--wrapper.type--message .vxe-modal--body { white-space: normal; word-break: break-word; } .vxe-modal--wrapper.type--message { text-align: center; } .vxe-modal--wrapper.type--message .vxe-modal--box { display: inline-block; padding: 2px 0; margin-top: 0; width: auto; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1); box-shadow: 0 0 8px 0 rgba(0,0,0,.1); opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; } .vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content { max-width: 800px; float: left; } .vxe-modal--wrapper.type--message .vxe-modal--status-wrapper { font-size: 1.4em; padding-left: 10px; } .vxe-modal--wrapper.type--alert .vxe-modal--box, .vxe-modal--wrapper.type--confirm .vxe-modal--box, .vxe-modal--wrapper.type--modal .vxe-modal--box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; left: 50%; top: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2); box-shadow: 0 0 10px 0 rgba(0,0,0,.2); } .vxe-modal--wrapper.type--alert .vxe-modal--body, .vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content, .vxe-modal--wrapper.type--confirm .vxe-modal--body, .vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content, .vxe-modal--wrapper.type--modal .vxe-modal--body, .vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content { overflow: auto; } .vxe-modal--wrapper.type--modal .vxe-modal--header { padding: .6em 4.6em .6em 1em; } .vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper, .vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper { font-size: 1.6em; padding-left: 10px; } .vxe-modal--wrapper .vxe-modal--box { visibility: hidden; width: 420px; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; text-align: left; pointer-events: auto; opacity: 0; } .vxe-modal--wrapper .vxe-modal--box.is--drag { cursor: move; } .vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body:after, .vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--footer:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body, .vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content { overflow: hidden; } .vxe-modal--wrapper.status--info .vxe-modal--status-wrapper { color: #909399; } .vxe-modal--wrapper.status--question .vxe-modal--status-wrapper, .vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper { color: #e6a23c; } .vxe-modal--wrapper.status--success .vxe-modal--status-wrapper { color: #67c23a; } .vxe-modal--wrapper.status--error .vxe-modal--status-wrapper { color: #f56c6c; } .vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper { color: #bfbfbf; } .vxe-modal--wrapper .vxe-modal--status-wrapper { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vxe-modal--wrapper .vxe-modal--content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: .8em 1em; white-space: pre-line; } .vxe-modal--wrapper .vxe-modal--body, .vxe-modal--wrapper .vxe-modal--footer, .vxe-modal--wrapper .vxe-modal--header { position: relative; } .vxe-modal--wrapper .vxe-modal--body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .vxe-modal--wrapper .vxe-modal--header { -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.1em; font-weight: 700; padding: .6em 2.8em .6em 1em; border-bottom: 1px solid #ebeef5; background-color: #f8f8f8; border-radius: 4px 4px 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-modal--wrapper .vxe-modal--header.is--draggable { cursor: move; } .vxe-modal--wrapper .vxe-modal--header.is--ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vxe-modal--wrapper .vxe-modal--close-btn, .vxe-modal--wrapper .vxe-modal--zoom-btn { position: absolute; right: 14px; top: .85em; z-index: 1; cursor: pointer; } .vxe-modal--wrapper .vxe-modal--close-btn:hover, .vxe-modal--wrapper .vxe-modal--zoom-btn:hover { color: #409eff; } .vxe-modal--wrapper .vxe-modal--zoom-btn { right: 44px; } .vxe-modal--wrapper .vxe-modal--footer { -ms-flex-negative: 0; flex-shrink: 0; text-align: right; padding: .4em 1em .8em 1em; } .vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header { cursor: default; } .vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize, .vxe-modal--wrapper.is--maximize .vxe-modal--resize .selb-resize, .vxe-modal--wrapper.is--maximize .vxe-modal--resize .sest-resize, .vxe-modal--wrapper.is--maximize .vxe-modal--resize .st-resize, .vxe-modal--wrapper.is--maximize .vxe-modal--resize .swlb-resize, .vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-resize, .vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize, .vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize { display: none; } .vxe-modal--wrapper .vxe-modal--resize .sb-resize, .vxe-modal--wrapper .vxe-modal--resize .selb-resize, .vxe-modal--wrapper .vxe-modal--resize .sest-resize, .vxe-modal--wrapper .vxe-modal--resize .st-resize, .vxe-modal--wrapper .vxe-modal--resize .swlb-resize, .vxe-modal--wrapper .vxe-modal--resize .swst-resize, .vxe-modal--wrapper .vxe-modal--resize .wl-resize, .vxe-modal--wrapper .vxe-modal--resize .wr-resize { position: absolute; z-index: 100; } .vxe-modal--wrapper .vxe-modal--resize .wl-resize, .vxe-modal--wrapper .vxe-modal--resize .wr-resize { width: 8px; height: 100%; top: 0; cursor: w-resize; } .vxe-modal--wrapper .vxe-modal--resize .wl-resize { left: -5px; } .vxe-modal--wrapper .vxe-modal--resize .wr-resize { right: -5px; } .vxe-modal--wrapper .vxe-modal--resize .selb-resize, .vxe-modal--wrapper .vxe-modal--resize .sest-resize, .vxe-modal--wrapper .vxe-modal--resize .swlb-resize, .vxe-modal--wrapper .vxe-modal--resize .swst-resize { width: 10px; height: 10px; z-index: 101; } .vxe-modal--wrapper .vxe-modal--resize .sest-resize, .vxe-modal--wrapper .vxe-modal--resize .swst-resize { top: -8px; } .vxe-modal--wrapper .vxe-modal--resize .selb-resize, .vxe-modal--wrapper .vxe-modal--resize .swlb-resize { bottom: -8px; } .vxe-modal--wrapper .vxe-modal--resize .sest-resize, .vxe-modal--wrapper .vxe-modal--resize .swlb-resize { cursor: sw-resize; } .vxe-modal--wrapper .vxe-modal--resize .selb-resize, .vxe-modal--wrapper .vxe-modal--resize .swst-resize { cursor: se-resize; } .vxe-modal--wrapper .vxe-modal--resize .swlb-resize, .vxe-modal--wrapper .vxe-modal--resize .swst-resize { left: -8px; } .vxe-modal--wrapper .vxe-modal--resize .selb-resize, .vxe-modal--wrapper .vxe-modal--resize .sest-resize { right: -8px; } .vxe-modal--wrapper .vxe-modal--resize .sb-resize, .vxe-modal--wrapper .vxe-modal--resize .st-resize { width: 100%; height: 8px; left: 0; cursor: s-resize; } .vxe-modal--wrapper .vxe-modal--resize .st-resize { top: -5px; } .vxe-modal--wrapper .vxe-modal--resize .sb-resize { bottom: -5px; } .vxe-modal--wrapper, .vxe-modal--wrapper.size--medium { font-size: 14px; } .vxe-modal--wrapper.size--small { font-size: 13px; } .vxe-modal--wrapper.size--mini { font-size: 12px; } .vxe-table--tooltip-wrapper { display: none; position: absolute; top: -100%; left: -100%; font-size: 12px; max-width: 600px; border-radius: 4px; padding: 8px 12px; white-space: normal; word-break: break-word; -webkit-box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2); box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2); color: #606266; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; } .vxe-table--tooltip-wrapper:not(.is--enterable) { pointer-events: none; } .vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow, .vxe-table--tooltip-wrapper.is--visible { display: block; } .vxe-table--tooltip-wrapper.is--enterable:after { content: ""; position: absolute; left: 0; width: 100%; height: 6px; background-color: transparent; } .vxe-table--tooltip-wrapper .vxe-table--tooltip-content { white-space: pre-line; } .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow { display: none; position: absolute; border-color: transparent; border-width: 6px; border-style: solid; left: 50%; -webkit-transform: translateX(-6px); transform: translateX(-6px); } .vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before { content: ""; position: absolute; border-color: transparent; border-width: 5px; border-style: solid; left: -5px; } .vxe-table--tooltip-wrapper.placement--top.is--enterable:after { bottom: -6px; } .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow { bottom: -12px; } .vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before { top: -7px; } .vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after { top: -6px; } .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow { top: -12px; } .vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before { top: -4px; } .vxe-table--tooltip-wrapper.theme--light { background-color: #fff; border: 1px solid #dcdfe6; } .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow { border-top-color: #dcdfe6; } .vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before { border-top-color: #fff; } .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow { border-bottom-color: #dcdfe6; } .vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before { border-bottom-color: #fff; } .vxe-table--tooltip-wrapper.theme--dark { background: #303133; color: #fff; } .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow, .vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before { border-top-color: #303133; } .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow, .vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before { border-bottom-color: #303133; } .vxe-table--tooltip-wrapper.vxe-table--valid-error { background-color: #f56c6c; color: #fff; } .vxe-form--item .vxe-default-input[type=reset]:hover, .vxe-form--item .vxe-default-input[type=submit]:hover { color: #5faeff; border-color: #73b8ff; } .vxe-form { position: relative; font-size: 14px; color: #606266; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; background-color: #fff; text-align: left; } .vxe-form-slots { display: none; } .vxe-form--item-content, .vxe-form--item-trigger-node { display: inline-block; vertical-align: middle; } .vxe-form--item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 320px; padding-right: .8em; } .vxe-form--item-title.is--ellipsis .vxe-form--item-title-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vxe-form--item-title .vxe-form--item-title-postfix, .vxe-form--item-title .vxe-form--item-title-prefix, .vxe-form--item-title .vxe-form--item-title-suffix { -ms-flex-negative: 0; flex-shrink: 0; } .vxe-form--item-title .vxe-form--item-title-prefix, .vxe-form--item-title .vxe-form--item-title-suffix { cursor: help; vertical-align: middle; } .vxe-form--item-title .vxe-form--item-title-prefix>i, .vxe-form--item-title .vxe-form--item-title-suffix>i { vertical-align: middle; } .vxe-form--item-title .vxe-form--item-title-prefix { margin-right: .25em; } .vxe-form--item-title .vxe-form--item-title-suffix { margin-left: .2em; } .vxe-form--item-title .vxe-form--item-title-postfix { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vxe-form--item-title .vxe-form--item-title-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .vxe-form--item-title .vxe-form--item-title-label { vertical-align: middle; } .vxe-form--item-trigger-node { font-size: 12px; min-width: 100px; color: #909399; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .vxe-form--item-trigger-node .vxe-form--item-trigger-icon { margin: 0 .25em; -webkit-transition: all .1s; transition: all .1s; } .vxe-form--item-valid { position: absolute; width: 100%; font-size: 12px; line-height: 1.2em; color: #f56c6c; background-color: inherit; z-index: 1; opacity: 0; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .vxe-form .vxe-form--gather { display: inline-block; } .vxe-form .vxe-form--item { display: none; padding: .5em .8em .5em 0; } .vxe-form .vxe-form--item.is--active:not(.is--hidden) { display: inline-block; } .vxe-form--item.is--colon .vxe-form--item-title-postfix:after { content: ":"; font-weight: 400; margin-left: .2em; } .vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before { content: "*"; color: #f56c6c; font-family: Verdana,Arial,Tahoma; margin-right: .2em; font-weight: 400; vertical-align: middle; } .vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]), .vxe-form--item.is--span .vxe-default-select, .vxe-form--item.is--span .vxe-default-textarea, .vxe-form--item.is--span .vxe-input, .vxe-form--item.is--span .vxe-select, .vxe-form--item.is--span .vxe-textarea { width: 100%; } .vxe-form--item.is--error .vxe-default-input, .vxe-form--item.is--error .vxe-default-input[type=search]:focus, .vxe-form--item.is--error .vxe-default-input[type=text]:focus, .vxe-form--item.is--error .vxe-default-select, .vxe-form--item.is--error .vxe-default-select:focus, .vxe-form--item.is--error .vxe-default-textarea, .vxe-form--item.is--error .vxe-default-textarea:focus, .vxe-form--item.is--error .vxe-input>.vxe-input--inner, .vxe-form--item.is--error .vxe-input>.vxe-input--inner:focus, .vxe-form--item.is--error .vxe-select, .vxe-form--item.is--error .vxe-select.is--active>.vxe-input .vxe-input--inner, .vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner, .vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus { border-color: #f56c6c; } .vxe-form--item.is--error .vxe-form--item-valid { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .vxe-form--item .vxe-form--item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vxe-form--item .vxe-form--item-inner .vxe-form--item-title { -ms-flex-negative: 0; flex-shrink: 0; } .vxe-form--item .vxe-form--item-inner .vxe-form--item-content { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; word-break: break-all; } .vxe-form--item .vxe-default-input, .vxe-form--item .vxe-default-select, .vxe-form--item .vxe-default-textarea { outline: 0; border: 1px solid #dcdfe6; border-radius: 4px; } .vxe-form--item .vxe-default-input, .vxe-form--item .vxe-default-select { height: 34px; } .vxe-form--item .vxe-default-input { padding: 0 .8em; } .vxe-form--item .vxe-default-textarea { padding: .3em .6em; } .vxe-form--item .vxe-default-input[type=number] { padding-right: .2em; } .vxe-form--item .vxe-default-input[type=search], .vxe-form--item .vxe-default-input[type=text] { padding: 0 1em; } .vxe-form--item .vxe-default-input[type=search], .vxe-form--item .vxe-default-input[type=text], .vxe-form--item .vxe-default-select, .vxe-form--item .vxe-default-textarea { color: #606266; } .vxe-form--item .vxe-default-input[type=search]:focus, .vxe-form--item .vxe-default-input[type=text]:focus, .vxe-form--item .vxe-default-select:focus, .vxe-form--item .vxe-default-textarea:focus { border: 1px solid #409eff; } .vxe-form--item .vxe-default-input[type=search][disabled], .vxe-form--item .vxe-default-input[type=text][disabled], .vxe-form--item .vxe-default-select[disabled], .vxe-form--item .vxe-default-textarea[disabled] { cursor: not-allowed; background-color: #f3f3f3; } .vxe-form--item .vxe-default-input[type=reset], .vxe-form--item .vxe-default-input[type=submit] { line-height: 32px; background-color: #fff; cursor: pointer; } .vxe-form--item .vxe-default-input[type=reset]:active, .vxe-form--item .vxe-default-input[type=submit]:active { color: #3699ff; border-color: #3699ff; } .vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button { margin-top: 6px; } .vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button, .vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button { height: 24px; } .vxe-form--item .vxe-default-input::-webkit-input-placeholder { color: #c0c4cc; } .vxe-form--item .vxe-default-input::-moz-placeholder { color: #c0c4cc; } .vxe-form--item .vxe-default-input:-ms-input-placeholder { color: #c0c4cc; } .vxe-form--item .vxe-default-input::-ms-input-placeholder { color: #c0c4cc; } .vxe-form--item .vxe-default-input::placeholder { color: #c0c4cc; } .vxe-form--item .vxe-default-input[type=search], .vxe-form--item .vxe-default-input[type=text], .vxe-form--item .vxe-default-select, .vxe-form--item .vxe-default-textarea { width: 180px; } .vxe-form--item .vxe-default-textarea { resize: none; vertical-align: middle; } .vxe-form--item .vxe-default-textarea::-webkit-input-placeholder { color: #c0c4cc; } .vxe-form--item .vxe-default-textarea::-moz-placeholder { color: #c0c4cc; } .vxe-form--item .vxe-default-textarea:-ms-input-placeholder { color: #c0c4cc; } .vxe-form--item .vxe-default-textarea::-ms-input-placeholder { color: #c0c4cc; } .vxe-form--item .vxe-default-textarea::placeholder { color: #c0c4cc; } .vxe-form .vxe-form--item-inner { min-height: 36px; } .vxe-form .vxe-form--item-inner>.align--center { text-align: center; } .vxe-form .vxe-form--item-inner>.align--left { text-align: left; } .vxe-form .vxe-form--item-inner>.align--right { text-align: right; } .vxe-form.size--medium { font-size: 14px; } .vxe-form.size--medium .vxe-form--item-inner { min-height: 34px; } .vxe-form.size--medium .vxe-default-input[type=reset], .vxe-form.size--medium .vxe-default-input[type=submit] { line-height: 30px; } .vxe-form.size--medium .vxe-default-input, .vxe-form.size--medium .vxe-default-select { height: 32px; } .vxe-form.size--small { font-size: 13px; } .vxe-form.size--small .vxe-form--item-inner { min-height: 32px; } .vxe-form.size--small .vxe-default-input[type=reset], .vxe-form.size--small .vxe-default-input[type=submit] { line-height: 28px; } .vxe-form.size--small .vxe-default-input, .vxe-form.size--small .vxe-default-select { height: 30px; } .vxe-form.size--mini { font-size: 12px; } .vxe-form.size--mini .vxe-form--item-inner { min-height: 30px; } .vxe-form.size--mini .vxe-default-input[type=reset], .vxe-form.size--mini .vxe-default-input[type=submit] { line-height: 26px; } .vxe-form.size--mini .vxe-default-input, .vxe-form.size--mini .vxe-default-select { height: 28px; } .vxe-select { position: relative; display: inline-block; width: 180px; color: #606266; text-align: left; } .vxe-select>.vxe-input .vxe-input--inner { cursor: pointer; } .vxe-select.is--disabled>.vxe-input .vxe-input--inner { cursor: no-drop; } .vxe-select.is--loading>.vxe-input .vxe-input--inner { cursor: progress; } .vxe-select>.vxe-input { width: 100%; } .vxe-select>.vxe-input .vxe-input--suffix-icon { -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; } .vxe-select.is--active:not(.is--filter)>.vxe-input .vxe-input--inner { border: 1px solid #409eff; } .vxe-select-slots { display: none; } .vxe-select--panel { display: none; position: absolute; left: 0; padding: 4px 0; color: #606266; text-align: left; } .vxe-select--panel:not(.is--transfer) { min-width: 100%; } .vxe-select--panel.is--transfer { position: fixed; } .vxe-select--panel.animat--leave { display: block; opacity: 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); -webkit-transform-origin: center top; transform-origin: center top; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .vxe-select--panel.animat--leave[placement=top] { -webkit-transform-origin: center bottom; transform-origin: center bottom; } .vxe-select--panel.animat--enter { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .vxe-select-filter--wrapper { display: block; } .vxe-select-filter--wrapper .vxe-select-filter--input { width: 100%; } .vxe-select-option--wrapper { position: relative; overflow-x: hidden; overflow-y: auto; padding: 4px 0; max-height: 200px; border-radius: 4px; border: 1px solid #dadce0; -webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,.1); box-shadow: 0 0 6px 2px rgba(0,0,0,.1); background-color: #fff; } .vxe-optgroup .vxe-optgroup--title { padding: 0 6px; color: #909399; font-size: 12px; } .vxe-optgroup--wrapper .vxe-select-option { padding: 0 20px; } .vxe-select-option { padding: 0 .6em; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-select-option.is--selected { font-weight: 700; color: #409eff; } .vxe-select-option:not(.is--disabled) { cursor: pointer; } .vxe-select-option:not(.is--disabled).is--hover { background-color: #f5f7fa; } .vxe-select-option.is--disabled { color: #bfbfbf; cursor: no-drop; } .vxe-select--search-icon { margin-right: .5em; } .vxe-select--empty-placeholder, .vxe-select--search-loading { padding: 0 .6em; text-align: center; color: #c0c4cc; } .vxe-select, .vxe-select--panel, .vxe-select--panel.size--medium, .vxe-select.size--medium { font-size: 14px; } .vxe-select--panel.size--small, .vxe-select.size--small { font-size: 13px; } .vxe-select--panel.size--mini, .vxe-select.size--mini { font-size: 12px; } .vxe-select--panel .vxe-optgroup--title, .vxe-select--panel .vxe-select-option { height: 30px; } .vxe-select--panel .vxe-optgroup--title, .vxe-select--panel .vxe-select--empty-placeholder, .vxe-select--panel .vxe-select--search-loading, .vxe-select--panel .vxe-select-option { line-height: 30px; } .vxe-select--panel.size--medium .vxe-optgroup--title, .vxe-select--panel.size--medium .vxe-select-option { height: 28px; } .vxe-select--panel.size--medium .vxe-optgroup--title, .vxe-select--panel.size--medium .vxe-select--empty-placeholder, .vxe-select--panel.size--medium .vxe-select--search-loading, .vxe-select--panel.size--medium .vxe-select-option { line-height: 28px; } .vxe-select--panel.size--small .vxe-optgroup--title, .vxe-select--panel.size--small .vxe-select-option { height: 26px; } .vxe-select--panel.size--small .vxe-optgroup--title, .vxe-select--panel.size--small .vxe-select--empty-placeholder, .vxe-select--panel.size--small .vxe-select--search-loading, .vxe-select--panel.size--small .vxe-select-option { line-height: 26px; } .vxe-select--panel.size--mini .vxe-optgroup--title, .vxe-select--panel.size--mini .vxe-select-option { height: 24px; } .vxe-select--panel.size--mini .vxe-optgroup--title, .vxe-select--panel.size--mini .vxe-select--empty-placeholder, .vxe-select--panel.size--mini .vxe-select--search-loading, .vxe-select--panel.size--mini .vxe-select-option { line-height: 24px; } .vxe-switch { display: inline-block; color: #606266; vertical-align: middle; padding: .4em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; } .vxe-switch.is--animat .vxe-switch--button { -webkit-transition: border-color .3s,background-color .3s; transition: border-color .3s,background-color .3s; } .vxe-switch.is--animat .vxe-switch--icon { -webkit-transition: all .3s; transition: all .3s; } .vxe-switch.is--on .vxe-switch--button { padding-right: 1.7em; background-color: #409eff; } .vxe-switch.is--on .vxe-switch--icon { left: 100%; -webkit-transform: translateX(-1.4em); transform: translateX(-1.4em); } .vxe-switch.is--off .vxe-switch--button { padding-left: 1.7em; background-color: rgba(0,0,0,.35); } .vxe-switch.is--off .vxe-switch--icon { left: .2em; -webkit-transform: translateX(0); transform: translateX(0); } .vxe-switch.is--off .vxe-switch--label-on, .vxe-switch.is--on .vxe-switch--label-off { height: 0; visibility: hidden; overflow: hidden; } .vxe-switch.is--off .vxe-switch--label, .vxe-switch.is--on .vxe-switch--label { opacity: 1; } .vxe-switch:not(.is--disabled) .vxe-switch--button { cursor: pointer; } .vxe-switch:not(.is--disabled) .vxe-switch--button:focus { -webkit-box-shadow: 0 0 .4em 0 #409eff; box-shadow: 0 0 .4em 0 #409eff; } .vxe-switch.is--disabled .vxe-switch--button { cursor: no-drop; } .vxe-switch.is--disabled.is--on .vxe-switch--button { background-color: #a6d2ff; } .vxe-switch.is--disabled.is--off .vxe-switch--button { background-color: rgba(0,0,0,.15); } .vxe-switch .vxe-switch--button { display: block; position: relative; height: 1.6em; line-height: 1; min-width: 3.2em; padding: 0 .6em; border-radius: 1em; border: 0; outline: 0; } .vxe-switch .vxe-switch--label { opacity: 0; display: block; color: #fff; font-size: .8em; } .vxe-switch .vxe-switch--icon { position: absolute; top: .2em; left: 0; width: 1.2em; height: 1.2em; border-radius: 50%; background-color: #fff; } .vxe-switch .vxe-switch--label-icon { margin-right: .25em; } .vxe-switch, .vxe-switch.size--medium { font-size: 14px; } .vxe-switch.size--small { font-size: 13px; } .vxe-switch.size--mini { font-size: 12px; } .vxe-list { position: relative; display: block; padding: 0; color: #606266; direction: ltr; } .vxe-list .vxe-list--virtual-wrapper { position: relative; overflow: auto; } .vxe-list .vxe-list--y-space { width: 0; float: left; } .vxe-list .vxe-list--body, .vxe-list .vxe-list--virtual-wrapper { padding: 0; margin: 0; border: 0; outline: 0; } .vxe-list--virtual-wrapper { height: 100px; } .vxe-pulldown { position: relative; display: inline-block; color: #606266; text-align: left; } .vxe-pulldown--panel { display: none; position: absolute; left: 0; padding: 4px 0; color: #606266; text-align: left; } .vxe-pulldown--panel:not(.is--transfer) { min-width: 100%; } .vxe-pulldown--panel.is--transfer { position: fixed; } .vxe-pulldown--panel.animat--leave { display: block; opacity: 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1); transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1); -webkit-transform-origin: center top; transform-origin: center top; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .vxe-pulldown--panel.animat--leave[placement=top] { -webkit-transform-origin: center bottom; transform-origin: center bottom; } .vxe-pulldown--panel.animat--enter { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .vxe-pulldown--wrapper { background-color: #fff; } .vxe-pulldown, .vxe-pulldown--panel, .vxe-pulldown--panel.size--medium, .vxe-pulldown.size--medium { font-size: 14px; } .vxe-pulldown--panel.size--small, .vxe-pulldown.size--small { font-size: 13px; } .vxe-pulldown--panel.size--mini, .vxe-pulldown.size--mini { font-size: 12px; } .vxe-table.c--highlight .vxe-cell>.ant-calendar-picker .ant-calendar-picker-input, .vxe-table.c--highlight .vxe-cell>.ant-cascader-picker .ant-input, .vxe-table.c--highlight .vxe-cell>.ant-input, .vxe-table.c--highlight .vxe-cell>.ant-input-number, .vxe-table.c--highlight .vxe-cell>.ant-input-number .ant-input-number-handler-down, .vxe-table.c--highlight .vxe-cell>.ant-input-number .ant-input-number-handler-wrap, .vxe-table.c--highlight .vxe-cell>.ant-select .ant-input, .vxe-table.c--highlight .vxe-cell>.ant-select .ant-select-selection, .vxe-table.c--highlight .vxe-cell>.ant-time-picker .ant-time-picker-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-calendar-picker .ant-calendar-picker-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-cascader-picker .ant-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-input-number, .vxe-table.c--highlight .vxe-tree-cell>.ant-input-number .ant-input-number-handler-down, .vxe-table.c--highlight .vxe-tree-cell>.ant-input-number .ant-input-number-handler-wrap, .vxe-table.c--highlight .vxe-tree-cell>.ant-select .ant-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-select .ant-select-selection, .vxe-table.c--highlight .vxe-tree-cell>.ant-time-picker .ant-time-picker-input, .vxe-table.cell--highlight .vxe-cell>.ant-calendar-picker .ant-calendar-picker-input, .vxe-table.cell--highlight .vxe-cell>.ant-cascader-picker .ant-input, .vxe-table.cell--highlight .vxe-cell>.ant-input, .vxe-table.cell--highlight .vxe-cell>.ant-input-number, .vxe-table.cell--highlight .vxe-cell>.ant-input-number .ant-input-number-handler-down, .vxe-table.cell--highlight .vxe-cell>.ant-input-number .ant-input-number-handler-wrap, .vxe-table.cell--highlight .vxe-cell>.ant-select .ant-input, .vxe-table.cell--highlight .vxe-cell>.ant-select .ant-select-selection, .vxe-table.cell--highlight .vxe-cell>.ant-time-picker .ant-time-picker-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-calendar-picker .ant-calendar-picker-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-cascader-picker .ant-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-input-number, .vxe-table.cell--highlight .vxe-tree-cell>.ant-input-number .ant-input-number-handler-down, .vxe-table.cell--highlight .vxe-tree-cell>.ant-input-number .ant-input-number-handler-wrap, .vxe-table.cell--highlight .vxe-tree-cell>.ant-select .ant-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-select .ant-select-selection, .vxe-table.cell--highlight .vxe-tree-cell>.ant-time-picker .ant-time-picker-input { border: 0; -webkit-box-shadow: none; box-shadow: none; } .vxe-cell>.ant-calendar-picker, .vxe-cell>.ant-cascader-picker, .vxe-cell>.ant-input, .vxe-cell>.ant-input-number, .vxe-cell>.ant-select, .vxe-cell>.ant-time-picker, .vxe-form .vxe-form--item-content>.ant-calendar-picker, .vxe-form .vxe-form--item-content>.ant-cascader-picker, .vxe-form .vxe-form--item-content>.ant-input, .vxe-form .vxe-form--item-content>.ant-input-number, .vxe-form .vxe-form--item-content>.ant-select, .vxe-form .vxe-form--item-content>.ant-time-picker, .vxe-tree-cell>.ant-calendar-picker, .vxe-tree-cell>.ant-cascader-picker, .vxe-tree-cell>.ant-input, .vxe-tree-cell>.ant-input-number, .vxe-tree-cell>.ant-select, .vxe-tree-cell>.ant-time-picker { width: 100%; } .vxe-table--filter-antd-wrapper { padding: .8em 1em; } .vxe-table--filter-antd-wrapper>.ant-input, .vxe-table--filter-antd-wrapper>.ant-input-number, .vxe-table--filter-antd-wrapper>.ant-rate, .vxe-table--filter-antd-wrapper>.ant-select { width: 180px; } .vxe-cell>.ant-rate, .vxe-tree-cell>.ant-rate { vertical-align: bottom; } .vxe-cell>.ant-rate .anticon-star, .vxe-tree-cell>.ant-rate .anticon-star { display: block; } .col--valid-error>.vxe-cell>.ant-calendar-picker .ant-calendar-picker-input, .col--valid-error>.vxe-cell>.ant-cascader-picker .ant-cascader-input, .col--valid-error>.vxe-cell>.ant-input, .col--valid-error>.vxe-cell>.ant-input-number, .col--valid-error>.vxe-cell>.ant-select .ant-input, .col--valid-error>.vxe-cell>.ant-select .ant-select-selection, .col--valid-error>.vxe-tree-cell>.ant-calendar-picker .ant-calendar-picker-input, .col--valid-error>.vxe-tree-cell>.ant-cascader-picker .ant-cascader-input, .col--valid-error>.vxe-tree-cell>.ant-input, .col--valid-error>.vxe-tree-cell>.ant-input-number, .col--valid-error>.vxe-tree-cell>.ant-select .ant-input, .col--valid-error>.vxe-tree-cell>.ant-select .ant-select-selection { border-color: #f56c6c; -webkit-box-shadow: none; box-shadow: none; } .vxe-table.c--highlight .vxe-cell>.ant-input, .vxe-table.c--highlight .vxe-cell>.ant-input-number, .vxe-table.c--highlight .vxe-cell>.ant-input-number .ant-input-number-input, .vxe-table.c--highlight .vxe-cell>.ant-select .ant-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-input-number, .vxe-table.c--highlight .vxe-tree-cell>.ant-input-number .ant-input-number-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-select .ant-input, .vxe-table.cell--highlight .vxe-cell>.ant-input, .vxe-table.cell--highlight .vxe-cell>.ant-input-number, .vxe-table.cell--highlight .vxe-cell>.ant-input-number .ant-input-number-input, .vxe-table.cell--highlight .vxe-cell>.ant-select .ant-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-input-number, .vxe-table.cell--highlight .vxe-tree-cell>.ant-input-number .ant-input-number-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-select .ant-input { padding: 0; } .vxe-table.c--highlight .vxe-cell>.ant-select .ant-select-selection .ant-select-selection__rendered, .vxe-table.c--highlight .vxe-tree-cell>.ant-select .ant-select-selection .ant-select-selection__rendered, .vxe-table.cell--highlight .vxe-cell>.ant-select .ant-select-selection .ant-select-selection__rendered, .vxe-table.cell--highlight .vxe-tree-cell>.ant-select .ant-select-selection .ant-select-selection__rendered { margin: 0; } .vxe-table.c--highlight .vxe-cell>.ant-calendar-picker .ant-calendar-picker-input, .vxe-table.c--highlight .vxe-cell>.ant-cascader-picker .ant-cascader-picker-label, .vxe-table.c--highlight .vxe-cell>.ant-time-picker .ant-time-picker-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-calendar-picker .ant-calendar-picker-input, .vxe-table.c--highlight .vxe-tree-cell>.ant-cascader-picker .ant-cascader-picker-label, .vxe-table.c--highlight .vxe-tree-cell>.ant-time-picker .ant-time-picker-input, .vxe-table.cell--highlight .vxe-cell>.ant-calendar-picker .ant-calendar-picker-input, .vxe-table.cell--highlight .vxe-cell>.ant-cascader-picker .ant-cascader-picker-label, .vxe-table.cell--highlight .vxe-cell>.ant-time-picker .ant-time-picker-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-calendar-picker .ant-calendar-picker-input, .vxe-table.cell--highlight .vxe-tree-cell>.ant-cascader-picker .ant-cascader-picker-label, .vxe-table.cell--highlight .vxe-tree-cell>.ant-time-picker .ant-time-picker-input { padding: 0; } .vxe-chart--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; } .vxe-chart--wrapper .vxe-chart--panel { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0; width: 100px; height: 100%; -webkit-box-shadow: 0 0 10px #29d,0 0 5px #29d; box-shadow: 0 0 10px #29d,0 0 5px #29d; opacity: 1; -webkit-transform: rotate(3deg) translateY(-4px); transform: rotate(3deg) translateY(-4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner .4s linear infinite; animation: nprogress-spinner .4s linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); } } @keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .CodeMirror { font-family: monospace; height: 300px; color: #000; direction: ltr; } .CodeMirror-lines { padding: 4px 0; } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { padding: 0 4px; } .CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: #fff; } .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } .CodeMirror-guttermarker { color: #000; } .CodeMirror-guttermarker-subtle { color: #999; } .CodeMirror-cursor { border-left: 1px solid #000; border-right: none; width: 0; } .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid #c0c0c0; } .cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0!important; background: #7e7; } .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-fat-cursor .CodeMirror-line::selection, .cm-fat-cursor .CodeMirror-line>span::selection, .cm-fat-cursor .CodeMirror-line>span>span::selection { background: transparent; } .cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line>span::-moz-selection, .cm-fat-cursor .CodeMirror-line>span>span::-moz-selection { background: transparent; } .cm-fat-cursor { caret-color: transparent; } @-webkit-keyframes blink { 50% { background-color: transparent; } } @keyframes blink { 50% { background-color: transparent; } } .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: 0; overflow: hidden; } .CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; } .cm-s-default .cm-header { color: #00f; } .cm-s-default .cm-quote { color: #090; } .cm-negative { color: #d44; } .cm-positive { color: #292; } .cm-header, .cm-strong { font-weight: 700; } .cm-em { font-style: italic; } .cm-link { text-decoration: underline; } .cm-strikethrough { text-decoration: line-through; } .cm-s-default .cm-keyword { color: #708; } .cm-s-default .cm-atom { color: #219; } .cm-s-default .cm-number { color: #164; } .cm-s-default .cm-def { color: #00f; } .cm-s-default .cm-variable-2 { color: #05a; } .cm-s-default .cm-type, .cm-s-default .cm-variable-3 { color: #085; } .cm-s-default .cm-comment { color: #a50; } .cm-s-default .cm-string { color: #a11; } .cm-s-default .cm-string-2 { color: #f50; } .cm-s-default .cm-meta, .cm-s-default .cm-qualifier { color: #555; } .cm-s-default .cm-builtin { color: #30a; } .cm-s-default .cm-bracket { color: #997; } .cm-s-default .cm-tag { color: #170; } .cm-s-default .cm-attribute { color: #00c; } .cm-s-default .cm-hr { color: #999; } .cm-s-default .cm-link { color: #00c; } .cm-invalidchar, .cm-s-default .cm-error { color: #f00; } .CodeMirror-composing { border-bottom: 2px solid; } div.CodeMirror span.CodeMirror-matchingbracket { color: #0b0; } div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #a22; } .CodeMirror-matchingtag { background: rgba(255,150,0,.3); } .CodeMirror-activeline-background { background: #e8f2ff; } .CodeMirror { position: relative; overflow: hidden; background: #fff; } .CodeMirror-scroll { overflow: scroll!important; margin-bottom: -50px; margin-right: -50px; padding-bottom: 50px; height: 100%; outline: none; position: relative; z-index: 0; } .CodeMirror-sizer { position: relative; border-right: 50px solid transparent; } .CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; outline: none; } .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .CodeMirror-gutter-filler { left: 0; bottom: 0; } .CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -50px; } .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none!important; border: none!important; } .CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-gutter-wrapper ::selection { background-color: transparent; } .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent; } .CodeMirror-lines { cursor: text; min-height: 1px; } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: contextual; font-variant-ligatures: contextual; } .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; padding: .1px; } .CodeMirror-rtl pre { direction: rtl; } .CodeMirror-code { outline: none; } .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer { -webkit-box-sizing: content-box; box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .CodeMirror-cursor { position: absolute; pointer-events: none; } .CodeMirror-measure pre { position: static; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } .CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors { visibility: visible; } .CodeMirror-selected { background: #d9d9d9; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-line::selection, .CodeMirror-line>span::selection, .CodeMirror-line>span>span::selection { background: #d7d4f0; } .CodeMirror-line::-moz-selection, .CodeMirror-line>span::-moz-selection, .CodeMirror-line>span>span::-moz-selection { background: #d7d4f0; } .cm-searching { background-color: #ffa; background-color: rgba(255,255,0,.4); } .cm-force-border { padding-right: .1px; } @media print { .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } .cm-tab-wrap-hack:after { content: ""; } span.CodeMirror-selectedtext { background: none; } .cm-s-monokai.CodeMirror { background: #272822; color: #f8f8f2; } .cm-s-monokai div.CodeMirror-selected { background: #49483e; } .cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line>span::selection, .cm-s-monokai .CodeMirror-line>span>span::selection { background: rgba(73,72,62,.99); } .cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line>span::-moz-selection, .cm-s-monokai .CodeMirror-line>span>span::-moz-selection { background: rgba(73,72,62,.99); } .cm-s-monokai .CodeMirror-gutters { background: #272822; border-right: 0; } .cm-s-monokai .CodeMirror-guttermarker { color: #fff; } .cm-s-monokai .CodeMirror-guttermarker-subtle, .cm-s-monokai .CodeMirror-linenumber { color: #d0d0d0; } .cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #f8f8f0; } .cm-s-monokai span.cm-comment { color: #75715e; } .cm-s-monokai span.cm-atom, .cm-s-monokai span.cm-number { color: #ae81ff; } .cm-s-monokai span.cm-comment.cm-attribute { color: #97b757; } .cm-s-monokai span.cm-comment.cm-def { color: #bc9262; } .cm-s-monokai span.cm-comment.cm-tag { color: #bc6283; } .cm-s-monokai span.cm-comment.cm-type { color: #5998a6; } .cm-s-monokai span.cm-attribute, .cm-s-monokai span.cm-property { color: #a6e22e; } .cm-s-monokai span.cm-keyword { color: #f92672; } .cm-s-monokai span.cm-builtin { color: #66d9ef; } .cm-s-monokai span.cm-string { color: #e6db74; } .cm-s-monokai span.cm-variable { color: #f8f8f2; } .cm-s-monokai span.cm-variable-2 { color: #9effff; } .cm-s-monokai span.cm-type, .cm-s-monokai span.cm-variable-3 { color: #66d9ef; } .cm-s-monokai span.cm-def { color: #fd971f; } .cm-s-monokai span.cm-bracket { color: #f8f8f2; } .cm-s-monokai span.cm-tag { color: #f92672; } .cm-s-monokai span.cm-header, .cm-s-monokai span.cm-link { color: #ae81ff; } .cm-s-monokai span.cm-error { background: #f92672; color: #f8f8f0; } .cm-s-monokai .CodeMirror-activeline-background { background: #373831; } .cm-s-monokai .CodeMirror-matchingbracket { text-decoration: underline; color: #fff!important; } .CodeMirror-hints { position: absolute; z-index: 10; overflow: hidden; list-style: none; margin: 0; padding: 2px; -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2); box-shadow: 2px 3px 5px rgba(0,0,0,.2); border-radius: 3px; border: 1px solid #c0c0c0; background: #fff; font-size: 90%; font-family: monospace; max-height: 20em; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .CodeMirror-hint { margin: 0; padding: 0 4px; border-radius: 2px; white-space: pre; color: #000; cursor: pointer; } li.CodeMirror-hint-active { background: #08f; color: #fff; } .CodeMirror-dialog { position: absolute; left: 0; right: 0; background: inherit; z-index: 15; padding: .1em .8em; overflow: hidden; color: inherit; } .CodeMirror-dialog-top { border-bottom: 1px solid #eee; top: 0; } .CodeMirror-dialog-bottom { border-top: 1px solid #eee; bottom: 0; } .CodeMirror-dialog input { border: none; outline: none; background: transparent; width: 20em; color: inherit; font-family: monospace; } .CodeMirror-dialog button { font-size: 70%; } .CodeMirror-foldmarker { color: #00f; text-shadow: #b9f 1px 1px 2px,#b9f -1px -1px 2px,#b9f 1px -1px 2px,#b9f -1px 1px 2px; font-family: arial; line-height: .3; cursor: pointer; } .CodeMirror-foldgutter { width: .7em; } .CodeMirror-foldgutter-folded, .CodeMirror-foldgutter-open { cursor: pointer; } .CodeMirror-foldgutter-open:after { content: "▾"; } .CodeMirror-foldgutter-folded:after { content: "▸"; }