diff --git a/style/components/checkbox.less b/style/components/checkbox.less index 3ffdf7a853..62912f5b6f 100644 --- a/style/components/checkbox.less +++ b/style/components/checkbox.less @@ -19,7 +19,7 @@ &-inner { &:after { - transform: rotate(45deg); + transform: rotate(45deg) scale(0); position: absolute; left: 4px; top: 1px; @@ -30,9 +30,7 @@ border-top: 0; border-left: 0; content: ' '; - animation-timing-function: @ease-in-out-back; - animation-duration: 0.3s; - animation-name: fadeOut; + transition: all .3s @ease-in-back ; } position: relative; @@ -75,7 +73,7 @@ background-color: @primary-color; &:after { - transform: rotate(45deg); + transform: rotate(45deg) scale(1); position: absolute; left: 4px; top: 1px; @@ -86,9 +84,7 @@ border-top: 0; border-left: 0; content: ' '; - animation-timing-function: @ease-in-out-back; - animation-duration: 0.3s; - animation-name: fadeOut; + transition: all .3s @ease-out-back .2s; } } } diff --git a/style/index.css b/style/index.css new file mode 100644 index 0000000000..5132608618 --- /dev/null +++ b/style/index.css @@ -0,0 +1,6241 @@ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background-color: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +* { + box-sizing: border-box; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +*:before, +*:after { + box-sizing: border-box; +} +html, +body { + width: 100%; + height: 100%; +} +body { + font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, sans-serif; + font-size: 12px; + line-height: 1.5; + color: #666666; + background-color: #ffffff; +} +body, +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +code, +form, +fieldset, +legend, +input, +textarea, +p, +blockquote, +th, +td, +hr, +button, +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + margin: 0; + padding: 0; +} +button, +input, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +ul, +ol { + list-style: none; +} +a { + color: #2db7f5; + background: transparent; + text-decoration: none; + outline: none; + cursor: pointer; +} +a:hover { + color: #57c5f7; +} +a:active { + color: #2baee9; +} +a:active, +a:hover { + outline: 0; + text-decoration: none; +} +a[disabled] { + cursor: not-allowed; + pointer-events: none; +} +.clearfix, +.layout-fixed, +.layout-fluid, +.row, +.row-flex, +.ant-form-horizontal .ant-form-item { + zoom: 1; +} +.clearfix:before, +.clearfix:after, +.layout-fixed:before, +.layout-fixed:after, +.layout-fluid:before, +.layout-fluid:after, +.row:before, +.row:after, +.row-flex:before, +.row-flex:after, +.ant-form-horizontal .ant-form-item:before, +.ant-form-horizontal .ant-form-item:after { + content: " "; + display: table; +} +.clearfix:after, +.layout-fixed:after, +.layout-fluid:after, +.row:after, +.row-flex:after, +.ant-form-horizontal .ant-form-item:after { + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-left { + float: left; +} +.pull-right { + float: right; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.affix { + position: fixed; +} +@font-face { + font-family: 'anticon'; + src: url('//at.alicdn.com/t/font_1437110976_60069.eot'); + /* IE9*/ + src: url('//at.alicdn.com/t/font_1437110976_60069.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1437110976_60069.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1437110976_60069.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1437110976_60069.svg#iconfont') format('svg'); + /* iOS 4.1- */ +} +.anticon { + position: relative; + display: inline-block; + font-style: normal; + vertical-align: baseline; + text-align: center; + text-transform: none; + text-rendering: auto; +} +.anticon:before { + display: block; + font-family: "anticon" !important; +} +.anticon-step-backward:before { + content: "\e662"; +} +.anticon-step-forward { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-step-forward:before { + content: "\e662"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-fast-backward:before { + content: "\e62a"; +} +.anticon-fast-forward { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-fast-forward:before { + content: "\e62a"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-shrink:before { + content: "\e65f"; +} +.anticon-arrow-salt:before { + content: "\e608"; +} +.anticon-caret-down:before { + content: "\e60f"; +} +.anticon-caret-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); +} +.anticon-caret-left:before { + content: "\e60f"; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); +} +.anticon-caret-up { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-caret-up:before { + content: "\e60f"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-caret-right { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); +} +.anticon-caret-right:before { + content: "\e60f"; + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); +} +.anticon-caret-circle-right:before { + content: "\e60d"; +} +.anticon-caret-circle-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-caret-circle-left:before { + content: "\e60d"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-caret-circle-o-right:before { + content: "\e60e"; +} +.anticon-caret-circle-o-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-caret-circle-o-left:before { + content: "\e60e"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-circle-right:before { + content: "\e602"; +} +.anticon-circle-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-circle-left:before { + content: "\e602"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-circle-o-right:before { + content: "\e603"; +} +.anticon-circle-o-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-circle-o-left:before { + content: "\e603"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-double-right:before { + content: "\e604"; +} +.anticon-double-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-double-left:before { + content: "\e604"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-verticle-right:before { + content: "\e605"; +} +.anticon-verticle-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-verticle-left:before { + content: "\e605"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-forward:before { + content: "\e630"; +} +.anticon-backward { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-backward:before { + content: "\e630"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-rollback:before { + content: "\e65a"; +} +.anticon-retweet:before { + content: "\e659"; +} +.anticon-right:before { + content: "\e611"; +} +.anticon-down:before { + content: "\e600"; +} +.anticon-left { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-left:before { + content: "\e611"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-up { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-up:before { + content: "\e600"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-question:before { + content: "\e655"; +} +.anticon-question-circle:before { + content: "\e656"; +} +.anticon-question-circle-o:before { + content: "\e657"; +} +.anticon-plus:before { + content: "\e651"; +} +.anticon-plus-circle:before { + content: "\e652"; +} +.anticon-plus-circle-o:before { + content: "\e653"; +} +.anticon-pause:before { + content: "\e64c"; +} +.anticon-pause-circle:before { + content: "\e64d"; +} +.anticon-pause-circle-o:before { + content: "\e64e"; +} +.anticon-minus:before { + content: "\e646"; +} +.anticon-minus-circle:before { + content: "\e647"; +} +.anticon-minus-circle-o:before { + content: "\e648"; +} +.anticon-info-circle:before { + content: "\e637"; +} +.anticon-info-circle-o:before { + content: "\e638"; +} +.anticon-info:before { + content: "\e63a"; +} +.anticon-exclamation:before { + content: "\e627"; +} +.anticon-exclamation-circle:before { + content: "\e628"; +} +.anticon-exclamation-circle-o:before { + content: "\e629"; +} +.anticon-cross:before { + content: "\e61e"; +} +.anticon-cross-circle:before { + content: "\e61f"; +} +.anticon-cross-circle-o:before { + content: "\e620"; +} +.anticon-check:before { + content: "\e613"; +} +.anticon-check-circle:before { + content: "\e614"; +} +.anticon-check-circle-o:before { + content: "\e615"; +} +.anticon-clock-circle:before { + content: "\e616"; +} +.anticon-clock-circle-o:before { + content: "\e617"; +} +.anticon-lock:before { + content: "\e641"; +} +.anticon-android:before { + content: "\e601"; +} +.anticon-apple:before { + content: "\e606"; +} +.anticon-area-chart:before { + content: "\e607"; +} +.anticon-bar-chart:before { + content: "\e609"; +} +.anticon-bars:before { + content: "\e60a"; +} +.anticon-book:before { + content: "\e60b"; +} +.anticon-calendar:before { + content: "\e60c"; +} +.anticon-cloud:before { + content: "\e618"; +} +.anticon-cloud-download:before { + content: "\e619"; +} +.anticon-code:before { + content: "\e61a"; +} +.anticon-copy:before { + content: "\e61c"; +} +.anticon-credit-card:before { + content: "\e61d"; +} +.anticon-delete:before { + content: "\e621"; +} +.anticon-desktop:before { + content: "\e622"; +} +.anticon-download-line:before { + content: "\e623"; +} +.anticon-edit:before { + content: "\e624"; +} +.anticon-ellipsis:before { + content: "\e625"; +} +.anticon-environment:before { + content: "\e626"; +} +.anticon-file:before { + content: "\e62c"; +} +.anticon-file-text:before { + content: "\e62d"; +} +.anticon-folder:before { + content: "\e62e"; +} +.anticon-folder-open:before { + content: "\e62f"; +} +.anticon-github:before { + content: "\e631"; +} +.anticon-hdd:before { + content: "\e632"; +} +.anticon-frown:before { + content: "\e633"; +} +.anticon-meh:before { + content: "\e634"; +} +.anticon-inbox:before { + content: "\e635"; +} +.anticon-laptop:before { + content: "\e63d"; +} +.anticon-large:before { + content: "\e63e"; +} +.anticon-line-chart:before { + content: "\e63f"; +} +.anticon-link:before { + content: "\e640"; +} +.anticon-logout:before { + content: "\e642"; +} +.anticon-mail:before { + content: "\e643"; +} +.anticon-menu-fold { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.anticon-menu-fold:before { + content: "\e645"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.anticon-menu-unfold:before { + content: "\e645"; +} +.anticon-mobile:before { + content: "\e649"; +} +.anticon-notification:before { + content: "\e64a"; +} +.anticon-paper-clip:before { + content: "\e64b"; +} +.anticon-picture:before { + content: "\e64f"; +} +.anticon-pie-chart:before { + content: "\e650"; +} +.anticon-poweroff:before { + content: "\e654"; +} +.anticon-reload:before { + content: "\e658"; +} +.anticon-search:before { + content: "\e65b"; +} +.anticon-setting:before { + content: "\e65c"; +} +.anticon-share-alt:before { + content: "\e65d"; +} +.anticon-shopping-cart:before { + content: "\e65e"; +} +.anticon-smile:before { + content: "\e661"; +} +.anticon-tablet:before { + content: "\e664"; +} +.anticon-tag:before { + content: "\e665"; +} +.anticon-tags:before { + content: "\e666"; +} +.anticon-to-top:before { + content: "\e667"; +} +.anticon-unlock:before { + content: "\e668"; +} +.anticon-upload:before { + content: "\e669"; +} +.anticon-user:before { + content: "\e66a"; +} +.anticon-video-camera:before { + content: "\e66b"; +} +.anticon-windows:before { + content: "\e66c"; +} +.anticon-ie:before { + content: "\e66d"; +} +.anticon-chrome:before { + content: "\e66e"; +} +.anticon-home:before { + content: "\e612"; +} +.anticon-loading:before { + display: inline-block; + -webkit-animation: loadingCircle 1s infinite linear; + -o-animation: loadingCircle 1s infinite linear; + animation: loadingCircle 1s infinite linear; + content: "\e610"; +} +:root .anticon-step-forward, +:root .anticon-fast-forward, +:root .anticon-left, +:root .anticon-up, +:root .anticon-down, +:root .anticon-caret-left, +:root .anticon-caret-up, +:root .anticon-caret-right, +:root .anticon-caret-circle-left, +:root .anticon-caret-circle-o-left, +:root .anticon-circle-left, +:root .anticon-circle-o-left, +:root .anticon-double-left, +:root .anticon-verticle-left, +:root .anticon-backward, +:root .anticon-menu-fold { + filter: none; +} +.layout-fixed { + margin-right: auto; + margin-left: auto; + padding-left: 0; + padding-right: 0; +} +@media (min-width: 768px) { + .layout-fixed { + width: 720px; + } +} +@media (min-width: 992px) { + .layout-fixed { + width: 940px; + } +} +@media (min-width: 1200px) { + .layout-fixed { + width: 1140px; + } +} +.layout-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 0; + padding-right: 0; +} +.row { + position: relative; + width: 100%; + margin-left: 0; + margin-right: 0; + height: auto; + display: block; +} +.row-flex { + position: relative; + width: 100%; + margin-left: 0; + margin-right: 0; + height: auto; + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.row-flex:before, +.row-flex:after { + display: flex; +} +.row-flex-start { + justify-content: flex-start; +} +.row-flex-center { + justify-content: center; +} +.row-flex-end { + justify-content: flex-end; +} +.row-flex-space-between { + justify-content: space-between; +} +.row-flex-space-around { + justify-content: space-around; +} +.row-flex-top { + align-items: flex-start; +} +.row-flex-middle { + align-items: center; +} +.row-flex-bottom { + align-items: flex-end; +} +.col { + position: relative; + display: block; + float: left; + flex: 0 0 auto; +} +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 { + position: relative; + display: block; + float: left; + flex: 0 0 auto; + padding-left: 0; + padding-right: 0; +} +.col-24 { + width: 100%; + flex: 0 0 100%; +} +.col-push-24 { + left: 100%; +} +.col-pull-24 { + right: 100%; +} +.col-offset-24 { + margin-left: 100%; +} +.col-order-24 { + order: 24; +} +.col-23 { + width: 95.83333333%; + flex: 0 0 95.83333333%; +} +.col-push-23 { + left: 95.83333333%; +} +.col-pull-23 { + right: 95.83333333%; +} +.col-offset-23 { + margin-left: 95.83333333%; +} +.col-order-23 { + order: 23; +} +.col-22 { + width: 91.66666667%; + flex: 0 0 91.66666667%; +} +.col-push-22 { + left: 91.66666667%; +} +.col-pull-22 { + right: 91.66666667%; +} +.col-offset-22 { + margin-left: 91.66666667%; +} +.col-order-22 { + order: 22; +} +.col-21 { + width: 87.5%; + flex: 0 0 87.5%; +} +.col-push-21 { + left: 87.5%; +} +.col-pull-21 { + right: 87.5%; +} +.col-offset-21 { + margin-left: 87.5%; +} +.col-order-21 { + order: 21; +} +.col-20 { + width: 83.33333333%; + flex: 0 0 83.33333333%; +} +.col-push-20 { + left: 83.33333333%; +} +.col-pull-20 { + right: 83.33333333%; +} +.col-offset-20 { + margin-left: 83.33333333%; +} +.col-order-20 { + order: 20; +} +.col-19 { + width: 79.16666667%; + flex: 0 0 79.16666667%; +} +.col-push-19 { + left: 79.16666667%; +} +.col-pull-19 { + right: 79.16666667%; +} +.col-offset-19 { + margin-left: 79.16666667%; +} +.col-order-19 { + order: 19; +} +.col-18 { + width: 75%; + flex: 0 0 75%; +} +.col-push-18 { + left: 75%; +} +.col-pull-18 { + right: 75%; +} +.col-offset-18 { + margin-left: 75%; +} +.col-order-18 { + order: 18; +} +.col-17 { + width: 70.83333333%; + flex: 0 0 70.83333333%; +} +.col-push-17 { + left: 70.83333333%; +} +.col-pull-17 { + right: 70.83333333%; +} +.col-offset-17 { + margin-left: 70.83333333%; +} +.col-order-17 { + order: 17; +} +.col-16 { + width: 66.66666667%; + flex: 0 0 66.66666667%; +} +.col-push-16 { + left: 66.66666667%; +} +.col-pull-16 { + right: 66.66666667%; +} +.col-offset-16 { + margin-left: 66.66666667%; +} +.col-order-16 { + order: 16; +} +.col-15 { + width: 62.5%; + flex: 0 0 62.5%; +} +.col-push-15 { + left: 62.5%; +} +.col-pull-15 { + right: 62.5%; +} +.col-offset-15 { + margin-left: 62.5%; +} +.col-order-15 { + order: 15; +} +.col-14 { + width: 58.33333333%; + flex: 0 0 58.33333333%; +} +.col-push-14 { + left: 58.33333333%; +} +.col-pull-14 { + right: 58.33333333%; +} +.col-offset-14 { + margin-left: 58.33333333%; +} +.col-order-14 { + order: 14; +} +.col-13 { + width: 54.16666667%; + flex: 0 0 54.16666667%; +} +.col-push-13 { + left: 54.16666667%; +} +.col-pull-13 { + right: 54.16666667%; +} +.col-offset-13 { + margin-left: 54.16666667%; +} +.col-order-13 { + order: 13; +} +.col-12 { + width: 50%; + flex: 0 0 50%; +} +.col-push-12 { + left: 50%; +} +.col-pull-12 { + right: 50%; +} +.col-offset-12 { + margin-left: 50%; +} +.col-order-12 { + order: 12; +} +.col-11 { + width: 45.83333333%; + flex: 0 0 45.83333333%; +} +.col-push-11 { + left: 45.83333333%; +} +.col-pull-11 { + right: 45.83333333%; +} +.col-offset-11 { + margin-left: 45.83333333%; +} +.col-order-11 { + order: 11; +} +.col-10 { + width: 41.66666667%; + flex: 0 0 41.66666667%; +} +.col-push-10 { + left: 41.66666667%; +} +.col-pull-10 { + right: 41.66666667%; +} +.col-offset-10 { + margin-left: 41.66666667%; +} +.col-order-10 { + order: 10; +} +.col-9 { + width: 37.5%; + flex: 0 0 37.5%; +} +.col-push-9 { + left: 37.5%; +} +.col-pull-9 { + right: 37.5%; +} +.col-offset-9 { + margin-left: 37.5%; +} +.col-order-9 { + order: 9; +} +.col-8 { + width: 33.33333333%; + flex: 0 0 33.33333333%; +} +.col-push-8 { + left: 33.33333333%; +} +.col-pull-8 { + right: 33.33333333%; +} +.col-offset-8 { + margin-left: 33.33333333%; +} +.col-order-8 { + order: 8; +} +.col-7 { + width: 29.16666667%; + flex: 0 0 29.16666667%; +} +.col-push-7 { + left: 29.16666667%; +} +.col-pull-7 { + right: 29.16666667%; +} +.col-offset-7 { + margin-left: 29.16666667%; +} +.col-order-7 { + order: 7; +} +.col-6 { + width: 25%; + flex: 0 0 25%; +} +.col-push-6 { + left: 25%; +} +.col-pull-6 { + right: 25%; +} +.col-offset-6 { + margin-left: 25%; +} +.col-order-6 { + order: 6; +} +.col-5 { + width: 20.83333333%; + flex: 0 0 20.83333333%; +} +.col-push-5 { + left: 20.83333333%; +} +.col-pull-5 { + right: 20.83333333%; +} +.col-offset-5 { + margin-left: 20.83333333%; +} +.col-order-5 { + order: 5; +} +.col-4 { + width: 16.66666667%; + flex: 0 0 16.66666667%; +} +.col-push-4 { + left: 16.66666667%; +} +.col-pull-4 { + right: 16.66666667%; +} +.col-offset-4 { + margin-left: 16.66666667%; +} +.col-order-4 { + order: 4; +} +.col-3 { + width: 12.5%; + flex: 0 0 12.5%; +} +.col-push-3 { + left: 12.5%; +} +.col-pull-3 { + right: 12.5%; +} +.col-offset-3 { + margin-left: 12.5%; +} +.col-order-3 { + order: 3; +} +.col-2 { + width: 8.33333333%; + flex: 0 0 8.33333333%; +} +.col-push-2 { + left: 8.33333333%; +} +.col-pull-2 { + right: 8.33333333%; +} +.col-offset-2 { + margin-left: 8.33333333%; +} +.col-order-2 { + order: 2; +} +.col-1 { + width: 4.16666667%; + flex: 0 0 4.16666667%; +} +.col-push-1 { + left: 4.16666667%; +} +.col-pull-1 { + right: 4.16666667%; +} +.col-offset-1 { + margin-left: 4.16666667%; +} +.col-order-1 { + order: 1; +} +.col-push-0 { + left: auto; +} +.col-pull-0 { + right: auto; +} +.fade-enter { + opacity: 0; + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-play-state: paused; +} +.fade-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-play-state: paused; +} +.fade-enter.fade-enter-active { + animation-name: fadeIn; + animation-play-state: running; +} +.fade-leave.fade-leave-active { + animation-name: fadeOut; + animation-play-state: running; +} +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.move-up-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.move-up-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.move-up-enter.move-up-enter-active { + animation-name: moveUpIn; + animation-play-state: running; +} +.move-up-leave.move-up-leave-active { + animation-name: moveUpOut; + animation-play-state: running; +} +.move-up-enter { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.move-up-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.move-down-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.move-down-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.move-down-enter.move-down-enter-active { + animation-name: moveDownIn; + animation-play-state: running; +} +.move-down-leave.move-down-leave-active { + animation-name: moveDownOut; + animation-play-state: running; +} +.move-down-enter { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.move-down-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.move-left-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.move-left-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.move-left-enter.move-left-enter-active { + animation-name: moveLeftIn; + animation-play-state: running; +} +.move-left-leave.move-left-leave-active { + animation-name: moveLeftOut; + animation-play-state: running; +} +.move-left-enter { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.move-left-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.move-right-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.move-right-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.move-right-enter.move-right-enter-active { + animation-name: moveRightIn; + animation-play-state: running; +} +.move-right-leave.move-right-leave-active { + animation-name: moveRightOut; + animation-play-state: running; +} +.move-right-enter { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.move-right-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +@keyframes moveDownIn { + 0% { + transform-origin: 0 0; + transform: translateY(100%); + opacity: 0; + } + 100% { + transform-origin: 0 0; + transform: translateY(0%); + opacity: 1; + } +} +@keyframes moveDownOut { + 0% { + transform-origin: 0 0; + transform: translateY(0%); + opacity: 1; + } + 100% { + transform-origin: 0 0; + transform: translateY(100%); + opacity: 0; + } +} +@keyframes moveLeftIn { + 0% { + transform-origin: 0 0; + transform: translateX(-100%); + opacity: 0; + } + 100% { + transform-origin: 0 0; + transform: translateX(0%); + opacity: 1; + } +} +@keyframes moveLeftOut { + 0% { + transform-origin: 0 0; + transform: translateX(0%); + opacity: 1; + } + 100% { + transform-origin: 0 0; + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes moveRightIn { + 0% { + opacity: 0; + transform-origin: 0 0; + transform: translateX(100%); + } + 100% { + opacity: 1; + transform-origin: 0 0; + transform: translateX(0%); + } +} +@keyframes moveRightOut { + 0% { + transform-origin: 0 0; + transform: translateX(0%); + opacity: 1; + } + 100% { + transform-origin: 0 0; + transform: translateX(100%); + opacity: 0; + } +} +@keyframes moveUpIn { + 0% { + transform-origin: 0 0; + transform: translateY(-100%); + opacity: 0; + } + 100% { + transform-origin: 0 0; + transform: translateY(0%); + opacity: 1; + } +} +@keyframes moveUpOut { + 0% { + transform-origin: 0 0; + transform: translateY(0%); + opacity: 1; + } + 100% { + transform-origin: 0 0; + transform: translateY(-100%); + opacity: 0; + } +} +@keyframes loadingCircle { + 0% { + transform-origin: 50% 50%; + transform: rotate(0deg); + } + 100% { + transform-origin: 50% 50%; + transform: rotate(360deg); + } +} +.slide-up-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.slide-up-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.slide-up-enter.slide-up-enter-active { + animation-name: slideUpIn; + animation-play-state: running; +} +.slide-up-leave.slide-up-leave-active { + animation-name: slideUpOut; + animation-play-state: running; +} +.slide-up-enter { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.slide-up-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.slide-down-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.slide-down-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.slide-down-enter.slide-down-enter-active { + animation-name: slideDownIn; + animation-play-state: running; +} +.slide-down-leave.slide-down-leave-active { + animation-name: slideDownOut; + animation-play-state: running; +} +.slide-down-enter { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.slide-down-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.slide-left-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.slide-left-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.slide-left-enter.slide-left-enter-active { + animation-name: slideLeftIn; + animation-play-state: running; +} +.slide-left-leave.slide-left-leave-active { + animation-name: slideLeftOut; + animation-play-state: running; +} +.slide-left-enter { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.slide-left-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.slide-right-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.slide-right-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.slide-right-enter.slide-right-enter-active { + animation-name: slideRightIn; + animation-play-state: running; +} +.slide-right-leave.slide-right-leave-active { + animation-name: slideRightOut; + animation-play-state: running; +} +.slide-right-enter { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.slide-right-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +@keyframes slideUpIn { + 0% { + opacity: 0; + transform-origin: 0% 0%; + transform: scaleY(0); + } + 100% { + opacity: 1; + transform-origin: 0% 0%; + transform: scaleY(1); + } +} +@keyframes slideUpOut { + 0% { + opacity: 1; + transform-origin: 0% 0%; + transform: scaleY(1); + } + 100% { + opacity: 0; + transform-origin: 0% 0%; + transform: scaleY(0); + } +} +@keyframes slideDownIn { + 0% { + opacity: 0; + transform-origin: 100% 100%; + transform: scaleY(0); + } + 100% { + opacity: 1; + transform-origin: 100% 100%; + transform: scaleY(1); + } +} +@keyframes slideDownOut { + 0% { + opacity: 1; + transform-origin: 100% 100%; + transform: scaleY(1); + } + 100% { + opacity: 0; + transform-origin: 100% 100%; + transform: scaleY(0); + } +} +@keyframes slideLeftIn { + 0% { + opacity: 0; + transform-origin: 0% 0%; + transform: scaleX(0); + } + 100% { + opacity: 1; + transform-origin: 0% 0%; + transform: scaleX(1); + } +} +@keyframes slideLeftOut { + 0% { + opacity: 1; + transform-origin: 0% 0%; + transform: scaleX(1); + } + 100% { + opacity: 0; + transform-origin: 0% 0%; + transform: scaleX(0); + } +} +@keyframes slideRightIn { + 0% { + opacity: 0; + transform-origin: 100% 0%; + transform: scaleX(0); + } + 100% { + opacity: 1; + transform-origin: 100% 0%; + transform: scaleX(1); + } +} +@keyframes slideRightOut { + 0% { + opacity: 1; + transform-origin: 100% 0%; + transform: scaleX(1); + } + 100% { + opacity: 0; + transform-origin: 100% 0%; + transform: scaleX(0); + } +} +.swing-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.swing-enter.swing-enter-active { + animation-name: swingIn; + animation-play-state: running; +} +@keyframes swingIn { + 0%, + 100% { + transform: translateX(0px); + } + 20% { + transform: translateX(-10px); + } + 40% { + transform: translateX(10px); + } + 60% { + transform: translateX(-5px); + } + 80% { + transform: translateX(5px); + } +} +.zoom-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-enter.zoom-enter-active { + animation-name: zoomIn; + animation-play-state: running; +} +.zoom-leave.zoom-leave-active { + animation-name: zoomOut; + animation-play-state: running; +} +.zoom-enter { + opacity: 0; + transform: scale(0, 0); + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.zoom-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.zoom-up-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-up-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-up-enter.zoom-up-enter-active { + animation-name: zoomUpIn; + animation-play-state: running; +} +.zoom-up-leave.zoom-up-leave-active { + animation-name: zoomUpOut; + animation-play-state: running; +} +.zoom-up-enter { + opacity: 0; + transform: scale(0, 0); + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.zoom-up-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.zoom-down-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-down-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-down-enter.zoom-down-enter-active { + animation-name: zoomDownIn; + animation-play-state: running; +} +.zoom-down-leave.zoom-down-leave-active { + animation-name: zoomDownOut; + animation-play-state: running; +} +.zoom-down-enter { + opacity: 0; + transform: scale(0, 0); + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.zoom-down-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.zoom-left-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-left-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-left-enter.zoom-left-enter-active { + animation-name: zoomLeftIn; + animation-play-state: running; +} +.zoom-left-leave.zoom-left-leave-active { + animation-name: zoomLeftOut; + animation-play-state: running; +} +.zoom-left-enter { + opacity: 0; + transform: scale(0, 0); + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.zoom-left-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.zoom-right-enter { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-right-leave { + animation-duration: .3s; + animation-fill-mode: both; + display: block !important; + animation-play-state: paused; +} +.zoom-right-enter.zoom-right-enter-active { + animation-name: zoomRightIn; + animation-play-state: running; +} +.zoom-right-leave.zoom-right-leave-active { + animation-name: zoomRightOut; + animation-play-state: running; +} +.zoom-right-enter { + opacity: 0; + transform: scale(0, 0); + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.zoom-right-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +@keyframes zoomIn { + 0% { + opacity: 0; + transform-origin: 50% 50%; + transform: scale(0, 0); + } + 100% { + opacity: 1; + transform-origin: 50% 50%; + transform: scale(1, 1); + } +} +@keyframes zoomOut { + 0% { + opacity: 1; + transform-origin: 50% 50%; + transform: scale(1, 1); + } + 100% { + opacity: 0; + transform-origin: 50% 50%; + transform: scale(0, 0); + } +} +@keyframes zoomUpIn { + 0% { + opacity: 0; + transform-origin: 50% 0%; + transform: scale(0, 0); + } + 100% { + opacity: 1; + transform-origin: 50% 0%; + transform: scale(1, 1); + } +} +@keyframes zoomUpOut { + 0% { + opacity: 1; + transform-origin: 50% 0%; + transform: scale(1, 1); + } + 100% { + opacity: 0; + transform-origin: 50% 0%; + transform: scale(0, 0); + } +} +@keyframes zoomLeftIn { + 0% { + opacity: 0; + transform-origin: 0% 50%; + transform: scale(0, 0); + } + 100% { + opacity: 1; + transform-origin: 0% 50%; + transform: scale(1, 1); + } +} +@keyframes zoomLeftOut { + 0% { + opacity: 1; + transform-origin: 0% 50%; + transform: scale(1, 1); + } + 100% { + opacity: 0; + transform-origin: 0% 50%; + transform: scale(0, 0); + } +} +@keyframes zoomRightIn { + 0% { + opacity: 0; + transform-origin: 100% 50%; + transform: scale(0, 0); + } + 100% { + opacity: 1; + transform-origin: 100% 50%; + transform: scale(1, 1); + } +} +@keyframes zoomRightOut { + 0% { + opacity: 1; + transform-origin: 100% 50%; + transform: scale(1, 1); + } + 100% { + opacity: 0; + transform-origin: 100% 50%; + transform: scale(0, 0); + } +} +@keyframes zoomDownIn { + 0% { + opacity: 0; + transform-origin: 50% 100%; + transform: scale(0, 0); + } + 100% { + opacity: 1; + transform-origin: 50% 100%; + transform: scale(1, 1); + } +} +@keyframes zoomDownOut { + 0% { + opacity: 1; + transform-origin: 50% 100%; + transform: scale(1, 1); + } + 100% { + opacity: 0; + transform-origin: 50% 100%; + transform: scale(0, 0); + } +} +.ant-btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + line-height: 1.5; + padding: 4px 15px; + font-size: 12px; + border-radius: 14px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transform: translate3d(0, 0, 0); + color: #666666; + background-color: #f4f4f4; + border-color: #d9d9d9; +} +.ant-btn > .anticon { + z-index: 2; + 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; + -o-transition: none; + transition: none; + -webkit-transition: none; + -moz-transition: none; +} +.ant-btn.disabled, +.ant-btn[disabled] { + cursor: not-allowed; +} +.ant-btn-lg { + padding: 4px 15px 5px 15px; + font-size: 14px; + border-radius: 16px; +} +.ant-btn-sm { + padding: 1px 7px; + font-size: 12px; + border-radius: 11px; +} +.ant-btn:hover { + color: #858585; + background-color: #f6f6f6; + border-color: #e1e1e1; +} +.ant-btn:active, +.ant-btn.active { + color: #616161; + background-color: #e8e8e8; + border-color: #e8e8e8; +} +.ant-btn:active, +.ant-btn.active { + background-image: none; +} +.ant-btn.disabled, +.ant-btn[disabled], +fieldset[disabled] .ant-btn, +.ant-btn.disabled:hover, +.ant-btn[disabled]:hover, +fieldset[disabled] .ant-btn:hover, +.ant-btn.disabled:active, +.ant-btn[disabled]:active, +fieldset[disabled] .ant-btn:active, +.ant-btn.disabled.active, +.ant-btn[disabled].active, +fieldset[disabled] .ant-btn.active { + color: #cccccc; + background-color: #f3f5f7; + border-color: #d9d9d9; +} +.ant-btn:hover { + color: #57c5f7; + background-color: white; + border-color: #57c5f7; +} +.ant-btn:active, +.ant-btn.active { + color: #2baee9; + background-color: white; + border-color: #2baee9; +} +.ant-btn-primary { + color: #ffffff; + background-color: #2db7f5; + border-color: #2db7f5; +} +.ant-btn-primary:hover { + color: #ffffff; + background-color: #57c5f7; + border-color: #57c5f7; +} +.ant-btn-primary:active, +.ant-btn-primary.active { + color: #f2f2f2; + background-color: #2baee9; + border-color: #2baee9; +} +.ant-btn-primary:active, +.ant-btn-primary.active { + background-image: none; +} +.ant-btn-primary.disabled, +.ant-btn-primary[disabled], +fieldset[disabled] .ant-btn-primary, +.ant-btn-primary.disabled:hover, +.ant-btn-primary[disabled]:hover, +fieldset[disabled] .ant-btn-primary:hover, +.ant-btn-primary.disabled:active, +.ant-btn-primary[disabled]:active, +fieldset[disabled] .ant-btn-primary:active, +.ant-btn-primary.disabled.active, +.ant-btn-primary[disabled].active, +fieldset[disabled] .ant-btn-primary.active { + color: #cccccc; + background-color: #f3f5f7; + border-color: #d9d9d9; +} +.ant-btn-primary:hover, +.ant-btn-primary:active, +.ant-btn-primary.active { + color: #ffffff; +} +.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { + border-right-color: #2baee9; + border-left-color: #2baee9; +} +.ant-btn-group .ant-btn-primary:first-child:not(:last-child) { + border-right-color: #2baee9; +} +.ant-btn-group .ant-btn-primary:last-child:not(:first-child) { + border-left-color: #2baee9; +} +.ant-btn-group .ant-btn-primary + .ant-btn { + border-left-color: #2baee9; +} +.ant-btn-ghost { + color: #666666; + background-color: #ffffff; + border-color: #d9d9d9; +} +.ant-btn-ghost:hover { + color: #858585; + background-color: #ffffff; + border-color: #e1e1e1; +} +.ant-btn-ghost:active, +.ant-btn-ghost.active { + color: #616161; + background-color: #f2f2f2; + border-color: #f2f2f2; +} +.ant-btn-ghost:active, +.ant-btn-ghost.active { + background-image: none; +} +.ant-btn-ghost.disabled, +.ant-btn-ghost[disabled], +fieldset[disabled] .ant-btn-ghost, +.ant-btn-ghost.disabled:hover, +.ant-btn-ghost[disabled]:hover, +fieldset[disabled] .ant-btn-ghost:hover, +.ant-btn-ghost.disabled:active, +.ant-btn-ghost[disabled]:active, +fieldset[disabled] .ant-btn-ghost:active, +.ant-btn-ghost.disabled.active, +.ant-btn-ghost[disabled].active, +fieldset[disabled] .ant-btn-ghost.active { + color: #cccccc; + background-color: #f3f5f7; + border-color: #d9d9d9; +} +.ant-btn-ghost:hover { + color: #57c5f7; + background-color: white; + border-color: #57c5f7; +} +.ant-btn-ghost:active, +.ant-btn-ghost.active { + color: #2baee9; + background-color: white; + border-color: #2baee9; +} +.ant-btn-circle, +.ant-btn-circle-outline { + width: 28px; + height: 28px; + padding: 0; + font-size: 14px; + border-radius: 50%; +} +.ant-btn-circle > .anticon, +.ant-btn-circle-outline > .anticon { + top: -1px; +} +.ant-btn-circle.ant-btn-lg, +.ant-btn-circle-outline.ant-btn-lg { + width: 32px; + height: 32px; + padding: 0; + font-size: 16px; + border-radius: 50%; +} +.ant-btn-circle.ant-btn-sm, +.ant-btn-circle-outline.ant-btn-sm { + width: 22px; + height: 22px; + padding: 0; + font-size: 12px; + border-radius: 50%; +} +.ant-btn-circle-outline { + position: relative; +} +.ant-btn-circle-outline:not([disabled]):before { + position: absolute; + top: 0; + left: 0; + display: inline-block; + opacity: 0; + filter: alpha(opacity=0); + width: 100%; + height: 100%; + border-radius: 50% 50%; + content: " "; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + -o-transform: scale(0, 0); + transform: scale(0, 0); + -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + z-index: 0; + background-color: #2db7f5; +} +.ant-btn-circle-outline:not([disabled]):hover > .anticon, +.ant-btn-circle-outline:not([disabled]):active > .anticon, +.ant-btn-circle-outline:not([disabled]).active > .anticon { + color: #ffffff; +} +.ant-btn-circle-outline:not([disabled]):hover:before, +.ant-btn-circle-outline:not([disabled]):active:before, +.ant-btn-circle-outline:not([disabled]).active:before { + opacity: 1; + filter: alpha(opacity=100); + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.ant-btn-circle-outline:not([disabled]):active:before, +.ant-btn-circle-outline:not([disabled]).active:before { + background-color: #57c5f7; +} +.ant-btn-menu > .anticon { + font-size: 12px; + font-size: 10px \9; + -webkit-transform: scale(0.83); + -ms-transform: scale(0.83); + -o-transform: scale(0.83); + transform: scale(0.83); +} +:root .ant-btn-menu > .anticon { + font-size: 12px; +} +.ant-btn-group { + position: relative; + display: inline-block; + vertical-align: middle; +} +.ant-btn-group > .ant-btn { + position: relative; + float: left; +} +.ant-btn-group > .ant-btn:hover, +.ant-btn-group > .ant-btn:focus, +.ant-btn-group > .ant-btn:active, +.ant-btn-group > .ant-btn.active { + z-index: 2; +} +.ant-btn-group-lg > .ant-btn { + padding: 4px 15px 5px 15px; + font-size: 14px; + border-radius: 16px; +} +.ant-btn-group-sm > .ant-btn { + padding: 1px 7px; + font-size: 12px; + border-radius: 11px; +} +.ant-btn-group-sm > .ant-btn > .anticon { + font-size: 12px; +} +.ant-btn-group .ant-btn + .ant-btn, +.ant-btn + .ant-btn-group, +.ant-btn-group + .ant-btn, +.ant-btn-group + .ant-btn-group { + margin-left: -1px; +} +.ant-btn-group .ant-btn:not(:first-child):not(:last-child) { + border-radius: 0; + padding-left: 8px; + padding-right: 8px; +} +.ant-btn-group > .ant-btn:first-child { + margin-left: 0; +} +.ant-btn-group > .ant-btn:first-child:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + padding-right: 8px; +} +.ant-btn-group > .ant-btn:last-child:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + padding-left: 8px; +} + > .ant-btn-group { + float: left; +} + > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { + border-radius: 0; +} + > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + padding-right: 8px; +} + > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + padding-left: 8px; +} +.ant-switch { + position: relative; + display: inline-block; + box-sizing: border-box; + width: 44px; + height: 22px; + line-height: 20px; + vertical-align: middle; + border-radius: 20px 20px; + border: 1px solid #ccc; + background-color: #ccc; + cursor: pointer; + transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); +} +.ant-switch-inner { + color: #fff; + font-size: 12px; + position: absolute; + left: 24px; +} +.ant-switch:after { + position: absolute; + width: 18px; + height: 18px; + left: 2px; + top: 1px; + border-radius: 100%; + background-color: #ffffff; + content: " "; + cursor: pointer; + transform: scale(1); + transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1); + animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); + animation-duration: 0.3s; + animation-name: rcSwitchOff; +} +.ant-switch:hover:after { + transform: scale(1.1); + animation-name: rcSwitchOn; +} +.ant-switch-checked { + border: 1px solid #87d068; + background-color: #87d068; +} +.ant-switch-checked .ant-switch-inner { + left: 6px; +} +.ant-switch-checked:after { + left: 22px; +} +.ant-switch-disabled { + cursor: no-drop; + background: #f4f4f4; + border-color: #f4f4f4; +} +.ant-switch-disabled:after { + background: #ccc; + animation-name: none; + cursor: no-drop; +} +.ant-switch-disabled:hover:after { + transform: scale(1); + animation-name: none; +} +.ant-switch-disabled-inner { + color: #ccc; +} +@keyframes rcSwitchOn { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.25); + } + 100% { + transform: scale(1.1); + } +} +@keyframes rcSwitchOff { + 0% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} +.ant-dropdown { + position: absolute; + left: -9999px; + top: -9999px; + z-index: 1070; + display: block; + font-size: 12px; + font-weight: normal; + line-height: 1.5; + padding-top: 4px; + min-width: 100%; +} +.ant-dropdown-wrap { + position: relative; +} +.ant-dropdown-wrap .anticon-down:before { + transition: transform 0.2s ease; +} +.ant-dropdown-wrap-open .anticon-down:before { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.ant-dropdown-hidden { + display: none; +} +.ant-dropdown-menu { + outline: none; + position: relative; + list-style-type: none; + padding: 0; + margin: 0; + text-align: left; + background-color: #fff; + border-radius: 3px; + box-shadow: 0 1px 5px #ccc; + background-clip: padding-box; + border: 1px solid #ccc; +} +.ant-dropdown-menu > li { + margin: 0; + padding: 0; +} +.ant-dropdown-menu:before { + content: ""; + position: absolute; + top: -4px; + left: 0; + width: 100%; + height: 4px; + background: #ffffff; + background: rgba(255, 255, 255, 0.01); +} +.ant-dropdown-menu > .ant-dropdown-menu-item { + padding: 7px 16px; + clear: both; + font-size: 12px; + font-weight: normal; + color: #666; + white-space: nowrap; + cursor: pointer; +} +.ant-dropdown-menu > .ant-dropdown-menu-item a { + color: #666; +} +.ant-dropdown-menu > .ant-dropdown-menu-item:hover { + background-color: #eaf8fe; +} +.ant-dropdown-menu > .ant-dropdown-menu-item-disabled { + color: #ccc; + cursor: not-allowed; + pointer-events: none; +} +.ant-dropdown-menu > .ant-dropdown-menu-item-disabled:hover { + color: #ccc; + background-color: #fff; + cursor: not-allowed; +} +.ant-dropdown-menu > .ant-dropdown-menu-item:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.ant-dropdown-menu > .ant-dropdown-menu-item:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.ant-dropdown-menu > .ant-dropdown-menu-item-divider { + height: 1px; + overflow: hidden; + background-color: #e5e5e5; + line-height: 0; +} +.ant-dropdown-menu > .ant-dropdown-menu-item-selected { + background-color: #eaf8fe; + position: relative; +} +.ant-dropdown-menu > .ant-dropdown-menu-item-selected:after { + content: '\e613'; + font-family: 'anticon'; + font-weight: bold; + position: absolute; + top: 6px; + right: 16px; + color: #2db7f5; + background-color: #eaf8fe; +} +.ant-dropdown-link .anticon-down { + font-size: 60% \9; + -webkit-transform: scale(0.6); + -ms-transform: scale(0.6); + -o-transform: scale(0.6); + transform: scale(0.6); + font-weight: bold; + vertical-align: top; +} +.ant-progress-line-wrap, +.ant-progress-circle-wrap { + display: inline-block; +} +.ant-progress-line-wrap { + font-size: 12px; +} +.ant-progress-line-inner { + display: inline-block; +} +.ant-progress-line-inner svg { + vertical-align: middle; +} +.ant-progress-line-text { + display: inline-block; + font-size: 1em; + margin-left: 10px; + line-height: 1; +} +.ant-progress-line-text .anticon { + font-size: 12px; +} +.ant-progress-circle-inner { + position: relative; + line-height: 1; +} +.ant-progress-circle-text { + display: block; + position: absolute; + width: 100%; + text-align: center; + line-height: 1; + top: 50%; + transform: translateY(-50%); + left: 0; +} +.ant-progress-circle-text .anticon { + font-size: 1.16666667em; +} +.ant-select { + box-sizing: border-box; + display: inline-block; + margin: 0; + position: relative; + vertical-align: middle; + color: #666; + font-size: 12px; +} +.ant-select ul, +.ant-select li { + margin: 0; + padding: 0; + list-style: none; +} +.ant-select > ul > li > a { + padding: 0; + background-color: #fff; +} +.ant-select-arrow { + position: relative; + display: inline-block; + font-style: normal; + vertical-align: baseline; + text-align: center; + text-transform: none; + text-rendering: auto; + height: 26px; + position: absolute; + top: 1px; + right: 1px; + font-size: 12px; + font-size: 10px \9; + -webkit-transform: scale(0.83); + -ms-transform: scale(0.83); + -o-transform: scale(0.83); + transform: scale(0.83); + width: 26px; + line-height: 26px; +} +.ant-select-arrow:before { + display: block; + font-family: "anticon" !important; +} +.ant-select-arrow * { + display: none; +} +.ant-select-arrow:before { + content: '\e611'; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + transition: transform 0.2s ease; +} +.ant-select-selection { + outline: none; + user-select: none; + -webkit-user-select: none; + box-sizing: border-box; + display: block; + background-color: #fff; + border-radius: 6px; + border: 1px solid #d9d9d9; + -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-select-selection:hover { + border-color: #2db7f5; +} +.ant-select-selection:active { + border-color: #2baee9; +} +.ant-select-disabled { + color: #ccc; + cursor: not-allowed; + pointer-events: none; +} +.ant-select-disabled .ant-select-selection:hover, +.ant-select-disabled .ant-select-selection:active { + border-color: #d9d9d9; +} +.ant-select-selection--single { + height: 28px; + cursor: pointer; +} +.ant-select-selection--single .ant-select-selection__rendered { + display: block; + overflow: hidden; + text-overflow: ellipsis; + padding-left: 10px; + padding-right: 20px; + line-height: 26px; +} +.ant-select-selection--single .ant-select-selection__clear { + cursor: pointer; + float: right; + font-weight: bold; +} +.ant-select-disabled .ant-select-selection__choice__remove { + color: #ccc; + cursor: default; +} +.ant-select-disabled .ant-select-selection__choice__remove:hover { + color: #ccc; +} +.ant-select-search--inline { + float: left; +} +.ant-select-search--inline .ant-select-search__field { + border: none; + font-size: 100%; + background: transparent; + outline: 0; +} +.ant-select-search--inline > i { + float: right; +} +.ant-select-selection--multiple { + min-height: 28px; + cursor: text; +} +.ant-select-selection--multiple .ant-select-search--inline { + width: auto; +} +.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field { + width: 0.75em; +} +.ant-select-selection--multiple .ant-select-selection__rendered { + overflow: hidden; + text-overflow: ellipsis; + padding-left: 4px; + padding-bottom: 4px; +} +.ant-select-selection--multiple .ant-select-selection__clear { + cursor: pointer; + float: right; + font-weight: bold; + margin-top: 5px; + margin-right: 10px; +} +.ant-select-selection--multiple > ul > li { + margin-top: 4px; + height: 20px; + line-height: 20px; +} +.ant-select-selection--multiple .ant-select-selection__choice { + background-color: #f3f3f3; + border-radius: 4px; + cursor: default; + float: left; + padding: 0 8px; + margin-right: 4px; +} +.ant-select-selection--multiple .ant-select-selection__choice__remove { + font-style: normal; + vertical-align: baseline; + text-align: center; + text-transform: none; + text-rendering: auto; + color: #919191; + cursor: pointer; + display: inline-block; + font-weight: bold; + font-size: 12px; + font-size: 8px \9; + -webkit-transform: scale(0.67); + -ms-transform: scale(0.67); + -o-transform: scale(0.67); + transform: scale(0.67); + padding: 0 0 0 4px; + position: relative; + top: -1px; + left: 4px; +} +.ant-select-selection--multiple .ant-select-selection__choice__remove:before { + display: block; + font-family: "anticon" !important; +} +.ant-select-selection--multiple .ant-select-selection__choice__remove:hover { + color: #333; +} +.ant-select-selection--multiple .ant-select-selection__choice__remove:before { + content: "\e61e"; +} +.ant-select-dropdown { + display: none; + background-color: white; + border: 1px solid #d9d9d9; + box-shadow: 0 0px 4px #d9d9d9; + border-radius: 4px; + box-sizing: border-box; + z-index: 100; + left: -9999px; + top: -9999px; + position: absolute; + outline: none; +} +.ant-select-dropdown-menu { + outline: none; + margin-bottom: 0; + padding-left: 0; + list-style: none; + z-index: 9999; + max-height: 250px; + overflow: auto; +} +.ant-select-dropdown-menu > li { + margin: 0; + padding: 0; +} +.ant-select-dropdown-menu > .ant-select-dropdown-menu-item { + position: relative; + display: block; + padding: 7px 16px; + font-weight: normal; + color: #666666; + white-space: nowrap; + cursor: pointer; +} +.ant-select-dropdown-menu > .ant-select-dropdown-menu-item:hover, +.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-active, +.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-selected { + background-color: #eaf8fe !important; +} +.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-selected { + position: relative; +} +.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-selected:after { + content: '\e613'; + font-family: 'anticon'; + font-weight: bold; + position: absolute; + top: 6px; + right: 16px; + color: #2db7f5; +} +.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-disabled { + color: #ccc; + cursor: not-allowed; + pointer-events: none; +} +.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-disabled:hover { + color: #ccc; + background-color: #fff; + cursor: not-allowed; +} +.ant-select-dropdown-menu > .ant-select-dropdown-menu-item-divider { + height: 1px; + margin: 1px 0; + overflow: hidden; + background-color: #e5e5e5; + line-height: 0; +} +.ant-select-dropdown-container-open .ant-select-dropdown, +.ant-select-open .ant-select-dropdown { + display: block; +} +.ant-select-search--dropdown { + display: block; + padding: 4px; +} +.ant-select-search--dropdown .ant-select-search__field { + padding: 4px; + width: 100%; + box-sizing: border-box; + border: 1px solid #d9d9d9; + border-radius: 4px; + outline: none; +} +.ant-select-search--dropdown.ant-select-search--hide { + display: none; +} +.ant-select-open .ant-select-arrow:before { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); +} +.ant-select-open .ant-select-selection { + border-color: #2db7f5; + box-shadow: 0 0 3px #57c5f7; +} +.ant-select-combobox .ant-select-arrow { + display: none; +} +.ant-select-combobox .ant-select-search--inline { + float: none; +} +.ant-select-combobox .ant-select-search__field { + padding: 0 10px; + width: 100%; +} +.ant-select-combobox .ant-select-selection__rendered { + padding: 0; +} +.ant-calendar { + box-sizing: border-box; +} +.ant-calendar * { + box-sizing: border-box; +} +.ant-calendar-picker .ant-calendar, +.ant-calendar-picker-container .ant-calendar { + position: absolute; + display: none; + left: -9999px; + top: -9999px; + z-index: 9; +} +.ant-calendar-picker { + position: relative; + display: inline-block; +} +.ant-calendar-picker-icon { + position: absolute; + -webkit-user-select: none; + user-select: none; + -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 12px; + height: 12px; + line-height: 12px; + right: 8px; + color: #999; + top: 50%; + margin-top: -6px; +} +.ant-calendar-picker-icon:after { + content: "\e60c"; + font-family: "anticon"; + font-size: 12px; + color: #999; + display: inline-block; + line-height: 1; + vertical-align: bottom; +} +.ant-calendar-picker-open .ant-calendar, +.ant-calendar-picker-container-open .ant-calendar { + display: block; +} +.ant-calendar-picker-open .ant-calendar-picker-input { + border-color: #2db7f5; + outline: 0; + box-shadow: 0 0 0 2px #d5f1fd; +} +.ant-calendar { + position: relative; + outline: none; + width: 253px; + border: 1px solid #ccc; + list-style: none; + font-size: 12px; + text-align: left; + background-color: #fff; + border-radius: 6px; + box-shadow: 0 0 4px #d9d9d9; + background-clip: padding-box; + line-height: 1.5; +} +.ant-calendar-week-number { + width: 286px; +} +.ant-calendar-week-number-cell { + text-align: center; +} +.ant-calendar-header { + padding: 0 10px; + height: 34px; + line-height: 34px; + text-align: center; + user-select: none; + -webkit-user-select: none; + border-bottom: 1px solid #e9e9e9; +} +.ant-calendar-header a:hover { + color: #57c5f7; +} +.ant-calendar-header .ant-calendar-century-select, +.ant-calendar-header .ant-calendar-decade-select, +.ant-calendar-header .ant-calendar-year-select, +.ant-calendar-header .ant-calendar-month-select { + padding: 0px 2px; + font-weight: bold; + display: inline-block; + color: #666; + line-height: 34px; +} +.ant-calendar-header .ant-calendar-century-select-arrow, +.ant-calendar-header .ant-calendar-decade-select-arrow, +.ant-calendar-header .ant-calendar-year-select-arrow, +.ant-calendar-header .ant-calendar-month-select-arrow { + display: none; +} +.ant-calendar-header .ant-calendar-prev-century-btn, +.ant-calendar-header .ant-calendar-next-century-btn, +.ant-calendar-header .ant-calendar-prev-decade-btn, +.ant-calendar-header .ant-calendar-next-decade-btn, +.ant-calendar-header .ant-calendar-prev-month-btn, +.ant-calendar-header .ant-calendar-next-month-btn, +.ant-calendar-header .ant-calendar-prev-year-btn, +.ant-calendar-header .ant-calendar-next-year-btn { + position: absolute; + top: 0; + color: #999; + font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif; + padding: 0 5px; + font-size: 16px; + display: inline-block; + line-height: 34px; +} +.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; +} +.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; +} +.ant-calendar-header .ant-calendar-prev-month-btn { + left: 29px; +} +.ant-calendar-header .ant-calendar-next-month-btn { + right: 29px; +} +.ant-calendar-calendar-body { + padding: 5px 8px; +} +.ant-calendar table { + border-collapse: collapse; + max-width: 100%; + background-color: transparent; + width: 100%; +} +.ant-calendar table, +.ant-calendar td, +.ant-calendar th, +.ant-calendar td { + border: none; +} +.ant-calendar-calendar-table { + border-spacing: 0; + margin-bottom: 0; +} +.ant-calendar-column-header { + line-height: 18px; + width: 33px; + padding: 6px 0; + text-align: center; +} +.ant-calendar-column-header .ant-calendar-column-header-inner { + display: block; + font-weight: normal; +} +.ant-calendar-week-number-header .ant-calendar-column-header-inner { + display: none; +} +.ant-calendar-cell { + padding: 4px 0; +} +.ant-calendar-date { + display: block; + margin: 0 auto; + color: #666; + border-radius: 4px 4px; + width: 20px; + height: 20px; + line-height: 20px; + padding: 0; + background: transparent; + text-align: center; +} +.ant-calendar-date:hover { + background: #eaf8fe; + cursor: pointer; +} +.ant-calendar-date:active { + color: #fff; + background: #57c5f7; +} +.ant-calendar-today .ant-calendar-date { + border: 1px solid #96dbfa; + line-height: 18px; + background: #eaf8fe; +} +.ant-calendar-selected-day .ant-calendar-date { + background: #2db7f5; + color: #fff; + border: 1px solid transparent; +} +.ant-calendar-selected-day .ant-calendar-date:hover { + background: #2db7f5; +} +.ant-calendar-disabled-cell .ant-calendar-date { + cursor: not-allowed; + color: #bcbcbc; + background: #f3f3f3; + border-radius: 0; + width: auto; +} +.ant-calendar-disabled-cell .ant-calendar-date:hover { + background: #f3f3f3; +} +.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-last-month-cell .ant-calendar-date, +.ant-calendar-next-month-btn-day .ant-calendar-date { + color: #bbb; +} +.ant-calendar-footer { + padding: 0 15px; + height: 42px; + line-height: 42px; + border-top: 1px solid #e9e9e9; +} +.ant-calendar-footer-btn { + text-align: center; + display: block; +} +.ant-calendar-footer > div { + display: inline-block; +} +.ant-calendar .ant-calendar-today-btn, +.ant-calendar .ant-calendar-clear-btn { + display: inline-block; + text-align: center; + margin: 0 10px; +} +.ant-calendar .ant-calendar-today-btn:hover, +.ant-calendar .ant-calendar-clear-btn:hover { + cursor: pointer; + color: #23c0fa; +} +.ant-calendar .ant-calendar-ok-btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + line-height: 1.5; + padding: 4px 15px; + border-radius: 14px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transform: translate3d(0, 0, 0); + color: #ffffff; + background-color: #2db7f5; + border-color: #2db7f5; + padding: 1px 7px; + font-size: 12px; + border-radius: 11px; + letter-spacing: 3px; + text-indent: 3px; + position: absolute; + bottom: 9px; + right: 9px; +} +.ant-calendar .ant-calendar-ok-btn > .anticon { + z-index: 2; + 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; + -o-transition: none; + transition: none; + -webkit-transition: none; + -moz-transition: none; +} +.ant-calendar .ant-calendar-ok-btn.disabled, +.ant-calendar .ant-calendar-ok-btn[disabled] { + cursor: not-allowed; +} +.ant-calendar .ant-calendar-ok-btn-lg { + padding: 4px 15px 5px 15px; + font-size: 14px; + border-radius: 16px; +} +.ant-calendar .ant-calendar-ok-btn-sm { + padding: 1px 7px; + font-size: 12px; + border-radius: 11px; +} +.ant-calendar .ant-calendar-ok-btn:hover { + color: #ffffff; + background-color: #57c5f7; + border-color: #57c5f7; +} +.ant-calendar .ant-calendar-ok-btn:active, +.ant-calendar .ant-calendar-ok-btn.active { + color: #f2f2f2; + background-color: #2baee9; + border-color: #2baee9; +} +.ant-calendar .ant-calendar-ok-btn:active, +.ant-calendar .ant-calendar-ok-btn.active { + background-image: none; +} +.ant-calendar .ant-calendar-ok-btn.disabled, +.ant-calendar .ant-calendar-ok-btn[disabled], +fieldset[disabled] .ant-calendar .ant-calendar-ok-btn, +.ant-calendar .ant-calendar-ok-btn.disabled:hover, +.ant-calendar .ant-calendar-ok-btn[disabled]:hover, +fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:hover, +.ant-calendar .ant-calendar-ok-btn.disabled:active, +.ant-calendar .ant-calendar-ok-btn[disabled]:active, +fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:active, +.ant-calendar .ant-calendar-ok-btn.disabled.active, +.ant-calendar .ant-calendar-ok-btn[disabled].active, +fieldset[disabled] .ant-calendar .ant-calendar-ok-btn.active { + color: #cccccc; + background-color: #f3f5f7; + border-color: #d9d9d9; +} +.ant-calendar .ant-calendar-ok-btn:hover, +.ant-calendar .ant-calendar-ok-btn:active, +.ant-calendar .ant-calendar-ok-btn.active { + color: #ffffff; +} +.ant-calendar-time > span { + margin: 0 2px; +} +.ant-calendar-time ~ .ant-calendar-footer-btn { + display: inline; + text-align: left; +} +.ant-calendar-time-input { + position: relative; + display: inline-block; + padding: 4px 7px; + width: 100%; + height: 28px; + cursor: text; + font-size: 12px; + line-height: 1.5; + color: #666666; + background-color: #ffffff; + background-image: none; + border: 1px solid #d9d9d9; + border-radius: 6px; + -o-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + -moz-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + margin: 0; + width: 30px; + height: 26px; + padding: 0; + text-align: center; +} +.ant-calendar-time-input::-moz-placeholder { + color: #cccccc; + opacity: 1; +} +.ant-calendar-time-input:-ms-input-placeholder { + color: #cccccc; +} +.ant-calendar-time-input::-webkit-input-placeholder { + color: #cccccc; +} +.ant-calendar-time-input:hover { + border-color: #2db7f5; +} +.ant-calendar-time-input:focus { + border-color: #2db7f5; + outline: 0; + box-shadow: 0 0 0 2px #d5f1fd; +} +.ant-calendar-time-input[disabled], +fieldset[disabled] .ant-calendar-time-input { + background-color: #f3f5f7; + opacity: 1; + cursor: not-allowed; +} +.ant-calendar-time-input[disabled]:hover, +fieldset[disabled] .ant-calendar-time-input:hover { + border-color: #d9d9d9; +} +textarea.ant-calendar-time-input { + height: auto; +} +.ant-calendar-time-input-lg { + padding: 4px 7px 5px; + height: 32px; + font-size: 14px; +} +.ant-calendar-time-input-sm { + padding: 1px 7px; + height: 22px; + font-size: 12px; +} +.ant-calendar-time-panel { + left: 0px; + top: 0px; + bottom: 0px; + right: 0px; + background: #fff; + z-index: 10; + position: absolute; + outline: none; +} +.ant-calendar-time-panel-header { + padding: 0 10px; + height: 34px; + line-height: 34px; + position: relative; + text-align: center; + user-select: none; + -webkit-user-select: none; + border-bottom: 1px solid #e9e9e9; +} +.ant-calendar-time-panel-body { + padding: 2px 10px; +} +.ant-calendar-time-panel-title { + width: 180px; + font-weight: bold; + display: inline-block; + padding: 4px 5px; + text-align: center; + height: 30px; + line-height: 22px; + border-radius: 4px; +} +.ant-calendar-time-panel-table { + table-layout: fixed; + width: 100%; + border-collapse: separate; +} +.ant-calendar-time-panel-cell { + text-align: center; + height: 40px; + vertical-align: middle; +} +.ant-calendar-time-panel-time { + line-height: 24px; + display: block; + border-radius: 4px; + margin: 0 auto; + color: #666; +} +.ant-calendar-time-panel-time:hover { + background: #eaf8fe; + cursor: pointer; +} +.ant-calendar-time-panel-selected-cell .ant-calendar-time-panel-time { + background: #2db7f5; + color: #fff; +} +.ant-calendar-time-panel-selected-cell .ant-calendar-time-panel-time:hover { + background: #2db7f5; + color: #fff; +} +.ant-calendar-month-panel { + left: 0px; + top: 0px; + bottom: 0px; + right: 0px; + background: #fff; + z-index: 10; + position: absolute; + outline: none; +} +.ant-calendar-month-panel-hidden { + display: none; +} +.ant-calendar-month-panel-header { + padding: 0 10px; + height: 34px; + line-height: 34px; + text-align: center; + user-select: none; + -webkit-user-select: none; + border-bottom: 1px solid #e9e9e9; +} +.ant-calendar-month-panel-header a:hover { + color: #57c5f7; +} +.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-year-select, +.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select { + padding: 0px 2px; + font-weight: bold; + display: inline-block; + color: #666; + line-height: 34px; +} +.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-year-select-arrow, +.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow { + display: none; +} +.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn, +.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn, +.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn, +.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn, +.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn, +.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn, +.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn, +.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn { + position: absolute; + top: 0; + color: #999; + font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif; + padding: 0 5px; + font-size: 16px; + display: inline-block; + line-height: 34px; +} +.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; +} +.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; +} +.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn { + left: 29px; +} +.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn { + right: 29px; +} +.ant-calendar-month-panel-table { + table-layout: fixed; + width: 100%; + height: 248px; + border-collapse: separate; +} +.ant-calendar-month-panel-cell { + text-align: center; +} +.ant-calendar-month-panel-month { + display: inline-block; + margin: 0 auto; + color: #666; + background: transparent; + text-align: center; + height: 24px; + line-height: 24px; + padding: 0px 6px; + border-radius: 4px; +} +.ant-calendar-month-panel-month:hover { + background: #eaf8fe; + cursor: pointer; +} +.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month { + background: #2db7f5; + color: #fff; +} +.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover { + background: #2db7f5; + color: #fff; +} +.ant-calendar-year-panel { + left: 0px; + top: 0px; + bottom: 0px; + right: 0px; + background: #fff; + z-index: 10; + position: absolute; + outline: none; +} +.ant-calendar-year-panel-hidden { + display: none; +} +.ant-calendar-year-panel-header { + padding: 0 10px; + height: 34px; + line-height: 34px; + text-align: center; + user-select: none; + -webkit-user-select: none; + border-bottom: 1px solid #e9e9e9; +} +.ant-calendar-year-panel-header a:hover { + color: #57c5f7; +} +.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-year-select, +.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select { + padding: 0px 2px; + font-weight: bold; + display: inline-block; + color: #666; + line-height: 34px; +} +.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-year-select-arrow, +.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow { + display: none; +} +.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn, +.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn, +.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn, +.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn, +.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn, +.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn, +.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn, +.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn { + position: absolute; + top: 0; + color: #999; + font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif; + padding: 0 5px; + font-size: 16px; + display: inline-block; + line-height: 34px; +} +.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; +} +.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; +} +.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn { + left: 29px; +} +.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn { + right: 29px; +} +.ant-calendar-year-panel-table { + table-layout: fixed; + width: 100%; + height: 248px; + border-collapse: separate; +} +.ant-calendar-year-panel-cell { + text-align: center; +} +.ant-calendar-year-panel-year { + display: inline-block; + margin: 0 auto; + color: #666; + background: transparent; + text-align: center; + height: 24px; + line-height: 24px; + padding: 0px 6px; + border-radius: 4px; +} +.ant-calendar-year-panel-year:hover { + background: #eaf8fe; + cursor: pointer; +} +.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year { + background: #2db7f5; + color: #fff; +} +.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover { + background: #2db7f5; + color: #fff; +} +.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year, +.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year { + user-select: none; + -webkit-user-select: none; +} +.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year:before, +.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year:before { + content: "\e611"; + font-family: "anticon" !important; +} +.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year { + transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.ant-calendar-decade-panel { + left: 0px; + top: 0px; + bottom: 0px; + right: 0px; + background: #fff; + z-index: 10; + position: absolute; + outline: none; +} +.ant-calendar-decade-panel-hidden { + display: none; +} +.ant-calendar-decade-panel-header { + padding: 0 10px; + height: 34px; + line-height: 34px; + text-align: center; + user-select: none; + -webkit-user-select: none; + border-bottom: 1px solid #e9e9e9; +} +.ant-calendar-decade-panel-header a:hover { + color: #57c5f7; +} +.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-year-select, +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select { + padding: 0px 2px; + font-weight: bold; + display: inline-block; + color: #666; + line-height: 34px; +} +.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-year-select-arrow, +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow { + display: none; +} +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn, +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn, +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn, +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn, +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn, +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn, +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn, +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn { + position: absolute; + top: 0; + color: #999; + font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif; + padding: 0 5px; + font-size: 16px; + display: inline-block; + line-height: 34px; +} +.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; +} +.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; +} +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn { + left: 29px; +} +.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn { + right: 29px; +} +.ant-calendar-decade-panel-table { + table-layout: fixed; + width: 100%; + height: 248px; + border-collapse: separate; +} +.ant-calendar-decade-panel-cell { + text-align: center; +} +.ant-calendar-decade-panel-decade { + display: inline-block; + margin: 0 auto; + color: #666; + background: transparent; + text-align: center; + height: 24px; + line-height: 24px; + padding: 0px 6px; + border-radius: 4px; +} +.ant-calendar-decade-panel-decade:hover { + background: #eaf8fe; + cursor: pointer; +} +.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade { + background: #2db7f5; + color: #fff; +} +.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover { + background: #2db7f5; + color: #fff; +} +.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade, +.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade { + user-select: none; + -webkit-user-select: none; +} +.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade:before, +.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade:before { + content: "\e611"; + font-family: "anticon" !important; +} +.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade { + transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.ant-modal { + outline: none; + position: absolute; + left: -9999px; + top: -9999px; + z-index: 1000; +} +.ant-modal-wrap * { + box-sizing: border-box; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.ant-modal-wrap-hidden > .ant-modal { + display: none; +} +.ant-modal-title { + margin: 0; + font-size: 14px; + line-height: 21px; + font-weight: bold; +} +.ant-modal-content { + position: relative; + background-color: #ffffff; + border: none; + border-radius: 6px 6px; + background-clip: padding-box; + outline: 0; +} +.ant-modal-close { + cursor: pointer; + outline: none; + margin-top: -2px; + float: right; + font-size: 21px; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + filter: alpha(opacity=20); + opacity: .2; + text-decoration: none; + transition: opacity .3s ease; +} +.ant-modal-close-x { + position: absolute; + display: inline-block; + font-style: normal; + vertical-align: baseline; + text-align: center; + text-transform: none; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -webkit-text-stroke-width: 0px; + -moz-osx-font-smoothing: grayscale; + width: 12px; + height: 12px; + font-size: 12px; + font-size: 10px \9; + -webkit-transform: scale(0.83); + -ms-transform: scale(0.83); + -o-transform: scale(0.83); + transform: scale(0.83); + line-height: 12px; + color: #000; + top: 18px; + right: 18px; +} +.ant-modal-close-x:before { + content: "\e61e"; + display: block; + font-family: "anticon" !important; +} +.ant-modal-close:hover { + color: #000; + opacity: 1; + filter: alpha(opacity=100); + text-decoration: none; +} +.ant-modal-header { + padding: 13px 20px 14px 20px; + border-radius: 5px 5px 0 0; + background: #fff; + color: #666; + border-bottom: 1px solid #e9e9e9; +} +.ant-modal-body { + padding: 8px 20px; + font-size: 12px; + line-height: 1.5; +} +.ant-modal-footer { + border-top: 1px solid #e9e9e9; + padding: 8px 20px 16px 10px; + text-align: right; + border-radius: 0 0 5px 5px; +} +.ant-modal-wrap-hidden > .ant-modal.ant-modal-zoom-enter, +.ant-modal-wrap-hidden > .ant-modal.ant-modal-zoom-leave { + display: block; +} +.ant-modal-wrap-hidden > .ant-modal-mask { + display: none; +} +.ant-modal-mask { + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + background-color: #373737; + background-color: rgba(55, 55, 55, 0.6); + height: 100%; + z-index: 1000; + filter: alpha(opacity=50); +} +.ant-modal-wrap-hidden > .ant-modal-mask.ant-modal-fade-enter, +.ant-modal-wrap-hidden > .ant-modal-mask.ant-modal-fade-leave { + display: block; +} +.ant-modal-fade-enter { + opacity: 0; + animation-duration: 0.3s; + animation-fill-mode: both; + animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); + animation-play-state: paused; +} +.ant-modal-fade-leave { + animation-duration: 0.3s; + animation-fill-mode: both; + animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); + animation-play-state: paused; +} +.ant-modal-fade-enter.ant-modal-fade-enter-active { + animation-name: rcDialogFadeIn; + animation-play-state: running; +} +.ant-modal-fade-leave.ant-modal-fade-leave-active { + animation-name: rcDialogFadeOut; + animation-play-state: running; +} +@keyframes rcDialogFadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes rcDialogFadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.ant-modal-header { + padding: 13px 18px 14px 16px; +} +.ant-modal-body { + padding: 16px; +} +.ant-modal-footer { + padding: 10px 18px 10px 10px; +} +.ant-modal-footer button + button { + margin-left: 8px; + margin-bottom: 0; +} +.ant-confirm .ant-modal-header { + display: none; +} +.ant-confirm .ant-modal-body { + padding: 30px 40px; +} +.ant-confirm .ant-confirm-body .ant-confirm-content { + margin-left: 37px; + font-size: 12px; + color: #999; +} +.ant-confirm .ant-confirm-body .anticon { + font-size: 24px; + margin-right: 12px; + position: relative; + top: 2px; +} +.ant-confirm .ant-confirm-body .anticon-exclamation-circle { + color: #fac450; +} +.ant-confirm .ant-confirm-body .anticon-question-circle { + color: #2db7f5; +} +.ant-confirm .ant-confirm-btns { + margin-top: 30px; + float: right; +} +.ant-confirm .ant-confirm-btns button + button { + margin-left: 10px; + margin-bottom: 0; +} +.ant-tabs { + outline: none; + box-sizing: border-box; + position: relative; +} +.ant-tabs-ink-bar { + z-index: 1; + position: absolute; + left: 0; + bottom: 0; + box-sizing: border-box; + height: 2px; + background-color: #2db7f5; + transform: scaleX(1); + transform-origin: 0 0; +} +.ant-tabs-ink-bar-transition-forward { + transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s; +} +.ant-tabs-ink-bar-transition-backward { + transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s, left 0.3s cubic-bezier(0.35, 0, 0.25, 1); +} +.ant-tabs-nav-container { + font-size: 14px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + position: relative; + white-space: nowrap; + padding-right: 32px; + border-bottom: 1px solid #f3f3f3; + margin-bottom: 15px; + zoom: 1; +} +.ant-tabs-nav-container:before, +.ant-tabs-nav-container:after { + content: " "; + display: table; +} +.ant-tabs-nav-container:after { + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} +.ant-tabs-nav-container:before, +.ant-tabs-nav-container:after { + content: " "; + display: table; +} +.ant-tabs-nav-container:after { + clear: both; + visibility: hidden; + font-size: 0; + height: 0; +} +.ant-tabs-tab-prev, +.ant-tabs-tab-next { + user-select: none; + -webkit-user-select: none; + z-index: 2; + margin-right: -2px; + margin-top: 1px; + width: 32px; + height: 100%; + line-height: 32px; + cursor: pointer; + border: none; + background-color: transparent; + position: absolute; + text-align: center; +} +.ant-tabs-tab-prev-icon, +.ant-tabs-tab-next-icon { + position: relative; + display: inline-block; + font-style: normal; + font-weight: bold; + font-variant: normal; + line-height: inherit; + vertical-align: baseline; + text-align: center; + text-transform: none; + font-family: sans-serif; + font-size: 12px; +} +.ant-tabs-tab-prev-icon:before, +.ant-tabs-tab-next-icon:before { + display: block; + font-family: "anticon" !important; +} +.ant-tabs-tab-prev:hover, +.ant-tabs-tab-next:hover { + color: #57c5f7; +} +.ant-tabs-tab-next { + right: 2px; +} +.ant-tabs-tab-next-icon:before { + content: "\e611"; +} +.ant-tabs-tab-prev { + left: 0; + background: #fff; + transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.ant-tabs-tab-prev-icon:before { + content: "\e611"; +} +.ant-tabs-nav-wrap { + width: 100%; + overflow: hidden; + margin-bottom: -1px; +} +.ant-tabs-nav-scroll { + width: 99999px; + overflow: hidden; +} +.ant-tabs-nav { + box-sizing: border-box; + padding-left: 0; + transition: left 0.5s cubic-bezier(0.35, 0, 0.25, 1); + position: relative; + margin: 0; + list-style: none; + float: left; +} +.ant-tabs-nav:before, +.ant-tabs-nav:after { + display: table; + content: " "; +} +.ant-tabs-nav:after { + clear: both; +} +.ant-tabs-nav div.ant-tabs-tab-active > a, +.ant-tabs-nav div.ant-tabs-tab-active > a:hover, +.ant-tabs-nav div.ant-tabs-tab-active > a:focus { + color: #57c5f7; + cursor: pointer; + text-decoration: none; +} +.ant-tabs-nav div.ant-tabs-tab-disabled { + pointer-events: none; + cursor: default; +} +.ant-tabs-nav div.ant-tabs-tab-disabled a { + color: #ccc; +} +.ant-tabs-nav .ant-tabs-tab { + float: left; + height: 100%; + margin-right: 28px; + box-sizing: border-box; + position: relative; +} +.ant-tabs-nav .ant-tabs-tab > a { + padding: 8px 20px; + transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1); + display: block; + color: #666; +} +.ant-tabs-nav .ant-tabs-tab > a .anticon { + width: 14px; + height: 14px; + margin-right: 8px; + top: -1px; +} +.ant-tabs-nav .ant-tabs-tab > a:hover { + color: #6ccdf8; + cursor: pointer; +} +.ant-tabs-nav .ant-tabs-tab > a:hover, +.ant-tabs-nav .ant-tabs-tab > a:focus { + text-decoration: none; +} +.ant-tabs-mini .ant-tabs-nav-container { + font-size: 12px; +} +.ant-tabs-mini .ant-tabs-tab { + margin-right: 24px; +} +.ant-tabs-mini .ant-tabs-tab > a { + padding: 8px 16px; +} +.ant-tabs-tabpane-hidden { + display: none; +} +.ant-tabs-content { + position: relative; + width: 100%; +} +.ant-tabs-slide-horizontal-backward-enter { + transform: translateX(-100%); +} +.ant-tabs-slide-horizontal-backward-enter.ant-tabs-slide-horizontal-backward-enter-active { + transform: translateX(0); + transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); +} +.ant-tabs-slide-horizontal-backward-leave { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + transform: translateX(0); +} +.ant-tabs-slide-horizontal-backward-leave.ant-tabs-slide-horizontal-backward-leave-active { + transform: translateX(100%); + transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); +} +.ant-tabs-slide-horizontal-forward-enter { + transform: translateX(100%); +} +.ant-tabs-slide-horizontal-forward-enter.ant-tabs-slide-horizontal-forward-enter-active { + transform: translateX(0); + transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); +} +.ant-tabs-slide-horizontal-forward-leave { + position: absolute; + transform: translateX(0); + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.ant-tabs-slide-horizontal-forward-leave.ant-tabs-slide-horizontal-forward-leave-active { + transform: translateX(-100%); + transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1); +} +.ant-table { + font-size: 12px; + color: #666666; + border-radius: 6px; + transition: opacity 0.3s ease; + min-height: 200px; +} +.ant-table table { + width: 100%; + max-width: 100%; + border-collapse: separate; + text-align: left; +} +.ant-table th { + background: #f3f3f3; + font-weight: bold; + transition: background .3s ease; +} +.ant-table th .anticon-bars { + margin-left: 4px; + position: relative; + top: -1px; + font-size: 10px \9; + -webkit-transform: scale(0.83); + -ms-transform: scale(0.83); + -o-transform: scale(0.83); + transform: scale(0.83); + cursor: pointer; + color: #aaa; + transition: all 0.3s ease; +} +.ant-table th .anticon-bars:hover { + color: #666; +} +.ant-table th .ant-table-filter-dropdown { + min-width: 88px; + margin-left: -8px; + margin-top: -6px; +} +.ant-table th .ant-table-filter-dropdown .ant-dropdown-menu-item { + overflow: hidden; + padding: 7px 8px; +} +.ant-table th .ant-table-filter-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-selected:after { + right: 8px; + font-size: 12px; + font-size: 10px \9; + -webkit-transform: scale(0.83); + -ms-transform: scale(0.83); + -o-transform: scale(0.83); + transform: scale(0.83); +} +:root .ant-table th .ant-table-filter-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-selected:after { + font-size: 12px; +} +.ant-table th a.ant-table-filter-dropdown-link { + color: #2db7f5; +} +.ant-table th a.ant-table-filter-dropdown-link:hover { + color: #57c5f7; +} +.ant-table th a.ant-table-filter-dropdown-link:active { + color: #2baee9; +} +.ant-table th a.ant-table-filter-dropdown-link.confirm { + float: left; +} +.ant-table th a.ant-table-filter-dropdown-link.clear { + float: right; +} +.ant-table th .ant-table-filter-selected.anticon-bars { + color: #2db7f5; +} +.ant-table th:first-child { + border-radius: 6px 0 0 0; +} +.ant-table th:last-child { + border-radius: 0 6px 0 0; +} +.ant-table td { + border-bottom: 1px solid #e9e9e9; +} +.ant-table tr { + transition: all .3s ease; +} +.ant-table tr:hover { + background: #eaf8fe; +} +.ant-table tr.ant-table-row-selected { + background: #fafafa; +} +.ant-table th.ant-table-column-sort { + background: #EAEAEA; +} +.ant-table th, +.ant-table td { + padding: 16px 8px; +} +.ant-table th.ant-table-selection-column, +.ant-table td.ant-table-selection-column { + text-align: center; +} +.ant-table-loading { + position: relative; +} +.ant-table-loading .ant-table-body { + opacity: 0.42; +} +.ant-table-loading:after { + position: absolute; + display: inline-block; + -webkit-animation: loadingCircle 1.5s infinite linear; + -o-animation: loadingCircle 1.5s infinite linear; + animation: loadingCircle 1.5s infinite linear; + content: "\e610"; + top: 50%; + left: 50%; + margin-top: -10px; + margin-left: -10px; + font-family: anticon; + width: 20px; + height: 20px; + line-height: 20px; + font-size: 20px; + color: #2db7f5; +} +.ant-table-small { + border: 1px solid #e9e9e9; + padding: 0 8px; +} +.ant-table-small th { + padding: 10px 8px; + background: #fff; + border-bottom: 1px solid #e9e9e9; +} +.ant-table-small td { + padding: 6px 8px; +} +.ant-table-small .ant-table-row:last-child td { + border-bottom: 0; +} +.ant-table-column-sorter { + margin-left: 4px; + display: inline-block; + width: 12px; + height: 14px; + vertical-align: middle; + text-align: center; +} +.ant-table-column-sorter-up, +.ant-table-column-sorter-down { + line-height: 4px; + height: 6px; + display: block; + width: 12px; + cursor: pointer; +} +.ant-table-column-sorter-up:hover .anticon, +.ant-table-column-sorter-down:hover .anticon { + color: #666; +} +.ant-table-column-sorter-up.on .anticon-caret-up, +.ant-table-column-sorter-down.on .anticon-caret-up, +.ant-table-column-sorter-up.on .anticon-caret-down, +.ant-table-column-sorter-down.on .anticon-caret-down { + color: #2db7f5; +} +.ant-table-column-sorter .anticon-caret-up, +.ant-table-column-sorter .anticon-caret-down { + font-size: 6px \9; + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); + line-height: 6px; + height: 6px; + color: #aaa; +} +.ant-table-column-sorter .anticon-caret-up:before, +.ant-table-column-sorter .anticon-caret-down:before { + -moz-transform-origin: 53% 50%; + /* fix firefox position */ +} +.ant-table-pagination { + margin: 16px 0; + float: right; +} +.ant-tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + left: -9999px; + top: -9999px; + font-size: 12px; + line-height: 1.5; + opacity: 0.9; +} +.ant-tooltip-hidden { + display: none; +} +.ant-tooltip-placement-top { + padding: 5px 0 9px 0; +} +.ant-tooltip-placement-right { + padding: 0 5px 0 9px; +} +.ant-tooltip-placement-bottom { + padding: 9px 0 5px 0; +} +.ant-tooltip-placement-left { + padding: 0 9px 0 5px; +} +.ant-tooltip-inner { + max-width: 250px; + padding: 8px 10px; + color: #ffffff; + text-align: left; + text-decoration: none; + background-color: #373737; + border-radius: 6px; + box-shadow: 0 0 4px #d9d9d9; +} +.ant-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.ant-tooltip-placement-top .ant-tooltip-arrow { + bottom: 4px; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #373737; +} +.ant-tooltip-placement-right .ant-tooltip-arrow { + top: 50%; + left: 4px; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #373737; +} +.ant-tooltip-placement-left .ant-tooltip-arrow { + top: 50%; + right: 4px; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #373737; +} +.ant-tooltip-placement-bottom .ant-tooltip-arrow { + top: 4px; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #373737; +} +.ant-popover { + position: absolute; + top: 0; + left: 0; + z-index: 1080; + cursor: auto; + -moz-user-select: text; + user-select: text; + white-space: normal; + font-size: 12px; + line-height: 1.5; + font-weight: normal; + text-align: left; +} +.ant-popover:after { + content: ""; + position: absolute; + background: rgba(255, 255, 255, 0.01); +} +.ant-popover-hidden { + display: none; +} +.ant-popover-placement-top { + margin-top: -4px; + padding-bottom: 8px; +} +.ant-popover-placement-top:after { + top: 100%; + left: 0; + width: 100%; + height: 8px; +} +.ant-popover-placement-right { + margin-left: 4px; + padding-left: 8px; +} +.ant-popover-placement-right:after { + top: 0; + left: -8px; + width: 8px; + height: 100%; +} +.ant-popover-placement-bottom { + margin-top: 4px; + padding-top: 8px; +} +.ant-popover-placement-bottom:after { + top: -8px; + left: 0; + width: 100%; + height: 8px; +} +.ant-popover-placement-left { + margin-left: -4px; + padding-right: 8px; +} +.ant-popover-placement-left:after { + top: 0; + left: 100%; + width: 8px; + height: 100%; +} +.ant-popover-inner { + max-width: 276px; + min-width: 177px; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #d9d9d9; + border-radius: 6px; + box-shadow: 0 0 4px #d9d9d9; +} +.ant-popover-title { + margin: 0; + padding: 0 16px; + line-height: 32px; + height: 32px; + border-bottom: 1px solid #e9e9e9; + color: #666; +} +.ant-popover-content { + padding: 8px 16px; + color: #999; +} +.ant-popover-message { + padding: 8px 0 16px; + font-size: 12px; + color: #666; +} +.ant-popover-message .anticon { + margin-right: 8px; + color: #ff6600; + position: relative; + top: -1px; +} +.ant-popover-buttons { + text-align: right; + margin-bottom: 8px; +} +.ant-popover-buttons button { + margin-left: 8px; +} +.ant-popover-arrow, +.ant-popover-arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.ant-popover-arrow { + border-width: 5px; +} +.ant-popover-arrow:after { + border-width: 4px; + content: ""; +} +.ant-popover-placement-top > .ant-popover-arrow { + left: 50%; + margin-left: -5px; + border-bottom-width: 0; + border-top-color: #d9d9d9; + bottom: 4px; +} +.ant-popover-placement-top > .ant-popover-arrow:after { + content: " "; + bottom: 1px; + margin-left: -4px; + border-bottom-width: 0; + border-top-color: #ffffff; +} +.ant-popover-placement-right > .ant-popover-arrow { + top: 50%; + left: 4px; + margin-top: -5px; + border-left-width: 0; + border-right-color: #d9d9d9; +} +.ant-popover-placement-right > .ant-popover-arrow:after { + content: " "; + left: 1px; + bottom: -4px; + border-left-width: 0; + border-right-color: #ffffff; +} +.ant-popover-placement-bottom > .ant-popover-arrow { + left: 50%; + margin-left: -5px; + border-top-width: 0; + border-bottom-color: #d9d9d9; + top: 4px; +} +.ant-popover-placement-bottom > .ant-popover-arrow:after { + content: " "; + top: 1px; + margin-left: -4px; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.ant-popover-placement-left > .ant-popover-arrow { + top: 50%; + right: 4px; + margin-top: -5px; + border-right-width: 0; + border-left-color: #d9d9d9; +} +.ant-popover-placement-left > .ant-popover-arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -4px; +} +.ant-pagination { + user-select: none; + font-size: 12px; +} +.ant-pagination:after { + content: " "; + display: block; + height: 0; + clear: both; + overflow: hidden; + visibility: hidden; +} +.ant-pagination-item { + cursor: pointer; + border-radius: 6px; + min-width: 28px; + height: 28px; + line-height: 28px; + text-align: center; + list-style: none; + float: left; + border: 1px solid #d9d9d9; + background-color: #fff; + margin-right: 8px; + font-family: Arial; +} +.ant-pagination-item a { + text-decoration: none; + color: #666; + transition: none; +} +.ant-pagination-item:hover { + transition: all 0.3s ease; + border-color: #2db7f5; +} +.ant-pagination-item:hover a { + color: #2db7f5; +} +.ant-pagination-item-active { + background-color: #2db7f5; + border-color: #2db7f5; +} +.ant-pagination-item-active a, +.ant-pagination-item-active:hover a { + color: #fff; +} +.ant-pagination-jump-prev:after, +.ant-pagination-jump-next:after { + content: "•••"; + display: block; + letter-spacing: 2px; + color: #ccc; + font-size: 12px; + margin-top: 1px; +} +.ant-pagination-jump-prev:hover:after, +.ant-pagination-jump-next:hover:after { + color: #2db7f5; +} +.ant-pagination-jump-prev:hover:after { + content: "‹‹"; +} +.ant-pagination-jump-next:hover:after { + content: "››"; +} +.ant-pagination-prev, +.ant-pagination-jump-prev, +.ant-pagination-jump-next { + margin-right: 8px; +} +.ant-pagination-prev, +.ant-pagination-next, +.ant-pagination-jump-prev, +.ant-pagination-jump-next { + font-family: Arial; + cursor: pointer; + color: #666; + font-size: 10px; + border-radius: 6px; + list-style: none; + min-width: 28px; + height: 28px; + line-height: 28px; + float: left; + text-align: center; + transition: all 0.3s ease; +} +.ant-pagination-prev, +.ant-pagination-next { + border: 1px solid #d9d9d9; +} +.ant-pagination-prev a, +.ant-pagination-next a { + font-size: 16px; + line-height: 1; + color: #666; +} +.ant-pagination-prev:hover, +.ant-pagination-next:hover { + border-color: #2db7f5; +} +.ant-pagination-prev:hover a, +.ant-pagination-next:hover a { + color: #2db7f5; +} +.ant-pagination-disabled { + cursor: not-allowed; +} +.ant-pagination-disabled:hover { + border-color: #d9d9d9; +} +.ant-pagination-disabled:hover a { + color: #ccc; + cursor: not-allowed; +} +.ant-pagination-disabled a { + color: #ccc; +} +.ant-pagination-slash { + margin: 0 10px 0 5px; +} +.ant-pagination-options { + float: left; + margin-left: 15px; +} +.ant-pagination-options-size-changer { + float: left; + width: 90px; + margin-right: 10px; +} +.ant-pagination-options-quick-jumper { + float: left; + height: 28px; + line-height: 28px; +} +.ant-pagination-options-quick-jumper input { + position: relative; + display: inline-block; + padding: 4px 7px; + width: 100%; + height: 28px; + cursor: text; + font-size: 12px; + line-height: 1.5; + color: #666666; + background-color: #ffffff; + background-image: none; + border: 1px solid #d9d9d9; + border-radius: 6px; + -o-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + -moz-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + margin: 0 8px; + width: 50px; +} +.ant-pagination-options-quick-jumper input::-moz-placeholder { + color: #cccccc; + opacity: 1; +} +.ant-pagination-options-quick-jumper input:-ms-input-placeholder { + color: #cccccc; +} +.ant-pagination-options-quick-jumper input::-webkit-input-placeholder { + color: #cccccc; +} +.ant-pagination-options-quick-jumper input:hover { + border-color: #2db7f5; +} +.ant-pagination-options-quick-jumper input:focus { + border-color: #2db7f5; + outline: 0; + box-shadow: 0 0 0 2px #d5f1fd; +} +.ant-pagination-options-quick-jumper input[disabled], +fieldset[disabled] .ant-pagination-options-quick-jumper input { + background-color: #f3f5f7; + opacity: 1; + cursor: not-allowed; +} +.ant-pagination-options-quick-jumper input[disabled]:hover, +fieldset[disabled] .ant-pagination-options-quick-jumper input:hover { + border-color: #d9d9d9; +} +textarea.ant-pagination-options-quick-jumper input { + height: auto; +} +.ant-pagination-options-quick-jumper input-lg { + padding: 4px 7px 5px; + height: 32px; + font-size: 14px; +} +.ant-pagination-options-quick-jumper input-sm { + padding: 1px 7px; + height: 22px; + font-size: 12px; +} +.ant-pagination-simple .ant-pagination-prev, +.ant-pagination-simple .ant-pagination-next { + border: none; + height: 24px; + line-height: 24px; + margin: 0; + font-size: 18px; +} +.ant-pagination-simple .ant-pagination-simple-pager { + float: left; + margin-right: 8px; +} +.ant-pagination-simple .ant-pagination-simple-pager input { + margin: 0 8px; + box-sizing: border-box; + background-color: #fff; + border-radius: 6px; + border: 1px solid #d9d9d9; + outline: none; + padding: 5px 8px; + width: 30px; + min-height: 20px; + text-align: center; +} +.ant-pagination-simple .ant-pagination-simple-pager input:hover { + border-color: #2db7f5; +} +.ant-pagination.mini .ant-pagination-item { + border: none; + margin: 0; + min-width: 20px; + height: 20px; + line-height: 20px; +} +.ant-pagination.mini .ant-pagination-prev, +.ant-pagination.mini .ant-pagination-next { + margin: 0; + min-width: 20px; + height: 20px; + line-height: 20px; + border: none; +} +.ant-pagination.mini .ant-pagination-jump-prev, +.ant-pagination.mini .ant-pagination-jump-next { + height: 20px; + line-height: 20px; +} +.ant-pagination.mini .ant-pagination-options-quick-jumper { + height: 20px; + line-height: 20px; +} +.ant-pagination.mini .ant-pagination-options-quick-jumper input { + padding: 1px 7px; + height: 22px; + font-size: 12px; +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 14px; + line-height: inherit; + color: #999999; + border: 0; + border-bottom: 1px solid #d9d9d9; +} +label { + display: inline-block; + font-size: 12px; + max-width: 100%; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +output { + display: block; + padding-top: 15px; + font-size: 12px; + line-height: 1.5; + color: #666666; +} +label { + position: relative; +} +label[required]:before { + position: absolute; + display: inline-block; + left: -5px \9; + content: "*"; + color: #ff6600; + font-family: SimSun; + font-size: 12px; + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); +} +label > .anticon { + vertical-align: top; + font-size: 12px; +} +.ant-input { + position: relative; + display: inline-block; + padding: 4px 7px; + width: 100%; + height: 28px; + cursor: text; + font-size: 12px; + line-height: 1.5; + color: #666666; + background-color: #ffffff; + background-image: none; + border: 1px solid #d9d9d9; + border-radius: 6px; + -o-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + -moz-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-input::-moz-placeholder { + color: #cccccc; + opacity: 1; +} +.ant-input:-ms-input-placeholder { + color: #cccccc; +} +.ant-input::-webkit-input-placeholder { + color: #cccccc; +} +.ant-input:hover { + border-color: #2db7f5; +} +.ant-input:focus { + border-color: #2db7f5; + outline: 0; + box-shadow: 0 0 0 2px #d5f1fd; +} +.ant-input[disabled], +fieldset[disabled] .ant-input { + background-color: #f3f5f7; + opacity: 1; + cursor: not-allowed; +} +.ant-input[disabled]:hover, +fieldset[disabled] .ant-input:hover { + border-color: #d9d9d9; +} +textarea.ant-input { + height: auto; +} +.ant-input-lg { + padding: 4px 7px 5px; + height: 32px; + font-size: 14px; +} +.ant-input-sm { + padding: 1px 7px; + height: 22px; + font-size: 12px; +} +.has-feedback { + position: relative; +} +.has-feedback .anticon { + position: absolute; + bottom: 0; + right: 0; + z-index: 2; + width: 28px; + height: 28px; + font-size: 14px; + line-height: 28px; + text-align: center; + pointer-events: none; +} +.ant-input-group { + position: relative; + display: table; + border-collapse: separate; +} +.ant-input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} +.ant-input-group > [class*="col-"] { + padding-right: 8px; +} +.ant-input-group-addon, +.ant-input-group-btn, +.ant-input-group > .ant-input { + display: table-cell; +} +.ant-input-group-addon:not(:first-child):not(:last-child), +.ant-input-group-btn: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-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.ant-input-group .ant-input { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.ant-input-group-addon { + padding: 4px 7px; + font-size: 12px; + font-weight: normal; + line-height: 1; + color: #666666; + text-align: center; + background-color: #eee; + border: 1px solid #d9d9d9; + border-radius: 6px; +} +.ant-input-group .ant-btn { + border-radius: 6px; + color: #666666; + background-color: #eeeeee; + border-color: #d9d9d9; + margin-left: -1px; +} +.ant-input-group .ant-btn:hover { + color: #858585; + background-color: #f1f1f1; + border-color: #e1e1e1; +} +.ant-input-group .ant-btn:active, +.ant-input-group .ant-btn.active { + color: #616161; + background-color: #e2e2e2; + border-color: #e2e2e2; +} +.ant-input-group .ant-btn:active, +.ant-input-group .ant-btn.active { + background-image: none; +} +.ant-input-group .ant-btn.disabled, +.ant-input-group .ant-btn[disabled], +fieldset[disabled] .ant-input-group .ant-btn, +.ant-input-group .ant-btn.disabled:hover, +.ant-input-group .ant-btn[disabled]:hover, +fieldset[disabled] .ant-input-group .ant-btn:hover, +.ant-input-group .ant-btn.disabled:active, +.ant-input-group .ant-btn[disabled]:active, +fieldset[disabled] .ant-input-group .ant-btn:active, +.ant-input-group .ant-btn.disabled.active, +.ant-input-group .ant-btn[disabled].active, +fieldset[disabled] .ant-input-group .ant-btn.active { + color: #cccccc; + background-color: #f3f5f7; + border-color: #d9d9d9; +} +.ant-input-group .ant-btn:hover { + color: #666666; + background-color: #f1f1f1; + border-color: #d9d9d9; +} +.ant-input-group .ant-btn:active, +.ant-input-group .ant-btn.active { + color: #666666; + background-color: #e2e2e2; + border-color: #d9d9d9; +} +.ant-input-group .ant-btn .anticon { + line-height: 1; + margin-left: 8px; +} +.ant-input-group > .ant-input:first-child, +.ant-input-group-addon:first-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.ant-input-group-addon:first-child { + border-right: 0; +} +.ant-input-group-addon:last-child { + border-left: 0; +} +.ant-input-group > .ant-input:last-child, +.ant-input-group-addon:last-child, +.ant-input-group-btn .ant-btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.ant-input-group-lg .ant-input, +.ant-input-group-lg > .ant-input-group-addon, +.ant-input-group-lg > .ant-input-group-btn .ant-btn { + padding: 4px 7px 5px; + height: 32px; + font-size: 14px; +} +.ant-input-group-sm .ant-input, +.ant-input-group-sm > .ant-input-group-addon, +.ant-input-group-sm > .ant-input-group-btn .ant-btn { + padding: 1px 7px; + height: 22px; + font-size: 12px; +} +.ant-input-group-sm > .ant-input-group-btn .ant-btn { + margin-top: -2px \9; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; +} +.ant-radio-inline.disabled, +.ant-radio-vertical.disabled, +.ant-checkbox-inline.disabled, +.ant-checkbox-vertical.disabled, +fieldset[disabled] .ant-radio-inline, +fieldset[disabled] .ant-radio-vertical, +fieldset[disabled] .ant-checkbox-inline, +fieldset[disabled] .ant-checkbox-vertical { + cursor: not-allowed; +} +.ant-radio.disabled label, +.ant-checkbox.disabled label, +fieldset[disabled] .ant-radio label, +fieldset[disabled] .ant-checkbox label { + cursor: not-allowed; +} +.ant-form-item { + margin-bottom: 24px; +} +.ant-form-item > label { + color: #666666; + text-align: right; + padding-right: 8px; + vertical-align: middle; +} +.ant-form-item .ant-switch { + margin: 4px 0; +} +.ant-form-text, +.ant-form-split { + margin: 0!important; + padding-top: 7px; + padding-bottom: 7px; +} +.ant-form-split { + text-align: center; +} +.ant-form-explain { + position: absolute; + font-size: 12px; + line-height: 1.5; + bottom: - 18px; +} +form * { + font-size: 12px; + line-height: 1.5; +} +form .has-feedback .anticon { + width: 32px; + height: 32px; + line-height: 32px; +} +form .ant-input, +form .ant-input-group .ant-input, +form .ant-input-group .ant-input-group-addon, +form .ant-input-group .ant-input-group-btn .ant-btn { + height: 32px; + font-size: 12px; + padding: 7px; +} +form .ant-upload { + background: transparent; +} +form input[type="radio"], +form input[type="checkbox"] { + width: 14px; + height: 14px; +} +form .ant-radio-inline, +form .ant-checkbox-inline { + display: inline-block; + margin-right: 16px; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +form .ant-checkbox-vertical, +form .ant-radio-vertical { + display: block; + margin-top: 16px; +} +form .ant-checkbox-vertical:first-child, +form .ant-radio-vertical:first-child { + margin-top: 0; +} +.ant-form-horizontal .ant-form-item { + position: relative; + width: 100%; + margin-left: 0; + margin-right: 0; + height: auto; +} +.ant-form-horizontal .ant-form-item-compact label, +.ant-form-horizontal .ant-form-item-compact .ant-form-text, +.ant-form-horizontal .ant-form-item-compact .ant-form-split { + padding-top: 0; + padding-bottom: 0; +} +.ant-form-horizontal .ant-radio-inline, +.ant-form-horizontal .ant-checkbox-inline { + vertical-align: top; +} +@media (min-width: 768px) { + .ant-form-inline .ant-form-item { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + margin-right: 10px; + } + .ant-form-inline .ant-form-item label { + padding-right: 0; + } + .ant-form-inline .ant-input { + display: inline-block; + width: auto; + vertical-align: middle; + } + .ant-form-inline .ant-form-text { + display: inline-block; + } + .ant-form-inline .has-feedback { + display: inline-block; + } +} +.ant-form-horizontal label, +.ant-form-inline label { + padding-top: 7px; + padding-bottom: 7px; +} +.ant-form-horizontal label > input[type="radio"], +.ant-form-inline label > input[type="radio"], +.ant-form-horizontal label > input[type="checkbox"], +.ant-form-inline label > input[type="checkbox"] { + margin-right: 5px; +} +.has-success .ant-form-explain, +.has-success .ant-form-split { + color: #87d068; +} +.has-success .ant-input { + border-color: #2db7f5; +} +.has-success .ant-input:focus { + border-color: #2db7f5; + box-shadow: 0 0 0 2px #d5f1fd; +} +.has-success .ant-input:not([disabled]):hover { + border-color: #2db7f5; +} +.has-success .ant-input-group-addon { + color: #87d068; + border-color: #2db7f5; + background-color: #ffffff; +} +.has-success .has-feedback { + color: #87d068; +} +.has-success .ant-input { + border-color: #d9d9d9; +} +.has-warning .ant-form-explain, +.has-warning .ant-form-split { + color: #fac450; +} +.has-warning .ant-input { + border-color: #fac450; +} +.has-warning .ant-input:focus { + border-color: #fac450; + box-shadow: 0 0 0 2px #fef3dc; +} +.has-warning .ant-input:not([disabled]):hover { + border-color: #fac450; +} +.has-warning .ant-input-group-addon { + color: #fac450; + border-color: #fac450; + background-color: #ffffff; +} +.has-warning .has-feedback { + color: #fac450; +} +.has-error .ant-form-explain, +.has-error .ant-form-split { + color: #ff6600; +} +.has-error .ant-input { + border-color: #ff6600; +} +.has-error .ant-input:focus { + border-color: #ff6600; + box-shadow: 0 0 0 2px #ffe0cc; +} +.has-error .ant-input:not([disabled]):hover { + border-color: #ff6600; +} +.has-error .ant-input-group-addon { + color: #ff6600; + border-color: #ff6600; + background-color: #ffffff; +} +.has-error .has-feedback { + color: #ff6600; +} +.ant-steps { + font-size: 0; + width: 100%; + line-height: 1.5; +} +.ant-steps .ant-steps-item { + position: relative; + display: inline-block; + vertical-align: top; +} +.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner { + border-color: #cccccc; + background-color: #fff; +} +.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner > .ant-steps-icon { + color: #cccccc; +} +.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title { + color: #999999; +} +.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description { + color: #999999; +} +.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-tail > i { + background-color: #e9e9e9; +} +.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner { + border-color: #2db7f5; + background-color: #2db7f5; +} +.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon { + color: #fff; +} +.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title { + color: #666666; +} +.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description { + color: #666666; +} +.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-tail > i { + background-color: #e9e9e9; +} +.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner { + border-color: #2db7f5; + background-color: #fff; +} +.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon { + color: #2db7f5; +} +.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i { + background-color: #2db7f5; +} +.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title { + color: #999999; +} +.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description { + color: #999999; +} +.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner { + background: none; + border: 0; + width: auto; + height: auto; +} +.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner > .ant-steps-icon { + font-size: 20px; + top: 2px; + width: 20px; + height: 20px; +} +.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon { + color: #2db7f5; +} +.ant-steps .ant-steps-head, +.ant-steps .ant-steps-main { + position: relative; + display: inline-block; + vertical-align: top; +} +.ant-steps .ant-steps-head { + background: #fff; +} +.ant-steps .ant-steps-head-inner { + display: block; + border: 1px solid #cccccc; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + border-radius: 26px; + font-size: 14px; + margin-right: 8px; + -o-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; + -webkit-transition: background-color 0.3s ease; + -moz-transition: background-color 0.3s ease; + -o-transition: border-color 0.3s ease; + transition: border-color 0.3s ease; + -webkit-transition: border-color 0.3s ease; + -moz-transition: border-color 0.3s ease; +} +.ant-steps .ant-steps-head-inner > .ant-steps-icon { + line-height: 1; + top: -1px; + color: #2db7f5; + position: relative; +} +.ant-steps .ant-steps-head-inner > .ant-steps-icon.anticon { + font-size: 12px; + position: relative; + top: -2px; +} +.ant-steps .ant-steps-main { + margin-top: 3px; +} +.ant-steps .ant-steps-title { + font-size: 14px; + margin-bottom: 4px; + color: #666; + font-weight: bold; + background: #fff; + display: inline-block; + padding-right: 10px; +} +.ant-steps .ant-steps-item-last .ant-steps-title { + padding-right: 0; +} +.ant-steps .ant-steps-description { + font-size: 12px; + color: #999; +} +.ant-steps .ant-steps-tail { + position: absolute; + left: 0; + width: 100%; + top: 12px; + padding: 0 10px; +} +.ant-steps .ant-steps-tail > i { + display: inline-block; + background: #e9e9e9; + height: 1px; + border-radius: 1px; + width: 100%; + -o-transition: background 0.3s ease; + transition: background 0.3s ease; + -webkit-transition: background 0.3s ease; + -moz-transition: background 0.3s ease; +} +.ant-steps.ant-steps-small .ant-steps-head-inner { + border: 1px solid #cccccc; + width: 18px; + height: 18px; + line-height: 18px; + text-align: center; + border-radius: 18px; + font-size: 12px; + margin-right: 10px; +} +.ant-steps.ant-steps-small .ant-steps-head-inner > .ant-steps-icon.anticon { + font-size: 12px; + font-size: 9px \9; + -webkit-transform: scale(0.75); + -ms-transform: scale(0.75); + -o-transform: scale(0.75); + transform: scale(0.75); + top: -1px; +} +.ant-steps.ant-steps-small .ant-steps-main { + margin-top: 0; +} +.ant-steps.ant-steps-small .ant-steps-title { + font-size: 12px; + margin-bottom: 4px; + color: #666; + font-weight: bold; +} +.ant-steps.ant-steps-small .ant-steps-description { + font-size: 10px; + color: #999; +} +.ant-steps.ant-steps-small .ant-steps-tail { + top: 8px; + padding: 0 8px; +} +.ant-steps.ant-steps-small .ant-steps-tail > i { + height: 1px; + border-radius: 1px; + width: 100%; +} +.ant-steps.ant-steps-small .ant-steps-item.ant-steps-custom .ant-steps-head-inner, +.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner { + width: inherit; + height: inherit; + line-height: inherit; + border-radius: 0; + border: 0; + background: none; +} +.ant-breadcrumb { + color: #999; + font-size: 12px; +} +.ant-breadcrumb a { + color: #666; +} +.ant-breadcrumb > span:last-child { + font-weight: bold; + color: #666; +} +.ant-breadcrumb > span:last-child .ant-breadcrumb-slash { + display: none; +} +.ant-breadcrumb-slash { + margin: 0 8px; + color: #d9d9d9; +} +.ant-breadcrumb .anticon { + position: relative; + top: -1px; +} +.ant-breadcrumb .anticon + span { + margin-left: 6px; +} +.ant-input-number { + position: relative; + padding: 4px 7px; + width: 100%; + height: 28px; + cursor: text; + line-height: 1.5; + color: #666666; + background-color: #ffffff; + background-image: none; + border: 1px solid #d9d9d9; + border-radius: 6px; + -o-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + -moz-transition: border .3s cubic-bezier(0.645, 0.045, 0.355, 1), background .3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .3s cubic-bezier(0.645, 0.045, 0.355, 1); + margin: 0; + padding: 0; + line-height: 29px; + font-size: 12px; + height: 29px; + display: inline-block; + vertical-align: middle; + border: 1px solid #D9D9D9; + border-radius: 5px; + overflow: hidden; +} +.ant-input-number::-moz-placeholder { + color: #cccccc; + opacity: 1; +} +.ant-input-number:-ms-input-placeholder { + color: #cccccc; +} +.ant-input-number::-webkit-input-placeholder { + color: #cccccc; +} +.ant-input-number:hover { + border-color: #2db7f5; +} +.ant-input-number:focus { + border-color: #2db7f5; + outline: 0; + box-shadow: 0 0 0 2px #d5f1fd; +} +.ant-input-number[disabled], +fieldset[disabled] .ant-input-number { + background-color: #f3f5f7; + opacity: 1; + cursor: not-allowed; +} +.ant-input-number[disabled]:hover, +fieldset[disabled] .ant-input-number:hover { + border-color: #d9d9d9; +} +textarea.ant-input-number { + height: auto; +} +.ant-input-number-lg { + padding: 4px 7px 5px; + height: 32px; + font-size: 14px; +} +.ant-input-number-sm { + padding: 1px 7px; + height: 22px; + font-size: 12px; +} +.ant-input-number-handler { + text-align: center; + line-height: 0; + height: 15px; + overflow: hidden; + color: #999; +} +.ant-input-number-handler:hover { + color: #666; +} +.ant-input-number-handler-down { + height: 14px; +} +.ant-input-number-handler-up-inner, +.ant-input-number-handler-down-inner { + position: relative; + display: inline-block; + font-style: normal; + vertical-align: baseline; + text-align: center; + text-transform: none; + text-rendering: auto; + line-height: 12px; + user-select: none; + -webkit-user-select: none; + position: absolute; + width: 12px; + height: 12px; + font-size: 12px; + font-size: 8px \9; + -webkit-transform: scale(0.67); + -ms-transform: scale(0.67); + -o-transform: scale(0.67); + transform: scale(0.67); + right: 4px; +} +.ant-input-number-handler-up-inner:before, +.ant-input-number-handler-down-inner:before { + display: block; + font-family: "anticon" !important; +} +.ant-input-number:hover { + border-color: #2db7f5; +} +.ant-input-number-focused { + border-color: #2db7f5; + outline: 0; + box-shadow: 0 0 0 2px #d5f1fd; +} +.ant-input-number-disabled { + background-color: #f3f5f7; + opacity: 1; + cursor: not-allowed; +} +.ant-input-number-disabled:hover { + border-color: #d9d9d9; +} +.ant-input-number-input-wrap { + overflow: hidden; + height: 29px; +} +.ant-input-number-input { + width: 100%; + text-align: center; + outline: 0; + -moz-appearance: textfield; + line-height: 29px; + height: 22px; + transition: all 0.3s ease; + color: #666666; + border: 0; + border-radius: 5px; + padding: 0 8px; +} +.ant-input-number-input[disabled] { + background-color: #f3f5f7; + opacity: 1; + cursor: not-allowed; +} +.ant-input-number-input[disabled]:hover { + border-color: #d9d9d9; +} +.ant-input-number-handler-wrap { + float: right; + border-left: 1px solid #D9D9D9; + width: 22px; + height: 29px; + margin-top: -1px; + position: relative; +} +.ant-input-number-handler-up { + border-bottom: 1px solid #D9D9D9; + cursor: pointer; +} +.ant-input-number-handler-up-inner { + top: 2px; +} +.ant-input-number-handler-up-inner:before { + content: "\e600"; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + transform: rotate(180deg); +} +.ant-input-number-handler-down { + cursor: pointer; +} +.ant-input-number-handler-down-inner { + bottom: 2px; +} +.ant-input-number-handler-down-inner:before { + content: "\e600"; +} +.ant-input-number-handler-down-disabled .ant-input-number-handler-down-inner, +.ant-input-number-handler-up-disabled .ant-input-number-handler-down-inner, +.ant-input-number-disabled .ant-input-number-handler-down-inner, +.ant-input-number-handler-down-disabled .ant-input-number-handler-up-inner, +.ant-input-number-handler-up-disabled .ant-input-number-handler-up-inner, +.ant-input-number-disabled .ant-input-number-handler-up-inner { + opacity: 0.72; + color: #ccc; + cursor: default; +} +.ant-input-number-handler-down-disabled .ant-input-number-handler-down-inner:hover, +.ant-input-number-handler-up-disabled .ant-input-number-handler-down-inner:hover, +.ant-input-number-disabled .ant-input-number-handler-down-inner:hover, +.ant-input-number-handler-down-disabled .ant-input-number-handler-up-inner:hover, +.ant-input-number-handler-up-disabled .ant-input-number-handler-up-inner:hover, +.ant-input-number-disabled .ant-input-number-handler-up-inner:hover { + color: #ccc; + cursor: default; +} +.ant-input-number-disabled .ant-input-number-input { + opacity: 0.72; + cursor: not-allowed; + background-color: #f3f3f3; +} +.ant-input-number-disabled .ant-input-number-handler { + opacity: 0.72; + color: #ccc; + cursor: default; +} +.ant-input-number-disabled .ant-input-number-handler:hover { + color: #ccc; + cursor: default; +} +/* 一般状态 */ +.ant-checkbox { + white-space: nowrap; + cursor: pointer; + outline: none; + display: inline-block; + line-height: 1; + position: relative; + vertical-align: middle; +} +.ant-checkbox:hover .ant-checkbox-inner { + border-color: #bcbcbc; +} +.ant-checkbox-inner { + position: relative; + top: 0; + left: 0; + display: inline-block; + width: 14px; + height: 14px; + border-width: 1px; + border-style: solid; + border-radius: 3px; + border-color: #d9d9d9; + background-color: #ffffff; + transition: border-color 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); +} +.ant-checkbox-inner:after { + transform: rotate(45deg) scale(0); + position: absolute; + left: 4px; + top: 1px; + display: table; + width: 5px; + height: 8px; + border: 2px solid #ffffff; + border-top: 0; + border-left: 0; + content: ' '; +} +.ant-checkbox-input { + position: absolute; + left: 0; + z-index: 9999; + cursor: pointer; + opacity: 0; + top: 0; + bottom: 0; + right: 0; +} +/* 选中状态 */ +.ant-checkbox-checked:hover .ant-checkbox-inner { + border-color: #2db7f5; +} +.ant-checkbox-checked .ant-checkbox-inner { + border-color: #2db7f5; + background-color: #2db7f5; +} +.ant-checkbox-checked .ant-checkbox-inner:after { + transform: rotate(45deg); + position: absolute; + left: 4px; + top: 1px; + display: table; + width: 5px; + height: 8px; + border: 2px solid #ffffff; + border-top: 0; + border-left: 0; + content: ' '; + animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55); + animation-duration: 0.3s; + animation-name: fadeOut; +} +.ant-checkbox-disabled.ant-checkbox-checked:hover .ant-checkbox-inner { + border-color: #d9d9d9; +} +.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner { + background-color: #f3f3f3; + border-color: #d9d9d9; +} +.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { + animation-name: none; + border-color: #cccccc; +} +.ant-checkbox-disabled:hover .ant-checkbox-inner { + border-color: #d9d9d9; +} +.ant-checkbox-disabled .ant-checkbox-inner { + border-color: #d9d9d9; + background-color: #f3f3f3; +} +.ant-checkbox-disabled .ant-checkbox-inner:after { + animation-name: none; + border-color: #f3f3f3; +} +.ant-checkbox-disabled .ant-checkbox-inner-input { + cursor: default; +} +.ant-checkbox + span { + margin-left: 8px; +} +.ant-collapse { + background-color: #f4f4f4; + border-radius: 3px; + border-top: 1px solid #e9e9e9; + border-left: 1px solid #e9e9e9; + border-right: 1px solid #e9e9e9; +} +.ant-collapse > .ant-collapse-item > .ant-collapse-header { + height: 38px; + line-height: 38px; + text-indent: 16px; + color: #666; + border-bottom: 1px solid #e9e9e9; +} +.ant-collapse > .ant-collapse-item > .ant-collapse-header:before { + display: inline-block; + content: '\20'; + width: 0; + height: 0; + font-size: 0; + line-height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-left: 4px solid #666666; + vertical-align: middle; + margin-right: 8px; +} +.ant-collapse-content { + height: 0; + transition-duration: .3s; + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + overflow: hidden; + color: #999; + padding: 0 16px; + background-color: #fff; +} +.ant-collapse-content > .ant-collapse-content-box { + margin-top: 16px; + margin-bottom: 16px; +} +.ant-collapse-item:last-child > .ant-collapse-content { + border-radius: 0 0 3px 3px; +} +.ant-collapse-content-active { + border-bottom: 1px solid #e9e9e9; +} +.ant-collapse > .ant-collapse-item-active > .ant-collapse-header { + border-bottom: none; +} +.ant-collapse > .ant-collapse-item-active > .ant-collapse-header:before { + border-left: 3px solid transparent; + border-right: 3px solid transparent; + border-top: 4px solid #666666; + margin-right: 6px; +} +.ant-message { + font-size: 12px; + position: fixed; + z-index: 1000; + width: 100%; + top: 16px; +} +.ant-message-notice { + width: auto; + vertical-align: middle; + position: absolute; + left: 50%; +} +.ant-message-notice-content { + position: relative; + right: 50%; + padding: 8px 16px; + border-radius: 6px; + border: 1px solid #e9e9e9; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); + background: #fff; + display: block; +} +.ant-message-success { + color: #87d068; +} +.ant-message-error { + color: #ff6600; +} +.ant-message-info { + color: #2db7f5; +} +.ant-message .anticon { + margin-right: 8px; + font-size: 14px; +} +.ant-divider { + margin: 0 4px; + color: #999; + display: inline-block; + height: 8px; + width: 1px; + background: #ccc; +} +.ant-slider { + position: relative; + margin: 12px 0; + margin-left: 7px; + height: 4px; + width: auto; + border-radius: 6px; + background-color: #e9e9e9; +} +.ant-slider-track { + position: absolute; + left: 0; + height: 4px; + border-radius: 6px; + background-color: #abe2fb; + z-index: 1; +} +.ant-slider-handle { + position: absolute; + margin-left: -7px; + margin-top: -5px; + width: 14px; + height: 14px; + cursor: pointer; + border-radius: 50%; + border: solid 2px #96dbfa; + background-color: #fff; + z-index: 2; +} +.ant-slider-handle:hover { + border-color: #57c5f7; +} +.ant-slider-handle-active:active { + border-color: #57c5f7; + box-shadow: 0 0 0 2px rgba(45, 183, 245, 0.2); +} +.ant-slider-mark { + position: absolute; + top: 10px; + left: 0px; + width: 100%; + font-size: 12px; + z-index: 3; +} +.ant-slider-mark-text { + position: absolute; + display: inline-block; + vertical-align: middle; + text-align: center; + cursor: pointer; + color: #999; +} +.ant-slider-mark-text-active { + color: #666; +} +.ant-slider-step { + position: absolute; + width: 100%; + height: 4px; + background: transparent; + z-index: 1; +} +.ant-slider-dot { + position: absolute; + top: -2px; + margin-left: -4px; + width: 8px; + height: 8px; + border: 2px solid #e9e9e9; + background-color: #fff; + cursor: pointer; + border-radius: 50%; + vertical-align: middle; +} +.ant-slider-dot:first-child { + margin-left: -4px; +} +.ant-slider-dot:last-child { + margin-left: -4px; +} +.ant-slider-dot-active { + border-color: #96dbfa; +} +.ant-slider-disabled { + background-color: #e9e9e9; +} +.ant-slider-disabled .ant-slider-track { + background-color: #cccccc; +} +.ant-slider-disabled .ant-slider-handle { + border-color: #cccccc; + background-color: #fff; + cursor: not-allowed; +} +.ant-slider-disabled .ant-slider-mark-text, +.ant-slider-disabled .dot { + cursor: not-allowed !important; +} +.ant-slider-tooltip { + position: absolute; + left: -9999px; + top: -9999px; + z-index: 4; + visibility: visible; +} +.ant-slider-tooltip-hidden { + display: none; +} +.ant-slider-tooltip-placement-top { + padding: 4px 0 8px 0; +} +.ant-slider-tooltip-inner { + padding: 6px 0; + width: 24px; + height: 24px; + font-size: 12px; + line-height: 1; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #6c6c6c; + border-radius: 6px; +} +.ant-slider-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.ant-slider-tooltip-placement-top .ant-slider-tooltip-arrow { + bottom: 4px; + left: 50%; + margin-left: -4px; + border-width: 4px 4px 0; + border-top-color: #6c6c6c; +} +.ant-radio-group label { + margin-right: 10px; +} +/* 一般状态 */ +.ant-radio { + white-space: nowrap; + outline: none; + display: inline-block; + position: relative; + line-height: 1; + vertical-align: middle; +} +.ant-radio:hover .ant-radio-inner { + border-color: #bcbcbc; +} +.ant-radio-inner { + position: relative; + top: 0; + left: 0; + display: inline-block; + width: 14px; + height: 14px; + border-width: 1px; + border-style: solid; + border-radius: 14px; + border-color: #d9d9d9; + background-color: #ffffff; + transition: border-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-radio-inner:after { + position: absolute; + width: 6px; + height: 6px; + left: 3px; + top: 3px; + border-radius: 6px; + display: table; + border-top: 0; + border-left: 0; + content: ' '; + background-color: #2db7f5; + transform: scale(0); + opacity: 0; + transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-radio-input { + position: absolute; + left: 0; + z-index: 9999; + cursor: pointer; + opacity: 0; + top: 0; + bottom: 0; + right: 0; +} +/* 选中状态 */ +.ant-radio-checked .ant-radio-inner { + border-color: #d9d9d9; +} +.ant-radio-checked .ant-radio-inner:after { + transform: scale(1); + opacity: 1; + transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-radio-disabled:hover .ant-radio-inner { + border-color: #d9d9d9; +} +.ant-radio-disabled .ant-radio-inner { + border-color: #d9d9d9; + background-color: #f3f3f3; +} +.ant-radio-disabled .ant-radio-inner:after { + background-color: #cccccc; +} +.ant-radio-disabled .ant-radio-inner-input { + cursor: default; +} +.ant-radio + span { + margin-left: 8px; +}