mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-28 13:09:40 +08:00
6242 lines
134 KiB
CSS
6242 lines
134 KiB
CSS
/*! 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;
|
||
}
|