body,html {
width: 100%;
height: 100%
}
input::-ms-clear,input::-ms-reveal {
display: none
}
*,:after,:before {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
@-ms-viewport {
width: device-width
}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
display: block
}
body {
margin: 0;
color: rgba(0,0,0,.65);
font-size: 14px;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
font-variant: tabular-nums;
line-height: 1.5;
background-color: #fff;
font-feature-settings: "tnum"
}
[tabindex="-1"]:focus {
outline: none!important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: .5em;
color: rgba(0,0,0,.85);
font-weight: 500
}
p {
margin-top: 0;
margin-bottom: 1em
}
#features .page1-box>p {
/*text-align: left;*/
}
abbr[data-original-title],abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: 0;
cursor: help
}
address {
margin-bottom: 1em;
font-style: normal;
line-height: inherit
}
input[type=number],input[type=password],input[type=text],textarea {
-webkit-appearance: none
}
dl,ol,ul {
margin-top: 0;
margin-bottom: 1em
}
ol ol,ol ul,ul ol,ul ul {
margin-bottom: 0
}
dt {
font-weight: 500
}
dd {
margin-bottom: .5em;
margin-left: 0
}
blockquote {
margin: 0 0 1em
}
dfn {
font-style: italic
}
b,strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #F79900;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
transition: color .3s;
-webkit-text-decoration-skip: objects
}
a:hover {
color: #40a9ff
}
a:active {
color: #096dd9
}
a:active,a:hover {
text-decoration: none;
outline: 0
}
a[disabled] {
color: rgba(0,0,0,.25);
cursor: not-allowed;
pointer-events: none
}
code,kbd,pre,samp {
font-size: 1em;
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace
}
pre {
margin-top: 0;
margin-bottom: 1em;
overflow: auto
}
figure {
margin: 0 0 1em
}
img {
vertical-align: middle;
border-style: none
}
svg:not(:root) {
overflow: hidden
}
[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea {
touch-action: manipulation
}
table {
border-collapse: collapse
}
caption {
padding-top: .75em;
padding-bottom: .3em;
color: rgba(0,0,0,.45);
text-align: left;
caption-side: bottom
}
th {
text-align: inherit
}
button,input,optgroup,select,textarea {
margin: 0;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
[type=reset],[type=submit],button,html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
-webkit-appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: .5em;
padding: 0;
color: inherit;
font-size: 1.5em;
line-height: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none!important
}
mark {
padding: .2em;
background-color: #feffe6
}
::selection {
color: #fff;
background: #F79900
}
.clearfix {
zoom:1}
.clearfix:after,.clearfix:before {
display: table;
content: ""
}
.clearfix:after {
clear: both
}
.anticon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.anticon>* {
line-height: 1
}
.anticon svg {
display: inline-block
}
.anticon:before {
display: none
}
.anticon .anticon-icon {
display: block
}
.anticon[tabindex] {
cursor: pointer
}
.anticon-spin:before {
display: inline-block;
animation: loadingCircle 1s linear infinite
}
.anticon-spin {
display: inline-block;
animation: loadingCircle 1s linear infinite
}
.fade-appear,.fade-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.fade-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.fade-appear.fade-appear-active,.fade-enter.fade-enter-active {
animation-name: antFadeIn;
animation-play-state: running
}
.fade-leave.fade-leave-active {
animation-name: antFadeOut;
animation-play-state: running;
pointer-events: none
}
.fade-appear,.fade-enter {
opacity: 0;
animation-timing-function: linear
}
.fade-leave {
animation-timing-function: linear
}
@keyframes antFadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes antFadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.move-up-appear,.move-up-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.move-up-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
animation-name: antMoveUpIn;
animation-play-state: running
}
.move-up-leave.move-up-leave-active {
animation-name: antMoveUpOut;
animation-play-state: running;
pointer-events: none
}
.move-up-appear,.move-up-enter {
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.move-up-leave {
animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}
.move-down-appear,.move-down-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.move-down-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
animation-name: antMoveDownIn;
animation-play-state: running
}
.move-down-leave.move-down-leave-active {
animation-name: antMoveDownOut;
animation-play-state: running;
pointer-events: none
}
.move-down-appear,.move-down-enter {
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.move-down-leave {
animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}
.move-left-appear,.move-left-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.move-left-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
animation-name: antMoveLeftIn;
animation-play-state: running
}
.move-left-leave.move-left-leave-active {
animation-name: antMoveLeftOut;
animation-play-state: running;
pointer-events: none
}
.move-left-appear,.move-left-enter {
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.move-left-leave {
animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}
.move-right-appear,.move-right-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.move-right-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
animation-name: antMoveRightIn;
animation-play-state: running
}
.move-right-leave.move-right-leave-active {
animation-name: antMoveRightOut;
animation-play-state: running;
pointer-events: none
}
.move-right-appear,.move-right-enter {
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.move-right-leave {
animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}
@keyframes antMoveDownIn {
0% {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0
}
to {
transform: translateY(0);
transform-origin: 0 0;
opacity: 1
}
}
@keyframes antMoveDownOut {
0% {
transform: translateY(0);
transform-origin: 0 0;
opacity: 1
}
to {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0
}
}
@keyframes antMoveLeftIn {
0% {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0
}
to {
transform: translateX(0);
transform-origin: 0 0;
opacity: 1
}
}
@keyframes antMoveLeftOut {
0% {
transform: translateX(0);
transform-origin: 0 0;
opacity: 1
}
to {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0
}
}
@keyframes antMoveRightIn {
0% {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0
}
to {
transform: translateX(0);
transform-origin: 0 0;
opacity: 1
}
}
@keyframes antMoveRightOut {
0% {
transform: translateX(0);
transform-origin: 0 0;
opacity: 1
}
to {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0
}
}
@keyframes antMoveUpIn {
0% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0
}
to {
transform: translateY(0);
transform-origin: 0 0;
opacity: 1
}
}
@keyframes antMoveUpOut {
0% {
transform: translateY(0);
transform-origin: 0 0;
opacity: 1
}
to {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0
}
}
@keyframes loadingCircle {
to {
transform: rotate(1turn)
}
}
[ant-click-animating-without-extra-node=true],[ant-click-animating=true] {
position: relative
}
html {
--antd-wave-shadow-color: #F79900
}
.ant-click-animating-node,[ant-click-animating-without-extra-node=true]:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
border-radius: inherit;
box-shadow: 0 0 0 0 #F79900;
box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
opacity: .2;
animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);
animation-fill-mode: forwards;
content: "";
pointer-events: none
}
@keyframes waveEffect {
to {
box-shadow: 0 0 0 #F79900;
box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
}
}
@keyframes fadeEffect {
to {
opacity: 0
}
}
.slide-up-appear,.slide-up-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.slide-up-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active {
animation-name: antSlideUpIn;
animation-play-state: running
}
.slide-up-leave.slide-up-leave-active {
animation-name: antSlideUpOut;
animation-play-state: running;
pointer-events: none
}
.slide-up-appear,.slide-up-enter {
opacity: 0;
animation-timing-function: cubic-bezier(.23,1,.32,1)
}
.slide-up-leave {
animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}
.slide-down-appear,.slide-down-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.slide-down-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active {
animation-name: antSlideDownIn;
animation-play-state: running
}
.slide-down-leave.slide-down-leave-active {
animation-name: antSlideDownOut;
animation-play-state: running;
pointer-events: none
}
.slide-down-appear,.slide-down-enter {
opacity: 0;
animation-timing-function: cubic-bezier(.23,1,.32,1)
}
.slide-down-leave {
animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}
.slide-left-appear,.slide-left-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.slide-left-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active {
animation-name: antSlideLeftIn;
animation-play-state: running
}
.slide-left-leave.slide-left-leave-active {
animation-name: antSlideLeftOut;
animation-play-state: running;
pointer-events: none
}
.slide-left-appear,.slide-left-enter {
opacity: 0;
animation-timing-function: cubic-bezier(.23,1,.32,1)
}
.slide-left-leave {
animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}
.slide-right-appear,.slide-right-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.slide-right-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active {
animation-name: antSlideRightIn;
animation-play-state: running
}
.slide-right-leave.slide-right-leave-active {
animation-name: antSlideRightOut;
animation-play-state: running;
pointer-events: none
}
.slide-right-appear,.slide-right-enter {
opacity: 0;
animation-timing-function: cubic-bezier(.23,1,.32,1)
}
.slide-right-leave {
animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}
@keyframes antSlideUpIn {
0% {
transform: scaleY(.8);
transform-origin: 0 0;
opacity: 0
}
to {
transform: scaleY(1);
transform-origin: 0 0;
opacity: 1
}
}
@keyframes antSlideUpOut {
0% {
transform: scaleY(1);
transform-origin: 0 0;
opacity: 1
}
to {
transform: scaleY(.8);
transform-origin: 0 0;
opacity: 0
}
}
@keyframes antSlideDownIn {
0% {
transform: scaleY(.8);
transform-origin: 100% 100%;
opacity: 0
}
to {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1
}
}
@keyframes antSlideDownOut {
0% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1
}
to {
transform: scaleY(.8);
transform-origin: 100% 100%;
opacity: 0
}
}
@keyframes antSlideLeftIn {
0% {
transform: scaleX(.8);
transform-origin: 0 0;
opacity: 0
}
to {
transform: scaleX(1);
transform-origin: 0 0;
opacity: 1
}
}
@keyframes antSlideLeftOut {
0% {
transform: scaleX(1);
transform-origin: 0 0;
opacity: 1
}
to {
transform: scaleX(.8);
transform-origin: 0 0;
opacity: 0
}
}
@keyframes antSlideRightIn {
0% {
transform: scaleX(.8);
transform-origin: 100% 0;
opacity: 0
}
to {
transform: scaleX(1);
transform-origin: 100% 0;
opacity: 1
}
}
@keyframes antSlideRightOut {
0% {
transform: scaleX(1);
transform-origin: 100% 0;
opacity: 1
}
to {
transform: scaleX(.8);
transform-origin: 100% 0;
opacity: 0
}
}
.swing-appear,.swing-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.swing-appear.swing-appear-active,.swing-enter.swing-enter-active {
animation-name: antSwingIn;
animation-play-state: running
}
@keyframes antSwingIn {
0%,to {
transform: translateX(0)
}
20% {
transform: translateX(-10px)
}
40% {
transform: translateX(10px)
}
60% {
transform: translateX(-5px)
}
80% {
transform: translateX(5px)
}
}
.zoom-appear,.zoom-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active {
animation-name: antZoomIn;
animation-play-state: running
}
.zoom-leave.zoom-leave-active {
animation-name: antZoomOut;
animation-play-state: running;
pointer-events: none
}
.zoom-appear,.zoom-enter {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.zoom-leave {
animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}
.zoom-big-appear,.zoom-big-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-big-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active {
animation-name: antZoomBigIn;
animation-play-state: running
}
.zoom-big-leave.zoom-big-leave-active {
animation-name: antZoomBigOut;
animation-play-state: running;
pointer-events: none
}
.zoom-big-appear,.zoom-big-enter {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.zoom-big-leave {
animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}
.zoom-big-fast-appear,.zoom-big-fast-enter {
animation-duration: .1s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-big-fast-leave {
animation-duration: .1s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active {
animation-name: antZoomBigIn;
animation-play-state: running
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
animation-name: antZoomBigOut;
animation-play-state: running;
pointer-events: none
}
.zoom-big-fast-appear,.zoom-big-fast-enter {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.zoom-big-fast-leave {
animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}
.zoom-up-appear,.zoom-up-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-up-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active {
animation-name: antZoomUpIn;
animation-play-state: running
}
.zoom-up-leave.zoom-up-leave-active {
animation-name: antZoomUpOut;
animation-play-state: running;
pointer-events: none
}
.zoom-up-appear,.zoom-up-enter {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.zoom-up-leave {
animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}
.zoom-down-appear,.zoom-down-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-down-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active {
animation-name: antZoomDownIn;
animation-play-state: running
}
.zoom-down-leave.zoom-down-leave-active {
animation-name: antZoomDownOut;
animation-play-state: running;
pointer-events: none
}
.zoom-down-appear,.zoom-down-enter {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.zoom-down-leave {
animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}
.zoom-left-appear,.zoom-left-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-left-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active {
animation-name: antZoomLeftIn;
animation-play-state: running
}
.zoom-left-leave.zoom-left-leave-active {
animation-name: antZoomLeftOut;
animation-play-state: running;
pointer-events: none
}
.zoom-left-appear,.zoom-left-enter {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.zoom-left-leave {
animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}
.zoom-right-appear,.zoom-right-enter {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-right-leave {
animation-duration: .2s;
animation-fill-mode: both;
animation-play-state: paused
}
.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active {
animation-name: antZoomRightIn;
animation-play-state: running
}
.zoom-right-leave.zoom-right-leave-active {
animation-name: antZoomRightOut;
animation-play-state: running;
pointer-events: none
}
.zoom-right-appear,.zoom-right-enter {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(.08,.82,.17,1)
}
.zoom-right-leave {
animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}
@keyframes antZoomIn {
0% {
transform: scale(.2);
opacity: 0
}
to {
transform: scale(1);
opacity: 1
}
}
@keyframes antZoomOut {
0% {
transform: scale(1)
}
to {
transform: scale(.2);
opacity: 0
}
}
@keyframes antZoomBigIn {
0% {
transform: scale(.8);
opacity: 0
}
to {
transform: scale(1);
opacity: 1
}
}
@keyframes antZoomBigOut {
0% {
transform: scale(1)
}
to {
transform: scale(.8);
opacity: 0
}
}
@keyframes antZoomUpIn {
0% {
transform: scale(.8);
transform-origin: 50% 0;
opacity: 0
}
to {
transform: scale(1);
transform-origin: 50% 0
}
}
@keyframes antZoomUpOut {
0% {
transform: scale(1);
transform-origin: 50% 0
}
to {
transform: scale(.8);
transform-origin: 50% 0;
opacity: 0
}
}
@keyframes antZoomLeftIn {
0% {
transform: scale(.8);
transform-origin: 0 50%;
opacity: 0
}
to {
transform: scale(1);
transform-origin: 0 50%
}
}
@keyframes antZoomLeftOut {
0% {
transform: scale(1);
transform-origin: 0 50%
}
to {
transform: scale(.8);
transform-origin: 0 50%;
opacity: 0
}
}
@keyframes antZoomRightIn {
0% {
transform: scale(.8);
transform-origin: 100% 50%;
opacity: 0
}
to {
transform: scale(1);
transform-origin: 100% 50%
}
}
@keyframes antZoomRightOut {
0% {
transform: scale(1);
transform-origin: 100% 50%
}
to {
transform: scale(.8);
transform-origin: 100% 50%;
opacity: 0
}
}
@keyframes antZoomDownIn {
0% {
transform: scale(.8);
transform-origin: 50% 100%;
opacity: 0
}
to {
transform: scale(1);
transform-origin: 50% 100%
}
}
@keyframes antZoomDownOut {
0% {
transform: scale(1);
transform-origin: 50% 100%
}
to {
transform: scale(.8);
transform-origin: 50% 100%;
opacity: 0
}
}
.ant-motion-collapse-legacy {
overflow: hidden
}
.ant-motion-collapse-legacy-active {
transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important
}
.ant-motion-collapse {
overflow: hidden;
transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important
}
.ant-row {
position: relative;
height: auto;
margin-right: 0;
margin-left: 0;
zoom:1;display: block;
box-sizing: border-box
}
.ant-row:after,.ant-row:before {
display: table;
content: ""
}
.ant-row:after {
clear: both
}
.ant-row+.ant-row:before {
clear: both
}
.ant-row-flex {
display: flex;
flex-flow: row wrap
}
.ant-row-flex:after,.ant-row-flex:before {
display: flex
}
.ant-row-flex-start {
justify-content: flex-start
}
.ant-row-flex-center {
justify-content: center
}
.ant-row-flex-end {
justify-content: flex-end
}
.ant-row-flex-space-between {
justify-content: space-between
}
.ant-row-flex-space-around {
justify-content: space-around
}
.ant-row-flex-top {
align-items: flex-start
}
.ant-row-flex-middle {
align-items: center
}
.ant-row-flex-bottom {
align-items: flex-end
}
.ant-col {
position: relative;
min-height: 1px
}
.ant-col-1,.ant-col-2,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24,.ant-col-lg-1,.ant-col-lg-2,.ant-col-lg-3,.ant-col-lg-4,.ant-col-lg-5,.ant-col-lg-6,.ant-col-lg-7,.ant-col-lg-8,.ant-col-lg-9,.ant-col-lg-10,.ant-col-lg-11,.ant-col-lg-12,.ant-col-lg-13,.ant-col-lg-14,.ant-col-lg-15,.ant-col-lg-16,.ant-col-lg-17,.ant-col-lg-18,.ant-col-lg-19,.ant-col-lg-20,.ant-col-lg-21,.ant-col-lg-22,.ant-col-lg-23,.ant-col-lg-24,.ant-col-md-1,.ant-col-md-2,.ant-col-md-3,.ant-col-md-4,.ant-col-md-5,.ant-col-md-6,.ant-col-md-7,.ant-col-md-8,.ant-col-md-9,.ant-col-md-10,.ant-col-md-11,.ant-col-md-12,.ant-col-md-13,.ant-col-md-14,.ant-col-md-15,.ant-col-md-16,.ant-col-md-17,.ant-col-md-18,.ant-col-md-19,.ant-col-md-20,.ant-col-md-21,.ant-col-md-22,.ant-col-md-23,.ant-col-md-24,.ant-col-sm-1,.ant-col-sm-2,.ant-col-sm-3,.ant-col-sm-4,.ant-col-sm-5,.ant-col-sm-6,.ant-col-sm-7,.ant-col-sm-8,.ant-col-sm-9,.ant-col-sm-10,.ant-col-sm-11,.ant-col-sm-12,.ant-col-sm-13,.ant-col-sm-14,.ant-col-sm-15,.ant-col-sm-16,.ant-col-sm-17,.ant-col-sm-18,.ant-col-sm-19,.ant-col-sm-20,.ant-col-sm-21,.ant-col-sm-22,.ant-col-sm-23,.ant-col-sm-24,.ant-col-xs-1,.ant-col-xs-2,.ant-col-xs-3,.ant-col-xs-4,.ant-col-xs-5,.ant-col-xs-6,.ant-col-xs-7,.ant-col-xs-8,.ant-col-xs-9,.ant-col-xs-10,.ant-col-xs-11,.ant-col-xs-12,.ant-col-xs-13,.ant-col-xs-14,.ant-col-xs-15,.ant-col-xs-16,.ant-col-xs-17,.ant-col-xs-18,.ant-col-xs-19,.ant-col-xs-20,.ant-col-xs-21,.ant-col-xs-22,.ant-col-xs-23,.ant-col-xs-24 {
position: relative;
padding-right: 0;
padding-left: 0
}
.ant-col-1,.ant-col-2,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24 {
flex: 0 0 auto;
float: left
}
.ant-col-24 {
display: block;
box-sizing: border-box;
width: 100%
}
.ant-col-push-24 {
left: 100%
}
.ant-col-pull-24 {
right: 100%
}
.ant-col-offset-24 {
margin-left: 100%
}
.ant-col-order-24 {
order: 24
}
.ant-col-23 {
display: block;
box-sizing: border-box;
width: 95.83333333%
}
.ant-col-push-23 {
left: 95.83333333%
}
.ant-col-pull-23 {
right: 95.83333333%
}
.ant-col-offset-23 {
margin-left: 95.83333333%
}
.ant-col-order-23 {
order: 23
}
.ant-col-22 {
display: block;
box-sizing: border-box;
width: 91.66666667%
}
.ant-col-push-22 {
left: 91.66666667%
}
.ant-col-pull-22 {
right: 91.66666667%
}
.ant-col-offset-22 {
margin-left: 91.66666667%
}
.ant-col-order-22 {
order: 22
}
.ant-col-21 {
display: block;
box-sizing: border-box;
width: 87.5%
}
.ant-col-push-21 {
left: 87.5%
}
.ant-col-pull-21 {
right: 87.5%
}
.ant-col-offset-21 {
margin-left: 87.5%
}
.ant-col-order-21 {
order: 21
}
.ant-col-20 {
display: block;
box-sizing: border-box;
width: 83.33333333%
}
.ant-col-push-20 {
left: 83.33333333%
}
.ant-col-pull-20 {
right: 83.33333333%
}
.ant-col-offset-20 {
margin-left: 83.33333333%
}
.ant-col-order-20 {
order: 20
}
.ant-col-19 {
display: block;
box-sizing: border-box;
width: 79.16666667%
}
.ant-col-push-19 {
left: 79.16666667%
}
.ant-col-pull-19 {
right: 79.16666667%
}
.ant-col-offset-19 {
margin-left: 79.16666667%
}
.ant-col-order-19 {
order: 19
}
.ant-col-18 {
display: block;
box-sizing: border-box;
width: 75%
}
.ant-col-push-18 {
left: 75%
}
.ant-col-pull-18 {
right: 75%
}
.ant-col-offset-18 {
margin-left: 75%
}
.ant-col-order-18 {
order: 18
}
.ant-col-17 {
display: block;
box-sizing: border-box;
width: 70.83333333%
}
.ant-col-push-17 {
left: 70.83333333%
}
.ant-col-pull-17 {
right: 70.83333333%
}
.ant-col-offset-17 {
margin-left: 70.83333333%
}
.ant-col-order-17 {
order: 17
}
.ant-col-16 {
display: block;
box-sizing: border-box;
width: 66.66666667%
}
.ant-col-push-16 {
left: 66.66666667%
}
.ant-col-pull-16 {
right: 66.66666667%
}
.ant-col-offset-16 {
margin-left: 66.66666667%
}
.ant-col-order-16 {
order: 16
}
.ant-col-15 {
display: block;
box-sizing: border-box;
width: 62.5%
}
.ant-col-push-15 {
left: 62.5%
}
.ant-col-pull-15 {
right: 62.5%
}
.ant-col-offset-15 {
margin-left: 62.5%
}
.ant-col-order-15 {
order: 15
}
.ant-col-14 {
display: block;
box-sizing: border-box;
width: 58.33333333%
}
.ant-col-push-14 {
left: 58.33333333%
}
.ant-col-pull-14 {
right: 58.33333333%
}
.ant-col-offset-14 {
margin-left: 58.33333333%
}
.ant-col-order-14 {
order: 14
}
.ant-col-13 {
display: block;
box-sizing: border-box;
width: 54.16666667%
}
.ant-col-push-13 {
left: 54.16666667%
}
.ant-col-pull-13 {
right: 54.16666667%
}
.ant-col-offset-13 {
margin-left: 54.16666667%
}
.ant-col-order-13 {
order: 13
}
.ant-col-12 {
display: block;
box-sizing: border-box;
width: 50%
}
.ant-col-push-12 {
left: 50%
}
.ant-col-pull-12 {
right: 50%
}
.ant-col-offset-12 {
margin-left: 50%
}
.ant-col-order-12 {
order: 12
}
.ant-col-11 {
display: block;
box-sizing: border-box;
width: 45.83333333%
}
.ant-col-push-11 {
left: 45.83333333%
}
.ant-col-pull-11 {
right: 45.83333333%
}
.ant-col-offset-11 {
margin-left: 45.83333333%
}
.ant-col-order-11 {
order: 11
}
.ant-col-10 {
display: block;
box-sizing: border-box;
width: 41.66666667%
}
.ant-col-push-10 {
left: 41.66666667%
}
.ant-col-pull-10 {
right: 41.66666667%
}
.ant-col-offset-10 {
margin-left: 41.66666667%
}
.ant-col-order-10 {
order: 10
}
.ant-col-9 {
display: block;
box-sizing: border-box;
width: 37.5%
}
.ant-col-push-9 {
left: 37.5%
}
.ant-col-pull-9 {
right: 37.5%
}
.ant-col-offset-9 {
margin-left: 37.5%
}
.ant-col-order-9 {
order: 9
}
.ant-col-8 {
display: block;
box-sizing: border-box;
width: 33.33333333%
}
.ant-col-push-8 {
left: 33.33333333%
}
.ant-col-pull-8 {
right: 33.33333333%
}
.ant-col-offset-8 {
margin-left: 33.33333333%
}
.ant-col-order-8 {
order: 8
}
.ant-col-7 {
display: block;
box-sizing: border-box;
width: 29.16666667%
}
.ant-col-push-7 {
left: 29.16666667%
}
.ant-col-pull-7 {
right: 29.16666667%
}
.ant-col-offset-7 {
margin-left: 29.16666667%
}
.ant-col-order-7 {
order: 7
}
.ant-col-6 {
display: block;
box-sizing: border-box;
width: 25%
}
.ant-col-push-6 {
left: 25%
}
.ant-col-pull-6 {
right: 25%
}
.ant-col-offset-6 {
margin-left: 25%
}
.ant-col-order-6 {
order: 6
}
.ant-col-5 {
display: block;
box-sizing: border-box;
width: 20.83333333%
}
.ant-col-push-5 {
left: 20.83333333%
}
.ant-col-pull-5 {
right: 20.83333333%
}
.ant-col-offset-5 {
margin-left: 20.83333333%
}
.ant-col-order-5 {
order: 5
}
.ant-col-4 {
display: block;
box-sizing: border-box;
width: 16.66666667%
}
.ant-col-push-4 {
left: 16.66666667%
}
.ant-col-pull-4 {
right: 16.66666667%
}
.ant-col-offset-4 {
margin-left: 16.66666667%
}
.ant-col-order-4 {
order: 4
}
.ant-col-3 {
display: block;
box-sizing: border-box;
width: 12.5%
}
.ant-col-push-3 {
left: 12.5%
}
.ant-col-pull-3 {
right: 12.5%
}
.ant-col-offset-3 {
margin-left: 12.5%
}
.ant-col-order-3 {
order: 3
}
.ant-col-2 {
display: block;
box-sizing: border-box;
width: 8.33333333%
}
.ant-col-push-2 {
left: 8.33333333%
}
.ant-col-pull-2 {
right: 8.33333333%
}
.ant-col-offset-2 {
margin-left: 8.33333333%
}
.ant-col-order-2 {
order: 2
}
.ant-col-1 {
display: block;
box-sizing: border-box;
width: 4.16666667%
}
.ant-col-push-1 {
left: 4.16666667%
}
.ant-col-pull-1 {
right: 4.16666667%
}
.ant-col-offset-1 {
margin-left: 4.16666667%
}
.ant-col-order-1 {
order: 1
}
.ant-col-0 {
display: none
}
.ant-col-offset-0 {
margin-left: 0
}
.ant-col-order-0 {
order: 0
}
.ant-col-xs-1,.ant-col-xs-2,.ant-col-xs-3,.ant-col-xs-4,.ant-col-xs-5,.ant-col-xs-6,.ant-col-xs-7,.ant-col-xs-8,.ant-col-xs-9,.ant-col-xs-10,.ant-col-xs-11,.ant-col-xs-12,.ant-col-xs-13,.ant-col-xs-14,.ant-col-xs-15,.ant-col-xs-16,.ant-col-xs-17,.ant-col-xs-18,.ant-col-xs-19,.ant-col-xs-20,.ant-col-xs-21,.ant-col-xs-22,.ant-col-xs-23,.ant-col-xs-24 {
flex: 0 0 auto;
float: left
}
.ant-col-xs-24 {
display: block;
box-sizing: border-box;
width: 100%
}
.ant-col-xs-push-24 {
left: 100%
}
.ant-col-xs-pull-24 {
right: 100%
}
.ant-col-xs-offset-24 {
margin-left: 100%
}
.ant-col-xs-order-24 {
order: 24
}
.ant-col-xs-23 {
display: block;
box-sizing: border-box;
width: 95.83333333%
}
.ant-col-xs-push-23 {
left: 95.83333333%
}
.ant-col-xs-pull-23 {
right: 95.83333333%
}
.ant-col-xs-offset-23 {
margin-left: 95.83333333%
}
.ant-col-xs-order-23 {
order: 23
}
.ant-col-xs-22 {
display: block;
box-sizing: border-box;
width: 91.66666667%
}
.ant-col-xs-push-22 {
left: 91.66666667%
}
.ant-col-xs-pull-22 {
right: 91.66666667%
}
.ant-col-xs-offset-22 {
margin-left: 91.66666667%
}
.ant-col-xs-order-22 {
order: 22
}
.ant-col-xs-21 {
display: block;
box-sizing: border-box;
width: 87.5%
}
.ant-col-xs-push-21 {
left: 87.5%
}
.ant-col-xs-pull-21 {
right: 87.5%
}
.ant-col-xs-offset-21 {
margin-left: 87.5%
}
.ant-col-xs-order-21 {
order: 21
}
.ant-col-xs-20 {
display: block;
box-sizing: border-box;
width: 83.33333333%
}
.ant-col-xs-push-20 {
left: 83.33333333%
}
.ant-col-xs-pull-20 {
right: 83.33333333%
}
.ant-col-xs-offset-20 {
margin-left: 83.33333333%
}
.ant-col-xs-order-20 {
order: 20
}
.ant-col-xs-19 {
display: block;
box-sizing: border-box;
width: 79.16666667%
}
.ant-col-xs-push-19 {
left: 79.16666667%
}
.ant-col-xs-pull-19 {
right: 79.16666667%
}
.ant-col-xs-offset-19 {
margin-left: 79.16666667%
}
.ant-col-xs-order-19 {
order: 19
}
.ant-col-xs-18 {
display: block;
box-sizing: border-box;
width: 75%
}
.ant-col-xs-push-18 {
left: 75%
}
.ant-col-xs-pull-18 {
right: 75%
}
.ant-col-xs-offset-18 {
margin-left: 75%
}
.ant-col-xs-order-18 {
order: 18
}
.ant-col-xs-17 {
display: block;
box-sizing: border-box;
width: 70.83333333%
}
.ant-col-xs-push-17 {
left: 70.83333333%
}
.ant-col-xs-pull-17 {
right: 70.83333333%
}
.ant-col-xs-offset-17 {
margin-left: 70.83333333%
}
.ant-col-xs-order-17 {
order: 17
}
.ant-col-xs-16 {
display: block;
box-sizing: border-box;
width: 66.66666667%
}
.ant-col-xs-push-16 {
left: 66.66666667%
}
.ant-col-xs-pull-16 {
right: 66.66666667%
}
.ant-col-xs-offset-16 {
margin-left: 66.66666667%
}
.ant-col-xs-order-16 {
order: 16
}
.ant-col-xs-15 {
display: block;
box-sizing: border-box;
width: 62.5%
}
.ant-col-xs-push-15 {
left: 62.5%
}
.ant-col-xs-pull-15 {
right: 62.5%
}
.ant-col-xs-offset-15 {
margin-left: 62.5%
}
.ant-col-xs-order-15 {
order: 15
}
.ant-col-xs-14 {
display: block;
box-sizing: border-box;
width: 58.33333333%
}
.ant-col-xs-push-14 {
left: 58.33333333%
}
.ant-col-xs-pull-14 {
right: 58.33333333%
}
.ant-col-xs-offset-14 {
margin-left: 58.33333333%
}
.ant-col-xs-order-14 {
order: 14
}
.ant-col-xs-13 {
display: block;
box-sizing: border-box;
width: 54.16666667%
}
.ant-col-xs-push-13 {
left: 54.16666667%
}
.ant-col-xs-pull-13 {
right: 54.16666667%
}
.ant-col-xs-offset-13 {
margin-left: 54.16666667%
}
.ant-col-xs-order-13 {
order: 13
}
.ant-col-xs-12 {
display: block;
box-sizing: border-box;
width: 50%
}
.ant-col-xs-push-12 {
left: 50%
}
.ant-col-xs-pull-12 {
right: 50%
}
.ant-col-xs-offset-12 {
margin-left: 50%
}
.ant-col-xs-order-12 {
order: 12
}
.ant-col-xs-11 {
display: block;
box-sizing: border-box;
width: 45.83333333%
}
.ant-col-xs-push-11 {
left: 45.83333333%
}
.ant-col-xs-pull-11 {
right: 45.83333333%
}
.ant-col-xs-offset-11 {
margin-left: 45.83333333%
}
.ant-col-xs-order-11 {
order: 11
}
.ant-col-xs-10 {
display: block;
box-sizing: border-box;
width: 41.66666667%
}
.ant-col-xs-push-10 {
left: 41.66666667%
}
.ant-col-xs-pull-10 {
right: 41.66666667%
}
.ant-col-xs-offset-10 {
margin-left: 41.66666667%
}
.ant-col-xs-order-10 {
order: 10
}
.ant-col-xs-9 {
display: block;
box-sizing: border-box;
width: 37.5%
}
.ant-col-xs-push-9 {
left: 37.5%
}
.ant-col-xs-pull-9 {
right: 37.5%
}
.ant-col-xs-offset-9 {
margin-left: 37.5%
}
.ant-col-xs-order-9 {
order: 9
}
.ant-col-xs-8 {
display: block;
box-sizing: border-box;
width: 33.33333333%
}
.ant-col-xs-push-8 {
left: 33.33333333%
}
.ant-col-xs-pull-8 {
right: 33.33333333%
}
.ant-col-xs-offset-8 {
margin-left: 33.33333333%
}
.ant-col-xs-order-8 {
order: 8
}
.ant-col-xs-7 {
display: block;
box-sizing: border-box;
width: 29.16666667%
}
.ant-col-xs-push-7 {
left: 29.16666667%
}
.ant-col-xs-pull-7 {
right: 29.16666667%
}
.ant-col-xs-offset-7 {
margin-left: 29.16666667%
}
.ant-col-xs-order-7 {
order: 7
}
.ant-col-xs-6 {
display: block;
box-sizing: border-box;
width: 25%
}
.ant-col-xs-push-6 {
left: 25%
}
.ant-col-xs-pull-6 {
right: 25%
}
.ant-col-xs-offset-6 {
margin-left: 25%
}
.ant-col-xs-order-6 {
order: 6
}
.ant-col-xs-5 {
display: block;
box-sizing: border-box;
width: 20.83333333%
}
.ant-col-xs-push-5 {
left: 20.83333333%
}
.ant-col-xs-pull-5 {
right: 20.83333333%
}
.ant-col-xs-offset-5 {
margin-left: 20.83333333%
}
.ant-col-xs-order-5 {
order: 5
}
.ant-col-xs-4 {
display: block;
box-sizing: border-box;
width: 16.66666667%
}
.ant-col-xs-push-4 {
left: 16.66666667%
}
.ant-col-xs-pull-4 {
right: 16.66666667%
}
.ant-col-xs-offset-4 {
margin-left: 16.66666667%
}
.ant-col-xs-order-4 {
order: 4
}
.ant-col-xs-3 {
display: block;
box-sizing: border-box;
width: 12.5%
}
.ant-col-xs-push-3 {
left: 12.5%
}
.ant-col-xs-pull-3 {
right: 12.5%
}
.ant-col-xs-offset-3 {
margin-left: 12.5%
}
.ant-col-xs-order-3 {
order: 3
}
.ant-col-xs-2 {
display: block;
box-sizing: border-box;
width: 8.33333333%
}
.ant-col-xs-push-2 {
left: 8.33333333%
}
.ant-col-xs-pull-2 {
right: 8.33333333%
}
.ant-col-xs-offset-2 {
margin-left: 8.33333333%
}
.ant-col-xs-order-2 {
order: 2
}
.ant-col-xs-1 {
display: block;
box-sizing: border-box;
width: 4.16666667%
}
.ant-col-xs-push-1 {
left: 4.16666667%
}
.ant-col-xs-pull-1 {
right: 4.16666667%
}
.ant-col-xs-offset-1 {
margin-left: 4.16666667%
}
.ant-col-xs-order-1 {
order: 1
}
.ant-col-xs-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-xs-push-0 {
left: auto
}
.ant-col-xs-pull-0 {
right: auto
}
.ant-col-xs-offset-0 {
margin-left: 0
}
.ant-col-xs-order-0 {
order: 0
}
@media (min-width: 576px) {
.ant-col-sm-1,.ant-col-sm-2,.ant-col-sm-3,.ant-col-sm-4,.ant-col-sm-5,.ant-col-sm-6,.ant-col-sm-7,.ant-col-sm-8,.ant-col-sm-9,.ant-col-sm-10,.ant-col-sm-11,.ant-col-sm-12,.ant-col-sm-13,.ant-col-sm-14,.ant-col-sm-15,.ant-col-sm-16,.ant-col-sm-17,.ant-col-sm-18,.ant-col-sm-19,.ant-col-sm-20,.ant-col-sm-21,.ant-col-sm-22,.ant-col-sm-23,.ant-col-sm-24 {
flex:0 0 auto;
float: left
}
.ant-col-sm-24 {
display: block;
box-sizing: border-box;
width: 100%
}
.ant-col-sm-push-24 {
left: 100%
}
.ant-col-sm-pull-24 {
right: 100%
}
.ant-col-sm-offset-24 {
margin-left: 100%
}
.ant-col-sm-order-24 {
order: 24
}
.ant-col-sm-23 {
display: block;
box-sizing: border-box;
width: 95.83333333%
}
.ant-col-sm-push-23 {
left: 95.83333333%
}
.ant-col-sm-pull-23 {
right: 95.83333333%
}
.ant-col-sm-offset-23 {
margin-left: 95.83333333%
}
.ant-col-sm-order-23 {
order: 23
}
.ant-col-sm-22 {
display: block;
box-sizing: border-box;
width: 91.66666667%
}
.ant-col-sm-push-22 {
left: 91.66666667%
}
.ant-col-sm-pull-22 {
right: 91.66666667%
}
.ant-col-sm-offset-22 {
margin-left: 91.66666667%
}
.ant-col-sm-order-22 {
order: 22
}
.ant-col-sm-21 {
display: block;
box-sizing: border-box;
width: 87.5%
}
.ant-col-sm-push-21 {
left: 87.5%
}
.ant-col-sm-pull-21 {
right: 87.5%
}
.ant-col-sm-offset-21 {
margin-left: 87.5%
}
.ant-col-sm-order-21 {
order: 21
}
.ant-col-sm-20 {
display: block;
box-sizing: border-box;
width: 83.33333333%
}
.ant-col-sm-push-20 {
left: 83.33333333%
}
.ant-col-sm-pull-20 {
right: 83.33333333%
}
.ant-col-sm-offset-20 {
margin-left: 83.33333333%
}
.ant-col-sm-order-20 {
order: 20
}
.ant-col-sm-19 {
display: block;
box-sizing: border-box;
width: 79.16666667%
}
.ant-col-sm-push-19 {
left: 79.16666667%
}
.ant-col-sm-pull-19 {
right: 79.16666667%
}
.ant-col-sm-offset-19 {
margin-left: 79.16666667%
}
.ant-col-sm-order-19 {
order: 19
}
.ant-col-sm-18 {
display: block;
box-sizing: border-box;
width: 75%
}
.ant-col-sm-push-18 {
left: 75%
}
.ant-col-sm-pull-18 {
right: 75%
}
.ant-col-sm-offset-18 {
margin-left: 75%
}
.ant-col-sm-order-18 {
order: 18
}
.ant-col-sm-17 {
display: block;
box-sizing: border-box;
width: 70.83333333%
}
.ant-col-sm-push-17 {
left: 70.83333333%
}
.ant-col-sm-pull-17 {
right: 70.83333333%
}
.ant-col-sm-offset-17 {
margin-left: 70.83333333%
}
.ant-col-sm-order-17 {
order: 17
}
.ant-col-sm-16 {
display: block;
box-sizing: border-box;
width: 66.66666667%
}
.ant-col-sm-push-16 {
left: 66.66666667%
}
.ant-col-sm-pull-16 {
right: 66.66666667%
}
.ant-col-sm-offset-16 {
margin-left: 66.66666667%
}
.ant-col-sm-order-16 {
order: 16
}
.ant-col-sm-15 {
display: block;
box-sizing: border-box;
width: 62.5%
}
.ant-col-sm-push-15 {
left: 62.5%
}
.ant-col-sm-pull-15 {
right: 62.5%
}
.ant-col-sm-offset-15 {
margin-left: 62.5%
}
.ant-col-sm-order-15 {
order: 15
}
.ant-col-sm-14 {
display: block;
box-sizing: border-box;
width: 58.33333333%
}
.ant-col-sm-push-14 {
left: 58.33333333%
}
.ant-col-sm-pull-14 {
right: 58.33333333%
}
.ant-col-sm-offset-14 {
margin-left: 58.33333333%
}
.ant-col-sm-order-14 {
order: 14
}
.ant-col-sm-13 {
display: block;
box-sizing: border-box;
width: 54.16666667%
}
.ant-col-sm-push-13 {
left: 54.16666667%
}
.ant-col-sm-pull-13 {
right: 54.16666667%
}
.ant-col-sm-offset-13 {
margin-left: 54.16666667%
}
.ant-col-sm-order-13 {
order: 13
}
.ant-col-sm-12 {
display: block;
box-sizing: border-box;
width: 50%
}
.ant-col-sm-push-12 {
left: 50%
}
.ant-col-sm-pull-12 {
right: 50%
}
.ant-col-sm-offset-12 {
margin-left: 50%
}
.ant-col-sm-order-12 {
order: 12
}
.ant-col-sm-11 {
display: block;
box-sizing: border-box;
width: 45.83333333%
}
.ant-col-sm-push-11 {
left: 45.83333333%
}
.ant-col-sm-pull-11 {
right: 45.83333333%
}
.ant-col-sm-offset-11 {
margin-left: 45.83333333%
}
.ant-col-sm-order-11 {
order: 11
}
.ant-col-sm-10 {
display: block;
box-sizing: border-box;
width: 41.66666667%
}
.ant-col-sm-push-10 {
left: 41.66666667%
}
.ant-col-sm-pull-10 {
right: 41.66666667%
}
.ant-col-sm-offset-10 {
margin-left: 41.66666667%
}
.ant-col-sm-order-10 {
order: 10
}
.ant-col-sm-9 {
display: block;
box-sizing: border-box;
width: 37.5%
}
.ant-col-sm-push-9 {
left: 37.5%
}
.ant-col-sm-pull-9 {
right: 37.5%
}
.ant-col-sm-offset-9 {
margin-left: 37.5%
}
.ant-col-sm-order-9 {
order: 9
}
.ant-col-sm-8 {
display: block;
box-sizing: border-box;
width: 33.33333333%
}
.ant-col-sm-push-8 {
left: 33.33333333%
}
.ant-col-sm-pull-8 {
right: 33.33333333%
}
.ant-col-sm-offset-8 {
margin-left: 33.33333333%
}
.ant-col-sm-order-8 {
order: 8
}
.ant-col-sm-7 {
display: block;
box-sizing: border-box;
width: 29.16666667%
}
.ant-col-sm-push-7 {
left: 29.16666667%
}
.ant-col-sm-pull-7 {
right: 29.16666667%
}
.ant-col-sm-offset-7 {
margin-left: 29.16666667%
}
.ant-col-sm-order-7 {
order: 7
}
.ant-col-sm-6 {
display: block;
box-sizing: border-box;
width: 25%
}
.ant-col-sm-push-6 {
left: 25%
}
.ant-col-sm-pull-6 {
right: 25%
}
.ant-col-sm-offset-6 {
margin-left: 25%
}
.ant-col-sm-order-6 {
order: 6
}
.ant-col-sm-5 {
display: block;
box-sizing: border-box;
width: 20.83333333%
}
.ant-col-sm-push-5 {
left: 20.83333333%
}
.ant-col-sm-pull-5 {
right: 20.83333333%
}
.ant-col-sm-offset-5 {
margin-left: 20.83333333%
}
.ant-col-sm-order-5 {
order: 5
}
.ant-col-sm-4 {
display: block;
box-sizing: border-box;
width: 16.66666667%
}
.ant-col-sm-push-4 {
left: 16.66666667%
}
.ant-col-sm-pull-4 {
right: 16.66666667%
}
.ant-col-sm-offset-4 {
margin-left: 16.66666667%
}
.ant-col-sm-order-4 {
order: 4
}
.ant-col-sm-3 {
display: block;
box-sizing: border-box;
width: 12.5%
}
.ant-col-sm-push-3 {
left: 12.5%
}
.ant-col-sm-pull-3 {
right: 12.5%
}
.ant-col-sm-offset-3 {
margin-left: 12.5%
}
.ant-col-sm-order-3 {
order: 3
}
.ant-col-sm-2 {
display: block;
box-sizing: border-box;
width: 8.33333333%
}
.ant-col-sm-push-2 {
left: 8.33333333%
}
.ant-col-sm-pull-2 {
right: 8.33333333%
}
.ant-col-sm-offset-2 {
margin-left: 8.33333333%
}
.ant-col-sm-order-2 {
order: 2
}
.ant-col-sm-1 {
display: block;
box-sizing: border-box;
width: 4.16666667%
}
.ant-col-sm-push-1 {
left: 4.16666667%
}
.ant-col-sm-pull-1 {
right: 4.16666667%
}
.ant-col-sm-offset-1 {
margin-left: 4.16666667%
}
.ant-col-sm-order-1 {
order: 1
}
.ant-col-sm-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-sm-push-0 {
left: auto
}
.ant-col-sm-pull-0 {
right: auto
}
.ant-col-sm-offset-0 {
margin-left: 0
}
.ant-col-sm-order-0 {
order: 0
}
}
@media (min-width: 768px) {
.ant-col-md-1,.ant-col-md-2,.ant-col-md-3,.ant-col-md-4,.ant-col-md-5,.ant-col-md-6,.ant-col-md-7,.ant-col-md-8,.ant-col-md-9,.ant-col-md-10,.ant-col-md-11,.ant-col-md-12,.ant-col-md-13,.ant-col-md-14,.ant-col-md-15,.ant-col-md-16,.ant-col-md-17,.ant-col-md-18,.ant-col-md-19,.ant-col-md-20,.ant-col-md-21,.ant-col-md-22,.ant-col-md-23,.ant-col-md-24 {
flex:0 0 auto;
float: left
}
.ant-col-md-24 {
display: block;
box-sizing: border-box;
width: 100%
}
.ant-col-md-push-24 {
left: 100%
}
.ant-col-md-pull-24 {
right: 100%
}
.ant-col-md-offset-24 {
margin-left: 100%
}
.ant-col-md-order-24 {
order: 24
}
.ant-col-md-23 {
display: block;
box-sizing: border-box;
width: 95.83333333%
}
.ant-col-md-push-23 {
left: 95.83333333%
}
.ant-col-md-pull-23 {
right: 95.83333333%
}
.ant-col-md-offset-23 {
margin-left: 95.83333333%
}
.ant-col-md-order-23 {
order: 23
}
.ant-col-md-22 {
display: block;
box-sizing: border-box;
width: 91.66666667%
}
.ant-col-md-push-22 {
left: 91.66666667%
}
.ant-col-md-pull-22 {
right: 91.66666667%
}
.ant-col-md-offset-22 {
margin-left: 91.66666667%
}
.ant-col-md-order-22 {
order: 22
}
.ant-col-md-21 {
display: block;
box-sizing: border-box;
width: 87.5%
}
.ant-col-md-push-21 {
left: 87.5%
}
.ant-col-md-pull-21 {
right: 87.5%
}
.ant-col-md-offset-21 {
margin-left: 87.5%
}
.ant-col-md-order-21 {
order: 21
}
.ant-col-md-20 {
display: block;
box-sizing: border-box;
width: 83.33333333%
}
.ant-col-md-push-20 {
left: 83.33333333%
}
.ant-col-md-pull-20 {
right: 83.33333333%
}
.ant-col-md-offset-20 {
margin-left: 83.33333333%
}
.ant-col-md-order-20 {
order: 20
}
.ant-col-md-19 {
display: block;
box-sizing: border-box;
width: 79.16666667%
}
.ant-col-md-push-19 {
left: 79.16666667%
}
.ant-col-md-pull-19 {
right: 79.16666667%
}
.ant-col-md-offset-19 {
margin-left: 79.16666667%
}
.ant-col-md-order-19 {
order: 19
}
.ant-col-md-18 {
display: block;
box-sizing: border-box;
width: 75%
}
.ant-col-md-push-18 {
left: 75%
}
.ant-col-md-pull-18 {
right: 75%
}
.ant-col-md-offset-18 {
margin-left: 75%
}
.ant-col-md-order-18 {
order: 18
}
.ant-col-md-17 {
display: block;
box-sizing: border-box;
width: 70.83333333%
}
.ant-col-md-push-17 {
left: 70.83333333%
}
.ant-col-md-pull-17 {
right: 70.83333333%
}
.ant-col-md-offset-17 {
margin-left: 70.83333333%
}
.ant-col-md-order-17 {
order: 17
}
.ant-col-md-16 {
display: block;
box-sizing: border-box;
width: 66.66666667%
}
.ant-col-md-push-16 {
left: 66.66666667%
}
.ant-col-md-pull-16 {
right: 66.66666667%
}
.ant-col-md-offset-16 {
margin-left: 66.66666667%
}
.ant-col-md-order-16 {
order: 16
}
.ant-col-md-15 {
display: block;
box-sizing: border-box;
width: 62.5%
}
.ant-col-md-push-15 {
left: 62.5%
}
.ant-col-md-pull-15 {
right: 62.5%
}
.ant-col-md-offset-15 {
margin-left: 62.5%
}
.ant-col-md-order-15 {
order: 15
}
.ant-col-md-14 {
display: block;
box-sizing: border-box;
width: 58.33333333%
}
.ant-col-md-push-14 {
left: 58.33333333%
}
.ant-col-md-pull-14 {
right: 58.33333333%
}
.ant-col-md-offset-14 {
margin-left: 58.33333333%
}
.ant-col-md-order-14 {
order: 14
}
.ant-col-md-13 {
display: block;
box-sizing: border-box;
width: 54.16666667%
}
.ant-col-md-push-13 {
left: 54.16666667%
}
.ant-col-md-pull-13 {
right: 54.16666667%
}
.ant-col-md-offset-13 {
margin-left: 54.16666667%
}
.ant-col-md-order-13 {
order: 13
}
.ant-col-md-12 {
display: block;
box-sizing: border-box;
width: 50%
}
.ant-col-md-push-12 {
left: 50%
}
.ant-col-md-pull-12 {
right: 50%
}
.ant-col-md-offset-12 {
margin-left: 50%
}
.ant-col-md-order-12 {
order: 12
}
.ant-col-md-11 {
display: block;
box-sizing: border-box;
width: 45.83333333%
}
.ant-col-md-push-11 {
left: 45.83333333%
}
.ant-col-md-pull-11 {
right: 45.83333333%
}
.ant-col-md-offset-11 {
margin-left: 45.83333333%
}
.ant-col-md-order-11 {
order: 11
}
.ant-col-md-10 {
display: block;
box-sizing: border-box;
width: 41.66666667%
}
.ant-col-md-push-10 {
left: 41.66666667%
}
.ant-col-md-pull-10 {
right: 41.66666667%
}
.ant-col-md-offset-10 {
margin-left: 41.66666667%
}
.ant-col-md-order-10 {
order: 10
}
.ant-col-md-9 {
display: block;
box-sizing: border-box;
width: 37.5%
}
.ant-col-md-push-9 {
left: 37.5%
}
.ant-col-md-pull-9 {
right: 37.5%
}
.ant-col-md-offset-9 {
margin-left: 37.5%
}
.ant-col-md-order-9 {
order: 9
}
.ant-col-md-8 {
display: block;
box-sizing: border-box;
width: 33.33333333%
}
.ant-col-md-push-8 {
left: 33.33333333%
}
.ant-col-md-pull-8 {
right: 33.33333333%
}
.ant-col-md-offset-8 {
margin-left: 33.33333333%
}
.ant-col-md-order-8 {
order: 8
}
.ant-col-md-7 {
display: block;
box-sizing: border-box;
width: 29.16666667%
}
.ant-col-md-push-7 {
left: 29.16666667%
}
.ant-col-md-pull-7 {
right: 29.16666667%
}
.ant-col-md-offset-7 {
margin-left: 29.16666667%
}
.ant-col-md-order-7 {
order: 7
}
.ant-col-md-6 {
display: block;
box-sizing: border-box;
width: 25%
}
.ant-col-md-push-6 {
left: 25%
}
.ant-col-md-pull-6 {
right: 25%
}
.ant-col-md-offset-6 {
margin-left: 25%
}
.ant-col-md-order-6 {
order: 6
}
.ant-col-md-5 {
display: block;
box-sizing: border-box;
width: 20.83333333%
}
.ant-col-md-push-5 {
left: 20.83333333%
}
.ant-col-md-pull-5 {
right: 20.83333333%
}
.ant-col-md-offset-5 {
margin-left: 20.83333333%
}
.ant-col-md-order-5 {
order: 5
}
.ant-col-md-4 {
display: block;
box-sizing: border-box;
width: 16.66666667%
}
.ant-col-md-push-4 {
left: 16.66666667%
}
.ant-col-md-pull-4 {
right: 16.66666667%
}
.ant-col-md-offset-4 {
margin-left: 16.66666667%
}
.ant-col-md-order-4 {
order: 4
}
.ant-col-md-3 {
display: block;
box-sizing: border-box;
width: 12.5%
}
.ant-col-md-push-3 {
left: 12.5%
}
.ant-col-md-pull-3 {
right: 12.5%
}
.ant-col-md-offset-3 {
margin-left: 12.5%
}
.ant-col-md-order-3 {
order: 3
}
.ant-col-md-2 {
display: block;
box-sizing: border-box;
width: 8.33333333%
}
.ant-col-md-push-2 {
left: 8.33333333%
}
.ant-col-md-pull-2 {
right: 8.33333333%
}
.ant-col-md-offset-2 {
margin-left: 8.33333333%
}
.ant-col-md-order-2 {
order: 2
}
.ant-col-md-1 {
display: block;
box-sizing: border-box;
width: 4.16666667%
}
.ant-col-md-push-1 {
left: 4.16666667%
}
.ant-col-md-pull-1 {
right: 4.16666667%
}
.ant-col-md-offset-1 {
margin-left: 4.16666667%
}
.ant-col-md-order-1 {
order: 1
}
.ant-col-md-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-md-push-0 {
left: auto
}
.ant-col-md-pull-0 {
right: auto
}
.ant-col-md-offset-0 {
margin-left: 0
}
.ant-col-md-order-0 {
order: 0
}
}
@media (min-width: 992px) {
.ant-col-lg-1,.ant-col-lg-2,.ant-col-lg-3,.ant-col-lg-4,.ant-col-lg-5,.ant-col-lg-6,.ant-col-lg-7,.ant-col-lg-8,.ant-col-lg-9,.ant-col-lg-10,.ant-col-lg-11,.ant-col-lg-12,.ant-col-lg-13,.ant-col-lg-14,.ant-col-lg-15,.ant-col-lg-16,.ant-col-lg-17,.ant-col-lg-18,.ant-col-lg-19,.ant-col-lg-20,.ant-col-lg-21,.ant-col-lg-22,.ant-col-lg-23,.ant-col-lg-24 {
flex:0 0 auto;
float: left
}
.ant-col-lg-24 {
display: block;
box-sizing: border-box;
width: 100%
}
.ant-col-lg-push-24 {
left: 100%
}
.ant-col-lg-pull-24 {
right: 100%
}
.ant-col-lg-offset-24 {
margin-left: 100%
}
.ant-col-lg-order-24 {
order: 24
}
.ant-col-lg-23 {
display: block;
box-sizing: border-box;
width: 95.83333333%
}
.ant-col-lg-push-23 {
left: 95.83333333%
}
.ant-col-lg-pull-23 {
right: 95.83333333%
}
.ant-col-lg-offset-23 {
margin-left: 95.83333333%
}
.ant-col-lg-order-23 {
order: 23
}
.ant-col-lg-22 {
display: block;
box-sizing: border-box;
width: 91.66666667%
}
.ant-col-lg-push-22 {
left: 91.66666667%
}
.ant-col-lg-pull-22 {
right: 91.66666667%
}
.ant-col-lg-offset-22 {
margin-left: 91.66666667%
}
.ant-col-lg-order-22 {
order: 22
}
.ant-col-lg-21 {
display: block;
box-sizing: border-box;
width: 87.5%
}
.ant-col-lg-push-21 {
left: 87.5%
}
.ant-col-lg-pull-21 {
right: 87.5%
}
.ant-col-lg-offset-21 {
margin-left: 87.5%
}
.ant-col-lg-order-21 {
order: 21
}
.ant-col-lg-20 {
display: block;
box-sizing: border-box;
width: 83.33333333%
}
.ant-col-lg-push-20 {
left: 83.33333333%
}
.ant-col-lg-pull-20 {
right: 83.33333333%
}
.ant-col-lg-offset-20 {
margin-left: 83.33333333%
}
.ant-col-lg-order-20 {
order: 20
}
.ant-col-lg-19 {
display: block;
box-sizing: border-box;
width: 79.16666667%
}
.ant-col-lg-push-19 {
left: 79.16666667%
}
.ant-col-lg-pull-19 {
right: 79.16666667%
}
.ant-col-lg-offset-19 {
margin-left: 79.16666667%
}
.ant-col-lg-order-19 {
order: 19
}
.ant-col-lg-18 {
display: block;
box-sizing: border-box;
width: 75%
}
.ant-col-lg-push-18 {
left: 75%
}
.ant-col-lg-pull-18 {
right: 75%
}
.ant-col-lg-offset-18 {
margin-left: 75%
}
.ant-col-lg-order-18 {
order: 18
}
.ant-col-lg-17 {
display: block;
box-sizing: border-box;
width: 70.83333333%
}
.ant-col-lg-push-17 {
left: 70.83333333%
}
.ant-col-lg-pull-17 {
right: 70.83333333%
}
.ant-col-lg-offset-17 {
margin-left: 70.83333333%
}
.ant-col-lg-order-17 {
order: 17
}
.ant-col-lg-16 {
display: block;
box-sizing: border-box;
width: 66.66666667%
}
.ant-col-lg-push-16 {
left: 66.66666667%
}
.ant-col-lg-pull-16 {
right: 66.66666667%
}
.ant-col-lg-offset-16 {
margin-left: 66.66666667%
}
.ant-col-lg-order-16 {
order: 16
}
.ant-col-lg-15 {
display: block;
box-sizing: border-box;
width: 62.5%
}
.ant-col-lg-push-15 {
left: 62.5%
}
.ant-col-lg-pull-15 {
right: 62.5%
}
.ant-col-lg-offset-15 {
margin-left: 62.5%
}
.ant-col-lg-order-15 {
order: 15
}
.ant-col-lg-14 {
display: block;
box-sizing: border-box;
width: 58.33333333%
}
.ant-col-lg-push-14 {
left: 58.33333333%
}
.ant-col-lg-pull-14 {
right: 58.33333333%
}
.ant-col-lg-offset-14 {
margin-left: 58.33333333%
}
.ant-col-lg-order-14 {
order: 14
}
.ant-col-lg-13 {
display: block;
box-sizing: border-box;
width: 54.16666667%
}
.ant-col-lg-push-13 {
left: 54.16666667%
}
.ant-col-lg-pull-13 {
right: 54.16666667%
}
.ant-col-lg-offset-13 {
margin-left: 54.16666667%
}
.ant-col-lg-order-13 {
order: 13
}
.ant-col-lg-12 {
display: block;
box-sizing: border-box;
width: 50%
}
.ant-col-lg-push-12 {
left: 50%
}
.ant-col-lg-pull-12 {
right: 50%
}
.ant-col-lg-offset-12 {
margin-left: 50%
}
.ant-col-lg-order-12 {
order: 12
}
.ant-col-lg-11 {
display: block;
box-sizing: border-box;
width: 45.83333333%
}
.ant-col-lg-push-11 {
left: 45.83333333%
}
.ant-col-lg-pull-11 {
right: 45.83333333%
}
.ant-col-lg-offset-11 {
margin-left: 45.83333333%
}
.ant-col-lg-order-11 {
order: 11
}
.ant-col-lg-10 {
display: block;
box-sizing: border-box;
width: 41.66666667%
}
.ant-col-lg-push-10 {
left: 41.66666667%
}
.ant-col-lg-pull-10 {
right: 41.66666667%
}
.ant-col-lg-offset-10 {
margin-left: 41.66666667%
}
.ant-col-lg-order-10 {
order: 10
}
.ant-col-lg-9 {
display: block;
box-sizing: border-box;
width: 37.5%
}
.ant-col-lg-push-9 {
left: 37.5%
}
.ant-col-lg-pull-9 {
right: 37.5%
}
.ant-col-lg-offset-9 {
margin-left: 37.5%
}
.ant-col-lg-order-9 {
order: 9
}
.ant-col-lg-8 {
display: block;
box-sizing: border-box;
width: 33.33333333%
}
.ant-col-lg-push-8 {
left: 33.33333333%
}
.ant-col-lg-pull-8 {
right: 33.33333333%
}
.ant-col-lg-offset-8 {
margin-left: 33.33333333%
}
.ant-col-lg-order-8 {
order: 8
}
.ant-col-lg-7 {
display: block;
box-sizing: border-box;
width: 29.16666667%
}
.ant-col-lg-push-7 {
left: 29.16666667%
}
.ant-col-lg-pull-7 {
right: 29.16666667%
}
.ant-col-lg-offset-7 {
margin-left: 29.16666667%
}
.ant-col-lg-order-7 {
order: 7
}
.ant-col-lg-6 {
display: block;
box-sizing: border-box;
width: 25%
}
.ant-col-lg-push-6 {
left: 25%
}
.ant-col-lg-pull-6 {
right: 25%
}
.ant-col-lg-offset-6 {
margin-left: 25%
}
.ant-col-lg-order-6 {
order: 6
}
.ant-col-lg-5 {
display: block;
box-sizing: border-box;
width: 20.83333333%
}
.ant-col-lg-push-5 {
left: 20.83333333%
}
.ant-col-lg-pull-5 {
right: 20.83333333%
}
.ant-col-lg-offset-5 {
margin-left: 20.83333333%
}
.ant-col-lg-order-5 {
order: 5
}
.ant-col-lg-4 {
display: block;
box-sizing: border-box;
width: 16.66666667%
}
.ant-col-lg-push-4 {
left: 16.66666667%
}
.ant-col-lg-pull-4 {
right: 16.66666667%
}
.ant-col-lg-offset-4 {
margin-left: 16.66666667%
}
.ant-col-lg-order-4 {
order: 4
}
.ant-col-lg-3 {
display: block;
box-sizing: border-box;
width: 12.5%
}
.ant-col-lg-push-3 {
left: 12.5%
}
.ant-col-lg-pull-3 {
right: 12.5%
}
.ant-col-lg-offset-3 {
margin-left: 12.5%
}
.ant-col-lg-order-3 {
order: 3
}
.ant-col-lg-2 {
display: block;
box-sizing: border-box;
width: 8.33333333%
}
.ant-col-lg-push-2 {
left: 8.33333333%
}
.ant-col-lg-pull-2 {
right: 8.33333333%
}
.ant-col-lg-offset-2 {
margin-left: 8.33333333%
}
.ant-col-lg-order-2 {
order: 2
}
.ant-col-lg-1 {
display: block;
box-sizing: border-box;
width: 4.16666667%
}
.ant-col-lg-push-1 {
left: 4.16666667%
}
.ant-col-lg-pull-1 {
right: 4.16666667%
}
.ant-col-lg-offset-1 {
margin-left: 4.16666667%
}
.ant-col-lg-order-1 {
order: 1
}
.ant-col-lg-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-lg-push-0 {
left: auto
}
.ant-col-lg-pull-0 {
right: auto
}
.ant-col-lg-offset-0 {
margin-left: 0
}
.ant-col-lg-order-0 {
order: 0
}
}
@media (min-width: 1200px) {
.ant-col-xl-1,.ant-col-xl-2,.ant-col-xl-3,.ant-col-xl-4,.ant-col-xl-5,.ant-col-xl-6,.ant-col-xl-7,.ant-col-xl-8,.ant-col-xl-9,.ant-col-xl-10,.ant-col-xl-11,.ant-col-xl-12,.ant-col-xl-13,.ant-col-xl-14,.ant-col-xl-15,.ant-col-xl-16,.ant-col-xl-17,.ant-col-xl-18,.ant-col-xl-19,.ant-col-xl-20,.ant-col-xl-21,.ant-col-xl-22,.ant-col-xl-23,.ant-col-xl-24 {
flex:0 0 auto;
float: left
}
.ant-col-xl-24 {
display: block;
box-sizing: border-box;
width: 100%
}
.ant-col-xl-push-24 {
left: 100%
}
.ant-col-xl-pull-24 {
right: 100%
}
.ant-col-xl-offset-24 {
margin-left: 100%
}
.ant-col-xl-order-24 {
order: 24
}
.ant-col-xl-23 {
display: block;
box-sizing: border-box;
width: 95.83333333%
}
.ant-col-xl-push-23 {
left: 95.83333333%
}
.ant-col-xl-pull-23 {
right: 95.83333333%
}
.ant-col-xl-offset-23 {
margin-left: 95.83333333%
}
.ant-col-xl-order-23 {
order: 23
}
.ant-col-xl-22 {
display: block;
box-sizing: border-box;
width: 91.66666667%
}
.ant-col-xl-push-22 {
left: 91.66666667%
}
.ant-col-xl-pull-22 {
right: 91.66666667%
}
.ant-col-xl-offset-22 {
margin-left: 91.66666667%
}
.ant-col-xl-order-22 {
order: 22
}
.ant-col-xl-21 {
display: block;
box-sizing: border-box;
width: 87.5%
}
.ant-col-xl-push-21 {
left: 87.5%
}
.ant-col-xl-pull-21 {
right: 87.5%
}
.ant-col-xl-offset-21 {
margin-left: 87.5%
}
.ant-col-xl-order-21 {
order: 21
}
.ant-col-xl-20 {
display: block;
box-sizing: border-box;
width: 83.33333333%
}
.ant-col-xl-push-20 {
left: 83.33333333%
}
.ant-col-xl-pull-20 {
right: 83.33333333%
}
.ant-col-xl-offset-20 {
margin-left: 83.33333333%
}
.ant-col-xl-order-20 {
order: 20
}
.ant-col-xl-19 {
display: block;
box-sizing: border-box;
width: 79.16666667%
}
.ant-col-xl-push-19 {
left: 79.16666667%
}
.ant-col-xl-pull-19 {
right: 79.16666667%
}
.ant-col-xl-offset-19 {
margin-left: 79.16666667%
}
.ant-col-xl-order-19 {
order: 19
}
.ant-col-xl-18 {
display: block;
box-sizing: border-box;
width: 75%
}
.ant-col-xl-push-18 {
left: 75%
}
.ant-col-xl-pull-18 {
right: 75%
}
.ant-col-xl-offset-18 {
margin-left: 75%
}
.ant-col-xl-order-18 {
order: 18
}
.ant-col-xl-17 {
display: block;
box-sizing: border-box;
width: 70.83333333%
}
.ant-col-xl-push-17 {
left: 70.83333333%
}
.ant-col-xl-pull-17 {
right: 70.83333333%
}
.ant-col-xl-offset-17 {
margin-left: 70.83333333%
}
.ant-col-xl-order-17 {
order: 17
}
.ant-col-xl-16 {
display: block;
box-sizing: border-box;
width: 66.66666667%
}
.ant-col-xl-push-16 {
left: 66.66666667%
}
.ant-col-xl-pull-16 {
right: 66.66666667%
}
.ant-col-xl-offset-16 {
margin-left: 66.66666667%
}
.ant-col-xl-order-16 {
order: 16
}
.ant-col-xl-15 {
display: block;
box-sizing: border-box;
width: 62.5%
}
.ant-col-xl-push-15 {
left: 62.5%
}
.ant-col-xl-pull-15 {
right: 62.5%
}
.ant-col-xl-offset-15 {
margin-left: 62.5%
}
.ant-col-xl-order-15 {
order: 15
}
.ant-col-xl-14 {
display: block;
box-sizing: border-box;
width: 58.33333333%
}
.ant-col-xl-push-14 {
left: 58.33333333%
}
.ant-col-xl-pull-14 {
right: 58.33333333%
}
.ant-col-xl-offset-14 {
margin-left: 58.33333333%
}
.ant-col-xl-order-14 {
order: 14
}
.ant-col-xl-13 {
display: block;
box-sizing: border-box;
width: 54.16666667%
}
.ant-col-xl-push-13 {
left: 54.16666667%
}
.ant-col-xl-pull-13 {
right: 54.16666667%
}
.ant-col-xl-offset-13 {
margin-left: 54.16666667%
}
.ant-col-xl-order-13 {
order: 13
}
.ant-col-xl-12 {
display: block;
box-sizing: border-box;
width: 50%
}
.ant-col-xl-push-12 {
left: 50%
}
.ant-col-xl-pull-12 {
right: 50%
}
.ant-col-xl-offset-12 {
margin-left: 50%
}
.ant-col-xl-order-12 {
order: 12
}
.ant-col-xl-11 {
display: block;
box-sizing: border-box;
width: 45.83333333%
}
.ant-col-xl-push-11 {
left: 45.83333333%
}
.ant-col-xl-pull-11 {
right: 45.83333333%
}
.ant-col-xl-offset-11 {
margin-left: 45.83333333%
}
.ant-col-xl-order-11 {
order: 11
}
.ant-col-xl-10 {
display: block;
box-sizing: border-box;
width: 41.66666667%
}
.ant-col-xl-push-10 {
left: 41.66666667%
}
.ant-col-xl-pull-10 {
right: 41.66666667%
}
.ant-col-xl-offset-10 {
margin-left: 41.66666667%
}
.ant-col-xl-order-10 {
order: 10
}
.ant-col-xl-9 {
display: block;
box-sizing: border-box;
width: 37.5%
}
.ant-col-xl-push-9 {
left: 37.5%
}
.ant-col-xl-pull-9 {
right: 37.5%
}
.ant-col-xl-offset-9 {
margin-left: 37.5%
}
.ant-col-xl-order-9 {
order: 9
}
.ant-col-xl-8 {
display: block;
box-sizing: border-box;
width: 33.33333333%
}
.ant-col-xl-push-8 {
left: 33.33333333%
}
.ant-col-xl-pull-8 {
right: 33.33333333%
}
.ant-col-xl-offset-8 {
margin-left: 33.33333333%
}
.ant-col-xl-order-8 {
order: 8
}
.ant-col-xl-7 {
display: block;
box-sizing: border-box;
width: 29.16666667%
}
.ant-col-xl-push-7 {
left: 29.16666667%
}
.ant-col-xl-pull-7 {
right: 29.16666667%
}
.ant-col-xl-offset-7 {
margin-left: 29.16666667%
}
.ant-col-xl-order-7 {
order: 7
}
.ant-col-xl-6 {
display: block;
box-sizing: border-box;
width: 25%
}
.ant-col-xl-push-6 {
left: 25%
}
.ant-col-xl-pull-6 {
right: 25%
}
.ant-col-xl-offset-6 {
margin-left: 25%
}
.ant-col-xl-order-6 {
order: 6
}
.ant-col-xl-5 {
display: block;
box-sizing: border-box;
width: 20.83333333%
}
.ant-col-xl-push-5 {
left: 20.83333333%
}
.ant-col-xl-pull-5 {
right: 20.83333333%
}
.ant-col-xl-offset-5 {
margin-left: 20.83333333%
}
.ant-col-xl-order-5 {
order: 5
}
.ant-col-xl-4 {
display: block;
box-sizing: border-box;
width: 16.66666667%
}
.ant-col-xl-push-4 {
left: 16.66666667%
}
.ant-col-xl-pull-4 {
right: 16.66666667%
}
.ant-col-xl-offset-4 {
margin-left: 16.66666667%
}
.ant-col-xl-order-4 {
order: 4
}
.ant-col-xl-3 {
display: block;
box-sizing: border-box;
width: 12.5%
}
.ant-col-xl-push-3 {
left: 12.5%
}
.ant-col-xl-pull-3 {
right: 12.5%
}
.ant-col-xl-offset-3 {
margin-left: 12.5%
}
.ant-col-xl-order-3 {
order: 3
}
.ant-col-xl-2 {
display: block;
box-sizing: border-box;
width: 8.33333333%
}
.ant-col-xl-push-2 {
left: 8.33333333%
}
.ant-col-xl-pull-2 {
right: 8.33333333%
}
.ant-col-xl-offset-2 {
margin-left: 8.33333333%
}
.ant-col-xl-order-2 {
order: 2
}
.ant-col-xl-1 {
display: block;
box-sizing: border-box;
width: 4.16666667%
}
.ant-col-xl-push-1 {
left: 4.16666667%
}
.ant-col-xl-pull-1 {
right: 4.16666667%
}
.ant-col-xl-offset-1 {
margin-left: 4.16666667%
}
.ant-col-xl-order-1 {
order: 1
}
.ant-col-xl-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-xl-push-0 {
left: auto
}
.ant-col-xl-pull-0 {
right: auto
}
.ant-col-xl-offset-0 {
margin-left: 0
}
.ant-col-xl-order-0 {
order: 0
}
}
@media (min-width: 1600px) {
.ant-col-xxl-1,.ant-col-xxl-2,.ant-col-xxl-3,.ant-col-xxl-4,.ant-col-xxl-5,.ant-col-xxl-6,.ant-col-xxl-7,.ant-col-xxl-8,.ant-col-xxl-9,.ant-col-xxl-10,.ant-col-xxl-11,.ant-col-xxl-12,.ant-col-xxl-13,.ant-col-xxl-14,.ant-col-xxl-15,.ant-col-xxl-16,.ant-col-xxl-17,.ant-col-xxl-18,.ant-col-xxl-19,.ant-col-xxl-20,.ant-col-xxl-21,.ant-col-xxl-22,.ant-col-xxl-23,.ant-col-xxl-24 {
flex:0 0 auto;
float: left
}
.ant-col-xxl-24 {
display: block;
box-sizing: border-box;
width: 100%
}
.ant-col-xxl-push-24 {
left: 100%
}
.ant-col-xxl-pull-24 {
right: 100%
}
.ant-col-xxl-offset-24 {
margin-left: 100%
}
.ant-col-xxl-order-24 {
order: 24
}
.ant-col-xxl-23 {
display: block;
box-sizing: border-box;
width: 95.83333333%
}
.ant-col-xxl-push-23 {
left: 95.83333333%
}
.ant-col-xxl-pull-23 {
right: 95.83333333%
}
.ant-col-xxl-offset-23 {
margin-left: 95.83333333%
}
.ant-col-xxl-order-23 {
order: 23
}
.ant-col-xxl-22 {
display: block;
box-sizing: border-box;
width: 91.66666667%
}
.ant-col-xxl-push-22 {
left: 91.66666667%
}
.ant-col-xxl-pull-22 {
right: 91.66666667%
}
.ant-col-xxl-offset-22 {
margin-left: 91.66666667%
}
.ant-col-xxl-order-22 {
order: 22
}
.ant-col-xxl-21 {
display: block;
box-sizing: border-box;
width: 87.5%
}
.ant-col-xxl-push-21 {
left: 87.5%
}
.ant-col-xxl-pull-21 {
right: 87.5%
}
.ant-col-xxl-offset-21 {
margin-left: 87.5%
}
.ant-col-xxl-order-21 {
order: 21
}
.ant-col-xxl-20 {
display: block;
box-sizing: border-box;
width: 83.33333333%
}
.ant-col-xxl-push-20 {
left: 83.33333333%
}
.ant-col-xxl-pull-20 {
right: 83.33333333%
}
.ant-col-xxl-offset-20 {
margin-left: 83.33333333%
}
.ant-col-xxl-order-20 {
order: 20
}
.ant-col-xxl-19 {
display: block;
box-sizing: border-box;
width: 79.16666667%
}
.ant-col-xxl-push-19 {
left: 79.16666667%
}
.ant-col-xxl-pull-19 {
right: 79.16666667%
}
.ant-col-xxl-offset-19 {
margin-left: 79.16666667%
}
.ant-col-xxl-order-19 {
order: 19
}
.ant-col-xxl-18 {
display: block;
box-sizing: border-box;
width: 75%
}
.ant-col-xxl-push-18 {
left: 75%
}
.ant-col-xxl-pull-18 {
right: 75%
}
.ant-col-xxl-offset-18 {
margin-left: 75%
}
.ant-col-xxl-order-18 {
order: 18
}
.ant-col-xxl-17 {
display: block;
box-sizing: border-box;
width: 70.83333333%
}
.ant-col-xxl-push-17 {
left: 70.83333333%
}
.ant-col-xxl-pull-17 {
right: 70.83333333%
}
.ant-col-xxl-offset-17 {
margin-left: 70.83333333%
}
.ant-col-xxl-order-17 {
order: 17
}
.ant-col-xxl-16 {
display: block;
box-sizing: border-box;
width: 66.66666667%
}
.ant-col-xxl-push-16 {
left: 66.66666667%
}
.ant-col-xxl-pull-16 {
right: 66.66666667%
}
.ant-col-xxl-offset-16 {
margin-left: 66.66666667%
}
.ant-col-xxl-order-16 {
order: 16
}
.ant-col-xxl-15 {
display: block;
box-sizing: border-box;
width: 62.5%
}
.ant-col-xxl-push-15 {
left: 62.5%
}
.ant-col-xxl-pull-15 {
right: 62.5%
}
.ant-col-xxl-offset-15 {
margin-left: 62.5%
}
.ant-col-xxl-order-15 {
order: 15
}
.ant-col-xxl-14 {
display: block;
box-sizing: border-box;
width: 58.33333333%
}
.ant-col-xxl-push-14 {
left: 58.33333333%
}
.ant-col-xxl-pull-14 {
right: 58.33333333%
}
.ant-col-xxl-offset-14 {
margin-left: 58.33333333%
}
.ant-col-xxl-order-14 {
order: 14
}
.ant-col-xxl-13 {
display: block;
box-sizing: border-box;
width: 54.16666667%
}
.ant-col-xxl-push-13 {
left: 54.16666667%
}
.ant-col-xxl-pull-13 {
right: 54.16666667%
}
.ant-col-xxl-offset-13 {
margin-left: 54.16666667%
}
.ant-col-xxl-order-13 {
order: 13
}
.ant-col-xxl-12 {
display: block;
box-sizing: border-box;
width: 50%
}
.ant-col-xxl-push-12 {
left: 50%
}
.ant-col-xxl-pull-12 {
right: 50%
}
.ant-col-xxl-offset-12 {
margin-left: 50%
}
.ant-col-xxl-order-12 {
order: 12
}
.ant-col-xxl-11 {
display: block;
box-sizing: border-box;
width: 45.83333333%
}
.ant-col-xxl-push-11 {
left: 45.83333333%
}
.ant-col-xxl-pull-11 {
right: 45.83333333%
}
.ant-col-xxl-offset-11 {
margin-left: 45.83333333%
}
.ant-col-xxl-order-11 {
order: 11
}
.ant-col-xxl-10 {
display: block;
box-sizing: border-box;
width: 41.66666667%
}
.ant-col-xxl-push-10 {
left: 41.66666667%
}
.ant-col-xxl-pull-10 {
right: 41.66666667%
}
.ant-col-xxl-offset-10 {
margin-left: 41.66666667%
}
.ant-col-xxl-order-10 {
order: 10
}
.ant-col-xxl-9 {
display: block;
box-sizing: border-box;
width: 37.5%
}
.ant-col-xxl-push-9 {
left: 37.5%
}
.ant-col-xxl-pull-9 {
right: 37.5%
}
.ant-col-xxl-offset-9 {
margin-left: 37.5%
}
.ant-col-xxl-order-9 {
order: 9
}
.ant-col-xxl-8 {
display: block;
box-sizing: border-box;
width: 33.33333333%
}
.ant-col-xxl-push-8 {
left: 33.33333333%
}
.ant-col-xxl-pull-8 {
right: 33.33333333%
}
.ant-col-xxl-offset-8 {
margin-left: 33.33333333%
}
.ant-col-xxl-order-8 {
order: 8
}
.ant-col-xxl-7 {
display: block;
box-sizing: border-box;
width: 29.16666667%
}
.ant-col-xxl-push-7 {
left: 29.16666667%
}
.ant-col-xxl-pull-7 {
right: 29.16666667%
}
.ant-col-xxl-offset-7 {
margin-left: 29.16666667%
}
.ant-col-xxl-order-7 {
order: 7
}
.ant-col-xxl-6 {
display: block;
box-sizing: border-box;
width: 25%
}
.ant-col-xxl-push-6 {
left: 25%
}
.ant-col-xxl-pull-6 {
right: 25%
}
.ant-col-xxl-offset-6 {
margin-left: 25%
}
.ant-col-xxl-order-6 {
order: 6
}
.ant-col-xxl-5 {
display: block;
box-sizing: border-box;
width: 20.83333333%
}
.ant-col-xxl-push-5 {
left: 20.83333333%
}
.ant-col-xxl-pull-5 {
right: 20.83333333%
}
.ant-col-xxl-offset-5 {
margin-left: 20.83333333%
}
.ant-col-xxl-order-5 {
order: 5
}
.ant-col-xxl-4 {
display: block;
box-sizing: border-box;
width: 16.66666667%
}
.ant-col-xxl-push-4 {
left: 16.66666667%
}
.ant-col-xxl-pull-4 {
right: 16.66666667%
}
.ant-col-xxl-offset-4 {
margin-left: 16.66666667%
}
.ant-col-xxl-order-4 {
order: 4
}
.ant-col-xxl-3 {
display: block;
box-sizing: border-box;
width: 12.5%
}
.ant-col-xxl-push-3 {
left: 12.5%
}
.ant-col-xxl-pull-3 {
right: 12.5%
}
.ant-col-xxl-offset-3 {
margin-left: 12.5%
}
.ant-col-xxl-order-3 {
order: 3
}
.ant-col-xxl-2 {
display: block;
box-sizing: border-box;
width: 8.33333333%
}
.ant-col-xxl-push-2 {
left: 8.33333333%
}
.ant-col-xxl-pull-2 {
right: 8.33333333%
}
.ant-col-xxl-offset-2 {
margin-left: 8.33333333%
}
.ant-col-xxl-order-2 {
order: 2
}
.ant-col-xxl-1 {
display: block;
box-sizing: border-box;
width: 4.16666667%
}
.ant-col-xxl-push-1 {
left: 4.16666667%
}
.ant-col-xxl-pull-1 {
right: 4.16666667%
}
.ant-col-xxl-offset-1 {
margin-left: 4.16666667%
}
.ant-col-xxl-order-1 {
order: 1
}
.ant-col-xxl-0 {
display: none
}
.ant-col-push-0 {
left: auto
}
.ant-col-pull-0 {
right: auto
}
.ant-col-xxl-push-0 {
left: auto
}
.ant-col-xxl-pull-0 {
right: auto
}
.ant-col-xxl-offset-0 {
margin-left: 0
}
.ant-col-xxl-order-0 {
order: 0
}
}
.ant-btn {
line-height: 1.499;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
box-shadow: 0 2px 0 rgba(0,0,0,.015);
cursor: pointer;
transition: all .3s cubic-bezier(.645,.045,.355,1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: manipulation;
height: 32px;
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
color: rgba(0,0,0,.65);
background-color: #fff;
border: 1px solid #d9d9d9
}
.ant-btn>.anticon {
line-height: 1
}
.ant-btn,.ant-btn:active,.ant-btn:focus {
outline: 0
}
.ant-btn:not([disabled]):hover {
text-decoration: none
}
.ant-btn:not([disabled]):active {
outline: 0;
box-shadow: none
}
.ant-btn.disabled,.ant-btn[disabled] {
cursor: not-allowed
}
.ant-btn.disabled>*,.ant-btn[disabled]>* {
pointer-events: none
}
.ant-btn-lg {
height: 40px;
padding: 0 15px;
font-size: 16px;
border-radius: 4px
}
.ant-btn-sm {
height: 24px;
padding: 0 7px;
font-size: 14px;
border-radius: 4px
}
.ant-btn>a:only-child {
color: currentColor
}
.ant-btn>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn:focus,.ant-btn:hover {
color: #40a9ff;
background-color: #fff;
border-color: #40a9ff
}
.ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child {
color: currentColor
}
.ant-btn:focus>a:only-child:after,.ant-btn:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn.active,.ant-btn:active {
color: #096dd9;
background-color: #fff;
border-color: #096dd9
}
.ant-btn.active>a:only-child,.ant-btn:active>a:only-child {
color: currentColor
}
.ant-btn.active>a:only-child:after,.ant-btn:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-disabled,.ant-btn-disabled.active,.ant-btn-disabled:active,.ant-btn-disabled:focus,.ant-btn-disabled:hover,.ant-btn.disabled,.ant-btn.disabled.active,.ant-btn.disabled:active,.ant-btn.disabled:focus,.ant-btn.disabled:hover,.ant-btn[disabled],.ant-btn[disabled].active,.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
box-shadow: none
}
.ant-btn-disabled.active>a:only-child,.ant-btn-disabled:active>a:only-child,.ant-btn-disabled:focus>a:only-child,.ant-btn-disabled:hover>a:only-child,.ant-btn-disabled>a:only-child,.ant-btn.disabled.active>a:only-child,.ant-btn.disabled:active>a:only-child,.ant-btn.disabled:focus>a:only-child,.ant-btn.disabled:hover>a:only-child,.ant-btn.disabled>a:only-child,.ant-btn[disabled].active>a:only-child,.ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child {
color: currentColor
}
.ant-btn-disabled.active>a:only-child:after,.ant-btn-disabled:active>a:only-child:after,.ant-btn-disabled:focus>a:only-child:after,.ant-btn-disabled:hover>a:only-child:after,.ant-btn-disabled>a:only-child:after,.ant-btn.disabled.active>a:only-child:after,.ant-btn.disabled:active>a:only-child:after,.ant-btn.disabled:focus>a:only-child:after,.ant-btn.disabled:hover>a:only-child:after,.ant-btn.disabled>a:only-child:after,.ant-btn[disabled].active>a:only-child:after,.ant-btn[disabled]:active>a:only-child:after,.ant-btn[disabled]:focus>a:only-child:after,.ant-btn[disabled]:hover>a:only-child:after,.ant-btn[disabled]>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn.active,.ant-btn:active,.ant-btn:focus,.ant-btn:hover {
text-decoration: none;
background: #fff
}
.ant-btn>i,.ant-btn>span {
display: inline-block;
transition: margin-left .3s cubic-bezier(.645,.045,.355,1);
pointer-events: none
}
.ant-btn-primary {
color: #000;
/*background-color: #F79900;*/
background: linear-gradient(135deg, #FFDA23, #FFBB33);
border: none;
/*text-shadow: 0 -1px 0 rgba(0,0,0,.12);*/
/*box-shadow: 0 2px 0 rgba(0,0,0,.045)*/
}
.ant-btn-primary:focus,.ant-btn-primary:hover {
color: #000;
/*background-color: #F68800;
border-color: #F68800*/
background: linear-gradient(135deg, #F5D111, #F0B022);
text-shadow: none !important;
box-shadow: none !important;
}
.ant-btn-primary>a:only-child {
color: currentColor
}
.ant-btn-primary>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child {
color: currentColor
}
.ant-btn-primary:focus>a:only-child:after,.ant-btn-primary:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-primary.active,.ant-btn-primary:active {
color: #fff;
background-color: #096dd9;
border-color: #096dd9
}
.ant-btn-primary.active>a:only-child,.ant-btn-primary:active>a:only-child {
color: currentColor
}
.ant-btn-primary.active>a:only-child:after,.ant-btn-primary:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-primary-disabled,.ant-btn-primary-disabled.active,.ant-btn-primary-disabled:active,.ant-btn-primary-disabled:focus,.ant-btn-primary-disabled:hover,.ant-btn-primary.disabled,.ant-btn-primary.disabled.active,.ant-btn-primary.disabled:active,.ant-btn-primary.disabled:focus,.ant-btn-primary.disabled:hover,.ant-btn-primary[disabled],.ant-btn-primary[disabled].active,.ant-btn-primary[disabled]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
box-shadow: none
}
.ant-btn-primary-disabled.active>a:only-child,.ant-btn-primary-disabled:active>a:only-child,.ant-btn-primary-disabled:focus>a:only-child,.ant-btn-primary-disabled:hover>a:only-child,.ant-btn-primary-disabled>a:only-child,.ant-btn-primary.disabled.active>a:only-child,.ant-btn-primary.disabled:active>a:only-child,.ant-btn-primary.disabled:focus>a:only-child,.ant-btn-primary.disabled:hover>a:only-child,.ant-btn-primary.disabled>a:only-child,.ant-btn-primary[disabled].active>a:only-child,.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]>a:only-child {
color: currentColor
}
.ant-btn-primary-disabled.active>a:only-child:after,.ant-btn-primary-disabled:active>a:only-child:after,.ant-btn-primary-disabled:focus>a:only-child:after,.ant-btn-primary-disabled:hover>a:only-child:after,.ant-btn-primary-disabled>a:only-child:after,.ant-btn-primary.disabled.active>a:only-child:after,.ant-btn-primary.disabled:active>a:only-child:after,.ant-btn-primary.disabled:focus>a:only-child:after,.ant-btn-primary.disabled:hover>a:only-child:after,.ant-btn-primary.disabled>a:only-child:after,.ant-btn-primary[disabled].active>a:only-child:after,.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-primary[disabled]>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
border-right-color: #40a9ff;
border-left-color: #40a9ff
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
border-color: #d9d9d9
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
border-right-color: #40a9ff
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
border-right-color: #d9d9d9
}
.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
border-left-color: #40a9ff
}
.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
border-left-color: #d9d9d9
}
.ant-btn-ghost {
color: rgba(0,0,0,.65);
background-color: transparent;
border-color: #d9d9d9
}
.ant-btn-ghost>a:only-child {
color: currentColor
}
.ant-btn-ghost>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-ghost:focus,.ant-btn-ghost:hover {
color: #40a9ff;
background-color: transparent;
border-color: #40a9ff
}
.ant-btn-ghost:focus>a:only-child,.ant-btn-ghost:hover>a:only-child {
color: currentColor
}
.ant-btn-ghost:focus>a:only-child:after,.ant-btn-ghost:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-ghost.active,.ant-btn-ghost:active {
color: #096dd9;
background-color: transparent;
border-color: #096dd9
}
.ant-btn-ghost.active>a:only-child,.ant-btn-ghost:active>a:only-child {
color: currentColor
}
.ant-btn-ghost.active>a:only-child:after,.ant-btn-ghost:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-ghost-disabled,.ant-btn-ghost-disabled.active,.ant-btn-ghost-disabled:active,.ant-btn-ghost-disabled:focus,.ant-btn-ghost-disabled:hover,.ant-btn-ghost.disabled,.ant-btn-ghost.disabled.active,.ant-btn-ghost.disabled:active,.ant-btn-ghost.disabled:focus,.ant-btn-ghost.disabled:hover,.ant-btn-ghost[disabled],.ant-btn-ghost[disabled].active,.ant-btn-ghost[disabled]:active,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
box-shadow: none
}
.ant-btn-ghost-disabled.active>a:only-child,.ant-btn-ghost-disabled:active>a:only-child,.ant-btn-ghost-disabled:focus>a:only-child,.ant-btn-ghost-disabled:hover>a:only-child,.ant-btn-ghost-disabled>a:only-child,.ant-btn-ghost.disabled.active>a:only-child,.ant-btn-ghost.disabled:active>a:only-child,.ant-btn-ghost.disabled:focus>a:only-child,.ant-btn-ghost.disabled:hover>a:only-child,.ant-btn-ghost.disabled>a:only-child,.ant-btn-ghost[disabled].active>a:only-child,.ant-btn-ghost[disabled]:active>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]>a:only-child {
color: currentColor
}
.ant-btn-ghost-disabled.active>a:only-child:after,.ant-btn-ghost-disabled:active>a:only-child:after,.ant-btn-ghost-disabled:focus>a:only-child:after,.ant-btn-ghost-disabled:hover>a:only-child:after,.ant-btn-ghost-disabled>a:only-child:after,.ant-btn-ghost.disabled.active>a:only-child:after,.ant-btn-ghost.disabled:active>a:only-child:after,.ant-btn-ghost.disabled:focus>a:only-child:after,.ant-btn-ghost.disabled:hover>a:only-child:after,.ant-btn-ghost.disabled>a:only-child:after,.ant-btn-ghost[disabled].active>a:only-child:after,.ant-btn-ghost[disabled]:active>a:only-child:after,.ant-btn-ghost[disabled]:focus>a:only-child:after,.ant-btn-ghost[disabled]:hover>a:only-child:after,.ant-btn-ghost[disabled]>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-dashed {
color: rgba(0,0,0,.65);
background-color: #fff;
border-color: #d9d9d9;
border-style: dashed
}
.ant-btn-dashed>a:only-child {
color: currentColor
}
.ant-btn-dashed>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-dashed:focus,.ant-btn-dashed:hover {
color: #40a9ff;
background-color: #fff;
border-color: #40a9ff
}
.ant-btn-dashed:focus>a:only-child,.ant-btn-dashed:hover>a:only-child {
color: currentColor
}
.ant-btn-dashed:focus>a:only-child:after,.ant-btn-dashed:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-dashed.active,.ant-btn-dashed:active {
color: #096dd9;
background-color: #fff;
border-color: #096dd9
}
.ant-btn-dashed.active>a:only-child,.ant-btn-dashed:active>a:only-child {
color: currentColor
}
.ant-btn-dashed.active>a:only-child:after,.ant-btn-dashed:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-dashed-disabled,.ant-btn-dashed-disabled.active,.ant-btn-dashed-disabled:active,.ant-btn-dashed-disabled:focus,.ant-btn-dashed-disabled:hover,.ant-btn-dashed.disabled,.ant-btn-dashed.disabled.active,.ant-btn-dashed.disabled:active,.ant-btn-dashed.disabled:focus,.ant-btn-dashed.disabled:hover,.ant-btn-dashed[disabled],.ant-btn-dashed[disabled].active,.ant-btn-dashed[disabled]:active,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
box-shadow: none
}
.ant-btn-dashed-disabled.active>a:only-child,.ant-btn-dashed-disabled:active>a:only-child,.ant-btn-dashed-disabled:focus>a:only-child,.ant-btn-dashed-disabled:hover>a:only-child,.ant-btn-dashed-disabled>a:only-child,.ant-btn-dashed.disabled.active>a:only-child,.ant-btn-dashed.disabled:active>a:only-child,.ant-btn-dashed.disabled:focus>a:only-child,.ant-btn-dashed.disabled:hover>a:only-child,.ant-btn-dashed.disabled>a:only-child,.ant-btn-dashed[disabled].active>a:only-child,.ant-btn-dashed[disabled]:active>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]>a:only-child {
color: currentColor
}
.ant-btn-dashed-disabled.active>a:only-child:after,.ant-btn-dashed-disabled:active>a:only-child:after,.ant-btn-dashed-disabled:focus>a:only-child:after,.ant-btn-dashed-disabled:hover>a:only-child:after,.ant-btn-dashed-disabled>a:only-child:after,.ant-btn-dashed.disabled.active>a:only-child:after,.ant-btn-dashed.disabled:active>a:only-child:after,.ant-btn-dashed.disabled:focus>a:only-child:after,.ant-btn-dashed.disabled:hover>a:only-child:after,.ant-btn-dashed.disabled>a:only-child:after,.ant-btn-dashed[disabled].active>a:only-child:after,.ant-btn-dashed[disabled]:active>a:only-child:after,.ant-btn-dashed[disabled]:focus>a:only-child:after,.ant-btn-dashed[disabled]:hover>a:only-child:after,.ant-btn-dashed[disabled]>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-danger {
color: #fff;
background-color: #ff4d4f;
border-color: #ff4d4f;
text-shadow: 0 -1px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 0 rgba(0,0,0,.045)
}
.ant-btn-danger>a:only-child {
color: currentColor
}
.ant-btn-danger>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-danger:focus,.ant-btn-danger:hover {
color: #fff;
background-color: #ff7875;
border-color: #ff7875
}
.ant-btn-danger:focus>a:only-child,.ant-btn-danger:hover>a:only-child {
color: currentColor
}
.ant-btn-danger:focus>a:only-child:after,.ant-btn-danger:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-danger.active,.ant-btn-danger:active {
color: #fff;
background-color: #d9363e;
border-color: #d9363e
}
.ant-btn-danger.active>a:only-child,.ant-btn-danger:active>a:only-child {
color: currentColor
}
.ant-btn-danger.active>a:only-child:after,.ant-btn-danger:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-danger-disabled,.ant-btn-danger-disabled.active,.ant-btn-danger-disabled:active,.ant-btn-danger-disabled:focus,.ant-btn-danger-disabled:hover,.ant-btn-danger.disabled,.ant-btn-danger.disabled.active,.ant-btn-danger.disabled:active,.ant-btn-danger.disabled:focus,.ant-btn-danger.disabled:hover,.ant-btn-danger[disabled],.ant-btn-danger[disabled].active,.ant-btn-danger[disabled]:active,.ant-btn-danger[disabled]:focus,.ant-btn-danger[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
box-shadow: none
}
.ant-btn-danger-disabled.active>a:only-child,.ant-btn-danger-disabled:active>a:only-child,.ant-btn-danger-disabled:focus>a:only-child,.ant-btn-danger-disabled:hover>a:only-child,.ant-btn-danger-disabled>a:only-child,.ant-btn-danger.disabled.active>a:only-child,.ant-btn-danger.disabled:active>a:only-child,.ant-btn-danger.disabled:focus>a:only-child,.ant-btn-danger.disabled:hover>a:only-child,.ant-btn-danger.disabled>a:only-child,.ant-btn-danger[disabled].active>a:only-child,.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-danger[disabled]>a:only-child {
color: currentColor
}
.ant-btn-danger-disabled.active>a:only-child:after,.ant-btn-danger-disabled:active>a:only-child:after,.ant-btn-danger-disabled:focus>a:only-child:after,.ant-btn-danger-disabled:hover>a:only-child:after,.ant-btn-danger-disabled>a:only-child:after,.ant-btn-danger.disabled.active>a:only-child:after,.ant-btn-danger.disabled:active>a:only-child:after,.ant-btn-danger.disabled:focus>a:only-child:after,.ant-btn-danger.disabled:hover>a:only-child:after,.ant-btn-danger.disabled>a:only-child:after,.ant-btn-danger[disabled].active>a:only-child:after,.ant-btn-danger[disabled]:active>a:only-child:after,.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-danger[disabled]>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-link {
color: #F79900;
background-color: transparent;
border-color: transparent;
box-shadow: none
}
.ant-btn-link>a:only-child {
color: currentColor
}
.ant-btn-link>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-link:focus,.ant-btn-link:hover {
color: #40a9ff;
background-color: transparent;
border-color: #40a9ff
}
.ant-btn-link:focus>a:only-child,.ant-btn-link:hover>a:only-child {
color: currentColor
}
.ant-btn-link:focus>a:only-child:after,.ant-btn-link:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-link.active,.ant-btn-link:active {
color: #096dd9;
background-color: transparent;
border-color: #096dd9
}
.ant-btn-link.active>a:only-child,.ant-btn-link:active>a:only-child {
color: currentColor
}
.ant-btn-link.active>a:only-child:after,.ant-btn-link:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-link-disabled,.ant-btn-link-disabled.active,.ant-btn-link-disabled:active,.ant-btn-link-disabled:focus,.ant-btn-link-disabled:hover,.ant-btn-link.disabled,.ant-btn-link.disabled.active,.ant-btn-link.disabled:active,.ant-btn-link.disabled:focus,.ant-btn-link.disabled:hover,.ant-btn-link[disabled],.ant-btn-link[disabled].active,.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover {
background-color: #f5f5f5;
border-color: #d9d9d9
}
.ant-btn-link:active,.ant-btn-link:focus,.ant-btn-link:hover {
border-color: transparent
}
.ant-btn-link-disabled,.ant-btn-link-disabled.active,.ant-btn-link-disabled:active,.ant-btn-link-disabled:focus,.ant-btn-link-disabled:hover,.ant-btn-link.disabled,.ant-btn-link.disabled.active,.ant-btn-link.disabled:active,.ant-btn-link.disabled:focus,.ant-btn-link.disabled:hover,.ant-btn-link[disabled],.ant-btn-link[disabled].active,.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: transparent;
border-color: transparent;
text-shadow: none;
box-shadow: none
}
.ant-btn-link-disabled.active>a:only-child,.ant-btn-link-disabled:active>a:only-child,.ant-btn-link-disabled:focus>a:only-child,.ant-btn-link-disabled:hover>a:only-child,.ant-btn-link-disabled>a:only-child,.ant-btn-link.disabled.active>a:only-child,.ant-btn-link.disabled:active>a:only-child,.ant-btn-link.disabled:focus>a:only-child,.ant-btn-link.disabled:hover>a:only-child,.ant-btn-link.disabled>a:only-child,.ant-btn-link[disabled].active>a:only-child,.ant-btn-link[disabled]:active>a:only-child,.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-link[disabled]>a:only-child {
color: currentColor
}
.ant-btn-link-disabled.active>a:only-child:after,.ant-btn-link-disabled:active>a:only-child:after,.ant-btn-link-disabled:focus>a:only-child:after,.ant-btn-link-disabled:hover>a:only-child:after,.ant-btn-link-disabled>a:only-child:after,.ant-btn-link.disabled.active>a:only-child:after,.ant-btn-link.disabled:active>a:only-child:after,.ant-btn-link.disabled:focus>a:only-child:after,.ant-btn-link.disabled:hover>a:only-child:after,.ant-btn-link.disabled>a:only-child:after,.ant-btn-link[disabled].active>a:only-child:after,.ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-link[disabled]>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-icon-only {
width: 32px;
height: 32px;
padding: 0;
font-size: 16px;
border-radius: 4px
}
.ant-btn-icon-only.ant-btn-lg {
width: 40px;
height: 40px;
padding: 0;
font-size: 18px;
border-radius: 4px
}
.ant-btn-icon-only.ant-btn-sm {
width: 24px;
height: 24px;
padding: 0;
font-size: 14px;
border-radius: 4px
}
.ant-btn-icon-only>i {
vertical-align: middle
}
.ant-btn-round {
height: 32px;
padding: 0 16px;
font-size: 14px;
border-radius: 32px
}
.ant-btn-round.ant-btn-lg {
height: 40px;
padding: 0 20px;
font-size: 16px;
border-radius: 40px
}
.ant-btn-round.ant-btn-sm {
height: 24px;
padding: 0 12px;
font-size: 14px;
border-radius: 24px
}
.ant-btn-round.ant-btn-icon-only {
width: auto
}
.ant-btn-circle,.ant-btn-circle-outline {
min-width: 32px;
padding-right: 0;
padding-left: 0;
text-align: center;
border-radius: 50%
}
.ant-btn-circle-outline.ant-btn-lg,.ant-btn-circle.ant-btn-lg {
min-width: 40px;
border-radius: 50%
}
.ant-btn-circle-outline.ant-btn-sm,.ant-btn-circle.ant-btn-sm {
min-width: 24px;
border-radius: 50%
}
.ant-btn:before {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
display: none;
background: #fff;
border-radius: inherit;
opacity: .35;
transition: opacity .2s;
content: "";
pointer-events: none
}
.ant-btn .anticon {
transition: margin-left .3s cubic-bezier(.645,.045,.355,1)
}
.ant-btn .anticon.anticon-minus>svg,.ant-btn .anticon.anticon-plus>svg {
shape-rendering: optimizeSpeed
}
.ant-btn.ant-btn-loading {
position: relative
}
.ant-btn.ant-btn-loading:not([disabled]) {
pointer-events: none
}
.ant-btn.ant-btn-loading:before {
display: block
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
padding-left: 29px
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
margin-left: -14px
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
padding-left: 24px
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
margin-left: -17px
}
.ant-btn-group {
position: relative;
display: inline-block
}
.ant-btn-group>.ant-btn,.ant-btn-group>span>.ant-btn {
position: relative
}
.ant-btn-group>.ant-btn.active,.ant-btn-group>.ant-btn:active,.ant-btn-group>.ant-btn:focus,.ant-btn-group>.ant-btn:hover,.ant-btn-group>span>.ant-btn.active,.ant-btn-group>span>.ant-btn:active,.ant-btn-group>span>.ant-btn:focus,.ant-btn-group>span>.ant-btn:hover {
z-index: 2
}
.ant-btn-group>.ant-btn:disabled,.ant-btn-group>span>.ant-btn:disabled {
z-index: 0
}
.ant-btn-group>.ant-btn-icon-only {
font-size: 14px
}
.ant-btn-group-lg>.ant-btn,.ant-btn-group-lg>span>.ant-btn {
height: 40px;
padding: 0 15px;
font-size: 16px;
border-radius: 0;
line-height: 38px
}
.ant-btn-group-lg>.ant-btn.ant-btn-icon-only {
width: 40px;
height: 40px;
padding-right: 0;
padding-left: 0
}
.ant-btn-group-sm>.ant-btn,.ant-btn-group-sm>span>.ant-btn {
height: 24px;
padding: 0 7px;
font-size: 14px;
border-radius: 0;
line-height: 22px
}
.ant-btn-group-sm>.ant-btn>.anticon,.ant-btn-group-sm>span>.ant-btn>.anticon {
font-size: 14px
}
.ant-btn-group-sm>.ant-btn.ant-btn-icon-only {
width: 24px;
height: 24px;
padding-right: 0;
padding-left: 0
}
.ant-btn+.ant-btn-group,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group,.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group .ant-btn+span,.ant-btn-group>span+span,.ant-btn-group span+.ant-btn {
margin-left: -1px
}
.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
border-left-color: transparent
}
.ant-btn-group .ant-btn {
border-radius: 0
}
.ant-btn-group>.ant-btn:first-child,.ant-btn-group>span:first-child>.ant-btn {
margin-left: 0
}
.ant-btn-group>.ant-btn:only-child {
border-radius: 4px
}
.ant-btn-group>span:only-child>.ant-btn {
border-radius: 4px
}
.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.ant-btn-group-sm>.ant-btn:only-child {
border-radius: 4px
}
.ant-btn-group-sm>span:only-child>.ant-btn {
border-radius: 4px
}
.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.ant-btn-group>.ant-btn-group {
float: left
}
.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
border-radius: 0
}
.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
padding-right: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
padding-left: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-btn:active>span,.ant-btn:focus>span {
position: relative
}
.ant-btn>.anticon+span,.ant-btn>span+.anticon {
margin-left: 8px
}
.ant-btn-background-ghost {
color: #fff;
background: transparent!important;
border-color: #fff
}
.ant-btn-background-ghost.ant-btn-primary {
color: #F79900;
background-color: transparent;
border-color: #F79900;
text-shadow: none
}
.ant-btn-background-ghost.ant-btn-primary>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-primary:focus,.ant-btn-background-ghost.ant-btn-primary:hover {
color: #40a9ff;
background-color: transparent;
border-color: #40a9ff
}
.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-primary.active,.ant-btn-background-ghost.ant-btn-primary:active {
color: #096dd9;
background-color: transparent;
border-color: #096dd9
}
.ant-btn-background-ghost.ant-btn-primary.active>a:only-child,.ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-primary.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-primary-disabled,.ant-btn-background-ghost.ant-btn-primary-disabled.active,.ant-btn-background-ghost.ant-btn-primary-disabled:active,.ant-btn-background-ghost.ant-btn-primary-disabled:focus,.ant-btn-background-ghost.ant-btn-primary-disabled:hover,.ant-btn-background-ghost.ant-btn-primary.disabled,.ant-btn-background-ghost.ant-btn-primary.disabled.active,.ant-btn-background-ghost.ant-btn-primary.disabled:active,.ant-btn-background-ghost.ant-btn-primary.disabled:focus,.ant-btn-background-ghost.ant-btn-primary.disabled:hover,.ant-btn-background-ghost.ant-btn-primary[disabled],.ant-btn-background-ghost.ant-btn-primary[disabled].active,.ant-btn-background-ghost.ant-btn-primary[disabled]:active,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
box-shadow: none
}
.ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child,.ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child,.ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child,.ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-primary-disabled.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary-disabled:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary-disabled:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary-disabled:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary-disabled>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-danger {
color: #ff4d4f;
background-color: transparent;
border-color: #ff4d4f;
text-shadow: none
}
.ant-btn-background-ghost.ant-btn-danger>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-danger:focus,.ant-btn-background-ghost.ant-btn-danger:hover {
color: #ff7875;
background-color: transparent;
border-color: #ff7875
}
.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-danger.active,.ant-btn-background-ghost.ant-btn-danger:active {
color: #d9363e;
background-color: transparent;
border-color: #d9363e
}
.ant-btn-background-ghost.ant-btn-danger.active>a:only-child,.ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-danger.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-danger-disabled,.ant-btn-background-ghost.ant-btn-danger-disabled.active,.ant-btn-background-ghost.ant-btn-danger-disabled:active,.ant-btn-background-ghost.ant-btn-danger-disabled:focus,.ant-btn-background-ghost.ant-btn-danger-disabled:hover,.ant-btn-background-ghost.ant-btn-danger.disabled,.ant-btn-background-ghost.ant-btn-danger.disabled.active,.ant-btn-background-ghost.ant-btn-danger.disabled:active,.ant-btn-background-ghost.ant-btn-danger.disabled:focus,.ant-btn-background-ghost.ant-btn-danger.disabled:hover,.ant-btn-background-ghost.ant-btn-danger[disabled],.ant-btn-background-ghost.ant-btn-danger[disabled].active,.ant-btn-background-ghost.ant-btn-danger[disabled]:active,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
box-shadow: none
}
.ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child,.ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child,.ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child,.ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-danger-disabled.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger-disabled:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger-disabled:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger-disabled:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger-disabled>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-link {
color: #F79900;
background-color: transparent;
border-color: transparent;
text-shadow: none;
color: #fff
}
.ant-btn-background-ghost.ant-btn-link>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-link>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-link:focus,.ant-btn-background-ghost.ant-btn-link:hover {
color: #40a9ff;
background-color: transparent;
border-color: transparent
}
.ant-btn-background-ghost.ant-btn-link:focus>a:only-child,.ant-btn-background-ghost.ant-btn-link:hover>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-link:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-link:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-link.active,.ant-btn-background-ghost.ant-btn-link:active {
color: #096dd9;
background-color: transparent;
border-color: transparent
}
.ant-btn-background-ghost.ant-btn-link.active>a:only-child,.ant-btn-background-ghost.ant-btn-link:active>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-link.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-link:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-link-disabled,.ant-btn-background-ghost.ant-btn-link-disabled.active,.ant-btn-background-ghost.ant-btn-link-disabled:active,.ant-btn-background-ghost.ant-btn-link-disabled:focus,.ant-btn-background-ghost.ant-btn-link-disabled:hover,.ant-btn-background-ghost.ant-btn-link.disabled,.ant-btn-background-ghost.ant-btn-link.disabled.active,.ant-btn-background-ghost.ant-btn-link.disabled:active,.ant-btn-background-ghost.ant-btn-link.disabled:focus,.ant-btn-background-ghost.ant-btn-link.disabled:hover,.ant-btn-background-ghost.ant-btn-link[disabled],.ant-btn-background-ghost.ant-btn-link[disabled].active,.ant-btn-background-ghost.ant-btn-link[disabled]:active,.ant-btn-background-ghost.ant-btn-link[disabled]:focus,.ant-btn-background-ghost.ant-btn-link[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
box-shadow: none
}
.ant-btn-background-ghost.ant-btn-link-disabled.active>a:only-child,.ant-btn-background-ghost.ant-btn-link-disabled:active>a:only-child,.ant-btn-background-ghost.ant-btn-link-disabled:focus>a:only-child,.ant-btn-background-ghost.ant-btn-link-disabled:hover>a:only-child,.ant-btn-background-ghost.ant-btn-link-disabled>a:only-child,.ant-btn-background-ghost.ant-btn-link.disabled.active>a:only-child,.ant-btn-background-ghost.ant-btn-link.disabled:active>a:only-child,.ant-btn-background-ghost.ant-btn-link.disabled:focus>a:only-child,.ant-btn-background-ghost.ant-btn-link.disabled:hover>a:only-child,.ant-btn-background-ghost.ant-btn-link.disabled>a:only-child,.ant-btn-background-ghost.ant-btn-link[disabled].active>a:only-child,.ant-btn-background-ghost.ant-btn-link[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-link[disabled]>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-link-disabled.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-link-disabled:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-link-disabled:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-link-disabled:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-link-disabled>a:only-child:after,.ant-btn-background-ghost.ant-btn-link.disabled.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-link.disabled:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-link.disabled:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-link.disabled:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-link.disabled>a:only-child:after,.ant-btn-background-ghost.ant-btn-link[disabled].active>a:only-child:after,.ant-btn-background-ghost.ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-link[disabled]>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-two-chinese-chars:first-letter {
letter-spacing: .34em
}
.ant-btn-two-chinese-chars>:not(.anticon) {
margin-right: -.34em;
letter-spacing: .34em
}
.ant-btn-block {
width: 100%
}
.ant-btn:empty {
vertical-align: top
}
a.ant-btn {
padding-top: .1px;
line-height: 30px
}
a.ant-btn-lg {
line-height: 38px
}
a.ant-btn-sm {
line-height: 22px
}
.ant-popover {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0,0,0,.65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
font-feature-settings: "tnum";
position: absolute;
top: 0;
left: 0;
z-index: 1030;
font-weight: 400;
white-space: normal;
text-align: left;
cursor: auto;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.ant-popover:after {
position: absolute;
background: hsla(0,0%,100%,.01);
content: ""
}
.ant-popover-hidden {
display: none
}
.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight {
padding-bottom: 10px
}
.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop {
padding-left: 10px
}
.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight {
padding-top: 10px
}
.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop {
padding-right: 10px
}
.ant-popover-inner {
background-color: #fff;
background-clip: padding-box;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,.15);
box-shadow: 0 0 8px rgba(0,0,0,.15)\9
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
.ant-popover-inner {
box-shadow: 0 2px 8px rgba(0,0,0,.15)
}
}
.ant-popover-title {
min-width: 177px;
min-height: 32px;
margin: 0;
padding: 5px 16px 4px;
color: rgba(0,0,0,.85);
font-weight: 500;
border-bottom: 1px solid #e8e8e8
}
.ant-popover-inner-content {
padding: 12px 16px;
color: rgba(0,0,0,.65)
}
.ant-popover-message {
position: relative;
padding: 4px 0 12px;
color: rgba(0,0,0,.65);
font-size: 14px
}
.ant-popover-message>.anticon {
position: absolute;
top: 8px;
color: #faad14;
font-size: 14px
}
.ant-popover-message-title {
padding-left: 22px
}
.ant-popover-buttons {
margin-bottom: 4px;
text-align: right
}
.ant-popover-buttons button {
margin-left: 8px
}
.ant-popover-arrow {
position: absolute;
display: block;
width: 8.48528137px;
height: 8.48528137px;
background: transparent;
border-style: solid;
border-width: 4.24264069px;
transform: rotate(45deg)
}
.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
bottom: 6.2px;
border-color: transparent #fff #fff transparent;
box-shadow: 3px 3px 7px rgba(0,0,0,.07)
}
.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow {
left: 50%;
transform: translateX(-50%) rotate(45deg)
}
.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow {
left: 16px
}
.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
right: 16px
}
.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow {
left: 6px;
border-color: transparent transparent #fff #fff;
box-shadow: -3px 3px 7px rgba(0,0,0,.07)
}
.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow {
top: 50%;
transform: translateY(-50%) rotate(45deg)
}
.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow {
top: 12px
}
.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow {
bottom: 12px
}
.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow {
top: 6px;
border-color: #fff transparent transparent #fff;
box-shadow: -2px -2px 5px rgba(0,0,0,.06)
}
.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow {
left: 50%;
transform: translateX(-50%) rotate(45deg)
}
.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow {
left: 16px
}
.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow {
right: 16px
}
.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow {
right: 6px;
border-color: #fff #fff transparent transparent;
box-shadow: 3px -3px 7px rgba(0,0,0,.07)
}
.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow {
top: 50%;
transform: translateY(-50%) rotate(45deg)
}
.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow {
top: 12px
}
.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow {
bottom: 12px
}
.ant-menu {
box-sizing: border-box;
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
font-feature-settings: "tnum";
margin: 0;
padding: 0;
color: rgba(0,0,0,.65);
line-height: 0;
list-style: none;
background: #fff;
outline: none;
box-shadow: 0 2px 8px rgba(0,0,0,.15);
transition: background .3s,width .2s;
zoom:1}
.ant-menu:after,.ant-menu:before {
display: table;
content: ""
}
.ant-menu:after {
clear: both
}
.ant-menu ol,.ant-menu ul {
margin: 0;
padding: 0;
list-style: none
}
.ant-menu-hidden {
display: none
}
.ant-menu-item-group-title {
padding: 8px 16px;
color: rgba(0,0,0,.45);
font-size: 14px;
line-height: 1.5;
transition: all .3s
}
.ant-menu-submenu,.ant-menu-submenu-inline {
transition: border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)
}
.ant-menu-submenu-selected {
color: #F79900
}
.ant-menu-item:active,.ant-menu-submenu-title:active {
background: #e6f7ff
}
.ant-menu-submenu .ant-menu-sub {
cursor: auto;
transition: background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)
}
.ant-menu-item>a {
display: block;
color: rgba(0,0,0,.65)
}
.ant-menu-item>a:hover {
color: #F79900
}
.ant-menu-item>a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
content: ""
}
.ant-menu-item>.ant-badge>a {
color: rgba(0,0,0,.65)
}
.ant-menu-item>.ant-badge>a:hover {
color: #F79900
}
.ant-menu-item-divider {
height: 1px;
overflow: hidden;
line-height: 0;
background-color: #e8e8e8
}
.ant-menu-item-active,.ant-menu-item:hover,.ant-menu-submenu-active,.ant-menu-submenu-title:hover,.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
color: #F79900
}
.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu {
margin-top: -1px
}
.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover {
background-color: transparent
}
.ant-menu-item-selected {
color: #F79900
}
.ant-menu-item-selected>a,.ant-menu-item-selected>a:hover {
color: #F79900
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
background-color: #fff4d5
}
.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left {
border-right: 1px solid #e8e8e8
}
.ant-menu-vertical-right {
border-left: 1px solid #e8e8e8
}
.ant-menu-vertical-left.ant-menu-sub,.ant-menu-vertical-right.ant-menu-sub,.ant-menu-vertical.ant-menu-sub {
min-width: 160px;
padding: 0;
border-right: 0;
transform-origin: 0 0
}
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item,.ant-menu-vertical.ant-menu-sub .ant-menu-item {
left: 0;
margin-left: 0;
border-right: 0
}
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after,.ant-menu-vertical.ant-menu-sub .ant-menu-item:after {
border-right: 0
}
.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu {
transform-origin: 0 0
}
.ant-menu-horizontal.ant-menu-sub {
min-width: 114px
}
.ant-menu-item,.ant-menu-submenu-title {
position: relative;
display: block;
margin: 0;
padding: 0 20px;
white-space: nowrap;
cursor: pointer;
transition: color .3s cubic-bezier(.645,.045,.355,1),border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)
}
.ant-menu-item .anticon,.ant-menu-submenu-title .anticon {
min-width: 14px;
margin-right: 10px;
font-size: 14px;
transition: font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1)
}
.ant-menu-item .anticon+span,.ant-menu-submenu-title .anticon+span {
opacity: 1;
transition: opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1)
}
.ant-menu>.ant-menu-item-divider {
height: 1px;
margin: 1px 0;
padding: 0;
overflow: hidden;
line-height: 0;
background-color: #e8e8e8
}
.ant-menu-submenu-popup {
position: absolute;
z-index: 1050;
background: #fff;
border-radius: 4px
}
.ant-menu-submenu-popup .submenu-title-wrapper {
padding-right: 20px
}
.ant-menu-submenu-popup:before {
position: absolute;
top: -7px;
right: 0;
bottom: 0;
left: 0;
opacity: .0001;
content: " "
}
.ant-menu-submenu>.ant-menu {
background-color: #fff;
border-radius: 4px
}
.ant-menu-submenu>.ant-menu-submenu-title:after {
transition: transform .3s cubic-bezier(.645,.045,.355,1)
}
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow {
position: absolute;
top: 50%;
right: 16px;
width: 10px;
transition: transform .3s cubic-bezier(.645,.045,.355,1)
}
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before {
position: absolute;
width: 6px;
height: 1.5px;
background: #fff;
background: rgba(0,0,0,.65)\9;
background-image: linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.65));
background-image: none\9;
border-radius: 2px;
transition: background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1);
content: ""
}
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before {
transform: rotate(45deg) translateY(-2px)
}
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after {
transform: rotate(-45deg) translateY(2px)
}
.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before {
background: linear-gradient(90deg,#F79900,#F79900)
}
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before {
transform: rotate(-45deg) translateX(2px)
}
.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after {
transform: rotate(45deg) translateX(-2px)
}
.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow {
transform: translateY(-2px)
}
.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after {
transform: rotate(-45deg) translateX(-2px)
}
.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before {
transform: rotate(45deg) translateX(2px)
}
.ant-menu-vertical-left .ant-menu-submenu-selected,.ant-menu-vertical-right .ant-menu-submenu-selected,.ant-menu-vertical .ant-menu-submenu-selected {
color: #F79900
}
.ant-menu-vertical-left .ant-menu-submenu-selected>a,.ant-menu-vertical-right .ant-menu-submenu-selected>a,.ant-menu-vertical .ant-menu-submenu-selected>a {
color: #F79900
}
.ant-menu-horizontal {
line-height: 46px;
white-space: nowrap;
border: 0;
border-bottom: 1px solid #e8e8e8;
box-shadow: none
}
.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu {
position: relative;
top: 1px;
display: inline-block;
vertical-align: bottom;
border-bottom: 2px solid transparent
}
.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover {
color: #F79900;
border-bottom: 2px solid #F79900
}
.ant-menu-horizontal>.ant-menu-item>a {
display: block;
color: rgba(0,0,0,.65)
}
.ant-menu-horizontal>.ant-menu-item>a:hover {
color: #F79900
}
.ant-menu-horizontal>.ant-menu-item>a:before {
bottom: -2px
}
.ant-menu-horizontal>.ant-menu-item-selected>a {
color: #F79900
}
.ant-menu-horizontal:after {
display: block;
clear: both;
height: 0;
content: " "
}
.ant-menu-inline .ant-menu-item,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-right .ant-menu-item,.ant-menu-vertical .ant-menu-item {
position: relative
}
.ant-menu-inline .ant-menu-item:after,.ant-menu-vertical-left .ant-menu-item:after,.ant-menu-vertical-right .ant-menu-item:after,.ant-menu-vertical .ant-menu-item:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
border-right: 3px solid #F79900;
transform: scaleY(.0001);
opacity: 0;
transition: transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);
content: ""
}
.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-vertical-right .ant-menu-item,.ant-menu-vertical-right .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical .ant-menu-submenu-title {
height: 40px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0 16px;
overflow: hidden;
font-size: 14px;
line-height: 40px;
text-overflow: ellipsis
}
.ant-menu-inline .ant-menu-submenu,.ant-menu-vertical-left .ant-menu-submenu,.ant-menu-vertical-right .ant-menu-submenu,.ant-menu-vertical .ant-menu-submenu {
padding-bottom: .02px
}
.ant-menu-inline .ant-menu-item:not(:last-child),.ant-menu-vertical-left .ant-menu-item:not(:last-child),.ant-menu-vertical-right .ant-menu-item:not(:last-child),.ant-menu-vertical .ant-menu-item:not(:last-child) {
margin-bottom: 8px
}
.ant-menu-inline>.ant-menu-item,.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-left>.ant-menu-item,.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-right>.ant-menu-item,.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical>.ant-menu-item,.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title {
height: 40px;
line-height: 40px
}
.ant-menu-inline {
width: 100%
}
.ant-menu-inline .ant-menu-item-selected:after,.ant-menu-inline .ant-menu-selected:after {
transform: scaleY(1);
opacity: 1;
transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)
}
.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title {
width: calc(100% + 1px)
}
.ant-menu-inline .ant-menu-submenu-title {
padding-right: 34px
}
.ant-menu-inline-collapsed {
width: 80px
}
.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title {
left: 0;
padding: 0 32px!important;
text-overflow: clip
}
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow {
display: none
}
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,.ant-menu-inline-collapsed>.ant-menu-item .anticon,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon {
margin: 0;
font-size: 16px;
line-height: 40px
}
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span,.ant-menu-inline-collapsed>.ant-menu-item .anticon+span,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span {
display: inline-block;
max-width: 0;
opacity: 0
}
.ant-menu-inline-collapsed-tooltip {
pointer-events: none
}
.ant-menu-inline-collapsed-tooltip .anticon {
display: none
}
.ant-menu-inline-collapsed-tooltip a {
color: hsla(0,0%,100%,.85)
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
padding-right: 4px;
padding-left: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.ant-menu-item-group-list {
margin: 0;
padding: 0
}
.ant-menu-item-group-list .ant-menu-item,.ant-menu-item-group-list .ant-menu-submenu-title {
padding: 0 16px 0 28px
}
.ant-menu-root.ant-menu-inline,.ant-menu-root.ant-menu-vertical,.ant-menu-root.ant-menu-vertical-left,.ant-menu-root.ant-menu-vertical-right {
box-shadow: none
}
.ant-menu-sub.ant-menu-inline {
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none
}
.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
height: 40px;
line-height: 40px;
list-style-position: inside;
list-style-type: disc
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
padding-left: 32px
}
.ant-menu-item-disabled,.ant-menu-submenu-disabled {
color: rgba(0,0,0,.25)!important;
background: none;
border-color: transparent!important;
cursor: not-allowed
}
.ant-menu-item-disabled>a,.ant-menu-submenu-disabled>a {
color: rgba(0,0,0,.25)!important;
pointer-events: none
}
.ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-submenu-disabled>.ant-menu-submenu-title {
color: rgba(0,0,0,.25)!important;
cursor: not-allowed
}
.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before {
background: rgba(0,0,0,.25)!important
}
.ant-menu-dark,.ant-menu-dark .ant-menu-sub {
color: hsla(0,0%,100%,.65);
background: #001529
}
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow {
opacity: .45;
transition: all .3s
}
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
background: #fff
}
.ant-menu-dark.ant-menu-submenu-popup {
background: transparent
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
background: #000c17;
box-shadow: inset 0 2px 8px rgba(0,0,0,.45)
}
.ant-menu-dark.ant-menu-horizontal {
border-bottom: 0
}
.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu {
top: 0;
margin-top: 0;
border-color: #001529;
border-bottom: 0
}
.ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a:before {
bottom: 0
}
.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-item-group-title,.ant-menu-dark .ant-menu-item>a {
color: hsla(0,0%,100%,.65)
}
.ant-menu-dark.ant-menu-inline,.ant-menu-dark.ant-menu-vertical,.ant-menu-dark.ant-menu-vertical-left,.ant-menu-dark.ant-menu-vertical-right {
border-right: 0
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item,.ant-menu-dark.ant-menu-vertical .ant-menu-item {
left: 0;
margin-left: 0;
border-right: 0
}
.ant-menu-dark.ant-menu-inline .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical .ant-menu-item:after {
border-right: 0
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
width: 100%
}
.ant-menu-dark .ant-menu-item-active,.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-active,.ant-menu-dark .ant-menu-submenu-open,.ant-menu-dark .ant-menu-submenu-selected,.ant-menu-dark .ant-menu-submenu-title:hover {
color: #fff;
background-color: transparent
}
.ant-menu-dark .ant-menu-item-active>a,.ant-menu-dark .ant-menu-item:hover>a,.ant-menu-dark .ant-menu-submenu-active>a,.ant-menu-dark .ant-menu-submenu-open>a,.ant-menu-dark .ant-menu-submenu-selected>a,.ant-menu-dark .ant-menu-submenu-title:hover>a {
color: #fff
}
.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow {
opacity: 1
}
.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before {
background: #fff
}
.ant-menu-dark .ant-menu-item:hover {
background-color: transparent
}
.ant-menu-dark .ant-menu-item-selected {
color: #fff;
border-right: 0
}
.ant-menu-dark .ant-menu-item-selected:after {
border-right: 0
}
.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected>a:hover {
color: #fff
}
.ant-menu-dark .ant-menu-item-selected .anticon {
color: #fff
}
.ant-menu-dark .ant-menu-item-selected .anticon+span {
color: #fff
}
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,.ant-menu.ant-menu-dark .ant-menu-item-selected {
background-color: #F79900
}
.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-item-disabled>a,.ant-menu-dark .ant-menu-submenu-disabled,.ant-menu-dark .ant-menu-submenu-disabled>a {
color: hsla(0,0%,100%,.35)!important;
opacity: .8
}
.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title {
color: hsla(0,0%,100%,.35)!important
}
.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before {
background: hsla(0,0%,100%,.35)!important
}
.ant-tooltip {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0,0,0,.65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
font-feature-settings: "tnum";
position: absolute;
z-index: 1060;
display: block;
max-width: 250px;
visibility: visible
}
.ant-tooltip-hidden {
display: none
}
.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight {
padding-bottom: 8px
}
.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop {
padding-left: 8px
}
.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight {
padding-top: 8px
}
.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop {
padding-right: 8px
}
.ant-tooltip-inner {
min-width: 30px;
min-height: 32px;
padding: 6px 8px;
color: #fff;
text-align: left;
text-decoration: none;
word-wrap: break-word;
background-color: rgba(0,0,0,.75);
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,.15)
}
.ant-tooltip-arrow {
position: absolute;
display: block;
width: 13.07106781px;
height: 13.07106781px;
overflow: hidden;
background: transparent;
pointer-events: none
}
.ant-tooltip-arrow:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 5px;
height: 5px;
margin: auto;
background-color: rgba(0,0,0,.75);
content: "";
pointer-events: auto
}
.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow {
bottom: -5.07106781px
}
.ant-tooltip-placement-top .ant-tooltip-arrow:before,.ant-tooltip-placement-topLeft .ant-tooltip-arrow:before,.ant-tooltip-placement-topRight .ant-tooltip-arrow:before {
box-shadow: 3px 3px 7px rgba(0,0,0,.07);
transform: translateY(-6.53553391px) rotate(45deg)
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%)
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
left: 13px
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
right: 13px
}
.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
left: -5.07106781px
}
.ant-tooltip-placement-right .ant-tooltip-arrow:before,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow:before,.ant-tooltip-placement-rightTop .ant-tooltip-arrow:before {
box-shadow: -3px 3px 7px rgba(0,0,0,.07);
transform: translateX(6.53553391px) rotate(45deg)
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%)
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
top: 5px
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
bottom: 5px
}
.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
right: -5.07106781px
}
.ant-tooltip-placement-left .ant-tooltip-arrow:before,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow:before,.ant-tooltip-placement-leftTop .ant-tooltip-arrow:before {
box-shadow: 3px -3px 7px rgba(0,0,0,.07);
transform: translateX(-6.53553391px) rotate(45deg)
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%)
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
top: 5px
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
bottom: 5px
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
top: -5.07106781px
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow:before,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow:before,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow:before {
box-shadow: -3px -3px 7px rgba(0,0,0,.07);
transform: translateY(6.53553391px) rotate(45deg)
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%)
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
left: 13px
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
right: 13px
}
.ant-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0,0,0,.65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
font-feature-settings: "tnum";
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
display: block
}
.ant-dropdown:before {
position: absolute;
top: -7px;
right: 0;
bottom: -7px;
left: -7px;
z-index: -9999;
opacity: .0001;
content: " "
}
.ant-dropdown-wrap {
position: relative
}
.ant-dropdown-wrap .ant-btn>.anticon-down {
display: inline-block;
font-size: 12px;
font-size: 10px\9;
transform: scale(.83333333) rotate(0deg)
}
:root .ant-dropdown-wrap .ant-btn>.anticon-down {
font-size: 12px
}
.ant-dropdown-wrap .anticon-down:before {
transition: transform .2s
}
.ant-dropdown-wrap-open .anticon-down:before {
transform: rotate(180deg)
}
.ant-dropdown-hidden,.ant-dropdown-menu-hidden {
display: none
}
.ant-dropdown-menu {
position: relative;
margin: 0;
padding: 4px 0;
text-align: left;
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 4px;
outline: none;
box-shadow: 0 2px 8px rgba(0,0,0,.15);
-webkit-transform: translateZ(0)
}
.ant-dropdown-menu-item-group-title {
padding: 5px 12px;
color: rgba(0,0,0,.45);
transition: all .3s
}
.ant-dropdown-menu-submenu-popup {
position: absolute;
z-index: 1050
}
.ant-dropdown-menu-submenu-popup>.ant-dropdown-menu {
transform-origin: 0 0
}
.ant-dropdown-menu-submenu-popup li,.ant-dropdown-menu-submenu-popup ul {
list-style: none
}
.ant-dropdown-menu-submenu-popup ul {
margin-right: .3em;
margin-left: .3em;
padding: 0
}
.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title {
clear: both;
margin: 0;
padding: 5px 12px;
color: rgba(0,0,0,.65);
font-weight: 400;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
cursor: pointer;
transition: all .3s
}
.ant-dropdown-menu-item>.anticon:first-child,.ant-dropdown-menu-item>span>.anticon:first-child,.ant-dropdown-menu-submenu-title>.anticon:first-child,.ant-dropdown-menu-submenu-title>span>.anticon:first-child {
min-width: 12px;
margin-right: 8px;
font-size: 12px
}
.ant-dropdown-menu-item>a,.ant-dropdown-menu-submenu-title>a {
display: block;
margin: -5px -12px;
padding: 5px 12px;
color: rgba(0,0,0,.65);
transition: all .3s
}
.ant-dropdown-menu-item-selected,.ant-dropdown-menu-item-selected>a,.ant-dropdown-menu-submenu-title-selected,.ant-dropdown-menu-submenu-title-selected>a {
color: #F79900;
background-color: #e6f7ff
}
.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu-title:hover {
background-color: #e6f7ff
}
.ant-dropdown-menu-item-disabled,.ant-dropdown-menu-submenu-title-disabled {
color: rgba(0,0,0,.25);
cursor: not-allowed
}
.ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu-title-disabled:hover {
color: rgba(0,0,0,.25);
background-color: #fff;
cursor: not-allowed
}
.ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu-title-divider {
height: 1px;
margin: 4px 0;
overflow: hidden;
line-height: 0;
background-color: #e8e8e8
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
position: absolute;
right: 8px
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
color: rgba(0,0,0,.45);
font-style: normal;
display: inline-block;
font-size: 12px;
font-size: 10px\9;
transform: scale(.83333333) rotate(0deg)
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
font-size: 12px
}
.ant-dropdown-menu-item-group-list {
margin: 0 8px;
padding: 0;
list-style: none
}
.ant-dropdown-menu-submenu-title {
padding-right: 26px
}
.ant-dropdown-menu-submenu-vertical {
position: relative
}
.ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu {
position: absolute;
top: 0;
left: 100%;
min-width: 100%;
margin-left: 4px;
transform-origin: 0 0
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
color: rgba(0,0,0,.25);
background-color: #fff;
cursor: not-allowed
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
color: #F79900
}
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight,.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight {
animation-name: antSlideUpIn
}
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight {
animation-name: antSlideDownIn
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
animation-name: antSlideUpOut
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
animation-name: antSlideDownOut
}
.ant-dropdown-link>.anticon.anticon-down,.ant-dropdown-trigger>.anticon.anticon-down {
display: inline-block;
font-size: 12px;
font-size: 10px\9;
transform: scale(.83333333) rotate(0deg)
}
:root .ant-dropdown-link>.anticon.anticon-down,:root .ant-dropdown-trigger>.anticon.anticon-down {
font-size: 12px
}
.ant-dropdown-button {
white-space: nowrap
}
.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child) {
padding-right: 8px;
padding-left: 8px
}
.ant-dropdown-button .anticon.anticon-down {
display: inline-block;
font-size: 12px;
font-size: 10px\9;
transform: scale(.83333333) rotate(0deg)
}
:root .ant-dropdown-button .anticon.anticon-down {
font-size: 12px
}
.ant-dropdown-menu-dark,.ant-dropdown-menu-dark .ant-dropdown-menu {
background: #001529
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title {
color: hsla(0,0%,100%,.65)
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow:after,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after {
color: hsla(0,0%,100%,.65)
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover {
color: #fff;
background: transparent
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a {
color: #fff;
background: #F79900
}
.ant-typography {
color: rgba(0,0,0,.65)
}
.ant-typography.ant-typography-secondary {
color: rgba(0,0,0,.45)
}
.ant-typography.ant-typography-warning {
color: #faad14
}
.ant-typography.ant-typography-danger {
color: #f5222d
}
.ant-typography.ant-typography-disabled {
color: rgba(0,0,0,.25);
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-typography p,div.ant-typography {
margin-bottom: 1em
}
.ant-typography h1,h1.ant-typography {
margin-bottom: .5em;
color: rgba(0,0,0,.85);
font-weight: 600;
font-size: 38px;
line-height: 1.23
}
.ant-typography h2,h2.ant-typography {
margin-bottom: .5em;
color: rgba(0,0,0,.85);
font-weight: 600;
font-size: 30px;
line-height: 1.35
}
.ant-typography h3,h3.ant-typography {
margin-bottom: .5em;
color: rgba(0,0,0,.85);
font-weight: 600;
font-size: 24px;
line-height: 1.35
}
.ant-typography h4,h4.ant-typography {
margin-bottom: .5em;
color: rgba(0,0,0,.85);
font-weight: 600;
font-size: 20px;
line-height: 1.4
}
.ant-typography+h1.ant-typography,.ant-typography+h2.ant-typography,.ant-typography+h3.ant-typography,.ant-typography+h4.ant-typography {
margin-top: 1.2em
}
.ant-typography div+h1,.ant-typography div+h2,.ant-typography div+h3,.ant-typography div+h4,.ant-typography h1+h1,.ant-typography h1+h2,.ant-typography h1+h3,.ant-typography h1+h4,.ant-typography h2+h1,.ant-typography h2+h2,.ant-typography h2+h3,.ant-typography h2+h4,.ant-typography h3+h1,.ant-typography h3+h2,.ant-typography h3+h3,.ant-typography h3+h4,.ant-typography h4+h1,.ant-typography h4+h2,.ant-typography h4+h3,.ant-typography h4+h4,.ant-typography li+h1,.ant-typography li+h2,.ant-typography li+h3,.ant-typography li+h4,.ant-typography p+h1,.ant-typography p+h2,.ant-typography p+h3,.ant-typography p+h4,.ant-typography ul+h1,.ant-typography ul+h2,.ant-typography ul+h3,.ant-typography ul+h4 {
margin-top: 1.2em
}
span.ant-typography-ellipsis {
display: inline-block
}
.ant-typography a {
color: #F79900;
text-decoration: none;
outline: none;
cursor: pointer;
transition: color .3s
}
.ant-typography a:focus,.ant-typography a:hover {
color: #40a9ff
}
.ant-typography a:active {
color: #096dd9
}
.ant-typography a:active,.ant-typography a:hover {
text-decoration: none
}
.ant-typography a[disabled] {
color: rgba(0,0,0,.25);
cursor: not-allowed;
pointer-events: none
}
.ant-typography code {
margin: 0 .2em;
padding: .2em .4em .1em;
font-size: 85%;
background: rgba(0,0,0,.06);
border: 1px solid rgba(0,0,0,.06);
border-radius: 3px
}
.ant-typography mark {
padding: 0;
background-color: #ffe58f
}
.ant-typography ins,.ant-typography u {
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto
}
.ant-typography del,.ant-typography s {
text-decoration: line-through
}
.ant-typography strong {
font-weight: 600
}
.ant-typography-copy,.ant-typography-edit,.ant-typography-expand {
color: #F79900;
text-decoration: none;
outline: none;
cursor: pointer;
transition: color .3s;
margin-left: 8px
}
.ant-typography-copy:focus,.ant-typography-copy:hover,.ant-typography-edit:focus,.ant-typography-edit:hover,.ant-typography-expand:focus,.ant-typography-expand:hover {
color: #40a9ff
}
.ant-typography-copy:active,.ant-typography-edit:active,.ant-typography-expand:active {
color: #096dd9
}
.ant-typography-copy-success,.ant-typography-copy-success:focus,.ant-typography-copy-success:hover {
color: #52c41a
}
.ant-typography-edit-content {
position: relative
}
div.ant-typography-edit-content {
left: -12px;
margin-top: -5px;
margin-bottom: calc(1em - 6px)
}
.ant-typography-edit-content-confirm {
position: absolute;
right: 10px;
bottom: 8px;
color: rgba(0,0,0,.45);
pointer-events: none
}
.ant-typography-edit-content textarea {
-moz-transition: none
}
.ant-typography ol,.ant-typography ul {
margin: 0 0 1em;
padding: 0
}
.ant-typography ol li,.ant-typography ul li {
margin: 0 0 0 20px;
padding: 0 0 0 4px
}
.ant-typography ul li {
list-style-type: circle
}
.ant-typography ul li li {
list-style-type: disc
}
.ant-typography ol li {
list-style-type: decimal
}
.ant-typography-ellipsis-single-line {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.ant-typography-ellipsis-multiple-line {
display: -webkit-box;
-webkit-line-clamp: 3;
/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;
overflow: hidden
}
.ant-input {
box-sizing: border-box;
margin: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: inline-block;
width: 100%;
height: 32px;
padding: 4px 11px;
color: rgba(0,0,0,.65);
font-size: 14px;
line-height: 1.5;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: all .3s
}
.ant-input::-moz-placeholder {
color: #bfbfbf;
opacity: 1
}
.ant-input:-ms-input-placeholder {
color: #bfbfbf
}
.ant-input::-webkit-input-placeholder {
color: #bfbfbf
}
.ant-input:placeholder-shown {
text-overflow: ellipsis
}
.ant-input:hover {
border-color: #40a9ff;
border-right-width: 1px!important
}
.ant-input:focus {
border-color: #40a9ff;
border-right-width: 1px!important;
outline: 0;
box-shadow: 0 0 0 2px rgba(24,144,255,.2)
}
.ant-input-disabled {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1
}
.ant-input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px!important
}
.ant-input[disabled] {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1
}
.ant-input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px!important
}
textarea.ant-input {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5;
vertical-align: bottom;
transition: all .3s,height 0s
}
.ant-input-lg {
height: 40px;
padding: 6px 11px;
font-size: 16px
}
.ant-input-sm {
height: 24px;
padding: 1px 7px
}
.ant-input-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0,0,0,.65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0
}
.ant-input-group[class*=col-] {
float: none;
padding-right: 0;
padding-left: 0
}
.ant-input-group>[class*=col-] {
padding-right: 8px
}
.ant-input-group>[class*=col-]:last-child {
padding-right: 0
}
.ant-input-group-addon,.ant-input-group-wrap,.ant-input-group>.ant-input {
display: table-cell
}
.ant-input-group-addon:not(:first-child):not(:last-child),.ant-input-group-wrap:not(:first-child):not(:last-child),.ant-input-group>.ant-input:not(:first-child):not(:last-child) {
border-radius: 0
}
.ant-input-group-addon,.ant-input-group-wrap {
width: 1px;
white-space: nowrap;
vertical-align: middle
}
.ant-input-group-wrap>* {
display: block!important
}
.ant-input-group .ant-input {
float: left;
width: 100%;
margin-bottom: 0;
text-align: inherit
}
.ant-input-group .ant-input:focus {
z-index: 1;
border-right-width: 1px
}
.ant-input-group .ant-input:hover {
z-index: 1;
border-right-width: 1px
}
.ant-input-group-addon {
position: relative;
padding: 0 11px;
color: rgba(0,0,0,.65);
font-weight: 400;
font-size: 14px;
text-align: center;
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: all .3s
}
.ant-input-group-addon .ant-select {
margin: -5px -11px
}
.ant-input-group-addon .ant-select .ant-select-selection {
margin: -1px;
background-color: inherit;
border: 1px solid transparent;
box-shadow: none
}
.ant-input-group-addon .ant-select-focused .ant-select-selection,.ant-input-group-addon .ant-select-open .ant-select-selection {
color: #F79900
}
.ant-input-group-addon>i:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ""
}
.ant-input-group-addon:first-child,.ant-input-group>.ant-input:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-input-group-addon:first-child .ant-select .ant-select-selection,.ant-input-group>.ant-input:first-child .ant-select .ant-select-selection {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ant-input-group-addon:first-child {
border-right: 0
}
.ant-input-group-addon:last-child {
border-left: 0
}
.ant-input-group-addon:last-child,.ant-input-group>.ant-input:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-input-group-addon:last-child .ant-select .ant-select-selection,.ant-input-group>.ant-input:last-child .ant-select .ant-select-selection {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ant-input-group-lg .ant-input,.ant-input-group-lg>.ant-input-group-addon {
height: 40px;
padding: 6px 11px;
font-size: 16px
}
.ant-input-group-sm .ant-input,.ant-input-group-sm>.ant-input-group-addon {
height: 24px;
padding: 1px 7px
}
.ant-input-group-lg .ant-select-selection--single {
height: 40px
}
.ant-input-group-sm .ant-select-selection--single {
height: 24px
}
.ant-input-group .ant-input-affix-wrapper {
display: table-cell;
float: left;
width: 100%
}
.ant-input-group.ant-input-group-compact {
display: block;
zoom:1}
.ant-input-group.ant-input-group-compact:after,.ant-input-group.ant-input-group-compact:before {
display: table;
content: ""
}
.ant-input-group.ant-input-group-compact:after {
clear: both
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child) {
border-right-width: 1px
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover {
z-index: 1
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus {
z-index: 1
}
.ant-input-group.ant-input-group-compact>* {
display: inline-block;
float: none;
vertical-align: top;
border-radius: 0
}
.ant-input-group.ant-input-group-compact>:not(:last-child) {
margin-right: -1px;
border-right-width: 1px
}
.ant-input-group.ant-input-group-compact .ant-input {
float: none
}
.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input,.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection,.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input {
border-right-width: 1px;
border-radius: 0
}
.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor:hover,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection:hover,.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input:hover {
z-index: 1
}
.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor:focus,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection:focus,.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input:focus {
z-index: 1
}
.ant-input-group.ant-input-group-compact>.ant-calendar-picker:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:first-child .ant-mention-editor,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selection,.ant-input-group.ant-input-group-compact>.ant-time-picker:first-child .ant-time-picker-input,.ant-input-group.ant-input-group-compact>:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.ant-input-group.ant-input-group-compact>.ant-calendar-picker:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:last-child .ant-mention-editor,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selection,.ant-input-group.ant-input-group-compact>.ant-time-picker:last-child .ant-time-picker-input,.ant-input-group.ant-input-group-compact>:last-child {
border-right-width: 1px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input {
vertical-align: top
}
.ant-input-group-wrapper {
display: inline-block;
width: 100%;
text-align: start;
vertical-align: top
}
.ant-input-affix-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0,0,0,.65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: inline-block;
width: 100%;
text-align: start
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
border-color: #40a9ff;
border-right-width: 1px!important
}
.ant-input-affix-wrapper .ant-input {
position: relative;
text-align: inherit
}
.ant-input-affix-wrapper .ant-input-prefix,.ant-input-affix-wrapper .ant-input-suffix {
position: absolute;
top: 50%;
z-index: 2;
display: flex;
align-items: center;
color: rgba(0,0,0,.65);
line-height: 0;
transform: translateY(-50%)
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
line-height: 1.5
}
.ant-input-affix-wrapper .ant-input-disabled~.ant-input-suffix .anticon {
color: rgba(0,0,0,.25);
cursor: not-allowed
}
.ant-input-affix-wrapper .ant-input-prefix {
left: 12px
}
.ant-input-affix-wrapper .ant-input-suffix {
right: 12px
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
padding-left: 30px
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
padding-right: 30px
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
padding-right: 49px
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
padding-right: 22px
}
.ant-input-affix-wrapper .ant-input {
min-height: 100%
}
.ant-input-password-icon {
color: rgba(0,0,0,.45);
cursor: pointer;
transition: all .3s
}
.ant-input-password-icon:hover {
color: #333
}
.ant-input-clear-icon {
color: rgba(0,0,0,.25);
font-size: 12px;
cursor: pointer;
transition: color .3s;
vertical-align: 0
}
.ant-input-clear-icon:hover {
color: rgba(0,0,0,.45)
}
.ant-input-clear-icon:active {
color: rgba(0,0,0,.65)
}
.ant-input-clear-icon+i {
margin-left: 6px
}
.ant-input-textarea-clear-icon {
color: rgba(0,0,0,.25);
font-size: 12px;
cursor: pointer;
transition: color .3s;
position: absolute;
top: 0;
right: 0;
margin: 8px 8px 0 0
}
.ant-input-textarea-clear-icon:hover {
color: rgba(0,0,0,.45)
}
.ant-input-textarea-clear-icon:active {
color: rgba(0,0,0,.65)
}
.ant-input-textarea-clear-icon+i {
margin-left: 6px
}
.ant-input-search-icon {
color: rgba(0,0,0,.45);
cursor: pointer;
transition: all .3s
}
.ant-input-search-icon:hover {
color: rgba(0,0,0,.8)
}
.ant-input-search-enter-button input {
border-right: 0
}
.ant-input-search-enter-button+.ant-input-group-addon,.ant-input-search-enter-button input+.ant-input-group-addon {
padding: 0;
border: 0
}
.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button,.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
#header {
background-color: #fff;
position: relative;
z-index: 10;
height: 64px
}
#logo {
overflow: hidden;
padding-left: 40px;
float: left;
line-height: 64px;
text-decoration: none;
height: 84px
}
#logo img {
display: inline;
vertical-align: middle;
margin-left: 25px;
height: 40px;
margin-top: 20px;
}
#logo span {
color: #F79900;
outline: none;
font-size: 14px;
line-height: 28px
}
.header-meta {
zoom:1;padding-right: 40px
}
.header-meta:after,.header-meta:before {
display: table;
content: ""
}
.header-meta:after {
clear: both
}
#menu {
float: right;
overflow: hidden;
height: 64px
}
#menu .ant-menu {
line-height: 60px
}
#menu .ant-menu-horizontal {
border-bottom: none
}
#menu .ant-menu-horizontal>.ant-menu-item {
border-top: 2px solid transparent
}
#menu .ant-menu-horizontal>.ant-menu-item:hover {
border-top: 2px solid #F79900;
border-bottom: 2px solid transparent
}
#menu .ant-menu-horizontal>.ant-menu-item-selected {
border-top: 2px solid #F79900;
border-bottom: 2px solid transparent
}
#menu .ant-menu-horizontal>.ant-menu-item-selected a {
color: #F79900
}
#preview {
padding-top: 17px;
float: right;
margin-left: 16px
}
#preview button {
border-radius: 32px
}
#preview-button .ant-btn {
color: #314659
}
body,html {
height: 100%
}
body {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
line-height: 1.5;
color: #314659;
font-size: 14px;
background: #fff;
transition: background 1s cubic-bezier(.075,.82,.165,1);
overflow-x: hidden
}
a {
transition: color .3s ease
}
a:focus {
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink
}
.home-wrapper {
width: 100%;
color: #697b8c
}
.home-wrapper .ant-btn {
min-width: 130px;
height: 45px;
line-height: 45px;
border-radius: 20px;
font-size: 16px;
border-radius: 25px;
padding: 0 35px;
}
.home-wrapper .ant-btn:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px rgba(24,144,255,.4)
}
svg g {
transform-origin: 50% 50%;
transform-box: fill-box
}
.banner-wrapper {
height: 526px;
width: 100%;
max-width: 1500px;
margin: auto;
position: relative
}
.banner-wrapper .banner-title-wrapper {
width: 40%;
max-width: 480px;
height: 245px;
position: absolute;
top: 0;
bottom: 0;
left: 8%;
margin: auto;
z-index: 1
}
.banner-wrapper .banner-title-wrapper>* {
will-change: transform
}
.banner-wrapper .banner-title-wrapper h1 {
font-family: Futura,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 48px;
white-space: pre-line;
margin: 12px 0
}
.banner-wrapper .banner-title-wrapper p {
font-size: 20px
}
.banner-wrapper .banner-title-wrapper .button-wrapper {
margin-top: 64px;
line-height: 40px;
align-items: center;
display: flex
}
.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn {
display: inline-block;
height: 28px
}
.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-btn {
height: 28px;
border-radius: 4px;
background: #f3f3f3;
background: linear-gradient(180deg,#fff 0,#f3f3f3);
border: 1px solid #ebedf0;
align-items: center;
display: flex;
padding: 0 12px;
font-size: 13px
}
.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-btn:hover {
color: #F79900
}
.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-btn .gh-ico {
margin-right: 8px
}
.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn .gh-count {
height: 28px;
line-height: 22px;
background: #fff;
border: 1px solid #ebedf0;
border-radius: 4px;
padding: 2px 8px;
font-size: 13px
}
.banner-wrapper .banner-title-wrapper .title-line {
transform: translateX(-64px);
animation: bannerTitleLine 3s ease-in-out 0s infinite
}
.banner-wrapper .banner-image-wrapper {
width: 45%;
max-width: 598px;
height: 324px;
position: absolute;
right: 8%;
margin: auto;
top: 0;
bottom: 0;
opacity: 0
}
.home-banner-image {
text-align: center;
display: none
}
.title-line-wrapper {
height: 2px;
width: 100%;
overflow: hidden
}
.title-line-wrapper .title-line {
height: 100%;
width: 64px;
transform: translateX(-64px);
background: linear-gradient(90deg,rgba(24,144,255,0) 0,#F79900)
}
.home-page {
margin: 0 auto;
padding-top: 48px
}
.home-page h2 {
text-align: center;
font-weight: 300;
font-size: 28px;
color: #314659;
letter-spacing: .6px
}
.home-page h2 span {
font-weight: 600
}
.home-page-wrapper {
max-width: 1280px;
width: 100%;
margin: auto;
position: relative
}
.page1 {
height: 764px
}
.page1-line.title-line-wrapper {
width: 312px;
margin: 24px auto 48px
}
.page1-line.title-line-wrapper .title-line {
animation: page1TitleLine 3s ease-in-out 1.5s infinite
}
.page1-bg {
font-size: 320px;
color: #ebedf0;
position: absolute;
width: 100%;
text-align: center;
opacity: .25;
top: 0;
transform: translateY(960px)
}
.page1-box-wrapper {
margin-bottom: 62px;
display: flex;
align-items: flex-start;
padding-left: 0
}
.page1-box-wrapper li {
width: 33.33%;
display: inline-block;
will-change: transform
}
.page1-box-wrapper li .page1-box {
width: 194px;
margin: auto;
text-align: center;
position: relative
}
.page1-box-wrapper li .page1-box .page1-image {
width: 80px;
height: 80px;
border-radius: 40px;
margin: 20px auto 32px;
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
transition: box-shadow .3s ease-out,transform .3s ease-out
}
.page1-box-wrapper li .page1-box:hover .page1-image {
transform: translateY(-5px)
}
.page1-box-wrapper li .page1-box h3 {
color: #0d1a26;
font-size: 16px;
margin: 8px auto
}
.page1-point-wrapper {
position: absolute;
width: 0;
left: 50%;
top: 0
}
.page1-point-wrapper .point-0 {
width: 4px;
height: 4px
}
.page1-point-wrapper .point-2,.page1-point-wrapper .point-ring {
width: 10px;
height: 10px
}
.page1-point-wrapper .point-ring {
border-style: solid;
border-width: 1px;
background: transparent!important
}
.page1-point-wrapper .point-1 {
width: 6px;
height: 6px
}
.page1-point-wrapper .point-3 {
width: 15px;
height: 15px
}
.page1-point-wrapper i {
display: inline-block;
border-radius: 100%;
position: absolute;
opacity: 0;
transform: translateY(30px)
}
.page2 {
text-align: center;
margin-top: 0;
margin-bottom: 88px
}
.page2 .page2-content {
will-change: transform
}
.page2-line {
margin: 24px auto;
width: 114px
}
.page2-line .title-line {
animation: page2TitleLine 3s ease-in-out 0s infinite
}
.pricing-box-wrapper {
margin-bottom: 62px;
display: flex;
align-items: flex-start;
padding-left: 0
}
.pricing-box-wrapper li {
width: 33.33%;
display: inline-block;
will-change: transform
}
.page-content {
width: 760px;
margin: 24px auto 32px;
line-height: 28px
}
.home-code {
width: 90%;
max-width: 840px;
border-radius: 4px;
background: #f2f4f5;
line-height: 28px;
margin: 16px auto;
color: #151e26;
font-size: 16px;
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
text-align: left;
padding: 20px 50px
}
.home-code span {
color: #f5222d
}
.home-code-comment {
color: #697b8c!important
}
@keyframes bannerTitleLine {
0%,25% {
transform: translateX(-64px)
}
75%,to {
transform: translateX(544px)
}
}
@keyframes page1TitleLine {
0%,25% {
transform: translateX(-64px)
}
75%,to {
transform: translateX(376px)
}
}
@keyframes page2TitleLine {
0%,25% {
transform: translateX(-64px)
}
75%,to {
transform: translateX(178px)
}
}
.pricing {
height: 684px
}
.pricing .shopItemCard {
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #fff;
padding-bottom: 18px;
margin-bottom: 35px;
max-width: 298px;
border: 1px solid #e8e8e8;
border-image: initial;
box-shadow: 0 10px 40px -10px rgba(0,64,128,.2)
}
.pricing .shopItemCard .cardContent {
text-align: left;
padding-top: 22px;
padding-left: 28px
}
.pricing .shopItemCard .cardBanner {
background: linear-gradient(135deg, #FFDA23, #FFBB33);
padding-top: 24px;
padding-bottom: 18px
}
.pricing .shopItemCard .cardBanner>p {
color: #333;
}
footer.dark {
background-color: #000;
color: hsla(0,0%,100%,.65)
}
footer.dark a {
color: #fff
}
footer.dark h2 {
color: #fff
}
footer.dark h2>span {
color: #fff
}
footer.dark .bottom-bar {
border-top: 1px solid hsla(0,0%,100%,.25);
overflow: hidden
}
footer {
border-top: 1px solid #e5e7eb;
clear: both;
font-size: 12px;
background: #fff;
position: relative;
z-index: 100;
color: #314659;
box-shadow: 0 1000px 0 1000px #fff
}
footer .ant-row {
text-align: center
}
footer .ant-row .footer-center {
display: inline-block;
text-align: left
}
footer .ant-row .footer-center>h2 {
font-size: 14px;
margin: 0 auto 24px;
font-weight: 500;
position: relative
}
footer .ant-row .footer-center>h2>.anticon {
font-size: 16px;
position: absolute;
left: -22px;
top: 3px;
color: #aaa
}
footer .ant-row .footer-center>div {
margin: 12px 0
}
footer .footer-wrap {
position: relative;
padding: 86px 114px 70px
}
footer .bottom-bar {
border-top: 1px solid #e5e7eb;
text-align: right;
padding: 20px 114px;
margin: 0;
line-height: 24px
}
@media only screen and (max-width: 992px) {
footer .bottom-bar {
padding:20px 4px
}
}
footer .bottom-bar a {
color: hsla(0,0%,100%,.65)
}
footer .bottom-bar a:hover {
color: #fff
}
footer .bottom-bar .translate-button {
text-align: left;
width: 200px;
height: 50px;
margin: 10px auto 0
}
footer .bottom-bar .translate-button .ant-btn {
background: transparent;
border-color: hsla(0,0%,100%,.65);
color: hsla(0,0%,100%,.65)
}
footer .bottom-bar .translate-button .ant-btn:hover {
color: #fff;
border-color: #fff
}
footer .footer-logo {
position: relative;
top: -2px
}
footer .footer-flag {
position: relative;
top: -4px;
margin-right: 8px
}
.nav-phone-icon {
display: none;
position: absolute;
right: 30px;
top: 25px;
z-index: 1;
width: 16px;
height: 22px;
cursor: pointer
}
@media only screen and (min-width: 1440px) and (max-width:1599px) {
.main-wrapper>.ant-row>.ant-col-xl-5 {
width:274px
}
#header .ant-row .ant-col-xl-5 {
width: 274px
}
}
@media only screen and (max-width: 1300px) {
#search-box {
display:none
}
}
@media only screen and (max-width: 1200px) {
#logo {
padding:0 40px
}
.banner-wrapper .banner-title-wrapper h1 {
font-size: 36px
}
.banner-wrapper .banner-title-wrapper p {
font-size: 16px
}
}
@media only screen and (max-width: 992px) {
.code-boxes-col-1-1,.code-boxes-col-2-1 {
float:none;
width: 100%
}
.preview-image-boxes {
margin: 0!important;
float: none;
width: 100%
}
.preview-image-box {
padding-left: 0;
margin: 10px 0
}
.banner-entry {
position: relative;
top: 30px;
left: 0;
text-align: center
}
.image-wrapper {
display: none
}
.banner-wrapper {
background-position: 40%
}
.content-wrapper .text-wrapper {
float: none;
text-align: center;
left: 0;
width: 100%;
padding: 0
}
.content-wrapper .text-wrapper>p {
max-width: 100%!important;
padding: 0 40px
}
.content-wrapper.page {
min-height: 300px;
height: 300px
}
.banner-text-wrapper {
left: 50%;
transform: translateX(-50%);
text-align: center
}
.banner-text-wrapper .start-button {
text-align: center
}
.banner-text-wrapper .start-button>a {
margin: 0 4px
}
.banner-text-wrapper .github-btn {
text-align: center;
float: none;
display: inline-block
}
.banner-text-wrapper .line {
display: none
}
button.lang {
display: block;
margin: 29px auto 16px;
color: #314659;
border-color: #314659
}
div.version {
display: block;
margin: 29px auto 16px
}
div.version>.ant-select-selection {
color: #314659
}
div.version>.ant-select-selection:not(:hover) {
border-color: #314659
}
.popover-menu {
width: 186px
}
.popover-menu button.lang {
margin: 16px auto;
float: none
}
.popover-menu div.version {
margin: 32px auto 16px;
float: none
}
.popover-menu .ant-popover-inner {
overflow: hidden
}
.popover-menu .ant-popover-inner-content {
padding: 0
}
.toc {
display: none
}
.nav-phone-icon {
display: block
}
.nav-phone-icon:before {
content: "";
display: block;
border-radius: 2px;
width: 16px;
height: 2px;
background: #777;
box-shadow: 0 6px 0 0 #777,0 12px 0 0 #777;
position: absolute
}
.main {
height: calc(100% - 86px)
}
.aside-container {
float: none;
width: auto;
padding-bottom: 30px;
border-right: 0;
margin-bottom: 30px
}
.main-container {
padding-left: 16px;
padding-right: 16px;
margin-right: 0
}
.main-container>.markdown>* {
width: 100%!important
}
.main-wrapper {
width: 100%;
border-radius: 0;
margin: 0
}
#footer {
text-align: center
}
#footer .footer-wrap {
padding: 40px
}
#footer .footer-center {
text-align: center
}
#footer h2 {
margin-top: 16px
}
#footer .bottom-bar {
text-align: center
}
#footer .bottom-bar .translate-button {
width: auto;
text-align: center;
margin-bottom: 16px
}
.prev-next-nav {
margin-left: 16px;
width: calc(100% - 32px)
}
.drawer .ant-menu-inline .ant-menu-item:after,.drawer .ant-menu-vertical .ant-menu-item:after {
left: 0;
right: auto
}
}
@media only screen and (max-width: 768px) {
#logo {
padding:0;
display: block;
margin-left: auto;
margin-right: auto;
float: none;
width: 200px
}
.header-meta {
padding-right: 80px
}
.home-banner-image {
display: block
}
.home-banner-anim {
display: none
}
.banner-wrapper {
width: 90%;
height: calc(100vh - 86px);
overflow: hidden
}
.banner-wrapper .banner-image-wrapper,.banner-wrapper .banner-title-wrapper {
display: block;
position: static;
width: 100%;
height: auto
}
.banner-wrapper .banner-title-wrapper {
text-align: center;
max-width: 480px
}
.banner-wrapper .banner-title-wrapper .button-wrapper {
text-align: center;
display: block;
margin-top: 5vh
}
.banner-wrapper .banner-title-wrapper .button-wrapper a {
display: inline-block
}
.banner-wrapper .banner-title-wrapper .button-wrapper .github-btn {
display: flex;
margin: 20px auto;
justify-content: center
}
.banner-wrapper .banner-image-wrapper {
margin: 10vh auto 5vh
}
.home-page {
width: 90%
}
.home-code,.page-content {
width: 100%
}
#footer .footer-wrap {
padding: 0
}
}
@media only screen and (max-width: 768px) {
.pricing {
height:1600px
}
.pricing-box-wrapper {
display: block
}
.pricing-box-wrapper li {
width: 80%;
display: block;
margin: 0 auto 100px
}
.pricing-box-wrapper li .page1-box {
width: 100%
}
}
@media only screen and (max-width: 576px) {
.page1 {
height:1864px
}
.page2 {
height: 424px
}
.page1-box-wrapper {
display: block
}
.page1-box-wrapper li {
width: 80%;
display: block;
margin: 0 auto 100px
}
.page1-box-wrapper li .page1-box {
width: 100%
}
.banner-wrapper .banner-title-wrapper h1 {
font-size: 28px;
margin-left: 12px
}
.banner-wrapper .banner-title-wrapper p {
font-size: 14px
}
}
@media only screen and (max-width: 320px) {
.home-page h2 {
font-size:24px
}
.page2 {
height: 248px
}
}