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: transparent
}

@-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: 0 !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: 0;
    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
}

::-moz-selection {
    color: #fff;
    background: #1890ff
}

::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,
.anticon-spin:before {
    display: inline-block;
    -webkit-animation: loadingCircle 1s linear infinite;
    animation: loadingCircle 1s linear infinite
}

.fade-appear,
.fade-enter,
.fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.fade-appear.fade-appear-active,
.fade-enter.fade-enter-active {
    -webkit-animation-name: antFadeIn;
    animation-name: antFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fade-leave.fade-leave-active {
    -webkit-animation-name: antFadeOut;
    animation-name: antFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.fade-appear,
.fade-enter {
    opacity: 0
}

.fade-appear,
.fade-enter,
.fade-leave {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.move-up-appear,
.move-up-enter,
.move-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-appear.move-up-appear-active,
.move-up-enter.move-up-enter-active {
    -webkit-animation-name: antMoveUpIn;
    animation-name: antMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveUpOut;
    animation-name: antMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,
.move-up-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-down-appear,
.move-down-enter,
.move-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-appear.move-down-appear-active,
.move-down-enter.move-down-enter-active {
    -webkit-animation-name: antMoveDownIn;
    animation-name: antMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    -webkit-animation-name: antMoveDownOut;
    animation-name: antMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,
.move-down-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-left-appear,
.move-left-enter,
.move-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-appear.move-left-appear-active,
.move-left-enter.move-left-enter-active {
    -webkit-animation-name: antMoveLeftIn;
    animation-name: antMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    -webkit-animation-name: antMoveLeftOut;
    animation-name: antMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,
.move-left-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-right-appear,
.move-right-enter,
.move-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-appear.move-right-appear-active,
.move-right-enter.move-right-enter-active {
    -webkit-animation-name: antMoveRightIn;
    animation-name: antMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    -webkit-animation-name: antMoveRightOut;
    animation-name: antMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,
.move-right-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

@-webkit-keyframes antMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveDownOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveDownOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveLeftIn {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveLeftOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveLeftOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveRightIn {
    0% {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveRightOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveRightOut {
    0% {
        transform: translateX(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateX(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antMoveUpOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveUpOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes loadingCircle {
    to {
        transform: rotate(1turn)
    }
}

@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 #1890ff;
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    opacity: .2;
    -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
    animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

@-webkit-keyframes waveEffect {
    to {
        box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 6px #1890ff;
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
    }
}

@keyframes waveEffect {
    to {
        box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 6px #1890ff;
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
    }
}

@-webkit-keyframes fadeEffect {
    to {
        opacity: 0
    }
}

@keyframes fadeEffect {
    to {
        opacity: 0
    }
}

.slide-up-appear,
.slide-up-enter,
.slide-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-up-appear.slide-up-appear-active,
.slide-up-enter.slide-up-enter-active {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-up-leave.slide-up-leave-active {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.slide-up-appear,
.slide-up-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-down-appear,
.slide-down-enter,
.slide-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-down-appear.slide-down-appear-active,
.slide-down-enter.slide-down-enter-active {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-down-leave.slide-down-leave-active {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.slide-down-appear,
.slide-down-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-left-appear,
.slide-left-enter,
.slide-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-left-appear.slide-left-appear-active,
.slide-left-enter.slide-left-enter-active {
    -webkit-animation-name: antSlideLeftIn;
    animation-name: antSlideLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-left-leave.slide-left-leave-active {
    -webkit-animation-name: antSlideLeftOut;
    animation-name: antSlideLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.slide-left-appear,
.slide-left-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-right-appear,
.slide-right-enter,
.slide-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-right-appear.slide-right-appear-active,
.slide-right-enter.slide-right-enter-active {
    -webkit-animation-name: antSlideRightIn;
    animation-name: antSlideRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-right-leave.slide-right-leave-active {
    -webkit-animation-name: antSlideRightOut;
    animation-name: antSlideRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.slide-right-appear,
.slide-right-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@-webkit-keyframes antSlideUpIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antSlideUpIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antSlideUpOut {
    0% {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antSlideUpOut {
    0% {
        transform: scaleY(1);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antSlideDownIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes antSlideDownIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@-webkit-keyframes antSlideDownOut {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes antSlideDownOut {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }

    to {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@-webkit-keyframes antSlideLeftIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antSlideLeftIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes antSlideLeftOut {
    0% {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antSlideLeftOut {
    0% {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        transform: scaleX(.8);
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes antSlideRightIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }
}

@keyframes antSlideRightIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
    }

    to {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }
}

@-webkit-keyframes antSlideRightOut {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0;
        opacity: 1
    }

    to {
        transform: scaleX(.8);
        transform-origin: 100% 0;
        opacity: 0
    }
}

@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 {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.swing-appear.swing-appear-active,
.swing-enter.swing-enter-active {
    -webkit-animation-name: antSwingIn;
    animation-name: antSwingIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes antSwingIn {

    0%,
    to {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-10px)
    }

    40% {
        transform: translateX(10px)
    }

    60% {
        transform: translateX(-5px)
    }

    80% {
        transform: translateX(5px)
    }
}

@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,
.zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-appear.zoom-appear-active,
.zoom-enter.zoom-enter-active {
    -webkit-animation-name: antZoomIn;
    animation-name: antZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: antZoomOut;
    animation-name: antZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-appear,
.zoom-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-appear,
.zoom-big-enter,
.zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-appear.zoom-big-appear-active,
.zoom-big-enter.zoom-big-enter-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-appear,
.zoom-big-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-fast-appear,
.zoom-big-fast-enter,
.zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-fast-appear.zoom-big-fast-appear-active,
.zoom-big-fast-enter.zoom-big-fast-enter-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-appear,
.zoom-big-fast-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-up-appear,
.zoom-up-enter,
.zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-appear.zoom-up-appear-active,
.zoom-up-enter.zoom-up-enter-active {
    -webkit-animation-name: antZoomUpIn;
    animation-name: antZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    -webkit-animation-name: antZoomUpOut;
    animation-name: antZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-appear,
.zoom-up-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-down-appear,
.zoom-down-enter,
.zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-appear.zoom-down-appear-active,
.zoom-down-enter.zoom-down-enter-active {
    -webkit-animation-name: antZoomDownIn;
    animation-name: antZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    -webkit-animation-name: antZoomDownOut;
    animation-name: antZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-appear,
.zoom-down-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-left-appear,
.zoom-left-enter,
.zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-appear.zoom-left-appear-active,
.zoom-left-enter.zoom-left-enter-active {
    -webkit-animation-name: antZoomLeftIn;
    animation-name: antZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    -webkit-animation-name: antZoomLeftOut;
    animation-name: antZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-appear,
.zoom-left-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-right-appear,
.zoom-right-enter,
.zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-appear.zoom-right-appear-active,
.zoom-right-enter.zoom-right-enter-active {
    -webkit-animation-name: antZoomRightIn;
    animation-name: antZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    -webkit-animation-name: antZoomRightOut;
    animation-name: antZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-appear,
.zoom-right-enter {
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@-webkit-keyframes antZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.2);
        opacity: 0
    }
}

@-webkit-keyframes antZoomBigIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomBigIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

@-webkit-keyframes antZoomUpIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes antZoomUpIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@-webkit-keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }
}

@keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        transform: scale(.8);
        transform-origin: 50% 0;
        opacity: 0
    }
}

@-webkit-keyframes antZoomLeftIn {
    0% {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes antZoomLeftIn {
    0% {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@-webkit-keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 0 50%;
        opacity: 0
    }
}

@-webkit-keyframes antZoomRightIn {
    0% {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightIn {
    0% {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@-webkit-keyframes antZoomDownIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@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,
.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
}

.ant-message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 16px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none
}

.ant-message-notice {
    padding: 8px;
    text-align: center
}

.ant-message-notice:first-child {
    margin-top: -8px
}

.ant-message-notice-content {
    display: inline-block;
    padding: 10px 16px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    pointer-events: all
}

.ant-message-success .anticon {
    color: #52c41a
}

.ant-message-error .anticon {
    color: #f5222d
}

.ant-message-warning .anticon {
    color: #faad14
}

.ant-message-info .anticon,
.ant-message-loading .anticon {
    color: #1890ff
}

.ant-message .anticon {
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 16px
}

.ant-message-notice.move-up-leave.move-up-leave-active {
    overflow: hidden;
    -webkit-animation-name: MessageMoveOut;
    animation-name: MessageMoveOut;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

/*! tailwindcss v2.1.2 | MIT License | https://tailwindcss.com*/
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,
::after,
::before {
    box-sizing: border-box
}

html {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

body {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=button],
button {
    -webkit-appearance: button
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

html {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.5
}

body {
    font-family: inherit;
    line-height: inherit
}

*,
::after,
::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #a1a1aa
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #a1a1aa
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #a1a1aa
}

button {
    cursor: pointer
}

table {
    border-collapse: collapse
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

.container {
    width: 100%
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-right-top {
    background-position: right top
}

html {
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0
}

.container {
    background: #f5f5f5
}

.header-line {
    padding: 160px 60px 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0d2f81
}

.header-line .header-line-container {
    max-width: 1440px;
    width: 100%;
    color: #fff;
    font-size: 16px
}

.header-line .header-line-container h1, .header-line .header-line-container h2 {
    color: #ffe7aa;
    font-size: 36px;
    font-weight: 600
}

.main {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -150px
}

.main .main-content {
    width: 100%;
    max-width: 1440px;
    background: #fff;
    padding: 60px 60px 0
}

.main .main-content .list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.main .main-content .list .item {
    width: 50%;
    display: flex;
    min-height: 150px;
    padding-bottom: 100px;
    padding-right: 100px
}

.main .main-content .list .item .des {
    padding-left: 40px;
    padding-top: 20px
}

.platforms {
    width: 100%;
    max-width: 1440px;
    background: #fff;
    border-radius: 10px;
    margin: 50px auto;
    padding: 30px 60px
}

.platforms .platforms-title {
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500
}

.platforms .platforms-content img {
    max-width: 100%
}

@media only screen and (max-width:767px) {
    .header-line {
        padding: 150px 32px 100px
    }

    .main {
        margin-top: -30px
    }

    .main .main-content {
        padding: 50px 32px 20px
    }

    .main .main-content .list .item {
        width: 100%;
        padding: 0 0 20px;
        margin-bottom: 30px;
        border-bottom: 1px dashed #e8eaed
    }

    .platforms {
        display: none
    }
}

.menu-open {
    width: 100vw;
    height: 100vh;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    flex-direction: column
}

.menu-open .menu-title {
    padding-top: 40px;
    height: 100px;
    display: flex;
    flex-direction: row;
    flex-basis: auto;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start
}

.menu-open .menu-close {
    flex: 1;
    text-align: right
}

.menu-open .menu-close-button {
    font-size: 20px;
    color: #262626;
    padding: 2px 10px
}

.menu-open .menu-links {
    padding: 20px 20px 80px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.menu-button {
    width: 100%;
    text-align: left;
    font-size: 36px;
    line-height: 80px;
    color: #262626;
    font-weight: 500;
    border: none;
    background: 0 0;
    outline: 0
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: 90px;
    z-index: 99;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 0 25px
}

.header-blue {
    background-color: #0d2f81
}

.header-white {
    background-color: #f5f5f5
}

.header-white .nav a {
    color: #262626 !important
}

.header .header-content {
    display: flex;
    flex-direction: row;
    flex-basis: auto;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    max-width: 1440px
}

.header .logo {
    font-size: 0;
    display: flex;
    align-items: flex-end;
    margin-top: 5px;
    margin-right: 80px
}

.header .nav-entrance {
    padding-top: 35px;
    width: auto;
    flex-grow: 1;
    flex-basis: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.header .nav a {
    font-size: 16px;
    padding: 10px 20px 0;
    color: #fff;
    white-space: nowrap;
    display: inline-block;
    position: relative
}

.header .nav .ant-badge-count {
    height: 20px;
    padding: 0 6px;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    white-space: nowrap;
    text-align: center;
    background: #ff4d4f;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: -10px
}

.nav-entrance .entrance {
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    flex-grow: 1;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.nav-entrance .entrance .entrance-link {
    padding: 0 10px;
    color: #fff
}

.header-white .nav-entrance .entrance .entrance-link {
    color: #262626
}

.nav-entrance .entrance .entrance-menu {
    font-size: 20px;
    font-weight: 500;
    display: none;
    padding: 2px 10px;
    margin-left: 15px
}

.header-white .nav-entrance .entrance .entrance-menu {
    color: #262626
}

.header .site-lang {
    margin-left: 30px;
    display: flex;
    align-items: center;
    position: relative;
    white-space: nowrap
}

.header-white .site-lang {
    color: #262626 !important
}

.header .site-lang .anticon-global {
    margin: 3px 5px 0 0;
    font-size: 16px;
    display: inline-block
}

.header .site-lang .anticon-down {
    margin: 4px 0 0 3px;
    font-size: 14px;
    display: inline-block;
    transition: all .2s;
    -webkit-transition: all .2s
}

.header .ant-dropdown-open .anticon-down {
    transform: rotate(180deg)
}

@media only screen and (min-width:1440px) {
    .header {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media only screen and (max-width:1440px) {
    .header {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media only screen and (max-width:1023px) {
    .nav-entrance .entrance .entrance-menu {
        display: block !important
    }

    .nav-entrance .nav {
        display: none
    }

    .menu-open .menu-title {
        height: 70px;
        padding-left: 32px;
        padding-right: 32px;
        align-items: center
    }

    .menu-open .menu-title .menu-logo-pic {
        width: 60px;
        height: 45px
    }

    .menu-open .menu-title .menu-logo-text {
        display: none
    }

    .header {
        padding-left: 42.625px;
        padding-right: 42.625px
    }
}

@media only screen and (max-width:767px) {
    .header {
        height: 86px;
        padding-bottom: 16px;
        padding-left: 32px;
        padding-right: 32px
    }

    .header .logo {
        margin-right: 5px
    }

    .header .header-content {
        align-items: center
    }

    .header .header-content .logo {
        padding-bottom: 8px
    }

    .header .nav-entrance {
        padding-top: 0
    }

    .logo-pic-white {
        width: 60px
    }

    .entrance-link-reg,
    .logo-text-white {
        display: none
    }

    .menu-open .menu-logo {
        padding-bottom: 8px
    }

    .menu-button {
        font-size: 22px;
        line-height: 50px
    }
}

@media only screen and (max-width:468px) {
    .nav-entrance .no-login {
        display: none
    }

    .header-white .site-lang {
        font-size: 14px
    }
}

@media only screen and (max-width:375px) {
    .menu-open .menu-title {
        height: 70px
    }

    .header,
    .menu-open .menu-title {
        padding-left: 15.625px;
        padding-right: 15.625px
    }
}

.pointer {
    cursor: pointer
}

.console {
    background: hsla(0, 0%, 100%, .1);
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap
}

.header-white .console {
    background: #0d2f81
}

.logo {
    padding-bottom: 40px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

.logo span {
    padding-top: 10px;
    padding-left: 15px
}

.call {
    padding: 20px 0 0 30px;
    font-weight: 700;
    font-size: 24px;
    color: #fff
}

.call h6 {
    margin-bottom: 6px;
    font-size: 16px;
    text-align: center;
    color: #fff
}

.call .anticon-phone {
    margin-right: 5px;
    font-size: 26px
}

.footer {
    background: #000;
    color: #fff;
    padding: 20px 0;
    width: 100%;
    overflow: hidden
}

.footer-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px
}

.links {
    padding: 0 0 30px
}

.links a {
    padding: 0 10px
}

.footer-content {
    display: flex;
    flex-wrap: wrap
}

.wechat {
    padding-top: 20px;
    display: flex;
    text-align: center;
    justify-content: center
}

.wechat p {
    padding: 20px 0 0;
    text-align: center
}

.wechat p img {
    display: inline-block
}

.kefu {
    margin-right: 20px
}

.kefu b {
    display: block
}

.shangwu {
    text-align: left
}

.shangwu b {
    display: block
}

.copyright {
    min-width: 40%;
    flex: 1;
    padding-right: 50px
}

.footer-container li {
    width: 25%
}

.footer a {
    color: #fff
}

.footer h2 {
    color: #fff;
    padding-bottom: 10px
}

.footer-main {
    width: 100%
}

@media only screen and (max-width:1023px) {
    .footer-container li {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .footer-container li {
        width: 100%;
        padding-bottom: 20px
    }
}

@media only screen and (max-width:640px) {
    .footer {
        padding-bottom: 100px
    }

    .wechat {
        display: none
    }
}

.right-fixed-nav {
    position: fixed;
    right: 20px;
    z-index: 9;
    top: calc(50% + 36px);
    transform: translateY(-50%)
}

.right-fixed-nav .nav {
    min-width: 50px;
    background: #fff;
    box-shadow: 0 4px 10px 1px hsl(0deg 0% 64%/12%);
    border-radius: 4px;
    border: 1px solid hsla(0, 0%, 91%, .7);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 5px 16px
}

.right-fixed-nav .nav a {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding-top: 11px;
    cursor: pointer
}

.right-fixed-nav .nav a:hover {
    color: #007aff
}

.right-fixed-nav .nav p {
    margin: 0 5px;
    font-size: 12px
}

.right-fixed-nav .nav .nav-img {
    width: 36px;
    height: 36px;
    margin-bottom: 2px;
    border-radius: 4px;
    background-size: 70% 70%;
    background-repeat: no-repeat;
    background-position: 50%
}

.right-fixed-nav .nav a:hover .nav-img {
    background-color: #007aff
}

.right-fixed-nav .nav .nav-img-counsel {
    background-image: url(/blog/static/counsel.54caca6.svg)
}

.right-fixed-nav .nav a:hover .nav-img-counsel {
    background-image: url(/blog/static/counsel-white.3d24ecb.svg)
}

.right-fixed-nav .nav .nav-img-wechat {
    background-image: url(/blog/static/wechat.d6d5f0a.svg)
}

.right-fixed-nav .nav a:hover .nav-img-wechat {
    background-image: url(/blog/static/wechat-white.85ff07a.svg)
}

.right-fixed-nav .nav .nav-img-call {
    background-image: url(/blog/static/call.86c5109.svg)
}

.right-fixed-nav .nav a:hover .nav-img-call {
    background-image: url(/blog/static/call-white.1c0dca6.svg)
}

.right-fixed-nav .nav .nav-img-kefu {
    background-image: url(/blog/static/kefu.58f16c7.svg)
}

.right-fixed-nav .nav a:hover .nav-img-kefu {
    background-image: url(/blog/static/kefu-white.053de9b.svg)
}

.right-fixed-nav .top-nav {
    margin-top: 12px;
    width: 100%;
    min-width: 50px;
    height: auto;
    padding: 5px 5px 10px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    color: #707070;
    flex-direction: column;
    cursor: pointer;
    position: static;
    right: 0;
    bottom: 0
}

.right-fixed-nav .top-nav:hover {
    color: #007aff
}

.right-fixed-nav .top-nav .top-nav-img {
    width: 40px;
    height: 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY0IDY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNzA3MDcwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTMuMSw0OS4yTDMyLDI1LjRMMTAuOSw0OS4yTDAsNTBsMzItMzZsMzIsMzZDNjQsNTAsNTMuMSw0OS4yLDUzLjEsNDkuMnoiLz4NCjwvc3ZnPg0K);
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center 5px;
    display: block
}

.right-fixed-nav .top-nav:hover .top-nav-img {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY0IDY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDA3QUZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTMuMSw0OS4yTDMyLDI1LjRMMTAuOSw0OS4yTDAsNTBsMzItMzZsMzIsMzZDNjQsNTAsNTMuMSw0OS4yLDUzLjEsNDkuMnoiLz4NCjwvc3ZnPg0K)
}

.right-fixed-nav .top-nav p {
    text-align: center;
    font-size: 13px;
    margin: 0 5px
}

.popover-wechat h6 {
    font-size: 14px;
    color: #888;
    text-align: center
}

.popover-wechat .wechat-content {
    width: 360px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.popover-wechat .wechat-item {
    width: 160px;
    padding: 10px 0 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.popover-wechat .wechat-item h5 {
    margin-top: 10px
}

.popover-wechat .wechat-item p {
    margin: 5px 0 0;
    font-size: 13px
}

.popover-wechat .wechat-item img {
    width: 120px;
    height: 120px
}

.popover-call {
    color: #1b1b1c;
    font-weight: 700;
    font-size: 16px
}

.popover-call h6 {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.popover-call .anticon-phone {
    margin-right: 5px;
    font-size: 18px
}

@media only screen and (max-width:640px) {
    .right-fixed-nav {
        position: fixed;
        left: 10px;
        right: 10px;
        top: auto;
        bottom: 10px;
        transform: translateY(0)
    }

    .right-fixed-nav .nav {
        width: 100%;
        flex-direction: row;
        padding-bottom: 5px
    }

    .right-fixed-nav .nav a {
        width: auto;
        padding-top: 5px;
        flex: 1
    }

    .right-fixed-nav .top-nav {
        display: none
    }

    .fixed-nav-popover .ant-popover-content {
        max-width: 100%;
        padding: 0 10px
    }

    .popover-wechat .wechat-content {
        width: auto;
        margin-bottom: 0
    }

    .popover-wechat .wechat-item {
        width: auto;
        margin: 0 5px;
        flex: 1
    }

    .popover-wechat .wechat-item h5 {
        font-size: 13px
    }

    .popover-wechat .wechat-item p {
        font-size: 12px
    }

    .popover-wechat .wechat-item img {
        max-width: 100%;
        height: auto
    }
}

.ad {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    background-color: #c30102;
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .1);
    z-index: 999
}

.ad .init,
.ad {
    text-align: center
}

.ad .init {
    max-width: 980px;
    width: 100%
}

.close {
    position: absolute;
    left: 0;
    top: -30px;
    color: #fff;
    background: rgba(0, 0, 0, .75);
    padding: 2px 4px;
    cursor: pointer;
    display: flex;
    align-items: center
}


/* Modal基础样式 */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.modal-content {
    position: relative;
    background: #fff;
    margin: 15vh auto;
    padding: 30px;
    width: 90%;
    max-width: 600px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.modal-close {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    transition: color 0.3s;
}
.modal-close:hover {
    color: #666;
}
.phone-number {
    font-size: 32px;
    color: #0D2F81;
    text-align: center;
    padding: 30px 0;
    font-weight: bold;
}
.wechat-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px 0;
}
.wechat-item {
    text-align: center;
}
.wechat-item img {
    width: 140px;
    height: 140px;
    margin-bottom: 10px;
    display: inline-block;
}
.wechat-item p {
    font-size: 16px;
    color: #262626;
    margin-bottom: 5px;
}
.wechat-item span {
    font-size: 13px;
    color: #666;
}