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
}
abbr[data-original-title],abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: 0;
cursor: help
}
address {
margin-bottom: 1em;
font-style: normal;
line-height: inherit
}
input[type=number],input[type=password],input[type=text],textarea {
-webkit-appearance: none
}
dl,ol,ul {
margin-top: 0;
margin-bottom: 1em
}
ol ol,ol ul,ul ol,ul ul {
margin-bottom: 0
}
dt {
font-weight: 500
}
dd {
margin-bottom: .5em;
margin-left: 0
}
blockquote {
margin: 0 0 1em
}
dfn {
font-style: italic
}
b,strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #1890ff;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
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: #1890ff
}
.clearfix {
zoom:1}
.clearfix:after,.clearfix:before {
display: table;
content: ""
}
.clearfix:after {
clear: both
}
.anticon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.anticon>* {
line-height: 1
}
.anticon svg {
display: inline-block
}
.anticon:before {
display: none
}
.anticon .anticon-icon {
display: block
}
.anticon[tabindex] {
cursor: pointer
}
.anticon-spin: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: #1890ff
}
.ant-click-animating-node,[ant-click-animating-without-extra-node=true]:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
border-radius: inherit;
box-shadow: 0 0 0 0 #1890ff;
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 #1890ff;
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
}
.rh5v-DefaultPlayer_component {
position: relative;
font-family: Helvetica;
font-size: 11px;
background-color: #000
}
.rh5v-DefaultPlayer_video {
width: 100%;
height: 100%
}
.rh5v-DefaultPlayer_controls {
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 34px;
display: flex;
background-color: rgba(0,0,0,.7);
opacity: 0;
transition: opacity .2s
}
.rh5v-DefaultPlayer_seek {
flex-grow: 1
}
.rh5v-DefaultPlayer_component:hover .rh5v-DefaultPlayer_controls {
opacity: 1
}
.rh5v-Time_component {
padding: 0 10px;
line-height: 35px;
color: #fff
}
.rh5v-Time_current {
margin-right: 5px
}
.rh5v-Time_duration {
margin-left: 5px;
color: #919191
}
.rh5v-Seek_component {
position: relative
}
.rh5v-Seek_track {
position: absolute;
top: 50%;
left: 5px;
right: 5px;
height: 4px;
transform: translateY(-50%);
background-color: #3e3e3e
}
.rh5v-Seek_buffer,.rh5v-Seek_fill,.rh5v-Seek_input {
position: absolute;
top: 0;
left: 0;
height: 100%
}
.rh5v-Seek_buffer {
background-color: #5a5a5a
}
.rh5v-Seek_fill {
background: #fff
}
.rh5v-Seek_input {
width: 100%;
opacity: 0;
cursor: pointer
}
.rh5v-Volume_component {
position: relative
}
.rh5v-Volume_component:hover {
background-color: #000
}
.rh5v-Volume_button {
width: 34px;
height: 34px;
background: none;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
cursor: pointer
}
.rh5v-Volume_button:focus {
outline: 0
}
.rh5v-Volume_icon {
padding: 7px
}
.rh5v-Volume_slider {
display: none;
position: absolute;
right: 5px;
bottom: 100%;
left: 5px;
height: 56px;
background-color: #000
}
.rh5v-Volume_component:hover .rh5v-Volume_slider {
display: block
}
.rh5v-Volume_track {
position: absolute;
top: 8px;
bottom: 8px;
left: 50%;
width: 4px;
transform: translateX(-50%);
background-color: #3e3e3e
}
.rh5v-Volume_fill,.rh5v-Volume_input {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.rh5v-Volume_fill {
background-color: #fff
}
.rh5v-Volume_input {
padding: 0;
margin: 0;
opacity: 0;
-webkit-appearance: slider-vertical;
cursor: pointer
}
.rh5v-Captions_component {
position: relative
}
.rh5v-Captions_component:hover {
background-color: #000
}
.rh5v-Captions_button {
width: 34px;
height: 34px;
background: none;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
cursor: pointer
}
.rh5v-Captions_button:focus {
outline: 0
}
.rh5v-Captions_icon {
padding: 5px
}
.rh5v-Captions_trackList {
position: absolute;
right: 0;
bottom: 100%;
display: none;
background-color: rgba(0,0,0,.7);
list-style: none;
padding: 0;
margin: 0;
color: #fff
}
.rh5v-Captions_component:hover .rh5v-Captions_trackList {
display: block
}
.rh5v-Captions_trackItem {
padding: 7px;
cursor: pointer
}
.rh5v-Captions_activeTrackItem,.rh5v-Captions_trackItem:hover {
background: #000
}
.rh5v-Captions_activeTrackItem {
text-decoration: underline
}
.rh5v-PlayPause_component:hover {
background-color: #000
}
.rh5v-PlayPause_button {
width: 34px;
height: 34px;
background: none;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
cursor: pointer
}
.rh5v-PlayPause_button:focus {
outline: 0
}
.rh5v-PlayPause_icon {
padding: 5px
}
.rh5v-Fullscreen_component:hover {
background-color: #000
}
.rh5v-Fullscreen_button {
width: 34px;
height: 34px;
background: none;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
cursor: pointer
}
.rh5v-Fullscreen_button:focus {
outline: 0
}
.rh5v-Fullscreen_icon {
padding: 5px
}
.rh5v-Overlay_component {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
text-align: center;
cursor: pointer;
background-color: transparent
}
.rh5v-Overlay_inner {
display: inline-block;
position: absolute;
top: 50%;
right: 0;
left: 50%;
width: 60px;
height: 60px;
transform: translateY(-50%);
margin-left: -30px;
background-color: rgba(0,0,0,.7);
border-radius: 10px
}
.rh5v-Overlay_icon {
position: absolute;
top: 50%;
right: 0;
left: 50%;
margin-left: -20px;
transform: translateY(-50%)
}
.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: #fff;
background-color: #1890ff;
border-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 0 rgba(0,0,0,.045)
}
.ant-btn-primary>a:only-child {
color: currentColor
}
.ant-btn-primary>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-primary:focus,.ant-btn-primary:hover {
color: #fff;
background-color: #40a9ff;
border-color: #40a9ff
}
.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child {
color: currentColor
}
.ant-btn-primary:focus>a:only-child:after,.ant-btn-primary:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-primary.active,.ant-btn-primary:active {
color: #fff;
background-color: #096dd9;
border-color: #096dd9
}
.ant-btn-primary.active>a:only-child,.ant-btn-primary:active>a:only-child {
color: currentColor
}
.ant-btn-primary.active>a:only-child:after,.ant-btn-primary:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-primary-disabled,.ant-btn-primary-disabled.active,.ant-btn-primary-disabled:active,.ant-btn-primary-disabled:focus,.ant-btn-primary-disabled:hover,.ant-btn-primary.disabled,.ant-btn-primary.disabled.active,.ant-btn-primary.disabled:active,.ant-btn-primary.disabled:focus,.ant-btn-primary.disabled:hover,.ant-btn-primary[disabled],.ant-btn-primary[disabled].active,.ant-btn-primary[disabled]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
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: #1890ff;
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: #1890ff;
background-color: transparent;
border-color: #1890ff;
text-shadow: none
}
.ant-btn-background-ghost.ant-btn-primary>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-primary:focus,.ant-btn-background-ghost.ant-btn-primary:hover {
color: #40a9ff;
background-color: transparent;
border-color: #40a9ff
}
.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-primary.active,.ant-btn-background-ghost.ant-btn-primary:active {
color: #096dd9;
background-color: transparent;
border-color: #096dd9
}
.ant-btn-background-ghost.ant-btn-primary.active>a:only-child,.ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-primary.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-primary-disabled,.ant-btn-background-ghost.ant-btn-primary-disabled.active,.ant-btn-background-ghost.ant-btn-primary-disabled:active,.ant-btn-background-ghost.ant-btn-primary-disabled:focus,.ant-btn-background-ghost.ant-btn-primary-disabled:hover,.ant-btn-background-ghost.ant-btn-primary.disabled,.ant-btn-background-ghost.ant-btn-primary.disabled.active,.ant-btn-background-ghost.ant-btn-primary.disabled:active,.ant-btn-background-ghost.ant-btn-primary.disabled:focus,.ant-btn-background-ghost.ant-btn-primary.disabled:hover,.ant-btn-background-ghost.ant-btn-primary[disabled],.ant-btn-background-ghost.ant-btn-primary[disabled].active,.ant-btn-background-ghost.ant-btn-primary[disabled]:active,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
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: #1890ff;
background-color: transparent;
border-color: transparent;
text-shadow: none;
color: #fff
}
.ant-btn-background-ghost.ant-btn-link>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-link>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-link:focus,.ant-btn-background-ghost.ant-btn-link:hover {
color: #40a9ff;
background-color: transparent;
border-color: transparent
}
.ant-btn-background-ghost.ant-btn-link:focus>a:only-child,.ant-btn-background-ghost.ant-btn-link:hover>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-link:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-link:hover>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-link.active,.ant-btn-background-ghost.ant-btn-link:active {
color: #096dd9;
background-color: transparent;
border-color: transparent
}
.ant-btn-background-ghost.ant-btn-link.active>a:only-child,.ant-btn-background-ghost.ant-btn-link:active>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-link.active>a:only-child:after,.ant-btn-background-ghost.ant-btn-link:active>a:only-child:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: ""
}
.ant-btn-background-ghost.ant-btn-link-disabled,.ant-btn-background-ghost.ant-btn-link-disabled.active,.ant-btn-background-ghost.ant-btn-link-disabled:active,.ant-btn-background-ghost.ant-btn-link-disabled:focus,.ant-btn-background-ghost.ant-btn-link-disabled:hover,.ant-btn-background-ghost.ant-btn-link.disabled,.ant-btn-background-ghost.ant-btn-link.disabled.active,.ant-btn-background-ghost.ant-btn-link.disabled:active,.ant-btn-background-ghost.ant-btn-link.disabled:focus,.ant-btn-background-ghost.ant-btn-link.disabled:hover,.ant-btn-background-ghost.ant-btn-link[disabled],.ant-btn-background-ghost.ant-btn-link[disabled].active,.ant-btn-background-ghost.ant-btn-link[disabled]:active,.ant-btn-background-ghost.ant-btn-link[disabled]:focus,.ant-btn-background-ghost.ant-btn-link[disabled]:hover {
color: rgba(0,0,0,.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
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
}
.banner-anim {
position: relative;
overflow: hidden;
min-height: 100px
}
.banner-anim-elem {
height: 100%
}
.banner-anim-elem>* {
position: relative
}
.banner-anim-elem-mask {
position: relative;
overflow: hidden;
width: 100%
}
.banner-anim-arrow {
cursor: pointer;
position: absolute;
z-index: 10
}
.banner-anim-arrow-default {
position: absolute;
width: 20px;
height: 60px;
margin-top: -30px;
top: 50%;
background: rgba(0,0,0,.3)
}
.banner-anim-arrow-default.next {
right: 0
}
.banner-anim-arrow-default.next:after,.banner-anim-arrow-default.next:before,.banner-anim-arrow-default.prev:after,.banner-anim-arrow-default.prev:before {
width: 2px;
height: 15px;
background: #fff;
display: block;
content: " ";
position: absolute
}
.banner-anim-arrow-default.next:before {
transform: rotate(-40deg);
top: 18px;
left: 10px
}
.banner-anim-arrow-default.next:after {
transform: rotate(40deg);
bottom: 17px;
left: 10px
}
.banner-anim-arrow-default.prev:before {
transform: rotate(40deg);
top: 18px;
left: 8px
}
.banner-anim-arrow-default.prev:after {
transform: rotate(-40deg);
bottom: 17px;
left: 8px
}
.banner-anim-thumb {
position: absolute;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
pointer-events: none;
z-index: 10
}
.banner-anim-thumb>span {
pointer-events: auto;
cursor: pointer;
display: inline-block;
list-style: none
}
.banner-anim-thumb-default {
height: 40px;
line-height: 40px
}
.banner-anim-thumb-default span {
width: 8px;
height: 8px;
border-radius: 8px;
margin: 0 5px;
background: hsla(0,0%,40%,.35);
transition: background .3s;
box-shadow: 0 0 3px rgba(0,0,0,.25)
}
.banner-anim-thumb-default span.active,.banner-anim-thumb-default span:active {
background: #fff
}
.ant-carousel {
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"
}
.ant-carousel .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.ant-carousel .slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden
}
.ant-carousel .slick-list:focus {
outline: none
}
.ant-carousel .slick-list.dragging {
cursor: pointer
}
.ant-carousel .slick-list .slick-slide {
pointer-events: none
}
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide input.ant-radio-input {
visibility: hidden
}
.ant-carousel .slick-list .slick-slide.slick-active {
pointer-events: auto
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input {
visibility: visible
}
.ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track {
transform: translateZ(0)
}
.ant-carousel .slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.ant-carousel .slick-track:after,.ant-carousel .slick-track:before {
display: table;
content: ""
}
.ant-carousel .slick-track:after {
clear: both
}
.slick-loading .ant-carousel .slick-track {
visibility: hidden
}
.ant-carousel .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .ant-carousel .slick-slide {
float: right
}
.ant-carousel .slick-slide img {
display: block
}
.ant-carousel .slick-slide.slick-loading img {
display: none
}
.ant-carousel .slick-slide.dragging img {
pointer-events: none
}
.ant-carousel .slick-initialized .slick-slide {
display: block
}
.ant-carousel .slick-loading .slick-slide {
visibility: hidden
}
.ant-carousel .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.ant-carousel .slick-arrow.slick-hidden {
display: none
}
.ant-carousel .slick-next,.ant-carousel .slick-prev {
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
padding: 0;
color: transparent;
font-size: 0;
line-height: 0;
background: transparent;
border: 0;
outline: none;
cursor: pointer
}
.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover {
color: transparent;
background: transparent;
outline: none
}
.ant-carousel .slick-next:focus:before,.ant-carousel .slick-next:hover:before,.ant-carousel .slick-prev:focus:before,.ant-carousel .slick-prev:hover:before {
opacity: 1
}
.ant-carousel .slick-next.slick-disabled:before,.ant-carousel .slick-prev.slick-disabled:before {
opacity: .25
}
.ant-carousel .slick-prev {
left: -25px
}
.ant-carousel .slick-prev:before {
content: "\2190"
}
.ant-carousel .slick-next {
right: -25px
}
.ant-carousel .slick-next:before {
content: "\2192"
}
.ant-carousel .slick-dots {
position: absolute;
display: block;
width: 100%;
height: 3px;
margin: 0;
padding: 0;
text-align: center;
list-style: none
}
.ant-carousel .slick-dots-bottom {
bottom: 12px
}
.ant-carousel .slick-dots-top {
top: 12px
}
.ant-carousel .slick-dots li {
position: relative;
display: inline-block;
margin: 0 2px;
padding: 0;
text-align: center;
vertical-align: top
}
.ant-carousel .slick-dots li button {
display: block;
width: 16px;
height: 3px;
padding: 0;
color: transparent;
font-size: 0;
background: #fff;
border: 0;
border-radius: 1px;
outline: none;
cursor: pointer;
opacity: .3;
transition: all .5s
}
.ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover {
opacity: .75
}
.ant-carousel .slick-dots li.slick-active button {
width: 24px;
background: #fff;
opacity: 1
}
.ant-carousel .slick-dots li.slick-active button:focus,.ant-carousel .slick-dots li.slick-active button:hover {
opacity: 1
}
.ant-carousel-vertical .slick-dots {
top: 50%;
bottom: auto;
width: 3px;
height: auto;
transform: translateY(-50%)
}
.ant-carousel-vertical .slick-dots-left {
left: 12px
}
.ant-carousel-vertical .slick-dots-right {
right: 12px
}
.ant-carousel-vertical .slick-dots li {
margin: 0 2px;
vertical-align: baseline
}
.ant-carousel-vertical .slick-dots li button {
width: 3px;
height: 16px
}
.ant-carousel-vertical .slick-dots li.slick-active button {
width: 3px;
height: 24px
}
.achor-wrapper {
height: 190px;
background-color: #2a5ce8;
border-radius: 4px 0 0 4px;
position: fixed;
right: 0;
bottom: 120px;
z-index: 19;
text-align: center;
font-size: 12px
}
.achor-wrapper ul {
padding: 0 6px;
display: flex;
flex-direction: column;
height: 100%
}
.achor-wrapper ul a {
flex: 1 1;
display: flex;
align-items: center;
border-bottom: 1px solid hsla(0,0%,100%,.5)
}
.achor-wrapper ul a:last-child {
border-bottom: none
}
.achor-wrapper ul p {
padding: 6px 0;
color: #fff
}
.achor-wrapper .contact-wrapper {
width: 200px;
height: 390px;
position: absolute;
top: -110px;
right: 68px;
z-index: 99;
background-size: contain;
border-radius: 3px;
border: 1px solid #dfe0e3;
box-shadow: 0 6px 16px 0 hsla(0,0%,87.5%,.4);
padding-top: 110px
}
.achor-wrapper .contact-wrapper .phone {
color: #fc770f;
font-size: 20px;
line-height: 25px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 18px
}
.achor-wrapper .phone-number-wrapper {
position: absolute;
top: 63px;
right: 68px;
z-index: 99;
width: 200px;
height: 64px;
text-align: center;
padding: 10px 0;
background: #fff;
box-shadow: 0 6px 16px 0 hsla(0,0%,87.5%,.4);
border-radius: 3px;
border: 1px solid #dfe0e3
}
.achor-wrapper .phone-number-wrapper p {
font-size: 12px;
font-weight: 400;
color: #717277;
line-height: 17px
}
.achor-wrapper .phone-number-wrapper h1 {
font-size: 20px;
font-weight: 500;
color: rgba #12141c;
line-height: 26px
}
.achor-wrapper .tips-wrapper {
position: absolute;
top: 0;
right: 88px;
width: 458px;
height: 189px;
padding: 22px 42px;
background: #fff;
box-shadow: 0 6px 18px 0 hsla(0,0%,87.5%,.5);
border-radius: 4px;
border: 1px solid #dfe0e3
}
.achor-wrapper .tips-wrapper img {
position: absolute;
top: 0;
left: 0
}
.achor-wrapper .tips-wrapper h1 {
position: relative;
font-size: 22px;
font-weight: 500;
color: #12141c;
line-height: 38px;
text-align: left;
margin-bottom: 14px
}
.achor-wrapper .tips-wrapper a>.ant-btn {
width: 176px!important;
color: #fc770f;
border-radius: 6px;
border-color: #fc770f
}
.achor-wrapper .tips-wrapper .achor-btn>.ant-btn {
margin-right: 20px;
color: #fff;
background: #fc770f;
box-shadow: 0 5px 12px 0 #ffc3ab;
border-radius: 6px;
border-color: #fc770f
}
.achor-wrapper .tips-wrapper .anticon-close {
position: absolute;
top: 10px;
right: 10px
}
.achor-wrapper .hideEle {
display: none
}
@media screen and (max-width: 767px) {
.achor-wrapper {
height:50px;
top: auto;
bottom: 10px;
background-color: transparent
}
.achor-wrapper ul {
padding: 10px 12px;
display: inline-block;
background-color: #2a5ce8;
border: 1px solid #2a5ce8;
height: 50px
}
.achor-wrapper ul .line {
height: 16px;
width: 1px;
background-color: #fff;
margin-right: 4px;
display: inline-block;
vertical-align: middle
}
.achor-wrapper ul a {
display: inline-block;
line-height: 25px
}
.achor-wrapper ul a:not(:nth-child(3))>li {
border: none;
margin-bottom: 0
}
.achor-wrapper ul span {
padding: 0 5px;
color: #fff;
font-size: 14px
}
.achor-wrapper ul a:last-child>li>span {
padding-right: 0
}
.achor-wrapper .packup {
display: inline-block;
padding-left: 12px;
background-color: #2a5ce8;
border-radius: 100px 0 0 100px;
line-height: 50px;
height: 100%;
width: 42px;
vertical-align: top
}
.achor-hide {
transform: translateX(270px);
transition: transform .3s cubic-bezier(.215,.61,.355,1),box-shadow .3s cubic-bezier(.215,.61,.355,1)
}
.achor-show {
transform: translateX(0);
transition: transform .3s cubic-bezier(.55,.055,.675,.19),box-shadow .3s cubic-bezier(.55,.055,.675,.19)
}
}
.header-wrapper {
position: absolute;
top: 0;
width: 100%;
z-index: 1009;
line-height: 64px
}
.header-wrapper header {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px
}
.header-wrapper header img {
height: 30px
}
.header-wrapper header span {
font-family: PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
float: right;
font-size: 24px;
color: #292b32
}
.header-wrapper-partner>header span {
color: #fff
}
@media screen and (max-width: 767px) {
.header-wrapper header span {
font-size:18px
}
}
@media screen and (max-width: 310px) {
.header-wrapper header {
padding:0 10px
}
}
@media screen and (max-width: 280px) {
.header-wrapper header span {
font-size:13px
}
.header-wrapper header img {
height: 20px
}
}
.footer-wrapper {
height: 380px
}
.footer-wrapper footer {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px
}
.footer-wrapper footer ul>a>li {
line-height: 60px;
font-weight: 500;
border-bottom: 1px solid #efefef
}
.footer-wrapper footer ul>a>li span {
font-size: 17px;
color: #717277
}
.footer-wrapper footer ul>a>li i {
float: right;
line-height: 60px;
color: #999
}
.footer-wrapper footer .beian-wrapper {
margin: 32px 0 60px
}
.footer-wrapper footer .beian-wrapper p {
font-size: 12px;
font-weight: 400;
color: #8d8e92;
line-height: 2
}
.footer-wrapper .icp {
color: inherit
}
.footer-wrapper-pc {
height: 320px
}
.footer-wrapper-pc footer {
text-align: center;
margin: 0 auto;
padding: 100px 20px
}
.footer-wrapper-pc footer ul>a>li {
display: inline-block;
margin-bottom: 24px;
border-bottom: none;
width: 122px
}
.footer-wrapper-pc footer .demo-header {
color: #8d8e92
}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
margin: 0;
padding: 0
}
ol,ul {
list-style: none
}
.banner1 {
width: 100%;
height: 704px;
position: relative;
border-color: #666;
background: #fff
}
.banner1 .banner-anim-thumb-default span.active,.banner1 .banner-anim-thumb-default span:active {
background: #fc770f
}
.banner1 .banner-anim,.banner1-wrapper {
height: 100%
}
.banner1 .queue-anim-leaving {
position: relative!important
}
.banner1 .banner-user-elem {
height: 100%;
color: #fff;
position: relative;
overflow: hidden
}
.banner1 .bg0 {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2MCIgaGVpZ2h0PSI3MDQiIHZpZXdCb3g9IjAgMCAyNTYwIDcwNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9Ijk5LjM5MiUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZERjlGNyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBpZD0icGF0aC0yIiBkPSJNMCAwaDI1NjB2NzA0SDB6Ii8+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSItNDEuOTg3JSIgeDI9IjUwJSIgeTI9IjE1MS42ODQlIiBpZD0ibGluZWFyR3JhZGllbnQtNCI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRTlEQyIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGREY5RjciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSIxNjAuODEyJSIgeTE9IjUzLjMyNSUiIHgyPSItMzI4LjE3NyUiIHkyPSI1My4zMjUlIiBpZD0ibGluZWFyR3JhZGllbnQtNSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZDRjRGMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZDRjRGMCIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjE1MS42ODQlIiB4Mj0iNTAlIiB5Mj0iMTMuMzgyJSIgaWQ9ImxpbmVhckdyYWRpZW50LTYiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkU5REMiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkRGOUY3IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iNTAuMTYxJSIgeTE9Ii0yNi4zMzclIiB4Mj0iNDkuODM5JSIgeTI9IjEyMi4zOTglIiBpZD0ibGluZWFyR3JhZGllbnQtNyI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZDRjRGMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZDRjRGMCIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjE1MS42ODQlIiB4Mj0iNTAlIiB5Mj0iMTMuMzgyJSIgaWQ9ImxpbmVhckdyYWRpZW50LTgiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkU5REMiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkRGOUY3IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJQQ+WumOe9kemmlumhtSI+PGcgaWQ9ImJhbm5lcu+8iOWKqeaCqOaPkOWNh+mUgOmHjy1QREHvvIkiPjxnIGlkPSLog4zmma8iPjxnIGlkPSJiYW5uZXIxX2JnIj48bWFzayBpZD0ibWFzay0zIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTIiLz48L21hc2s+PHVzZSBpZD0i6JKZ54mIIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiB4bGluazpocmVmPSIjcGF0aC0yIi8+PGcgaWQ9Inp6dDEiIG1hc2s9InVybCgjbWFzay0zKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU2OSAxNjcuMjkzKSI+PHBhdGggaWQ9IuefqeW9oiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIgb3BhY2l0eT0iLjczOCIgZD0iTTI0NC42MDYgMGwxMjAuMTU4IDg4LjA1VjU0NUgyNDQuNjA2eiIvPjxwYXRoIGlkPSLnn6nlvaLlpIfku70tMjciIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtNSkiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDI0NC42MDYgMCkiIGQ9Ik0wIDBsMjQ0LjYwNiA4OC4wNVY1NDVIMHoiLz48L2c+PC9nPjxnIGlkPSJ6enQyIiBtYXNrPSJ1cmwoI21hc2stMykiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5OSkiPjxwYXRoIGlkPSLnn6nlvaLlpIfku70tMTUiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtNikiIGQ9Ik00MCAwaDIwM3Y3MDRINDB6Ii8+PHBhdGggaWQ9IuefqeW9ouWkh+S7vS0xNiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC03KSIgZD0iTTAgMGg0MHY3MDRIMHoiLz48L2c+PC9nPjxwYXRoIGlkPSJ6enQzIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTgpIiBtYXNrPSJ1cmwoI21hc2stMykiIGQ9Ik02NTggMjcyLjI5M2wyMzAgOTMuNTQydjQ4NS40NThINjU4eiIvPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+)
}
.banner1 .bg1 {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2MCIgaGVpZ2h0PSI3MDUiIHZpZXdCb3g9IjAgMCAyNTYwIDcwNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9Ijk4LjUyMSUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y3RjlGRiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBpZD0icGF0aC0yIiBkPSJNMCAwaDI1NjB2NzA0SDB6Ii8+PGxpbmVhckdyYWRpZW50IHgxPSI0OC43NjklIiB5MT0iMCUiIHgyPSI0OC43NjklIiB5Mj0iMTM3LjY3NSUiIGlkPSJsaW5lYXJHcmFkaWVudC00Ij48c3RvcCBzdG9wLWNvbG9yPSIjRTdFREZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0YxRjVGRiIgc3RvcC1vcGFjaXR5PSIuNDM0IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iNDQuNTE0JSIgeTE9Ii0yNDEuMzY0JSIgeDI9IjQ0LjUxNCUiIHkyPSIxMTkuMTA2JSIgaWQ9ImxpbmVhckdyYWRpZW50LTUiPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY3RkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTdFREZGIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iNDguNjY2JSIgeTE9IjEuOTA1JSIgeDI9IjUwJSIgeTI9IjkwLjgzNyUiIGlkPSJsaW5lYXJHcmFkaWVudC02Ij48c3RvcCBzdG9wLWNvbG9yPSIjRUNGMUZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0UzRUFGRiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjU3LjcyMiUiIHkxPSIxMDAlIiB4Mj0iNTcuNzIyJSIgeTI9Ii0xODEuNTQzJSIgaWQ9ImxpbmVhckdyYWRpZW50LTciPjxzdG9wIHN0b3AtY29sb3I9IiNFQkYwRkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRUZGM0ZGIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJQQ+WumOe9kemmlumhteWkh+S7vSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSI+PGcgaWQ9ImJhbm5lcjIiPjxnIGlkPSLlm74iPjxnIGlkPSJiYW5uZXIyX2JnIj48bWFzayBpZD0ibWFzay0zIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTIiLz48L21hc2s+PHVzZSBpZD0i6JKZ54mIIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiB4bGluazpocmVmPSIjcGF0aC0yIi8+PHBhdGggZD0iTTU5Ni4xNTcgNDc4Yy00LjYyNS0xMjMuNzcgOTIuODU4LTI1OC4yMzYgMzE3Ljg0OC0yNzAuNTI1IDIyNC45OS0xMi4yODkgMjcxLjIyNCAyMTcuMTE5IDI3MS4yMjQgMjg4LjEyIDAgNzEtMTAuODgzIDI3My40MDUtMjE2Ljc1NiAyNzMuNDA1UzYwMC43OCA2MDEuNzY5IDU5Ni4xNTcgNDc4eiIgaWQ9Iui3r+W+hCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIgb3BhY2l0eT0iLjgiIG1hc2s9InVybCgjbWFzay0zKSIvPjxnIGlkPSLph5Hpop0iIG9wYWNpdHk9Ii42NzQiIG1hc2s9InVybCgjbWFzay0zKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA1MSA5NCkiPjxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC01KSIgY3g9IjQ2LjQ2NCIgY3k9IjQ2LjQ2NCIgcj0iNDYuNDY0Ii8+PGcgaWQ9Iue8lue7hC0yIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxLjQ5NyAyNi4wMzIpIj48cGF0aCBpZD0i6Lev5b6EIiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMi45MzMuNjA0bDQuNjk3IDMuODE4LTguNTc0IDEwLjU0NiA5LjkxLjAwMXY2LjA1M2wtMTAuOTc0LS4wMDF2My45MjRoMTAuOTc1VjMxSDE3Ljk5MmwuMDAxIDkuMjYySDExLjk0VjMxSC45NjZ2LTYuMDUzaDEwLjk3MlYyMS4wMmwtMTAuOTcyLjAwMVYxNC45N2w5LjkwOS0uMDAxTDIuMzA0IDQuNDIyIDcgLjYwNGw3Ljk2NSA5Ljh6Ii8+PC9nPjwvZz48L2c+PGcgaWQ9IumUgOWUriIgbWFzaz0idXJsKCNtYXNrLTMpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MjYuMDUgNTM3LjM0OCkiIGlkPSLnvJbnu4QtMTYiPjxwYXRoIGQ9Ik05Mi42NjUgMGMxNy43MDcgMCAzMi4wNiAxNC4zNTQgMzIuMDYgMzIuMDZ2NC4xNzhoMzYuMDA4YTEwIDEwIDAgMCAxIDkuOTI5IDguODA5bDE0LjYyNCAxMjEuODY4YTYgNiAwIDAgMS01Ljk1NyA2LjcxNEg2YTYgNiAwIDAgMS01Ljk1Ny02LjcxNEwxNC42NjcgNDUuMDQ3YTEwIDEwIDAgMCAxIDkuOTI5LTguODA5aDM2LjAwOVYzMi4wNkM2MC42MDUgMTQuMzU0IDc0Ljk2IDAgOTIuNjY1IDB6bTAgMTUuMjY3Yy05LjI3NCAwLTE2Ljc5MyA3LjUxOC0xNi43OTMgMTYuNzkzdjQuMTc4aDMzLjU4NlYzMi4wNmMwLTkuMjc1LTcuNTE4LTE2Ljc5My0xNi43OTMtMTYuNzkzeiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC02KSIvPjxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iI0ZCRkNGRSIgY3g9IjY0LjA2NyIgY3k9IjY4LjkwMSIgcj0iMTAuNjg3Ii8+PGNpcmNsZSBpZD0i5qSt5ZyG5b2i5aSH5Lu9LTIiIGZpbGw9IiNGQkZDRkUiIGN4PSIxMjEuMjY0IiBjeT0iNjguOTAxIiByPSIxMC42ODciLz48L2c+PC9nPjxwYXRoIGQ9Ik0xOTEzLjM2IDU3MC4yOGE3LjI4NyA3LjI4NyAwIDEgMSAwIDE0LjU3NCA3LjI4NyA3LjI4NyAwIDAgMSAwLTE0LjU3M3ptNDkuMjU1IDBhNy4yODcgNy4yODcgMCAxIDEgMCAxNC41NzQgNy4yODcgNy4yODcgMCAwIDEgMC0xNC41NzN6bS02OC40NjktNzkuN2E1LjU1MSA1LjU1MSAwIDAgMSA1LjQ5IDQuNzJsMi4wNTggMTMuNjEzIDc4LjIxNi4wMDFhNS41NTEgNS41NTEgMCAwIDEgNS40OSA2LjM3NWwtNi42NjEgNDQuNDEyYTUuNTUxIDUuNTUxIDAgMCAxLTUuNDkgNC43MjhoLTY4LjE1MWE1LjU1MSA1LjU1MSAwIDAgMS01LjQ5Mi00LjczN2wtOC42NjMtNTguNDE3YTIuNzc2IDIuNzc2IDAgMCAwLTIuNzQ2LTIuMzY4SDE4Nzl2LTguMzI4aDE1LjE0NnptNjkuNDAzLTYuMWwxNi45MDIgMTYuOTAzaC00MS42NTVsMTYuOTAyLTE2LjkwM2E1LjU1MSA1LjU1MSAwIDAgMSA3Ljg1IDB6IiBpZD0i6YeH6LStIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTcpIiBvcGFjaXR5PSIuNjc4IiBtYXNrPSJ1cmwoI21hc2stMykiLz48L2c+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==)
}
.banner1 .bg2 {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2MSIgaGVpZ2h0PSI3MDQiIHZpZXdCb3g9IjAgMCAyNTYxIDcwNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZERkNGNyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBpZD0icGF0aC0yIiBkPSJNLjQxNiAwaDI1NjB2NzA0SC40MTZ6Ii8+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iMTguNDklIiBpZD0ibGluZWFyR3JhZGllbnQtNCI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRjBDRiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkY5RTkiIHN0b3Atb3BhY2l0eT0iLjYxIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJQQ+WumOe9kemmlumhte+8iGJhbm5lcjPvvIkiPjxnIGlkPSJiYW5uZXIz6buE6ImyIj48ZyBpZD0iaVBob25lLVgiPjxnIGlkPSLnvJbnu4QtMjciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC41ODQpIiBpZD0iYmFubmVyM19iZyI+PG1hc2sgaWQ9Im1hc2stMyIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjcGF0aC0yIi8+PC9tYXNrPjx1c2UgaWQ9IuiSmeeJiCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgeGxpbms6aHJlZj0iI3BhdGgtMiIvPjxwYXRoIGQ9Ik0tMS4zNSA0MDBjNjMuOTk5LTYgNDUuNTQxIDE2MC41NjcgMTQ3LjA1MiAxNjAuNTY3UzI2Ny42MjYgMzEyIDQwMC4zMzggMzExIDUyMS44NTQgNjA3LjM3IDY5MS42NTEgNjA5LjcxMUM4NjEuNDQ3IDYxMi4wNTQgODc5LjcyOSAyMDEgMTA1NS4xOSAyMDEuOTk4IDEyMzAuNjUgMjAzIDEyMjAuNjUgNTAxLjQ1IDEzNTkuMzMgNTAyYzEzOC42OC41NSAyMTguNTY1LTE3MCA0MDUuODctMTcwczI1OC4wMzcgMjU4IDM4Ni44OCAyNTkuMTY4YzEyOC44NDQgMS4xNjggMTMxLjMyLTExMC42NTYgMjQwLjU3LTExMS45NjUgMTA5LjI1LTEuMzA5IDk1LjI1IDEyNy4xNiAxOTIgMTMyLjc5NyAzOS44NjMgNjIgMzEuMTk2IDkyLjY2Ny0yNiA5MmgtMjU2MGMtNzguNzAyLTE5NS4yODgtNzguNzAyLTI5Ni42MjEgMC0zMDR6IiBpZD0i55+p5b2iIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTQpIiBvcGFjaXR5PSIuOTYiIG1hc2s9InVybCgjbWFzay0zKSIvPjxwYXRoIGQ9Ik0tNzkuOTM1IDQxMS43NjhjNjguMzc3LTYuMDgzIDQ4LjY1NyAxNjIuODAyIDE1Ny4xMTMgMTYyLjgwMnMxMzAuMjY1LTI1Mi4wMjYgMjcyLjA1Ni0yNTMuMDRjMTQxLjc5Mi0xLjAxNCAxMjkuODMgMzAwLjQ5MyAzMTEuMjQzIDMwMi44NjkgMTgxLjQxNCAyLjM3NSAyMDAuOTQ2LTQxNC40IDM4OC40MTEtNDEzLjM4OCAxODcuNDY1IDEuMDE1IDE3Ni43ODEgMzAzLjYyIDMyNC45NDggMzA0LjE3NyAxNDguMTY4LjU1NyAyMzMuNTE5LTE3Mi4zNjYgNDMzLjYzOC0xNzIuMzY2IDIwMC4xMiAwIDI3NS42OSAyNjEuNTkxIDQxMy4zNDkgMjYyLjc3NSAxMzcuNjU5IDEuMTg1IDE0MC4zMDUtMTEyLjE5NiAyNTcuMDI5LTExMy41MjMgMTE2LjcyNC0xLjMyNyAxMDEuNzY2IDEyOC45MyAyMDUuMTM2IDEzNC42NDUgNDIuNTg5IDYyLjg2MyAzMy4zMyA5My45NTctMjcuNzggOTMuMjhILTc5LjkzNGMtODQuMDg3LTE5OC4wMDUtODQuMDg3LTMwMC43NSAwLTMwOC4yM3oiIGlkPSLnn6nlvaIiIHN0cm9rZT0iI0ZGRTVBMCIgbWFzaz0idXJsKCNtYXNrLTMpIi8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+)
}
.banner1 .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%
}
.banner1 .banner-user-elem .banner-user-title {
font-size: 22px;
top: 40%
}
.banner1 .banner-user-elem .banner-user-text {
top: 40%
}
.banner1 .banner1-text-wrapper {
display: block;
position: relative;
top: 113px;
left: 0;
right: 0;
margin: auto;
font-size: 14px;
color: #fff;
max-width: 1200px
}
.banner1 .banner1-title {
width: 350px;
left: 30px;
margin: auto;
display: inline-block;
font-size: 40px;
position: relative
}
.banner1 .banner1-content .banner-logo {
height: 570px
}
.banner1 .banner1-content .banner-title {
display: inline-block;
vertical-align: middle;
margin-top: -70px
}
.banner1 .banner1-content .banner-title .title {
font-size: 51px;
font-weight: 600;
color: #12141c;
line-height: 76px
}
.banner1 .banner1-content .banner-title .content {
font-size: 20px;
font-weight: 400;
color: #717277;
line-height: 28px;
margin: 16px 0 40px
}
.banner1 .banner1-content .banner-title .banner-btn>.ant-btn,.banner1 .banner1-content .banner-title .banner-btn>.ant-btn:focus,.banner1 .banner1-content .banner-title .banner-btn>.ant-btn:hover {
width: 176px!important;
color: #fff;
background: #fc770f;
box-shadow: 0 5px 12px 0 #ffc3ab;
border-radius: 6px;
border-color: #fc770f
}
.banner1 .banner1-content .banner-title-1 {
margin-left: -50px;
margin-top: -148px
}
.banner1 .banner1-content .banner-title-1 p:nth-child(2) {
font-size: 51px;
font-weight: 600;
color: #12141c;
line-height: 76px
}
.banner1 .banner1-content .banner-title-1 p:nth-child(3) {
font-size: 20px;
font-weight: 400;
color: #717277;
line-height: 28px;
margin: 16px 0 40px
}
.banner1 .banner1-content .jump-icon {
width: 90px;
height: 64px;
position: absolute;
animation: animatedJumpIcon 3s .2s infinite;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50%
}
.banner1 .banner1-button {
border: 1px solid #fff;
color: #fff;
background: transparent;
box-shadow: 0 0 0 transparent;
transition: background .45s cubic-bezier(.215,.61,.355,1),box-shadow .45s cubic-bezier(.215,.61,.355,1);
line-height: 36px;
font-size: 16px;
height: 36px
}
.banner1 .banner1-button span {
text-shadow: 0 0 0 transparent;
transition: text-shadow .45s cubic-bezier(.215,.61,.355,1)
}
.banner1 .banner1-button:hover {
color: #fff;
border-color: #fff;
background: hsla(0,0%,100%,.1);
box-shadow: 0 0 10px rgba(50,250,255,.75)
}
.banner1 .banner1-button:hover span {
text-shadow: 1px 1px 3px rgba(0,0,0,.35)
}
.banner1 .banner1-button.queue-anim-leaving {
width: auto
}
.banner1 .banner1-icon {
bottom: 20px;
font-size: 24px;
position: absolute;
z-index: 10;
left: 50%;
margin-left: -12px;
color: #fff
}
.banner-anim-thumb-default span {
width: 10px;
height: 10px;
border-radius: 10px;
background: hsla(0,0%,100%,.5)
}
@keyframes animatedJumpIcon {
0% {
background-size: 100%
}
50% {
background-size: 80%
}
to {
background-size: 100%
}
}
@media screen and (max-width: 767px) {
.banner1 {
height:668px
}
.banner1 .banner1-text-wrapper {
top: 10%;
width: 100%;
height: 90%
}
.banner1 .banner1-text-wrapper .banner1-content {
height: 100%;
text-align: center
}
.banner1 .banner1-text-wrapper .banner1-content .banner-logo {
width: 90%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.banner1 .banner1-text-wrapper .banner1-content .banner-logo-1 {
width: 100%
}
.banner1 .banner1-text-wrapper .banner1-content .banner-title {
height: 50%;
margin-top: 0
}
.banner1 .banner1-text-wrapper .banner1-content .banner-title p {
font-size: 16px
}
.banner1 .banner1-text-wrapper .banner1-content .banner-title .title {
font-size: 36px;
line-height: 42px
}
.banner1 .banner1-text-wrapper .banner1-content .banner-title .content {
margin: 0
}
.banner1 .banner1-text-wrapper .banner1-content .banner-title .banner-btn>.ant-btn {
margin-top: 12px;
width: 130px!important
}
.banner1 .banner1-text-wrapper .banner1-content .banner-title-1 {
margin: 0
}
.banner1 .banner-anim-arrow {
display: none
}
.banner1 .bg {
background-attachment: inherit
}
.banner1 .bg0 {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc1IiBoZWlnaHQ9IjY2OCIgdmlld0JveD0iMCAwIDM3NSA2NjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSI5OS4zOTIlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGREY5RjciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggaWQ9InBhdGgtMiIgZD0iTS4wMy0xMC41NWgzNzV2NjY3SC4wM3oiLz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjE1MS42ODQlIiB4Mj0iNTAlIiB5Mj0iLTQzLjcxMSUiIGlkPSJsaW5lYXJHcmFkaWVudC00Ij48c3RvcCBzdG9wLWNvbG9yPSIjRkZFOURDIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZERjlGNyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjE1MS42ODQlIiB4Mj0iNTAlIiB5Mj0iLjQ0MyUiIGlkPSJsaW5lYXJHcmFkaWVudC01Ij48c3RvcCBzdG9wLWNvbG9yPSIjRkZFOURDIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZERjlGNyIgc3RvcC1vcGFjaXR5PSIuNjkiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSItMTguMDU5JSIgeDI9IjQ5LjkwNSUiIHkyPSIxMjIuMzk4JSIgaWQ9ImxpbmVhckdyYWRpZW50LTYiPjxzdG9wIHN0b3AtY29sb3I9IiNGQ0Y0RjAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGQ0Y0RjAiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSItNDEuOTg3JSIgeDI9IjUwJSIgeTI9IjE1MS42ODQlIiBpZD0ibGluZWFyR3JhZGllbnQtNyI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRTlEQyIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGREY5RjciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSIxNjAuODEyJSIgeTE9IjUzLjMyNSUiIHgyPSItMzI4LjE3NyUiIHkyPSI1My4zMjUlIiBpZD0ibGluZWFyR3JhZGllbnQtOCI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZDRjRGMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZDRjRGMCIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0i56e75Yqo5a6Y572R6aaW6aG1Ij48ZyBpZD0iYmFubmVyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTEpIj48ZyBpZD0i6IOM5pmvIj48ZyBpZD0i57yW57uELTEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguOTcgLjU1KSI+PGcgaWQ9ImJhbm5lcjFfYmciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTEpIj48bWFzayBpZD0ibWFzay0zIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTIiLz48L21hc2s+PHVzZSBpZD0i6JKZ54mIIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiB4bGluazpocmVmPSIjcGF0aC0yIi8+PHBhdGggaWQ9IuefqeW9ouWkh+S7vS0yOCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIgb3BhY2l0eT0iLjQiIG1hc2s9InVybCgjbWFzay0zKSIgZD0iTS0xIDIzMS4wNDFsODYuOTk1IDM1LjM4MlY2NTYuNDVILTF6Ii8+PGcgaWQ9Iue8lue7hC0xMSIgbWFzaz0idXJsKCNtYXNrLTMpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NS4wMjMgLTguNTUpIj48cGF0aCBpZD0i55+p5b2i5aSH5Lu9LTE1IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTUpIiBkPSJNMjguOTc3IDBoMTQ3LjA2djY2NUgyOC45Nzd6Ii8+PHBhdGggaWQ9IuefqeW9ouWkh+S7vS0xNiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC02KSIgZD0iTTAgMGgyOC45Nzd2NjY1SDB6Ii8+PC9nPjwvZz48ZyBpZD0i57yW57uELTE5IiBtYXNrPSJ1cmwoI21hc2stMykiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyMS4wMyAyNDMuNDUpIj48cGF0aCBpZD0i55+p5b2iIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTcpIiBvcGFjaXR5PSIuNzM4IiBkPSJNMTEzLjI1NS40NWw1NS41NTkgNDAuNzEyVjQxM2gtNTUuNTZ6Ii8+PHBhdGggaWQ9IuefqeW9ouWkh+S7vS0yNyIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC04KSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTEzLjQwNyAwKSIgZD0iTS4xNTIuNWwxMTMuMTAzIDQwLjcxM1Y0MTMuNUguMTUyeiIvPjwvZz48L2c+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+)
}
.banner1 .bg1 {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc1IiBoZWlnaHQ9IjY2NyIgdmlld0JveD0iMCAwIDM3NSA2NjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSI5OC41MjElIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGN0Y5RkYiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggaWQ9InBhdGgtMiIgZD0iTTAgMGgzNzV2NjY3SDB6Ii8+PGxpbmVhckdyYWRpZW50IHgxPSI0OC43NjklIiB5MT0iMCUiIHgyPSI0OC43NjklIiB5Mj0iMTM3LjY3NSUiIGlkPSJsaW5lYXJHcmFkaWVudC00Ij48c3RvcCBzdG9wLWNvbG9yPSIjRTdFREZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0YxRjVGRiIgc3RvcC1vcGFjaXR5PSIuNDM0IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iNDguNjY2JSIgeTE9IjEuOTA1JSIgeDI9IjUwJSIgeTI9IjkwLjgzNyUiIGlkPSJsaW5lYXJHcmFkaWVudC01Ij48c3RvcCBzdG9wLWNvbG9yPSIjRUNGMUZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0UzRUFGRiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjQ0LjUxNCUiIHkxPSIwJSIgeDI9IjQ0LjUxNCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtNiI+PHN0b3Agc3RvcC1jb2xvcj0iI0U5RUZGRiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFOUVGRkYiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9ImJhbm5lcjIiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC0xKSIgaWQ9IuS4i+i9vS0oMTQpIj48ZyBpZD0i57yW57uELTEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguOTcgLjU1KSI+PGcgaWQ9ImJhbm5lcjFfYmdfbW9ibGllIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSguMDMgLjQ1KSIgaWQ9Im1vYmxpZV9iYW5uZXJfYmcyIj48bWFzayBpZD0ibWFzay0zIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTIiLz48L21hc2s+PHVzZSBpZD0i6JKZ54mIIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiB4bGluazpocmVmPSIjcGF0aC0yIi8+PHBhdGggZD0iTTIwLjA5IDUzMy41NTVjLTIuNjMtNzAuMzY4IDUyLjc5My0xNDYuODE3IDE4MC43MDktMTUzLjgwNEMzMjguNzE0IDM3Mi43NjQgMzU1IDUwMy4xOSAzNTUgNTQzLjU1OCAzNTUgNTgzLjkyNSAzNDguODEzIDY5OSAyMzEuNzY2IDY5OVMyMi43MTggNjAzLjkyMiAyMC4wODkgNTMzLjU1NXoiIGlkPSLot6/lvoQiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtNCkiIG9wYWNpdHk9Ii44IiBtYXNrPSJ1cmwoI21hc2stMykiLz48ZyBpZD0i57yW57uELTE2IiBtYXNrPSJ1cmwoI21hc2stMykiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjU4IDU4Mi45NTIpIj48cGF0aCBkPSJNNDkuODIgMGM5LjUyIDAgMTcuMjM3IDcuNzE3IDE3LjIzNyAxNy4yMzdsLS4wMDEgMi4yNDUgMTUuMjU4LjAwMWExMCAxMCAwIDAgMSA5LjkyOCA4LjgwOWw3LjAwMiA1OC4zNDJhNiA2IDAgMCAxLTUuOTU4IDYuNzE1SDYuMzUzYTYgNiAwIDAgMS01Ljk1Ny02LjcxNWw3LTU4LjM0MmExMCAxMCAwIDAgMSA5LjkzLTguODA5bDE1LjI1Ny0uMDAxdi0yLjI0NUMzMi41ODQgNy43MTcgNDAuMzAyIDAgNDkuODIgMHptMCA4LjIwOGE5LjAyOSA5LjAyOSAwIDAgMC05LjAyOSA5LjAyOXYyLjI0NWgxOC4wNTd2LTIuMjQ1YTkuMDI5IDkuMDI5IDAgMCAwLTkuMDI4LTkuMDN6IiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTUpIi8+PGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBmaWxsPSIjRkJGQ0ZFIiBjeD0iMzQuNDQ1IiBjeT0iMzcuMDQ0IiByPSI1Ljc0NiIvPjxjaXJjbGUgaWQ9IuakreWchuW9ouWkh+S7vS0yIiBmaWxsPSIjRkJGQ0ZFIiBjeD0iNjUuMTk1IiBjeT0iMzcuMDQ0IiByPSI1Ljc0NiIvPjwvZz48L2c+PGcgaWQ9ImZ1bmQiIG9wYWNpdHk9Ii42NzQiIG1hc2s9InVybCgjbWFzay0zKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ3LjUgMzI3LjQ4KSI+PGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTYpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGN4PSIyNC45ODEiIGN5PSIyNC45ODEiIHI9IjI0Ljk4MSIvPjxwYXRoIGlkPSLot6/lvoQiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTI5LjI2NCAxNC4zMmwyLjUyNSAyLjA1My00LjYxIDUuNjdoNS4zMjl2My4yNTVoLTUuOXYyLjExaDUuOXYzLjI1NGgtNS45djQuOThoLTMuMjU0bC0uMDAxLTQuOThoLTUuOXYtMy4yNTVoNS45di0yLjExaC01Ljl2LTMuMjU0aDUuMzI4bC00LjYwOS01LjY3IDIuNTI2LTIuMDUzIDQuMjgyIDUuMjY5eiIvPjwvZz48L2c+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+)
}
.banner1 .bg2 {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc1IiBoZWlnaHQ9IjY2NyIgdmlld0JveD0iMCAwIDM3NSA2NjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGREZDRjciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggaWQ9InBhdGgtMiIgZD0iTS4wMy40NWgzNzV2NjY3SC4wM3oiLz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIxOC40OSUiIGlkPSJsaW5lYXJHcmFkaWVudC00Ij48c3RvcCBzdG9wLWNvbG9yPSIjRkZGMENGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRjlFOSIgc3RvcC1vcGFjaXR5PSIuNjEiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9ImJhbm5lcjMiPjxnIGlkPSJiYW5uZXIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC45NyAuNTUpIiBpZD0ibW9ibGllX2Jhbm5lcjNfYmciPjxtYXNrIGlkPSJtYXNrLTMiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMiIvPjwvbWFzaz48dXNlIGlkPSLokpnniYgiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIHhsaW5rOmhyZWY9IiNwYXRoLTIiLz48cGF0aCBkPSJNLTIzOS43NSA1MjkuMTFjMzAuNTk1LTIuODY5IDIxLjc3MSA3Ni43NjMgNzAuMzAxIDc2Ljc2M1MtMTExLjE2IDQ4Ny4wMzktNDcuNzE0IDQ4Ni41NmM2My40NDYtLjQ3OCA1OC4wOTQgMTQxLjY4NiAxMzkuMjcgMTQyLjgwNiA4MS4xNzUgMS4xMiA4OS45MTUtMTk1LjM5NCAxNzMuNzk5LTE5NC45MTcgODMuODg0LjQ3OSA3OS4xMDMgMTQzLjE2IDE0NS40MDIgMTQzLjQyMyA2Ni4zLjI2MyAxMDQuNDktODEuMjczIDE5NC4wMzctODEuMjczIDg5LjU0NiAwIDEyMy4zNiAxMjMuMzQ0IDE4NC45NTggMTIzLjkwMiA2MS41OTcuNTU5IDYyLjc4LTUyLjkwMiAxMTUuMDEtNTMuNTI3IDUyLjIzLS42MjYgNDUuNTM3IDYwLjc5MiA5MS43OTEgNjMuNDg3IDE5LjA1NyAyOS42NCAxNC45MTQgNDQuMzAxLTEyLjQzIDQzLjk4M0gtMjM5Ljc1Yy0zNy42MjYtOTMuMzYzLTM3LjYyNi0xNDEuODA4IDAtMTQ1LjMzNXoiIGlkPSLnn6nlvaIiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtNCkiIG9wYWNpdHk9Ii45NiIgbWFzaz0idXJsKCNtYXNrLTMpIi8+PHBhdGggZD0iTS0yMzkuMjM0IDUzMC4xMWMzMi4yNC0yLjg2OSAyMi45NDIgNzYuNzYzIDc0LjA4IDc2Ljc2MyA1MS4xMzkgMCA2MS40MjItMTE4LjgzNCAxMjguMjc5LTExOS4zMTIgNjYuODU2LS40NzggNjEuMjE2IDE0MS42ODYgMTQ2Ljc1NSAxNDIuODA2IDg1LjUzOCAxLjEyIDk0Ljc0OC0xOTUuMzk0IDE4My4xNC0xOTQuOTE3IDg4LjM5Mi40NzkgODMuMzU1IDE0My4xNiAxNTMuMjE4IDE0My40MjMgNjkuODYyLjI2MyAxMTAuMTA2LTgxLjI3MyAyMDQuNDY1LTgxLjI3MyA5NC4zNiAwIDEyOS45OTIgMTIzLjM0NCAxOTQuOSAxMjMuOTAyIDY0LjkwNy41NTkgNjYuMTU1LTUyLjkwMiAxMjEuMTkyLTUzLjUyNyA1NS4wMzctLjYyNiA0Ny45ODQgNjAuNzkyIDk2LjcyNCA2My40ODcgMjAuMDgxIDI5LjY0IDE1LjcxNSA0NC4zMDEtMTMuMDk4IDQzLjk4M0gtMjM5LjIzNGMtMzkuNjQ4LTkzLjM2My0zOS42NDgtMTQxLjgwOCAwLTE0NS4zMzV6IiBpZD0i55+p5b2iIiBzdHJva2U9IiNGRkU1QTAiIG9wYWNpdHk9Ii43MDMiIG1hc2s9InVybCgjbWFzay0zKSIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=)
}
}
.content1-wrapper {
height: 576px;
margin: 50px 0
}
.content1-wrapper .content1 {
height: 100%;
padding: 0 24px
}
.content1-wrapper .content1-img {
height: 100%;
transform-origin: top;
padding: 0 32px;
display: flex;
align-items: center;
justify-content: center
}
.content1-wrapper .content1-img span {
display: block;
width: 576px;
height: 576px
}
.content1-wrapper .content1-img span img {
display: block
}
.content1-wrapper .content1-text {
padding: 0 32px;
height: 100%
}
.content1-wrapper .content1-text .content1-content,.content1-wrapper .content1-text .content1-title {
position: relative!important
}
.content1-wrapper .content1-text .content1-title {
margin-top: 120px
}
.content1-wrapper .content1-text .content {
margin-top: 20px
}
@media screen and (max-width: 767px) {
.content1-wrapper {
height:600px
}
.content1-wrapper .content1-img {
height: 320px;
padding: 0;
text-align: center;
margin-top: 64px
}
.content1-wrapper .content1-img span {
display: inline-block;
width: 320px;
height: 320px;
margin: auto;
position: relative
}
.content1-wrapper .content1-img span img {
margin: 0 auto
}
.content1-wrapper .content1-text {
height: auto;
margin-bottom: 20px;
text-align: center;
padding: 0
}
.content1-wrapper .content1-text .content1-content,.content1-wrapper .content1-text .content1-title {
width: 100%;
top: auto
}
.content1-wrapper .content1-text .content1-title {
margin: 32px auto 16px
}
}
.content22-wrapper {
height: 576px;
margin: 50px 0
}
.content22-wrapper .content22 {
height: 100%;
padding: 0 24px
}
.content22-wrapper .content22-img {
height: 100%;
transform-origin: top;
padding: 0;
display: flex;
align-items: center;
justify-content: center
}
.content22-wrapper .content22-img span {
display: block;
width: 576px;
height: 576px;
position: relative
}
.content22-wrapper .content22-img span img {
display: block
}
.content22-wrapper .content22-text {
padding: 0 32px;
height: 100%
}
.content22-wrapper .content22-text .content22-content,.content22-wrapper .content22-text .content22-title {
position: relative!important
}
.content22-wrapper .content22-text .content22-title {
margin-top: 120px
}
.content22-wrapper .content22-text .content22-content {
margin-top: 20px
}
@media screen and (max-width: 767px) {
.content22-wrapper {
height:600px
}
.content22-wrapper .content22-img {
height: 320px;
padding: 0;
text-align: center;
margin-top: 64px;
position: absolute;
bottom: 0;
left: 0
}
.content22-wrapper .content22-img span {
display: inline-block;
width: 320px;
height: 320px;
margin: auto;
position: relative
}
.content22-wrapper .content22-text {
height: auto;
margin-bottom: 20px;
text-align: center;
padding: 0 24px
}
.content22-wrapper .content22-text .content22-content,.content22-wrapper .content22-text .content22-title {
width: 100%;
top: auto
}
.content22-wrapper .content22-text .content22-title {
margin: 32px auto 16px
}
}
.home-content3-wrapper {
min-height: 764px
}
.home-content3-wrapper .home-content3 {
height: 100%;
overflow: hidden
}
.home-content3-wrapper .home-content3 .title-content {
text-align: center
}
.home-content3-wrapper .home-content3-block-wrapper {
position: relative
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block {
display: inline-block;
padding: 48px 24px;
vertical-align: top
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block .home-content3-icon {
width: 120px;
height: 120px;
margin: auto
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block .home-content3-text {
text-align: center;
margin: auto
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block .home-content3-text .home-content3-title {
margin: 20px 0
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block .home-content3-text .home-content3-content {
color: #717277
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block.clear-both {
clear: both
}
@media screen and (max-width: 767px) {
.home-content3-wrapper {
min-height:1080px
}
.home-content3-wrapper .home-content3 .title-wrapper {
margin: 0 auto
}
.home-content3-wrapper .home-content3 .title-wrapper .title-h1 {
font-size: 30px
}
.home-content3-wrapper .home-content3-block-wrapper {
margin: 20px auto;
height: auto
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block {
padding: 48px 0
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block .home-content3-icon {
width: 80px;
height: 80px;
display: inline-block;
margin: auto
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block .home-content3-text {
width: calc(100% - 80px);
vertical-align: middle;
padding-left: 10px;
display: inline-block;
text-align: left;
margin: auto
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block .home-content3-text .home-content3-title {
font-size: 20px;
margin: 0 0 5px
}
.home-content3-wrapper .home-content3-block-wrapper .home-content3-block.queue-anim-leaving {
position: relative!important
}
}
.feature8-wrapper {
min-height: 640px;
margin: 0 auto;
overflow: hidden;
background-color: #fefcfb
}
.feature8-wrapper.home-page-wrapper .home-page {
padding: 64px 24px
}
.feature8-title {
text-align: center;
color: #12141c;
font-size: 22px
}
.feature8-carousel {
width: calc(100% + 72px);
margin-left: -36px
}
.feature8-carousel-title {
font-size: 20px;
text-align: center
}
.feature8-carousel-title-block {
display: inline-block;
color: rgba(0,0,0,.45);
transition: color .45s;
padding: 0 40px;
position: relative;
cursor: pointer
}
.feature8-carousel-title-block.active {
color: rgba(0,0,0,.85);
cursor: auto
}
.feature8-carousel-title-block:before {
display: block;
content: "";
width: 1px;
height: 70%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background: #d8d8d8
}
.feature8-carousel-title-block:last-child:before {
display: none
}
.feature8-block {
margin-top: 48px;
text-align: center
}
.feature8-block-wrapper {
margin-top: 32px
}
.feature8-block-row {
padding: 0 36px
}
.feature8-block-col {
text-align: center;
margin: 36px 0;
position: relative
}
.feature8-block-child {
padding: 36px 0 24px;
border-radius: 6px;
height: 100%;
transition: box-shadow .45s cubic-bezier(.645,.045,.355,1),background .45s cubic-bezier(.645,.045,.355,1)
}
.feature8-block-child:hover .feature8-block-content {
opacity: 1
}
.feature8-block-image {
display: inline-block
}
.feature8-block-image img {
width: 92px
}
.feature8-block-title {
font-size: 22px;
font-weight: 400;
color: rgba(0,0,0,.85);
margin-top: 16px
}
.feature8-block-content {
opacity: 1;
font-size: 14px;
line-height: 22px;
color: rgba(0,0,0,.65);
margin-top: 36px;
text-align: left;
transition: opacity .45s cubic-bezier(.645,.045,.355,1)
}
.feature8-button {
text-align: center;
margin-top: 60px
}
.feature8-button .ant-btn {
border-radius: 6px;
border: 1px solid #fc770f;
color: #fc770f;
background-color: transparent
}
.feature8-button .ant-btn:hover {
color: #fff;
background-color: #fc770f;
background-image: linear-gradient(135deg,#f56302,#fc770f)
}
@media screen and (max-width: 767px) {
.feature8-wrapper {
padding-bottom:0;
min-height: 700px
}
.feature8-title {
font-size: 18px
}
.feature8-carousel-title {
font-size: 16px
}
.feature8-carousel-title-block {
padding: 0 8px
}
.feature8-button {
margin-top: 40px
}
}
.content13-wrapper {
background-image: url(/static/kfgy_bg@2x.3197a0f7.png);
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
height: 420px;
margin: 0 auto;
overflow: hidden
}
.content13-wrapper.home-page-wrapper .title-wrapper {
margin-bottom: 32px
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content,.content13-wrapper.home-page-wrapper .title-wrapper .title-h1 {
color: #fff
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-h1 {
padding-top: 102px
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content {
margin: 12px 0 40px
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content a:first-child>.ant-btn {
margin-right: 24px;
background-color: #fc770f;
border-color: #fc770f
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content a:first-child>.ant-btn span {
color: #fff
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content a:last-child>.ant-btn {
color: #fc770f
}
.content13-wrapper .title-content {
line-height: 32px
}
.content13-wrapper .title-content span {
font-size: 18px
}
@media screen and (max-width: 767px) {
.content13-wrapper {
padding-bottom:0;
height: 360px;
background-image: url(/static/kfgy_bg_mobile@2x.68664ded.png)
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content,.content13-wrapper.home-page-wrapper .title-wrapper .title-h1 {
color: #fff
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-h1 {
padding-top: 102px
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content {
margin: 12px 0 40px
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content a:first-child>.ant-btn {
margin-right: 24px;
background-color: #fc770f;
border-color: #fc770f
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content a:first-child>.ant-btn span {
color: #fff
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content a:last-child>.ant-btn {
color: #fc770f
}
.content13-wrapper.home-page-wrapper .title-wrapper .title-content span {
display: block
}
}
.content5-wrapper {
background-color: #fefcfb;
min-height: 720px
}
.content5-wrapper .content5>p {
text-align: center
}
.content5-wrapper .content5-img-wrapper {
margin: 0 auto;
left: 0;
right: 0
}
.content5-wrapper .content5-img-wrapper .block {
margin-bottom: 124px
}
.content5-wrapper .content5-img-wrapper .block .content5-block-content {
display: block;
border-radius: 4px;
padding: 10px;
text-align: center;
position: relative;
overflow: hidden;
border: none;
transition: box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1)
}
.content5-wrapper .content5-img-wrapper .block .content5-block-content>span {
width: 100%;
height: 160px;
display: block;
padding: 5%
}
.content5-wrapper .content5-img-wrapper .block .content5-block-content p {
width: 100%;
line-height: 30px;
color: #12141c;
font-size: 22px
}
@media screen and (max-width: 767px) {
.content5-wrapper {
overflow:hidden
}
.content5-wrapper .content5 .block {
margin-bottom: 24px
}
.content5-wrapper .content5 ul li {
display: block;
width: 100%;
padding: 2%
}
.content5-wrapper .content5 ul li span {
height: 168px
}
.content5-wrapper .content5 ul li p {
position: relative;
bottom: 0
}
.content5-wrapper .content5 .content5-block-content p {
font-size: 18px!important
}
}
.banner5 {
width: 100%;
height: 704px;
position: relative;
background-color: #fdfdfd;
background-image: url(/static/merchants_banner_bg.86159db0.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden
}
.banner5 .banner5-page {
padding: 1px 0 0
}
.banner5-title {
font-size: 48px;
line-height: 1.5;
color: #fff;
margin-bottom: 8px
}
.banner5-title-wrapper {
width: 50%;
position: relative;
top: 30%;
left: 24px;
font-family: PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}
.banner5-explain {
color: #333;
font-size: 24px;
margin-bottom: 24px
}
.banner5-content {
font-size: 20px;
color: #fee3cf;
margin-bottom: 48px
}
.banner5-button-wrapper .ant-btn-primary {
color: #fff;
border-radius: 6px;
background: transparent;
border-color: #fff;
border-width: 1.5px
}
.banner5-image {
overflow: hidden;
width: 580px;
max-width: 710px;
position: absolute;
top: 15%;
right: 24px
}
@media screen and (max-width: 767px) {
.banner5 {
height:660px;
background-image: url(/static/moblie_merchants_banner_bg.1fe573c0.svg)
}
.banner5 .banner5-page.home-page {
padding-top: 1px;
padding-bottom: 0
}
.banner5-title-wrapper {
text-align: center;
position: static;
width: 100%;
margin-top: 104px;
left: 0;
top: 0
}
.banner5-title {
font-size: 32px
}
.banner5-explain {
font-size: 18px
}
.banner5-content {
font-size: 14px
}
.banner5-image {
position: static;
width: 100%;
top: 0;
right: 0;
margin: 32px 0 24px
}
}
.content0-wrapper {
min-height: 446px;
overflow: hidden
}
.content0-wrapper .content0 {
height: 100%;
padding: 64px 24px
}
.content0-wrapper .content0>.title-wrapper {
margin: 0 auto 48px
}
.content0-wrapper .content0 .partner-footer-wrapper {
text-align: right;
color: #b5b5b5
}
.content0-wrapper .content0-block {
padding: 0;
display: inline-block;
text-align: center;
min-height: 200px;
margin-bottom: 24px
}
.content0-wrapper .content0-block img {
width: 100%
}
.content0-wrapper .content0-block-wrapper {
position: relative;
height: 100%;
top: 25%;
padding: 20px 0
}
.content0-wrapper .content0-block.queue-anim-leaving {
position: relative!important
}
.content0-wrapper .content0-block-icon {
width: 100px;
height: 100px;
margin: auto
}
.content0-wrapper .content0-block-title {
line-height: 32px;
margin: 0 auto 20px;
font-size: 22px
}
.content0-wrapper .content0-block div>p {
font-size: 16px
}
@media screen and (max-width: 767px) {
.content0-wrapper {
min-height:680px
}
}
.teams1-wrapper {
min-height: 446px;
overflow: hidden
}
.teams1-wrapper .teams1 {
overflow: hidden;
height: 100%;
padding: 64px 24px
}
.teams1-wrapper .teams1>.title-wrapper {
margin: 0 auto 48px
}
.teams1-wrapper .teams1 .block-wrapper {
position: relative;
height: 100%;
overflow: hidden;
padding: 20px 0
}
.teams1-wrapper .teams1 .block-wrapper .block {
display: inline-block;
text-align: center;
margin-bottom: 48px
}
.teams1-wrapper .teams1 .block-wrapper .block.queue-anim-leaving {
position: relative!important
}
.teams1-wrapper .teams1 .block-wrapper .teams1-button-wrapper .ant-btn-primary {
color: #fc770f;
border-radius: 6px;
background: transparent;
border-color: #fc770f;
border-width: 2px
}
.teams1-wrapper .teams1-content,.teams1-wrapper .teams1-image,.teams1-wrapper .teams1-job,.teams1-wrapper .teams1-title {
width: 330px;
margin: auto;
line-height: 1.5
}
.teams1-wrapper .teams1-image {
color: #404040;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border: 1px solid #eee;
border-bottom: none
}
.teams1-wrapper .teams1-image img {
width: 100%
}
.teams1-wrapper .teams1-title {
padding: 24px 0 8px;
border: 1px solid #eee;
border-top: none;
border-bottom: none
}
.teams1-wrapper .teams1-job {
padding: 8px 24px 30px;
border: 1px solid #eee;
border-top: none;
box-shadow: 0 6px 18px 0 hsla(0,0%,87.5%,.2);
text-align: left;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px
}
.teams1-wrapper .teams1-content,.teams1-wrapper .teams1-job {
font-size: 16px;
color: #717277
}
@media screen and (max-width: 767px) {
.teams1-wrapper {
min-height:640px
}
}
.content3-wrapper {
min-height: 764px
}
.content3-wrapper .content3 {
height: 100%;
overflow: hidden
}
.content3-wrapper .content3 .content3-title {
font-size: 22px;
margin-bottom: 16px
}
.content3-wrapper .content3 .content3-content {
color: #717277;
font-size: 16px
}
.content3-wrapper .content3-block-wrapper {
position: relative
}
.content3-wrapper .content3-block-wrapper .content3-block {
display: inline-block;
padding: 48px 24px;
vertical-align: top
}
.content3-wrapper .content3-block-wrapper .content3-block .content3-icon {
display: inline-block;
vertical-align: top
}
.content3-wrapper .content3-block-wrapper .content3-block .content3-text {
width: 70%;
display: inline-block;
padding-left: 8%
}
.content3-wrapper .content3-block-wrapper .content3-block.clear-both {
clear: both
}
@media screen and (max-width: 767px) {
.content3-wrapper {
min-height:680px
}
.content3-wrapper .content3-block-wrapper {
margin: 20px auto;
height: auto
}
.content3-wrapper .content3-block-wrapper .content3-block {
padding: 48px 0
}
.content3-wrapper .content3-block-wrapper .content3-block .content3-icon {
width: 25%
}
.content3-wrapper .content3-block-wrapper .content3-block .content3-text {
width: 75%
}
.content3-wrapper .content3-block-wrapper .content3-block .content3-title {
font-size: 20px
}
.content3-wrapper .content3-block-wrapper .content3-block.queue-anim-leaving {
position: relative!important
}
}
.feature6-wrapper {
min-height: 630px;
margin: 0 auto;
overflow: hidden;
background-image: url(/static/merchants_part4_bg_dot.1a1b0172.svg);
background-position: 50%;
background-repeat: no-repeat
}
.feature6-wrapper.home-page-wrapper .home-page {
padding: 120px 24px
}
.feature6 .feature6-bg {
animation: animatedBackground 5s linear infinite;
background-size: 100%;
background-position: 50%;
background-repeat: no-repeat;
width: 210px;
height: 140px;
margin: 0 auto
}
.feature6-title {
display: inline-block
}
.feature6-title-wrapper {
text-align: center;
margin-bottom: 48px
}
.feature6-title-text {
display: inline-block;
margin: 0 72px;
font-size: 32px;
color: rgba(0,0,0,.85);
transition: color .45s cubic-bezier(.645,.045,.355,1)
}
.feature6-title-bar {
height: 6px;
background: #fc770f;
width: 20%;
margin: auto;
display: none
}
.feature6-title-bar-wrapper {
position: relative;
margin-top: 8px;
transition: left .45s cubic-bezier(.645,.045,.355,1)
}
.feature6-number,.feature6-text {
text-align: center
}
.feature6-number {
font-size: 48px;
color: #fc770f;
font-weight: 600
}
.feature6-number-wrapper {
text-align: center
}
.feature6-text {
font-size: 18px;
color: #717277
}
.feature6-unit {
font-size: 16px;
color: #fc770f
}
.feature6 .ant-carousel .slick-dots-bottom {
bottom: -24px
}
.feature6 .ant-carousel .slick-dots li button {
background: rgba(252,119,15,.3)
}
.feature6 .ant-carousel .slick-dots li.slick-active button {
background: #fc770f
}
.feature6 .feature6-footer-wrapper {
text-align: center;
margin-top: 60px
}
.feature6 .feature6-footer-wrapper a:first-child>.ant-btn {
margin-right: 24px;
background-color: #fc770f;
border-color: #fc770f
}
.feature6 .feature6-footer-wrapper a:first-child>.ant-btn span {
color: #fff
}
.feature6 .feature6-footer-wrapper a:last-child>.ant-btn {
color: #fc770f;
border-color: #fc770f;
border-width: 2px
}
.feature6 .feature6-footer-wrapper a:last-child>.ant-btn:hover {
border-color: #fc770f
}
@keyframes animatedBackground {
0% {
background-size: 100%
}
50% {
background-size: 50%
}
to {
background-size: 100%
}
}
@media screen and (max-width: 767px) {
.feature6-wrapper {
padding-bottom:0;
min-height: 480px;
background-image: url(/static/moblie_merchants_part4_bg_dot.964087af.svg)
}
.feature6-wrapper.home-page-wrapper .home-page {
padding: 56px 24px 64px
}
.feature6-wrapper .feature6-footer-wrapper {
margin-top: 20px
}
.feature6-title-text {
font-size: 32px;
color: rgba(0,0,0,.85);
margin: 0
}
.feature6-title-bar {
display: none
}
.feature6-number-wrapper {
margin-bottom: 16px
}
}
.home-page-wrapper {
width: 100%;
position: relative;
overflow: hidden
}
.home-page-wrapper .home-page {
height: 100%;
max-width: 1200px;
position: relative;
margin: auto;
will-change: transform
}
.home-page-wrapper .title-wrapper {
margin: 0 auto 64px;
text-align: center
}
.home-page {
padding: 128px 24px
}
@media screen and (max-width: 767px) {
.home-page-wrapper .home-page {
padding:56px 22px
}
.home-page-wrapper .home-page>h1 {
margin: 0 auto 32px
}
.home-page-wrapper .home-page>h1.title-h1 {
margin-bottom: 8px
}
.home-page-wrapper .home-page>p {
margin-bottom: 32px
}
}
.content2-wrapper {
height: 576px
}
.content2-wrapper .content2 {
height: 100%;
padding: 0 24px
}
.content2-wrapper .content2-img {
height: 120%;
transform-origin: top;
padding: 0 32px;
display: flex;
align-items: center;
justify-content: center
}
.content2-wrapper .content2-img span {
display: block;
width: 576px
}
.content2-wrapper .content2-img span img {
display: block
}
.content2-wrapper .content2-text {
padding: 0 32px;
height: 100%
}
.content2-wrapper .content2-text .content2-content,.content2-wrapper .content2-text .content2-title {
position: relative!important
}
.content2-wrapper .content2-text .content2-title {
margin-top: 90px
}
.content2-wrapper .content2-text .content2-content {
margin-top: 50px;
color: #717277;
font-size: 16px
}
@media screen and (max-width: 767px) {
.content2-wrapper {
height:866px
}
.content2-wrapper .content2-img {
height: 376px;
padding: 0;
text-align: center;
margin-top: 0
}
.content2-wrapper .content2-img span {
display: inline-block;
width: 376px;
margin: 0 auto auto
}
.content2-wrapper .content2-text {
height: auto;
margin-bottom: 20px;
text-align: center;
padding: 0
}
.content2-wrapper .content2-text .content2-content,.content2-wrapper .content2-text .content2-title {
width: 100%;
top: auto
}
.content2-wrapper .content2-text .content2-title {
margin: 0 auto 16px;
font-size: 30px;
font-weight: 600;
color: #12141c
}
}
.content9-wrapper {
padding-bottom: 64px;
background-image: url(/static/aboutus_course_bg.086a90fb.svg);
background-position: 50%;
background-size: cover;
background-repeat: no-repeat
}
.content9-wrapper.home-page-wrapper {
overflow: initial
}
.content9-wrapper .content9 {
min-height: 800px;
padding: 64px 0 0
}
.content9-wrapper .title-content {
font-size: 22px;
color: #12141c;
margin-top: 20px
}
.content9-wrapper .timeline {
position: relative
}
.content9-wrapper .timeline:before {
display: block;
content: "";
position: absolute;
left: 50%;
top: 0;
width: 0;
height: calc(100% - 108px);
margin: 34px 0;
border-left: 2px dashed #ebedf0
}
.content9-wrapper .block-wrapper {
color: rgba(0,0,0,.85);
display: flex;
position: relative;
margin-bottom: 70px;
min-height: 160px
}
.content9-wrapper .block-wrapper:last-child {
margin-bottom: 0
}
.content9-wrapper .block-wrapper:nth-child(odd) .text-wrapper {
margin-left: -40px;
text-align: right
}
.content9-wrapper .block-wrapper:nth-child(odd) .text-wrapper .block-content {
width: 100%
}
.content9-wrapper .block-wrapper:nth-child(odd) .text-wrapper .block-icon {
right: -696px
}
.content9-wrapper .block-wrapper:nth-child(2n) .text-wrapper {
margin-left: 600px
}
.content9-wrapper .image-wrapper,.content9-wrapper .text-wrapper {
width: 50%
}
.content9-wrapper .image-wrapper {
text-align: center
}
.content9-wrapper .image-wrapper .block-img,.content9-wrapper .image-wrapper .name-wrapper {
float: right;
clear: both;
width: 262px;
margin: auto
}
.content9-wrapper .image-wrapper .block-img {
height: 98px
}
.content9-wrapper .image-wrapper .block-img img {
height: 100%
}
.content9-wrapper .image-wrapper .name-wrapper {
margin: 16px 0 0
}
.content9-wrapper .image-wrapper .name-wrapper .block-name {
font-size: 14px;
margin-bottom: 4px
}
.content9-wrapper .image-wrapper .name-wrapper .block-post {
font-size: 12px;
color: #697b8c
}
.content9-wrapper .text-wrapper {
padding-left: 40px
}
.content9-wrapper .text-wrapper .block-time {
font-size: 12px;
color: #697b8c;
line-height: 18px;
min-height: 18px
}
.content9-wrapper .text-wrapper .block-title {
margin: 8px 0 12px;
font-size: 30px;
position: relative;
min-height: 18px
}
.content9-wrapper .text-wrapper .block-icon {
position: absolute;
left: -40px;
transform: translateX(calc(-50% + 1px))
}
.content9-wrapper .text-wrapper .block-content {
width: 300px;
color: #717277;
font-size: 16px;
min-height: 18px
}
@media screen and (max-width: 767px) {
.content9-wrapper {
background-image:url(/static/aboutus_course_bg.086a90fb.svg);
padding-bottom: 0
}
.content9-wrapper .content9 {
padding: 64px 24px
}
.content9-wrapper .title-content {
font-size: 16px;
color: #666
}
.content9-wrapper .timeline:before {
left: 0;
height: 100%;
margin: 0
}
.content9-wrapper .block-wrapper {
display: block;
min-height: 100px;
margin-bottom: 54px
}
.content9-wrapper .block-wrapper:nth-child(2n) .text-wrapper {
margin-left: 0
}
.content9-wrapper .block-wrapper:nth-child(odd) .text-wrapper {
margin-left: 0;
text-align: left
}
.content9-wrapper .block-wrapper:nth-child(odd) .text-wrapper .block-content {
width: 300px
}
.content9-wrapper .block-wrapper:nth-child(odd) .text-wrapper .block-icon {
right: 0;
position: absolute;
left: -48px;
transform: translate(0)
}
.content9-wrapper .block-wrapper .text-wrapper {
margin-left: 0
}
.content9-wrapper .block-wrapper .text-wrapper .block-title {
font-size: 22px;
font-weight: 700
}
.content9-wrapper .block-wrapper .block-content {
font-size: 13px
}
.content9-wrapper .image-wrapper,.content9-wrapper .text-wrapper {
width: 100%
}
}
.feature7-wrapper {
min-height: 564px;
margin: 0 auto;
overflow: hidden
}
.feature7-wrapper.home-page-wrapper .home-page {
padding: 64px 20px
}
.feature7-title-wrapper {
text-align: center;
margin-bottom: 40px
}
.feature7-title-h1 {
font-size: 32px;
color: rgba(0,0,0,.85)
}
.feature7-title-content {
margin-top: 16px
}
.feature7-block {
margin-top: 28px
}
.feature7-block-group {
position: relative;
display: block;
padding: 28px 24px;
box-shadow: 0 6px 18px 0 hsla(0,0%,87.5%,.2);
transition: box-shadow .45s cubic-bezier(.645,.045,.355,1),transform .45s cubic-bezier(.645,.045,.355,1);
border: 1px solid #dfe0e3;
border-radius: 4px
}
.feature7-block-group:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0,0,0,.08)
}
.feature7-block-image {
float: left;
width: 24px
}
.feature7-block-title {
font-size: 22px;
float: left;
margin-bottom: 16px;
color: rgba(0,0,0,.85)
}
.feature7-block-content {
font-size: 16px;
clear: both;
color: #717277
}
.feature7-block .ant-btn {
width: 180px!important
}
.feature7-button-wrapper {
position: absolute;
right: 12px;
top: 30px
}
.feature7-button-wrapper .ant-btn-primary {
color: #fc770f;
background-color: transparent;
border-color: #fc770f
}
@media screen and (max-width: 767px) {
.feature7.home-page-wrapper .home-page {
padding:56px 22px
}
.feature7-block:nth-child(2) .feature7-button-wrapper {
top: 40px
}
.feature7-block-group {
padding: 20px 14px
}
.feature7-block-content {
width: 178px;
font-size: 13px
}
.feature7-block-title {
font-size: 18px
}
.feature7-button-wrapper .ant-btn-primary {
width: 126px!important
}
}
.page3 .page .banner-anim {
height: 800px
}
.page3 .page .banner-anim .rh5v-DefaultPlayer_component {
text-align: center;
background-image: url(/static/aboutus_video_bg.39966103.svg);
background-repeat: no-repeat;
background-color: #fff;
margin-top: 60px
}
.page3 .page .banner-anim .rh5v-DefaultPlayer_controls {
max-width: 1200px;
margin: 0 auto
}
.page3 .page .banner-anim video {
height: 740px;
max-width: 1200px
}
.page3 .page .banner-anim .rh5v-Fullscreen_icon,.page3 .page .banner-anim .rh5v-Volume_icon {
padding: 0
}
@media screen and (max-width: 767px) {
.page3 .page .banner-anim {
height:440px;
background-image: url(/static/moblie_aboutus_video_bg.396ee762.svg);
background-repeat: no-repeat
}
.page3 .page .banner-anim .rh5v-DefaultPlayer_component {
text-align: center;
background-color: #fff;
margin-top: 140px
}
.page3 .page .banner-anim video {
height: auto
}
.page3 .page .banner-anim .rh5v-Fullscreen_icon,.page3 .page .banner-anim .rh5v-Volume_icon {
padding: 0
}
}
body {
word-wrap: break-word
}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,ul {
margin: 0;
padding: 0
}
.video {
max-width: 800px
}
#react-content {
min-height: 100%
}
.home-page-wrapper p {
padding: 0;
margin: 0
}
.register-content2-wrapper {
height: 580px
}
.register-content2-wrapper .register-content2 {
height: 100%;
padding: 0 24px
}
.register-content2-wrapper .register-content2-img {
height: 50%;
transform-origin: top;
padding: 0 32px;
display: flex;
align-items: center;
justify-content: center
}
.register-content2-wrapper .register-content2-img span {
display: block;
width: 560px;
height: 342px;
position: relative
}
.register-content2-wrapper .register-content2-img span img {
display: block
}
.register-content2-wrapper .register-content2-text {
padding: 128px 0 0;
height: 50%;
text-align: center
}
.register-content2-wrapper .register-content2-text .register-content2-content,.register-content2-wrapper .register-content2-text .register-content2-title {
position: relative!important
}
.register-content2-wrapper .register-content2-text .register-content2-title {
font-size: 32px;
font-weight: 400;
color: #404040;
margin-top: 120px
}
.register-content2-wrapper .register-content2-text .register-content2-content {
font-size: 20px;
color: #717277;
margin-top: 16px
}
.register-feature8-wrapper {
height: 500px;
margin: 0 auto;
overflow: hidden;
background-color: #fefcfb
}
.register-feature8-wrapper.home-page-wrapper .home-page {
padding: 64px 24px
}
.register-feature8-title-wrapper {
text-align: center;
margin-bottom: 0
}
.register-feature8-title-h1 {
font-size: 32px;
color: rgba(0,0,0,.85)
}
.register-feature8-title-content {
margin-top: 16px
}
.register-feature8-carousel {
width: calc(100% + 72px);
margin-left: -36px
}
.register-feature8-carousel-title {
font-size: 20px;
text-align: center
}
.register-feature8-carousel-title-block {
display: inline-block;
color: rgba(0,0,0,.45);
transition: color .45s;
padding: 0 40px;
position: relative;
cursor: pointer
}
.register-feature8-block {
margin-top: 0
}
.register-feature8-block-wrapper {
margin-top: 32px
}
.register-feature8-block-row {
padding: 0 36px
}
.register-feature8-block-col {
text-align: center;
margin: 36px 0;
position: relative
}
.register-feature8-block-col .register-feature8-block-title {
color: #12141c;
font-size: 22px
}
.register-feature8-block-col .register-feature8-block-content {
color: #717277;
font-size: 16px
}
.register-feature8-block-col:first-child {
text-align: right
}
.register-feature8-block-col:first-child .register-feature8-block-title {
margin-right: 16px
}
.register-feature8-block-col:first-child .register-feature8-block-content {
margin-right: 50px;
text-align: right
}
.register-feature8-block-col:last-child {
text-align: left
}
.register-feature8-block-col:last-child .register-feature8-block-title {
margin-left: 16px
}
.register-feature8-block-col:last-child .register-feature8-block-content {
margin-left: 50px
}
.register-feature8-block-col .register-feature8-block-content1,.register-feature8-block-col .register-feature8-block-content2 {
display: none
}
.register-feature8-block-child {
padding: 36px 24px 24px;
border-radius: 6px;
height: 100%;
transition: box-shadow .45s cubic-bezier(.645,.045,.355,1),background .45s cubic-bezier(.645,.045,.355,1)
}
.register-feature8-block-child:hover .register-feature8-block-content {
opacity: 1
}
.register-feature8-block-image {
display: inline-block
}
.register-feature8-block-image .downloadApp {
width: 170px;
height: 170px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%
}
.register-feature8-block-image .android {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwIiBoZWlnaHQ9IjE3MCIgdmlld0JveD0iMCAwIDE3MCAxNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxjaXJjbGUgaWQ9InBhdGgtMSIgY3g9Ijc1IiBjeT0iNzUiIHI9Ijc1Ii8+PGZpbHRlciB4PSItMTEuNyUiIHk9Ii04LjMlIiB3aWR0aD0iMTIzLjMlIiBoZWlnaHQ9IjEyMy4zJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPjxmZU9mZnNldCBkeT0iNSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjk2NzgxNTg5NyAwIDAgMCAwIDAuOTAzNTYzNjM3IDAgMCAwIDAgMC44NjY4NDgwNjEgMCAwIDAgMSAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjwvZGVmcz48ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJQQ+WumOe9kV/ms6jlhozpobXpnaIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzYwIC04NDIpIj48ZyBpZD0i57yW57uELTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNjAgODQyKSI+PGcgaWQ9InRyeW91dF9pY29uX2FuZHJvaWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDUpIj48ZyBpZD0i5qSt5ZyG5b2i5aSH5Lu9Ij48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L2c+PGcgaWQ9IuWuieWNkyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTIgNTApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik00Mi4xMDYgMTUuODI3Yy0xLjczMyAwLTMuMTY5IDEuMzcyLTMuMTY5IDMuMDM4VjMwLjY4YzAgMS42NjYgMS4zODcgMy4wMzkgMy4xNjkgMy4wMzkgMS43MzEgMCAzLjE2Ny0xLjM3MyAzLjE2Ny0zLjA0VjE4Ljg2NWMtLjA1LTEuNjY2LTEuNDM2LTMuMDM4LTMuMTY3LTMuMDM4di0uMDAxek0zLjg5NCAxNS44MjdjLTEuNzMgMC0zLjE2NyAxLjM3Mi0zLjE2NyAzLjAzN1YzMC42OGMwIDEuNjY2IDEuMzg2IDMuMDM5IDMuMTY3IDMuMDM5IDEuNzgyIDAgMy4xNjktMS4zNzMgMy4xNjktMy4wNFYxOC44NjVjMC0xLjY2Ni0xLjM4Ny0zLjAzOC0zLjE2OS0zLjAzOHYtLjAwMXpNOC45OTMgMTUuOTI1VjM3LjU0YzAgMS4yNzQgMS4wODkgMi4zNTIgMi40NzQgMi4zNTJoMi44MjJ2Ni41NjhjMCAxLjY2NyAxLjM4NSAzLjAzOSAzLjE2NyAzLjAzOSAxLjczMyAwIDMuMTY5LTEuMzcyIDMuMTY5LTMuMDR2LTYuNTY3aDQuOTQ5djYuNTY4YzAgMS42NjcgMS4zODYgMy4wMzkgMy4xNjggMy4wMzkgMS43MyAwIDMuMTY3LTEuMzcyIDMuMTY3LTMuMDR2LTYuNTY3aDIuODJjMS4zODcgMCAyLjQ3Ny0xLjAzIDIuNDc3LTIuMzUyVjE1LjkyNEg4Ljk5M3oiIGlkPSLot6/lvoQiIGZpbGw9IiNGQzc3MEYiLz48cGF0aCBkPSJNMTQuNDMzLjY1NmwuMDU0LjA3NCAyLjY3MyAzLjY3NWMxLjc4Mi0uNjg2IDMuNzYtMS4wMjkgNS44NC0xLjAyOSAxLjgyNS4wMDYgMy42MzcuMjk5IDUuMzcuODY4bC40Ny4xNjFMMzEuNTEzLjczYy4xNDktLjE5Ni40NDUtLjI5NC42NDMtLjE0Ny4yMi4wODcuMjQ1LjMzLjE3OC41NTRsLS4wMjguMDgzLTIuNjI0IDMuNTNjNC4wNSAxLjc2NyA2Ljg4MSA1LjA2OSA3LjQzNiA4Ljk1NmwuMDM5LjMwOEg4Ljk5M2MuMzM4LTMuOTE5IDMuMTIzLTcuMjc5IDcuMDY4LTkuMTI0bC4zMDYtLjE0LTIuNjI0LTMuNTNhLjQ2Mi40NjIgMCAwIDEgLjEtLjYzNy40MzcuNDM3IDAgMCAxIC41OS4wNzR6bTIuNjI4IDYuNzRjLS44NDIgMC0xLjUzNS42MzctMS41MzUgMS40NyAwIC44MzQuNjQ0IDEuNDcgMS41MzUgMS40Ny44NCAwIDEuNTMzLS42MzYgMS41MzMtMS40NyAwLS44MzMtLjY0Mi0xLjQ3LTEuNTMzLTEuNDd6bTEyLjA3NiAwYy0uODQgMC0xLjUzNC42MzctMS41MzQgMS40NyAwIC44MzQuNjQzIDEuNDcgMS41MzQgMS40Ny44NDIgMCAxLjUzNS0uNjM2IDEuNTM1LTEuNDcgMC0uODMzLS42NDQtMS40Ny0xLjUzNS0xLjQ3eiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzQwNzFGOSIvPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+)
}
.register-feature8-block-image .android:hover {
background-image: url(/static/qrcode.8c8b765c.png)
}
.register-feature8-block-image .ios {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwIiBoZWlnaHQ9IjE3MCIgdmlld0JveD0iMCAwIDE3MCAxNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxjaXJjbGUgaWQ9InBhdGgtMSIgY3g9Ijc1IiBjeT0iNzUiIHI9Ijc1Ii8+PGZpbHRlciB4PSItMTEuNyUiIHk9Ii04LjMlIiB3aWR0aD0iMTIzLjMlIiBoZWlnaHQ9IjEyMy4zJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPjxmZU9mZnNldCBkeT0iNSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjk2NzgxNTg5NyAwIDAgMCAwIDAuOTAzNTYzNjM3IDAgMCAwIDAgMC44NjY4NDgwNjEgMCAwIDAgMSAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjwvZGVmcz48ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJQQ+WumOe9kV/ms6jlhozpobXpnaIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDMwIC04NDIpIj48ZyBpZD0i57yW57uEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDMwIDg0MikiPjxnIGlkPSJ0cnlvdXRfaWNvbl9pb3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDUpIj48ZyBpZD0i5qSt5ZyG5b2iIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L2c+PGcgaWQ9IuiLueaenCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQgNTApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0zNS4wNzggMjYuNTQ1Yy4wNzEgNy40NCA2Ljg0MyA5LjkxNSA2LjkyMiA5Ljk1LS4wNjIuMTctMS4wODUgMy41MjktMy41NzMgNi45OTktMi4xNSAyLjk5OC00LjM3OCA1Ljk4LTcuODkyIDYuMDQxLTMuNDU3LjA2Mi00LjU2NC0xLjk1My04LjUxNS0xLjk1My0zLjk0OCAwLTUuMTgzIDEuODkyLTguNDUxIDIuMDE1LTMuMzg4LjEyMy01Ljk3My0zLjIzNS04LjE0LTYuMjIyLTQuNDM0LTYuMTEtNy44MTgtMTcuMjY0LTMuMjctMjQuNzkzIDIuMjU2LTMuNzQxIDYuMjkzLTYuMTA2IDEwLjY3LTYuMTcgMy4zMzItLjA1NyA2LjQ3OSAyLjE0MyA4LjUxIDIuMTQzIDIuMDQgMCA1Ljg2LTIuNjQ0IDkuODc3LTIuMjU3IDEuNjguMDY3IDYuNDAyLjY0NiA5LjQzMyA0Ljg3My0uMjQyLjE1LTUuNjM1IDMuMTQtNS41NzEgOS4zNzR6IiBpZD0i6Lev5b6EIiBmaWxsPSIjRkM3NzBGIi8+PHBhdGggZD0iTTIwLjkzMyAxMS43MzhjLS4zOS0yLjgyOCAxLjA3LTUuNzY4IDIuNzM3LTcuNjE1QzI1LjUzMiAyLjA0NCAyOC42NzQuNDk4IDMxLjI2OC40Yy4zMzMgMi44OC0uODg2IDUuNzczLTIuNjgzIDcuODU2LTEuODAzIDIuMDc3LTQuNzU3IDMuNjk3LTcuNjUyIDMuNDgyeiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzQwNzFGOSIvPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+)
}
.register-feature8-block-image .ios:hover {
background-image: url(/static/qrcode.8c8b765c.png)
}
.register-feature8-block-title {
font-size: 16px;
font-weight: 400;
color: rgba(0,0,0,.85);
margin-top: 16px
}
.register-feature8-block-content {
opacity: 1;
font-size: 14px;
line-height: 22px;
color: rgba(0,0,0,.65);
margin-top: 6px;
text-align: left;
transition: opacity .45s cubic-bezier(.645,.045,.355,1)
}
.register-feature8-button {
text-align: center
}
.register-feature8-button-wrapper {
margin-top: 16px
}
.register-feature8-button .ant-btn {
border-radius: 6px;
border: 1px solid #fc770f;
color: #fc770f
}
.register-feature8-button .ant-btn:hover {
color: #fff;
background-color: #fc770f;
background-image: linear-gradient(135deg,#f56302,#fc770f)
}
@media screen and (max-width: 767px) {
.register-feature8-wrapper {
padding-bottom:0;
min-height: 1300px
}
.register-feature8-wrapper.home-page-wrapper .home-page {
padding: 56px 24px 64px
}
.register-feature8-carousel-title {
font-size: 16px
}
.register-feature8-carousel-title-block {
padding: 0 8px
}
.register-feature8-block-child {
width: 80%;
margin: auto
}
.register-feature8-block-content {
text-align: center
}
}
.ant-btn {
width: 214px!important;
height: 54px!important;
font-size: 20px!important;
text-align: center!important;
line-height: 54px!important;
padding: 0
}
.title-h1 {
font-size: 42px;
font-family: PingFangTC-Semibold,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
font-weight: 600;
color: #12141c
}
.ant-btn-primary {
text-shadow: none;
box-shadow: none
}
.a-icon {
width: 14px
}
@media screen and (max-width: 767px) {
.ant-btn {
width:130px!important;
height: 42px!important;
font-size: 15px!important;
text-align: center!important;
line-height: 42px!important
}
.title-h1 {
font-size: 30px
}
}
.protocol-wrapper {
max-width: 1200px;
margin: 0 auto
}
.protocol-wrapper h4 {
margin: 10px 0;
line-height: 1.6
}
.protocol-wrapper p {
line-height: 1.6;
margin: 6px 0 20px;
line-height: 25px
}