ant-design/style/index.css
2015-07-17 16:48:01 +08:00

6242 lines
134 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*! 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;
}