@charset "utf-8";
html {
font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
font-size: 14px
}
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
li,
ol,
p,
td,
textarea,
th,
ul {
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%
}
em,
i {
font-style: normal;
font-weight: 400
}
button,
input,
select,
textarea {
font-family: PingFangSC-Light, 'STHeiti Light', 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif
}
*,
:after,
:before,
button,
input,
select {
box-sizing: border-box
}
button {
border: none
}
button,
input[type=button],
input[type=submit],
select {
cursor: pointer
}
table {
border-collapse: collapse;
border-spacing: 0
}
li {
list-style: none
}
a {
text-decoration: none
}
a img,
fieldset,
iframe,
img {
border-width: 0;
border-style: none
}
h1,
h2,
h3 {
font-weight: 400
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.section-cell {
max-width: 572px;
;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto
}
.section-subheading {
font-size: 30px;
line-height: 2;
padding-left: 20px;
padding-right: 20px;
display: table;
margin-left: auto;
margin-right: auto;
position: relative;
margin-bottom: 50px
}
.section-subheading:before {
content: "";
position: absolute;
width: 20px;
height: 10px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
left: 0;
top: 0
}
.section-subheading::after {
content: "";
position: absolute;
width: 20px;
height: 10px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
right: 0;
bottom: 0
}
.copyright {
text-align: center;
font-size: 14px;
margin-top: -30px;
padding-bottom: 80px;
background-color: rgba(0, 0, 0, 0);
color: #005972;
position: relative;
z-index: 3
}
.float-toolbar {
display: none
}
html {
background-color: #003;
min-width: 1000px
}
body {
background-image: url(img/bg2.png);
background-repeat: no-repeat;
background-position: 50% 0
}
.container {
max-width: 572px;
position: relative;
}
.layer {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0
}
.layer-1 {
background-image: url(img/bg1.png);
background-repeat: no-repeat;
background-position: 50% 0
}
.layer-2 {
background-image: url(img/bg4.png);
background-repeat: no-repeat;
background-position: 50% 0
}
.visible-md-block,
.visible-sm-block {
display: none !important
}
.visible-md-hidden,
.visible-sm-hidden {
display: block
}
.header {
position: absolute;
z-index: 100;
left: 0;
top: 0;
height: 88px;
width: 100%;
min-width: 1000px;
border-bottom: 1px solid rgba(10, 46, 107, .6);
background-color: rgba(0, 0, 0, .15)
}
.header-cell {
padding-left: 10px;
padding-right: 10px
}
.header-logo {
float: left;
margin-top: 33px;
position: relative;
z-index: 2
}
.header-logo-figure img {
height: 33px
}
.header-selector {
float: left;
margin-top: 33px;
margin-left: 20px;
position: relative;
z-index: 2
}
.header-selector-link {
display: block;
min-width: 100px;
padding-left: 7px;
padding-right: 27px;
font-size: 16px;
line-height: 2;
border: 1px solid rgba(0, 110, 255, .4);
color: #fff;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 2px
}
.header-selector-link:after {
content: "";
width: 14px;
height: 7px;
background-image: url(sprite/agenda-201708021510.png);
position: absolute;
right: 9px;
top: 50%;
margin-top: -3.5px;
background-position: 0px 0px
}
.header-selector-dropdown {
position: absolute;
margin-top: -1px;
top: 100%;
width: 100%;
min-width: 100px;
border: 1px solid rgba(0, 110, 255, .4);
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px
}
.header-selector-dropdown-item {
font-size: 16px;
line-height: 1.625;
display: block;
padding-left: 7px;
padding-right: 7px;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.header-selector-dropdown-item:hover {
color: #00c8dc
}
.header-countdown {
position: absolute;
z-index: 1;
top: 30px;
left: 0;
width: 100%;
text-align: center;
color: #fff;
font-size: 18px;
line-height: 40px;
white-space: nowrap
}
.header-countdown .label {
font-size: 20px;
line-height: 40px;
height: 40px;
margin-left: 5px;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
border-radius: 2px;
background-color: rgba(0, 163, 187, .7);
padding-left: 8px;
padding-right: 8px
}
.header-countdown .label+.label {
margin-left: -4px
}
.header-menu {
float: right;
position: relative;
z-index: 2;
font-size: 0;
margin-top: 14px
}
.header-menu-link {
display: inline-block;
font-size: 18px;
color: #fff;
line-height: 72px;
border-bottom: 2px solid transparent;
padding-left: 20px;
padding-right: 20px
}
.header-menu-link:hover {
color: #006eff
}
.header-menu-link-current {
border-bottom-color: #006eff;
color: #006eff
}
.header-menu-link+.header-menu-link {
margin-left: 10px
}
.header-menu-button {
display: inline-block;
width: 162px;
line-height: 2.22;
border: 1px solid #064780;
border-color: rgba(0, 164, 255, .3);
background-color: #072b59;
background-color: rgba(0, 164, 255, .09);
color: #00a4ff;
font-size: 18px;
text-align: center;
transition: .2s ease
}
.header-menu-button:hover {
border-color: #00A4FF;
background-color: #00A4FF;
color: #FFF
}
.header-menu-link+.header-menu-button {
margin-left: 20px
}
.tab {
padding-bottom: 30px
}
.tab-nav {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border-collapse: collapse
}
.tab-nav-item {
display: table-cell;
text-align: center;
font-size: 20px;
border: 1px solid rgba(0, 110, 255, .6);
line-height: 1.3;
cursor: pointer;
padding-top: 16px;
padding-bottom: 16px;
color: #006eff;
}
.tab-nav-item a {
display: block;
height: 100%;
color: #006eff
}
.tab-nav-item.tab-nav-item-current,
.tab-nav-item:hover {}
.tab-nav-item:hover a {
color: #006eff
}
.tab-nav-item-disabled,
.tab-nav-item-disabled:hover {
color: #006eff;
background-color: rgba(0, 0, 0, 0);
cursor: default
}
.tab-content {
padding-top: 30px
}
.tab-pane {
display: none;
}
.tab-pane.tab-pane-current {
display: block
}
.tab-content .tab {
padding-bottom: 0
}
.tab-content .tab-nav {
display: block;
text-align: center;
font-size: 0;
overflow: auto;
white-space: nowrap
}
.tab-content .tab-nav-item {
display: inline-block;
vertical-align: top;
border: 0;
font-size: 16px;
line-height: 2.375;
background-color: transparent;
border-bottom: 2px solid transparent;
padding-top: 0;
padding-bottom: 0
}
.tab-content .tab-nav-item+.tab-nav-item {
margin-left: 50px
}
.tab-content .tab-nav-item.tab-nav-item-current {
border-bottom-color: rgba(0, 110, 255, .6)
}
.tab-content .tab-content {
padding-top: 50px
}
.section-agenda {
margin-top: 160px;
padding-bottom: 70px;
position: relative;
z-index: 20
}
.section-subheading {
color: #00a3bb
}
.section-subheading:before {
border-top-color: #00a3bb;
border-left-color: #00a3bb
}
.section-subheading:after {
border-bottom-color: #00a3bb;
border-right-color: #00a3bb
}
.agenda-list {
width: 100%;
border-top: 1px solid #232b4f;
border-bottom: 1px solid #232b4f
}
.agenda-list td {
border-bottom: 1px solid #232b4f;
padding-left: 40px;
padding-right: 40px
}
.agenda-list td:first-child {
border-right: 1px solid #232b4f;
white-space: nowrap
}
.agenda-list td:nth-child(2) {
border-right: 1px solid #232b4f
}
.agenda-list td:last-child {
border-right: 0 none
}
.agenda-list thead td {
color: #00c8dc;
font-size: 18px;
padding-top: 19px;
padding-bottom: 11px
}
.agenda-list tbody td {
color: #fff;
font-size: 14px;
padding-top: 11px;
padding-bottom: 11px;
vertical-align: top
}
.dialog {
position: fixed;
z-index: 100;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.dialog-mask {
display: table-cell;
vertical-align: middle;
background-color: rgba(0, 0, 0, .7)
}
.ie8 .dialog-mask {
background-color: #000
}
.dialog-wrapper {
width: 540px;
display: table;
margin-left: auto;
margin-right: auto
}
.dialog-header {
position: relative;
padding-left: 40px;
background-color: #00a3bb
}
.dialog-header-title {
font-size: 24px;
color: #fff;
line-height: 2.916;
font-weight: 400
}
.dialog-header-close {
position: absolute;
cursor: pointer;
right: 22px;
top: 50%;
margin-top: -13px;
width: 26px;
height: 26px;
background-color: transparent;
background-image: url(img/dialog-close.png)
}
.dialog-footer {
background-color: #e5f6ff;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
font-size: 0
}
.dialog-footer .cancel,
.dialog-footer .sumbit {
width: 150px;
font-size: 16px;
line-height: 3;
text-align: center;
border-radius: 2px;
display: inline-block
}
.dialog-footer .sumbit {
background-color: rgba(0, 110, 255, 1);
border: 1px solid rgba(0, 110, 255, 1);
color: #fff
}
.dialog-footer .sumbit:hover {
background-color: rgba(0, 110, 255, .9);
border: 1px solid rgba(0, 110, 255, .9)
}
.dialog-footer .sumbit[disabled] {
border-color: #7fd1ff;
background-color: #7fd1ff;
cursor: default
}
.dialog-footer .cancel {
background-color: #fff;
border: 1px solid rgba(0, 110, 255, 1);
color: rgba(0, 110, 255, 1);
cursor: pointer
}
.dialog-footer .cancel:hover {
background-color: rgba(0, 110, 255, .9);
border: 1px solid rgba(0, 110, 255, .9);
color: #fff
}
.dialog-footer .sumbit+.cancel {
margin-left: 25px
}
.dialog-body {
background-color: #fff;
padding: 20px 43px 22px
}
.dialog-form {
display: table;
table-layout: fixed
}
.dialog-form-row {
display: table-row
}
.dialog-form-control,
.dialog-form-label {
vertical-align: top;
display: table-cell;
padding-top: 9px;
padding-bottom: 9px
}
.dialog-form-label {
width: 1%;
white-space: nowrap;
text-align: right;
color: #666;
line-height: 2.875;
padding-right: 10px;
font-size: 16px
}
.dialog-form-control {
font-size: 0
}
.dialog-form-control input[type=text] {
border: 1px solid #dcdcdc;
width: 208px;
height: 48px;
line-height: 2.875;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
outline: 0
}
.dialog-form-control input[type=text]:focus {
border-color: #00C8DC;
transition: box-shadow .3s;
box-shadow: 0 0 4px 0 rgba(0, 164, 255, .4)
}
.dialog-form .button {
width: 120px;
font-size: 16px;
text-align: center;
background-color: rgba(0, 110, 255, 1);
border: 1px solid rgba(0, 110, 255, 1);
color: #fff;
line-height: 2.875;
vertical-align: top;
overflow: hidden;
white-space: nowrap
}
.dialog-form .button:hover {
background-color: rgba(0, 110, 255, .9);
border: 1px solid rgba(0, 110, 255, .9)
}
.dialog-form .button[disabled] {
border-color: #7fd1ff;
background-color: #7fd1ff;
cursor: default
}
.dialog-form input[type=text]+.button {
margin-left: 10px
}
.dialog-form-row-error input[type=text] {
border-color: #ff0a00
}
.dialog-form-valiinfo,
.dialog-valiinfo {
display: none
}
.dialog-footer-error .dialog-valiinfo,
.dialog-form-row-error .dialog-form-valiinfo {
display: block;
color: #ff0a00;
font-size: 14px;
margin-top: 6px
}
.dialog-remind-tips {
margin-top: 10px;
color: #00c8dc;
font-size: 14px;
line-height: 1.5
}
.dialog-remind-tips:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
vertical-align: top;
background-image: url(img/dialog-tips.svg);
background-repeat: no-repeat
}
.dialog-callback {
font-size: 20px;
color: #171d25;
border-top: 4px solid #00C8DC;
background-color: #fff;
width: 300px;
line-height: 1.2;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px;
text-align: center
}
.dialog-callback:before {
content: "";
display: inline-block;
vertical-align: top;
width: 22px;
height: 23px;
background-image: url(img/dialog-ok.svg);
background-repeat: no-repeat;
margin-right: 12px
}
.dialog {
display: none
}
.dialog.in {
display: table
}
.dialog.in.out {
display: none
}
.dialog.in .dialog-wrapper {
display: table
}
.dialog .dialog-wrapper.out,
.dialog-callback,
.dialog.out .dialog-wrapper {
display: none
}
.dialog-callback.in {
display: table
}
.dialog-callback.out {
display: none
}
@media screen and (max-width:768px) {
.container,
html {
min-width: 320px
}
.layer {
top: 63px
}
.section-cell {
min-width: 320px;
padding-left: 30px;
padding-right: 30px
}
.section-subheading {
font-size: 28px;
margin-bottom: 40px
}
.copyright {
padding-bottom: 100px;
padding-left: 30px;
padding-right: 30px
}
.float-toolbar {
display: table;
position: fixed;
left: 0;
width: 100%;
bottom: 0;
z-index: 30
}
.float-toolbar .button,
.float-toolbar .link {
display: table-cell;
color: #fff;
text-align: center;
font-size: 22px;
line-height: 60px
}
.float-toolbar .button {
background-color: #006eff;
width: 67%
}
.float-toolbar .link {
background-color: #00a3bb
}
}
@media screen and (max-width:768px) {
.visible-md-hidden {
display: none !important
}
.visible-md-block {
display: block !important
}
}
@media screen and (max-width:750px) {
.layer {
top: 50px
}
body {
background-image: url(img/bg2-xs.png);
background-size: 100%
}
.section-cell {
padding-left: 27px;
padding-right: 27px
}
.section-subheading {
font-size: 20px;
margin-bottom: 25px
}
.copyright {
padding-top: 0;
margin-top: -5px;
padding-bottom: 70px
}
.section-guidebook+.copyright {
margin-top: 0
}
.float-toolbar .button,
.float-toolbar .link {
font-size: 15px;
line-height: 50px
}
.visible-md-hidden,
.visible-sm-hidden {
display: none !important
}
.visible-sm-block {
display: block !important
}
}
@media screen and (min-width:1440px) {
.header-cell {
padding-left: 4.5%;
padding-right: 4.5%
}
}
@media screen and (min-width:1700px) {
.header-menu-link+.header-menu-button,
.header-menu-link+.header-menu-link {
margin-left: 30px
}
}
@media screen and (max-width:1699px) {
.header-menu-link+.header-menu-button,
.header-menu-link+.header-menu-link {
margin-left: 10px
}
}
@media screen and (max-width:1280px) {
.header-menu-link+.header-menu-button,
.header-menu-link+.header-menu-link {
margin-left: 10px
}
.header-countdown {
padding-left: 200px;
text-align: left
}
}
@media screen and (max-width:1024px) {
.header-cell {
padding-left: 10px;
padding-right: 10px
}
}
@media screen and (max-width:768px) {
.header {
min-width: 320px;
height: auto
}
.header-cell {
padding-left: 0;
padding-right: 0
}
.header-logo {
position: absolute;
left: 30px;
top: 50%;
margin-top: 0;
padding-top: 0;
z-index: 11;
transform: translate(0, -50%)
}
.header-countdown,
.header-selector {
display: none
}
.header-menu {
margin-right: 10px;
margin-top: 0;
text-align: center;
transition: .2s ease;
display: -webkit-box;
display: -webkit-flex;
display: flex
}
.header-menu-link {
font-size: 22px;
line-height: 60px;
padding-left: 0;
padding-right: 0;
margin-right: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1
}
.header-menu-link+.header-menu-link {
margin-left: 20px
}
.header-menu-button {
display: none
}
}
@media screen and (max-width:750px) {
.header-logo {
left: 20px
}
.header-logo-figure img {
height: 20px
}
.header-menu-link {
font-size: 15px;
line-height: 50px;
margin-right: 10px
}
.header-menu-link+.header-menu-link {
margin-left: 10px
}
.header-menu-button {
display: none
}
}
@media screen and (max-width:374px) {
.header-logo {
left: 15px
}
.header-menu-link {
margin-right: 5px
}
.header-menu-link+.header-menu-link {
margin-left: 5px
}
}
@media screen and (max-width:768px) {
.tab {
padding-bottom: 0
}
.tab-content {
padding-top: 30px
}
.tab-content .tab-content {
padding-top: 40px
}
.tab-content .tab-nav-item {
line-height: 1.9
}
.tab-content .tab-nav-item+.tab-nav-item {
margin-left: 40px
}
}
@media screen and (max-width:750px) {
.tab-nav-item {
font-size: 13px
}
.tab-content {
padding-top: 15px
}
.tab-content .tab-content {
padding-top: 25px
}
.tab-content .tab-nav {
margin-top: 0
}
.tab-content .tab-nav-item {
font-size: 13px;
line-height: 2.4615
}
.tab-content .tab-nav-item+.tab-nav-item {
margin-left: 20px
}
}
@media screen and (max-width:768px) {
.section-agenda {
margin-top: 130px
}
.agenda-list {
border-top: 0 none;
border-bottom: 0 none;
width: auto
}
.agenda-list col {
width: auto !important
}
.agenda-list thead {
display: none
}
.agenda-list tbody tr {
display: block;
position: relative;
padding-left: 180px;
padding-bottom: 30px;
font-size: 0
}
.agenda-list tbody tr:after {
content: "";
position: absolute;
top: 14px;
height: 100%;
left: 147px;
width: 1px;
background-color: #00C8DC;
opacity: .5
}
.agenda-list tbody tr:last-child {
padding-bottom: 0
}
.agenda-list tbody tr:last-child:after {
display: none
}
.agenda-list tbody td {
display: inline-block;
border: none;
font-size: 16px;
line-height: 1.875;
color: #00c8dc;
padding: 0
}
.agenda-list td:nth-child(1) {
position: absolute;
left: 0;
top: 0;
background-color: rgba(1, 173, 194, .4);
border-radius: 4px;
font-size: 16px;
color: #fff;
line-height: 1.75;
width: 120px;
text-align: center;
border-right: none
}
.agenda-list td:nth-child(1):before {
content: "";
position: absolute;
width: 12px;
height: 12px;
background-color: #00c8dc;
border-radius: 50%;
right: -28px;
top: 50%;
transform: translate(50%, -50%)
}
.agenda-list td:nth-child(2) {
display: block;
font-size: 20px;
line-height: 1.4;
color: #fff;
border-right: none
}
.agenda-list td:nth-child(3) {
margin-right: 10px
}
}
@media screen and (max-width:750px) {
.section-agenda {
margin-top: 88px;
padding-bottom: 35px
}
.agenda-list tbody tr {
padding-left: 20px;
padding-bottom: 20px;
padding-top: 23px
}
.agenda-list tbody tr:after {
top: 10px;
left: 3px
}
.agenda-list tbody td {
font-size: 12px;
line-height: 1.5
}
.agenda-list td:nth-child(1) {
font-size: 12px;
line-height: 1.66;
width: 82px;
left: 20px
}
.agenda-list td:nth-child(1):before {
width: 6px;
height: 6px;
right: auto;
left: -22px
}
.agenda-list td:nth-child(2) {
font-size: 13px;
line-height: 1.5
}
.agenda-list td:nth-child(3) {
margin-right: 10px
}
}
@media screen and (max-width:750px) {
.dialog-mask {
padding-left: 30px;
padding-right: 30px
}
.dialog-wrapper {
width: 100%
}
.dialog-header {
padding-left: 20px
}
.dialog-header-title {
font-size: 16px;
line-height: 2.916
}
.dialog-header-close {
right: 20px;
margin-top: 0;
width: 18px;
height: 18px;
background-size: cover;
transform: translate(0, -50%)
}
.dialog-footer {
padding-top: 15px;
padding-bottom: 15px
}
.dialog-footer .cancel,
.dialog-footer .sumbit {
width: 100px;
font-size: 14px;
line-height: 2.5
}
.dialog-footer .sumbit+.cancel {
margin-left: 10px
}
.dialog-body {
padding: 15px 20px 17px
}
.dialog-form,
.dialog-form-row {
display: block
}
.dialog-form-row+.dialog-form-row {
margin-top: 6px
}
.dialog-form-control,
.dialog-form-label {
display: block;
padding-top: 0;
padding-bottom: 0
}
.dialog-form-label {
width: 100%;
text-align: left;
line-height: 1.5;
padding-right: 0;
font-size: 14px
}
.dialog-form-control input[type=text] {
width: 60%;
height: 39px;
line-height: 2.785;
font-size: 14px;
padding-left: 5px;
padding-right: 5px
}
.dialog-form .button {
width: 38%;
font-size: 14px;
line-height: 2.64
}
.dialog-form input[type=text]+.button {
margin-left: 2%
}
.dialog-footer-error .dialog-valiinfo,
.dialog-form-row-error .dialog-form-valiinfo {
font-size: 12px;
margin-top: 4px
}
.dialog-remind-tips {
font-size: 12px;
line-height: 1.5
}
.dialog-remind-tips:before {
width: 13px;
height: 17px;
margin-right: 5px;
background-size: cover
}
.dialog-callback {
font-size: 16px;
width: 60%;
padding-top: 20px;
padding-bottom: 20px
}
.dialog-callback:before {
width: 17px;
height: 19px;
background-size: contain;
margin-right: 6px
}
}
#MAXIM {
content: "abe20170802173208"
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
figcaption,
figure,
main {
display: block
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit;
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
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 {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,
menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
[hidden],
template {
display: none
}
@font-face {
font-family: Helvetica Neue For Number;
src: local("Helvetica Neue");
unicode-range: u+30-39
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
*,
:after,
:before {
box-sizing: border-box
}
body,
html {
width: 100%;
height: 100%
}
body {
font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
color: #697b8c;
background-color: #fff
}
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
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit
}
input[type=text],
textarea {
-webkit-appearance: none
}
ol,
ul {
list-style: none
}
input::-ms-clear,
input::-ms-reveal {
display: none
}
::-moz-selection {
background: #2f54eb;
color: #fff
}
::selection {
background: #2f54eb;
color: #fff
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: rgba(0, 0, 0, .85);
font-weight: 500
}
a {
color: #2f54eb;
background: transparent;
text-decoration: none;
outline: none;
cursor: pointer;
-webkit-transition: color .3s ease;
transition: color .3s ease
}
a:focus {
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink
}
a:active {
color: #2643ce
}
a:active,
a:hover {
outline: 0;
text-decoration: none
}
a[disabled] {
color: rgba(0, 0, 0, .25);
cursor: not-allowed;
pointer-events: none
}
.ant-divider {
margin: 0 6px;
display: inline-block;
height: 8px;
width: 1px;
background: #ccc
}
code,
kbd,
pre,
samp {
font-family: Consolas, Menlo, Courier, monospace
}
.clearfix {
zoom: 1
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
.clearfix:after {
clear: both;
visibility: hidden;
font-size: 0;
height: 0
}
@font-face {
font-family: anticon;
src: url("https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot");
src: url("https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot?#iefix") format("embedded-opentype"), url("https://at.alicdn.com/t/font_zck90zmlh7hf47vi.woff") format("woff"), url("https://at.alicdn.com/t/font_zck90zmlh7hf47vi.ttf") format("truetype"), url("https://at.alicdn.com/t/font_zck90zmlh7hf47vi.svg#iconfont") format("svg")
}
.anticon {
display: inline-block;
font-style: normal;
vertical-align: baseline;
text-align: center;
text-transform: none;
line-height: 1;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.anticon:before {
display: block;
font-family: anticon!important
}
.anticon-step-forward:before {
content: "\E600"
}
.anticon-step-backward:before {
content: "\E601"
}
.anticon-forward:before {
content: "\E602"
}
.anticon-backward:before {
content: "\E603"
}
.anticon-caret-right:before {
content: "\E604"
}
.anticon-caret-left:before {
content: "\E605"
}
.anticon-caret-down:before {
content: "\E606"
}
.anticon-caret-up:before {
content: "\E607"
}
.anticon-caret-circle-right:before,
.anticon-circle-right:before,
.anticon-right-circle:before {
content: "\E608"
}
.anticon-caret-circle-left:before,
.anticon-circle-left:before,
.anticon-left-circle:before {
content: "\E609"
}
.anticon-caret-circle-up:before,
.anticon-circle-up:before,
.anticon-up-circle:before {
content: "\E60A"
}
.anticon-caret-circle-down:before,
.anticon-circle-down:before,
.anticon-down-circle:before {
content: "\E60B"
}
.anticon-right-circle-o:before {
content: "\E60C"
}
.anticon-caret-circle-o-right:before,
.anticon-circle-o-right:before {
content: "\E60C"
}
.anticon-left-circle-o:before {
content: "\E60D"
}
.anticon-caret-circle-o-left:before,
.anticon-circle-o-left:before {
content: "\E60D"
}
.anticon-up-circle-o:before {
content: "\E60E"
}
.anticon-caret-circle-o-up:before,
.anticon-circle-o-up:before {
content: "\E60E"
}
.anticon-down-circle-o:before {
content: "\E60F"
}
.anticon-caret-circle-o-down:before,
.anticon-circle-o-down:before {
content: "\E60F"
}
.anticon-verticle-left:before {
content: "\E610"
}
.anticon-verticle-right:before {
content: "\E611"
}
.anticon-rollback:before {
content: "\E612"
}
.anticon-retweet:before {
content: "\E613"
}
.anticon-shrink:before {
content: "\E614"
}
.anticon-arrow-salt:before,
.anticon-arrows-alt:before {
content: "\E615"
}
.anticon-reload:before {
content: "\E616"
}
.anticon-double-right:before {
content: "\E617"
}
.anticon-double-left:before {
content: "\E618"
}
.anticon-arrow-down:before {
content: "\E619"
}
.anticon-arrow-up:before {
content: "\E61A"
}
.anticon-arrow-right:before {
content: "\E61B"
}
.anticon-arrow-left:before {
content: "\E61C"
}
.anticon-down:before {
content: "\E61D"
}
.anticon-up:before {
content: "\E61E"
}
.anticon-right:before {
content: "\E61F"
}
.anticon-left:before {
content: "\E620"
}
.anticon-minus-square-o:before {
content: "\E621"
}
.anticon-minus-circle:before {
content: "\E622"
}
.anticon-minus-circle-o:before {
content: "\E623"
}
.anticon-minus:before {
content: "\E624"
}
.anticon-plus-circle-o:before {
content: "\E625"
}
.anticon-plus-circle:before {
content: "\E626"
}
.anticon-plus:before {
content: "\E627"
}
.anticon-info-circle:before {
content: "\E628"
}
.anticon-info-circle-o:before {
content: "\E629"
}
.anticon-info:before {
content: "\E62A"
}
.anticon-exclamation:before {
content: "\E62B"
}
.anticon-exclamation-circle:before {
content: "\E62C"
}
.anticon-exclamation-circle-o:before {
content: "\E62D"
}
.anticon-close-circle:before,
.anticon-cross-circle:before {
content: "\E62E"
}
.anticon-close-circle-o:before,
.anticon-cross-circle-o:before {
content: "\E62F"
}
.anticon-check-circle:before {
content: "\E630"
}
.anticon-check-circle-o:before {
content: "\E631"
}
.anticon-check:before {
content: "\E632"
}
.anticon-close:before,
.anticon-cross:before {
content: "\E633"
}
.anticon-customer-service:before,
.anticon-customerservice:before {
content: "\E634"
}
.anticon-credit-card:before {
content: "\E635"
}
.anticon-code-o:before {
content: "\E636"
}
.anticon-book:before {
content: "\E637"
}
.anticon-bar-chart:before {
content: "\E638"
}
.anticon-bars:before {
content: "\E639"
}
.anticon-question:before {
content: "\E63A"
}
.anticon-question-circle:before {
content: "\E63B"
}
.anticon-question-circle-o:before {
content: "\E63C"
}
.anticon-pause:before {
content: "\E63D"
}
.anticon-pause-circle:before {
content: "\E63E"
}
.anticon-pause-circle-o:before {
content: "\E63F"
}
.anticon-clock-circle:before {
content: "\E640"
}
.anticon-clock-circle-o:before {
content: "\E641"
}
.anticon-swap:before {
content: "\E642"
}
.anticon-swap-left:before {
content: "\E643"
}
.anticon-swap-right:before {
content: "\E644"
}
.anticon-plus-square-o:before {
content: "\E645"
}
.anticon-frown-circle:before,
.anticon-frown:before {
content: "\E646"
}
.anticon-ellipsis:before {
content: "\E647"
}
.anticon-copy:before {
content: "\E648"
}
.anticon-menu-fold:before {
content: "\E658"
}
.anticon-mail:before {
content: "\E659"
}
.anticon-logout:before {
content: "\E65A"
}
.anticon-link:before {
content: "\E65B"
}
.anticon-area-chart:before {
content: "\E65C"
}
.anticon-line-chart:before {
content: "\E65D"
}
.anticon-home:before {
content: "\E65E"
}
.anticon-laptop:before {
content: "\E65F"
}
.anticon-star:before {
content: "\E660"
}
.anticon-star-o:before {
content: "\E661"
}
.anticon-folder:before {
content: "\E662"
}
.anticon-filter:before {
content: "\E663"
}
.anticon-file:before {
content: "\E664"
}
.anticon-exception:before {
content: "\E665"
}
.anticon-meh-circle:before,
.anticon-meh:before {
content: "\E666"
}
.anticon-meh-o:before {
content: "\E667"
}
.anticon-shopping-cart:before {
content: "\E668"
}
.anticon-save:before {
content: "\E669"
}
.anticon-user:before {
content: "\E66A"
}
.anticon-video-camera:before {
content: "\E66B"
}
.anticon-to-top:before {
content: "\E66C"
}
.anticon-team:before {
content: "\E66D"
}
.anticon-tablet:before {
content: "\E66E"
}
.anticon-solution:before {
content: "\E66F"
}
.anticon-search:before {
content: "\E670"
}
.anticon-share-alt:before {
content: "\E671"
}
.anticon-setting:before {
content: "\E672"
}
.anticon-poweroff:before {
content: "\E6D5"
}
.anticon-picture:before {
content: "\E674"
}
.anticon-phone:before {
content: "\E675"
}
.anticon-paper-clip:before {
content: "\E676"
}
.anticon-notification:before {
content: "\E677"
}
.anticon-mobile:before {
content: "\E678"
}
.anticon-menu-unfold:before {
content: "\E679"
}
.anticon-inbox:before {
content: "\E67A"
}
.anticon-lock:before {
content: "\E67B"
}
.anticon-qrcode:before {
content: "\E67C"
}
.anticon-play-circle:before {
content: "\E6D0"
}
.anticon-play-circle-o:before {
content: "\E6D1"
}
.anticon-tag:before {
content: "\E6D2"
}
.anticon-tag-o:before {
content: "\E6D3"
}
.anticon-tags:before {
content: "\E67D"
}
.anticon-tags-o:before {
content: "\E67E"
}
.anticon-cloud-o:before {
content: "\E67F"
}
.anticon-cloud:before {
content: "\E680"
}
.anticon-cloud-upload:before {
content: "\E681"
}
.anticon-cloud-download:before {
content: "\E682"
}
.anticon-cloud-download-o:before {
content: "\E683"
}
.anticon-cloud-upload-o:before {
content: "\E684"
}
.anticon-environment:before {
content: "\E685"
}
.anticon-environment-o:before {
content: "\E686"
}
.anticon-eye:before {
content: "\E687"
}
.anticon-eye-o:before {
content: "\E688"
}
.anticon-camera:before {
content: "\E689"
}
.anticon-camera-o:before {
content: "\E68A"
}
.anticon-windows:before {
content: "\E68B"
}
.anticon-apple:before {
content: "\E68C"
}
.anticon-apple-o:before {
content: "\E6D4"
}
.anticon-android:before {
content: "\E938"
}
.anticon-android-o:before {
content: "\E68D"
}
.anticon-aliwangwang:before {
content: "\E68E"
}
.anticon-aliwangwang-o:before {
content: "\E68F"
}
.anticon-export:before {
content: "\E691"
}
.anticon-edit:before {
content: "\E692"
}
.anticon-circle-down-o:before {
content: "\E693"
}
.anticon-circle-down-:before {
content: "\E694"
}
.anticon-appstore-o:before {
content: "\E695"
}
.anticon-appstore:before {
content: "\E696"
}
.anticon-scan:before {
content: "\E697"
}
.anticon-file-text:before {
content: "\E698"
}
.anticon-folder-open:before {
content: "\E699"
}
.anticon-hdd:before {
content: "\E69A"
}
.anticon-ie:before {
content: "\E69B"
}
.anticon-file-jpg:before {
content: "\E69C"
}
.anticon-like:before {
content: "\E64C"
}
.anticon-like-o:before {
content: "\E69D"
}
.anticon-dislike:before {
content: "\E64B"
}
.anticon-dislike-o:before {
content: "\E69E"
}
.anticon-delete:before {
content: "\E69F"
}
.anticon-enter:before {
content: "\E6A0"
}
.anticon-pushpin-o:before {
content: "\E6A1"
}
.anticon-pushpin:before {
content: "\E6A2"
}
.anticon-heart:before {
content: "\E6A3"
}
.anticon-heart-o:before {
content: "\E6A4"
}
.anticon-pay-circle:before {
content: "\E6A5"
}
.anticon-pay-circle-o:before {
content: "\E6A6"
}
.anticon-smile-circle:before,
.anticon-smile:before {
content: "\E6A7"
}
.anticon-smile-o:before {
content: "\E6A8"
}
.anticon-frown-o:before {
content: "\E6A9"
}
.anticon-calculator:before {
content: "\E6AA"
}
.anticon-message:before {
content: "\E6AB"
}
.anticon-chrome:before {
content: "\E6AC"
}
.anticon-github:before {
content: "\E6AD"
}
.anticon-file-unknown:before {
content: "\E6AF"
}
.anticon-file-excel:before {
content: "\E6B0"
}
.anticon-file-ppt:before {
content: "\E6B1"
}
.anticon-file-word:before {
content: "\E6B2"
}
.anticon-file-pdf:before {
content: "\E6B3"
}
.anticon-desktop:before {
content: "\E6B4"
}
.anticon-upload:before {
content: "\E6B6"
}
.anticon-download:before {
content: "\E6B7"
}
.anticon-pie-chart:before {
content: "\E6B8"
}
.anticon-unlock:before {
content: "\E6BA"
}
.anticon-calendar:before {
content: "\E6BB"
}
.anticon-windows-o:before {
content: "\E6BC"
}
.anticon-dot-chart:before {
content: "\E6BD"
}
.anticon-bar-chart:before {
content: "\E6BE"
}
.anticon-code:before {
content: "\E6BF"
}
.anticon-api:before {
content: "\E951"
}
.anticon-plus-square:before {
content: "\E6C0"
}
.anticon-minus-square:before {
content: "\E6C1"
}
.anticon-close-square:before {
content: "\E6C2"
}
.anticon-close-square-o:before {
content: "\E6C3"
}
.anticon-check-square:before {
content: "\E6C4"
}
.anticon-check-square-o:before {
content: "\E6C5"
}
.anticon-fast-backward:before {
content: "\E6C6"
}
.anticon-fast-forward:before {
content: "\E6C7"
}
.anticon-up-square:before {
content: "\E6C8"
}
.anticon-down-square:before {
content: "\E6C9"
}
.anticon-left-square:before {
content: "\E6CA"
}
.anticon-right-square:before {
content: "\E6CB"
}
.anticon-right-square-o:before {
content: "\E6CC"
}
.anticon-left-square-o:before {
content: "\E6CD"
}
.anticon-down-square-o:before {
content: "\E6CE"
}
.anticon-up-square-o:before {
content: "\E6CF"
}
.anticon-loading:before {
content: "\E64D"
}
.anticon-loading-3-quarters:before {
content: "\E6AE"
}
.anticon-bulb:before {
content: "\E649"
}
.anticon-select:before {
content: "\E64A"
}
.anticon-addfile:before,
.anticon-file-add:before {
content: "\E910"
}
.anticon-addfolder:before,
.anticon-folder-add:before {
content: "\E914"
}
.anticon-switcher:before {
content: "\E913"
}
.anticon-rocket:before {
content: "\E90F"
}
.anticon-dingding:before {
content: "\E923"
}
.anticon-dingding-o:before {
content: "\E925"
}
.anticon-bell:before {
content: "\E64E"
}
.anticon-disconnect:before {
content: "\E64F"
}
.anticon-database:before {
content: "\E650"
}
.anticon-compass:before {
content: "\E6DB"
}
.anticon-barcode:before {
content: "\E652"
}
.anticon-hourglass:before {
content: "\E653"
}
.anticon-key:before {
content: "\E654"
}
.anticon-flag:before {
content: "\E655"
}
.anticon-layout:before {
content: "\E656"
}
.anticon-login:before {
content: "\E657"
}
.anticon-printer:before {
content: "\E673"
}
.anticon-sound:before {
content: "\E6E9"
}
.anticon-usb:before {
content: "\E6D7"
}
.anticon-skin:before {
content: "\E6D8"
}
.anticon-tool:before {
content: "\E6D9"
}
.anticon-sync:before {
content: "\E6DA"
}
.anticon-wifi:before {
content: "\E6D6"
}
.anticon-car:before {
content: "\E6DC"
}
.anticon-copyright:before {
content: "\E6DE"
}
.anticon-schedule:before {
content: "\E6DF"
}
.anticon-user-add:before {
content: "\E6ED"
}
.anticon-user-delete:before {
content: "\E6E0"
}
.anticon-usergroup-add:before {
content: "\E6DD"
}
.anticon-usergroup-delete:before {
content: "\E6E1"
}
.anticon-man:before {
content: "\E6E2"
}
.anticon-woman:before {
content: "\E6EC"
}
.anticon-shop:before {
content: "\E6E3"
}
.anticon-gift:before {
content: "\E6E4"
}
.anticon-idcard:before {
content: "\E6E5"
}
.anticon-medicine-box:before {
content: "\E6E6"
}
.anticon-red-envelope:before {
content: "\E6E7"
}
.anticon-coffee:before {
content: "\E6E8"
}
.anticon-trademark:before {
content: "\E651"
}
.anticon-safety:before {
content: "\E6EA"
}
.anticon-wallet:before {
content: "\E6EB"
}
.anticon-bank:before {
content: "\E6EE"
}
.anticon-trophy:before {
content: "\E6EF"
}
.anticon-contacts:before {
content: "\E6F0"
}
.anticon-global:before {
content: "\E6F1"
}
.anticon-shake:before {
content: "\E94F"
}
.anticon-fork:before {
content: "\E6F2"
}
.anticon-spin:before {
display: inline-block;
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear
}
.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% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes antMoveDownIn {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes antMoveDownOut {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
}
@keyframes antMoveDownOut {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
}
@-webkit-keyframes antMoveLeftIn {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes antMoveLeftIn {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@-webkit-keyframes antMoveLeftOut {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
}
@keyframes antMoveLeftOut {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
}
@-webkit-keyframes antMoveRightIn {
0% {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
to {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes antMoveRightIn {
0% {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
to {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes antMoveRightOut {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0
}
}
@keyframes antMoveRightOut {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0
}
}
@-webkit-keyframes antMoveUpIn {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes antMoveUpIn {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes antMoveUpOut {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
}
@keyframes antMoveUpOut {
0% {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
to {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
}
@-webkit-keyframes loadingCircle {
0% {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes loadingCircle {
0% {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.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% {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(.8);
transform: scaleY(.8)
}
to {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@keyframes antSlideUpIn {
0% {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(.8);
transform: scaleY(.8)
}
to {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@-webkit-keyframes antSlideUpOut {
0% {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(.8);
transform: scaleY(.8)
}
}
@keyframes antSlideUpOut {
0% {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(.8);
transform: scaleY(.8)
}
}
@-webkit-keyframes antSlideDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scaleY(.8);
transform: scaleY(.8)
}
to {
opacity: 1;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@keyframes antSlideDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scaleY(.8);
transform: scaleY(.8)
}
to {
opacity: 1;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@-webkit-keyframes antSlideDownOut {
0% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
opacity: 0;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scaleY(.8);
transform: scaleY(.8)
}
}
@keyframes antSlideDownOut {
0% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
opacity: 0;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: scaleY(.8);
transform: scaleY(.8)
}
}
@-webkit-keyframes antSlideLeftIn {
0% {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(.8);
transform: scaleX(.8)
}
to {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes antSlideLeftIn {
0% {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(.8);
transform: scaleX(.8)
}
to {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@-webkit-keyframes antSlideLeftOut {
0% {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(.8);
transform: scaleX(.8)
}
}
@keyframes antSlideLeftOut {
0% {
opacity: 1;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(.8);
transform: scaleX(.8)
}
}
@-webkit-keyframes antSlideRightIn {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(.8);
transform: scaleX(.8)
}
to {
opacity: 1;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes antSlideRightIn {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(.8);
transform: scaleX(.8)
}
to {
opacity: 1;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@-webkit-keyframes antSlideRightOut {
0% {
opacity: 1;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
opacity: 0;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(.8);
transform: scaleX(.8)
}
}
@keyframes antSlideRightOut {
0% {
opacity: 1;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
opacity: 0;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(.8);
transform: scaleX(.8)
}
}
.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 {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
40% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
60% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
80% {
-webkit-transform: translateX(5px);
transform: translateX(5px)
}
}
@keyframes antSwingIn {
0%,
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
40% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
60% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
80% {
-webkit-transform: translateX(5px);
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 {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(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 {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(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 {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(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 {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(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 {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(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 {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(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 {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(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% {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes antZoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes antZoomOut {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2)
}
}
@keyframes antZoomOut {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2)
}
}
@-webkit-keyframes antZoomBigIn {
0% {
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes antZoomBigIn {
0% {
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes antZoomBigOut {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@keyframes antZoomBigOut {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@-webkit-keyframes antZoomUpIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes antZoomUpIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes antZoomUpOut {
0% {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@keyframes antZoomUpOut {
0% {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@-webkit-keyframes antZoomLeftIn {
0% {
opacity: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes antZoomLeftIn {
0% {
opacity: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes antZoomLeftOut {
0% {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@keyframes antZoomLeftOut {
0% {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@-webkit-keyframes antZoomRightIn {
0% {
opacity: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes antZoomRightIn {
0% {
opacity: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes antZoomRightOut {
0% {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@keyframes antZoomRightOut {
0% {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@-webkit-keyframes antZoomDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes antZoomDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes antZoomDownOut {
0% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@keyframes antZoomDownOut {
0% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
.ant-motion-collapse {
overflow: hidden
}
.ant-motion-collapse-active {
-webkit-transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1)!important;
transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1)!important
}
.ant-modal {
position: relative;
width: auto;
margin: 0 auto;
top: 100px;
padding-bottom: 24px
}
.ant-modal-wrap {
position: fixed;
overflow: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
-webkit-overflow-scrolling: touch;
outline: 0
}
.ant-modal-title {
margin: 0;
font-size: 14px;
line-height: 21px;
font-weight: 500;
color: rgba(0, 0, 0, .85)
}
.ant-modal-content {
position: relative;
background-color: #fff;
border: 0;
border-radius: 4px;
min-height: 350px;
background-clip: padding-box;
box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}
.ant-modal-close {
cursor: pointer;
border: 0;
background: transparent;
position: absolute;
right: 0;
top: 0;
z-index: 10;
font-weight: 700;
line-height: 1;
text-decoration: none;
-webkit-transition: color .3s ease;
transition: color .3s ease;
color: rgba(0, 0, 0, .43);
outline: 0
}
.ant-modal-close-x {
display: block;
font-style: normal;
vertical-align: baseline;
text-align: center;
text-transform: none;
text-rendering: auto;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 14px
}
.ant-modal-close-x:before {
content: "\E633";
display: block;
font-family: anticon!important
}
.ant-modal-close:focus,
.ant-modal-close:hover {
color: #444;
text-decoration: none
}
.ant-modal-header {
padding: 13px 16px;
border-radius: 4px 4px 0 0;
background: #fff;
color: #697b8c;
border-bottom: 1px solid #e9e9e9
}
.ant-modal-body {
padding: 16px;
font-size: 12px;
line-height: 1.5
}
.ant-modal-footer {
border-top: 1px solid #e9e9e9;
padding: 10px 16px 10px 10px;
text-align: right;
border-radius: 0 0 4px 4px
}
.ant-modal-footer button+button {
margin-left: 8px;
margin-bottom: 0
}
.ant-modal.zoom-appear,
.ant-modal.zoom-enter {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 0
}
.ant-modal-mask {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #373737;
background-color: rgba(55, 55, 55, .6);
height: 100%;
z-index: 1000;
filter: alpha(opacity=50)
}
.ant-modal-mask-hidden {
display: none
}
.ant-modal-open {
overflow: hidden
}
@media (max-width:768px) {
.ant-modal {
width: auto!important;
margin: 10px
}
.vertical-center-modal .ant-modal {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
}
.ant-confirm .ant-modal-close,
.ant-confirm .ant-modal-header {
display: none
}
.ant-confirm .ant-modal-body {
padding: 30px 40px
}
.ant-confirm-body-wrapper {
zoom: 1
}
.ant-confirm-body-wrapper:after,
.ant-confirm-body-wrapper:before {
content: " ";
display: table
}
.ant-confirm-body-wrapper:after {
clear: both;
visibility: hidden;
font-size: 0;
height: 0
}
.ant-confirm-body .ant-confirm-title {
color: #697b8c;
font-weight: 700;
font-size: 14px
}
.ant-confirm-body .ant-confirm-content {
margin-left: 42px;
font-size: 12px;
color: #697b8c;
margin-top: 8px
}
.ant-confirm-body>.anticon {
font-size: 24px;
margin-right: 16px;
padding: 0 1px;
float: left
}
.ant-confirm .ant-confirm-btns {
margin-top: 30px;
float: right
}
.ant-confirm .ant-confirm-btns button+button {
margin-left: 10px;
margin-bottom: 0
}
.ant-confirm-error .ant-confirm-body>.anticon {
color: #f04134
}
.ant-confirm-confirm .ant-confirm-body>.anticon,
.ant-confirm-warning .ant-confirm-body>.anticon {
color: #ffbf00
}
.ant-confirm-info .ant-confirm-body>.anticon {
color: #108ee9
}
.ant-confirm-success .ant-confirm-body>.anticon {
color: #00a854
}
.ant-btn {
display: inline-block;
margin-bottom: 0;
font-weight: 500;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
line-height: 1.15;
padding: 0 15px;
font-size: 12px;
border-radius: 4px;
height: 28px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
transition: all .3s cubic-bezier(.645, .045, .355, 1);
position: relative;
color: #697b8c;
background-color: #fff;
border-color: #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;
-webkit-transition: none;
transition: none
}
.ant-btn.disabled,
.ant-btn[disabled] {
cursor: not-allowed
}
.ant-btn.disabled>*,
.ant-btn[disabled]>* {
pointer-events: none
}
.ant-btn-lg {
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
height: 32px
}
.ant-btn-sm {
padding: 0 7px;
font-size: 12px;
border-radius: 4px;
height: 22px
}
.ant-btn>a:only-child {
color: currentColor
}
.ant-btn>a:only-child:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn:focus,
.ant-btn:hover {
color: #2f54eb;
background-color: #fff;
border-color: #2f54eb
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn.active,
.ant-btn:active {
color: #2643ce;
background-color: #fff;
border-color: #2643ce
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.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: #f7f7f7;
border-color: #d9d9d9
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn.active,
.ant-btn:active,
.ant-btn:focus,
.ant-btn:hover {
background: #fff
}
.ant-btn>i,
.ant-btn>span {
pointer-events: none
}
.ant-btn-primary {
color: #fff;
background-color: #2f54eb;
border-color: #2f54eb
}
.ant-btn-primary>a:only-child {
color: currentColor
}
.ant-btn-primary>a:only-child:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-primary:focus,
.ant-btn-primary:hover {
color: #fff;
background-color: #617df0;
border-color: #617df0
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-primary.active,
.ant-btn-primary:active {
color: #fff;
background-color: #2643ce;
border-color: #2643ce
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.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: #f7f7f7;
border-color: #d9d9d9
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
border-right-color: #2643ce;
border-left-color: #2643ce
}
.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: #2643ce
}
.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: #2643ce
}
.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: #697b8c;
background-color: transparent;
border-color: #d9d9d9
}
.ant-btn-ghost>a:only-child {
color: currentColor
}
.ant-btn-ghost>a:only-child:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-ghost:focus,
.ant-btn-ghost:hover {
color: #2f54eb;
background-color: transparent;
border-color: #2f54eb
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-ghost.active,
.ant-btn-ghost:active {
color: #2643ce;
background-color: transparent;
border-color: #2643ce
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.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: #f7f7f7;
border-color: #d9d9d9
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-dashed {
color: #697b8c;
background-color: #fff;
border-color: #d9d9d9;
border-style: dashed
}
.ant-btn-dashed>a:only-child {
color: currentColor
}
.ant-btn-dashed>a:only-child:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-dashed:focus,
.ant-btn-dashed:hover {
color: #2f54eb;
background-color: #fff;
border-color: #2f54eb
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-dashed.active,
.ant-btn-dashed:active {
color: #2643ce;
background-color: #fff;
border-color: #2643ce
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.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: #f7f7f7;
border-color: #d9d9d9
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-danger {
color: #f04134;
background-color: #f7f7f7;
border-color: #d9d9d9
}
.ant-btn-danger>a:only-child {
color: currentColor
}
.ant-btn-danger>a:only-child:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-danger:focus,
.ant-btn-danger:hover {
color: #fff;
background-color: #f04134;
border-color: #f04134
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-danger.active,
.ant-btn-danger:active {
color: #fff;
background-color: #d73435;
border-color: #d73435
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.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: #f7f7f7;
border-color: #d9d9d9
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-circle,
.ant-btn-circle-outline {
width: 28px;
padding: 0;
font-size: 14px;
border-radius: 50%;
height: 28px
}
.ant-btn-circle-outline.ant-btn-lg,
.ant-btn-circle.ant-btn-lg {
width: 32px;
padding: 0;
font-size: 16px;
border-radius: 50%;
height: 32px
}
.ant-btn-circle-outline.ant-btn-sm,
.ant-btn-circle.ant-btn-sm {
width: 22px;
padding: 0;
font-size: 12px;
border-radius: 50%;
height: 22px
}
.ant-btn:before {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
background: #fff;
opacity: .35;
content: "";
border-radius: inherit;
z-index: 1;
-webkit-transition: opacity .2s;
transition: opacity .2s;
pointer-events: none;
display: none
}
.ant-btn .anticon {
-webkit-transition: margin-left .3s cubic-bezier(.645, .045, .355, 1);
transition: margin-left .3s cubic-bezier(.645, .045, .355, 1)
}
.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;
pointer-events: none;
position: relative
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
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 {
position: relative;
z-index: 1
}
.ant-btn-group>.ant-btn.active,
.ant-btn-group>.ant-btn:active,
.ant-btn-group>.ant-btn:focus,
.ant-btn-group>.ant-btn:hover {
z-index: 2
}
.ant-btn-group>.ant-btn:disabled {
z-index: 0
}
.ant-btn-group-lg>.ant-btn {
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
height: 32px
}
.ant-btn-group-sm>.ant-btn {
padding: 0 7px;
font-size: 12px;
border-radius: 4px;
height: 22px
}
.ant-btn-group-sm>.ant-btn>.anticon {
font-size: 12px
}
.ant-btn+.ant-btn-group,
.ant-btn-group+.ant-btn,
.ant-btn-group+.ant-btn-group,
.ant-btn-group .ant-btn+.ant-btn {
margin-left: -1px
}
.ant-btn-group .ant-btn:not(:first-child):not(:last-child) {
border-radius: 0;
padding-left: 8px;
padding-right: 8px
}
.ant-btn-group>.ant-btn:first-child {
margin-left: 0
}
.ant-btn-group>.ant-btn:first-child:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding-right: 8px
}
.ant-btn-group>.ant-btn:last-child:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 8px
}
.ant-btn-group>.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 {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding-right: 8px
}
.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
padding-left: 8px
}
.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
padding-left: 8px;
padding-right: 8px
}
.ant-btn:active>span,
.ant-btn:focus>span {
position: relative
}
.ant-btn>.anticon+span,
.ant-btn>span+.anticon {
margin-left: .5em
}
.ant-btn-clicked:after {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
border-radius: inherit;
border: 0 solid #2f54eb;
opacity: .4;
-webkit-animation: buttonEffect .4s;
animation: buttonEffect .4s;
display: block
}
.ant-btn-danger.ant-btn-clicked:after {
border-color: #f04134
}
.ant-btn-background-ghost {
background: transparent!important;
border-color: #fff;
color: #fff
}
.ant-btn-background-ghost.ant-btn-primary {
color: #2f54eb;
background-color: transparent;
border-color: #2f54eb
}
.ant-btn-background-ghost.ant-btn-primary>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-background-ghost.ant-btn-primary:focus,
.ant-btn-background-ghost.ant-btn-primary:hover {
color: #617df0;
background-color: transparent;
border-color: #617df0
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-background-ghost.ant-btn-primary.active,
.ant-btn-background-ghost.ant-btn-primary:active {
color: #2643ce;
background-color: transparent;
border-color: #2643ce
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.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: #f7f7f7;
border-color: #d9d9d9
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-background-ghost.ant-btn-danger {
color: #f04134;
background-color: transparent;
border-color: #f04134
}
.ant-btn-background-ghost.ant-btn-danger>a:only-child {
color: currentColor
}
.ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-background-ghost.ant-btn-danger:focus,
.ant-btn-background-ghost.ant-btn-danger:hover {
color: #f46e65;
background-color: transparent;
border-color: #f46e65
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.ant-btn-background-ghost.ant-btn-danger.active,
.ant-btn-background-ghost.ant-btn-danger:active {
color: #d73435;
background-color: transparent;
border-color: #d73435
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
.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: #f7f7f7;
border-color: #d9d9d9
}
.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 {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent
}
@-webkit-keyframes buttonEffect {
to {
opacity: 0;
top: -6px;
left: -6px;
bottom: -6px;
right: -6px;
border-width: 6px
}
}
@keyframes buttonEffect {
to {
opacity: 0;
top: -6px;
left: -6px;
bottom: -6px;
right: -6px;
border-width: 6px
}
}
.ant-row {
position: relative;
margin-left: 0;
margin-right: 0;
height: auto;
zoom: 1;
display: block
}
.ant-row:after,
.ant-row:before {
content: " ";
display: table
}
.ant-row:after {
clear: both;
visibility: hidden;
font-size: 0;
height: 0
}
.ant-row-flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.ant-row-flex,
.ant-row-flex:after,
.ant-row-flex:before {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.ant-row-flex-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.ant-row-flex-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ant-row-flex-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.ant-row-flex-space-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.ant-row-flex-space-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.ant-row-flex-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.ant-row-flex-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.ant-row-flex-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.ant-col {
position: relative;
display: block
}
.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;
min-height: 1px;
padding-left: 0;
padding-right: 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 {
float: left;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.ant-col-24 {
display: block;
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 {
-webkit-box-ordinal-group: 25;
-webkit-order: 24;
-ms-flex-order: 24;
order: 24
}
.ant-col-23 {
display: block;
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 {
-webkit-box-ordinal-group: 24;
-webkit-order: 23;
-ms-flex-order: 23;
order: 23
}
.ant-col-22 {
display: block;
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 {
-webkit-box-ordinal-group: 23;
-webkit-order: 22;
-ms-flex-order: 22;
order: 22
}
.ant-col-21 {
display: block;
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 {
-webkit-box-ordinal-group: 22;
-webkit-order: 21;
-ms-flex-order: 21;
order: 21
}
.ant-col-20 {
display: block;
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 {
-webkit-box-ordinal-group: 21;
-webkit-order: 20;
-ms-flex-order: 20;
order: 20
}
.ant-col-19 {
display: block;
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 {
-webkit-box-ordinal-group: 20;
-webkit-order: 19;
-ms-flex-order: 19;
order: 19
}
.ant-col-18 {
display: block;
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 {
-webkit-box-ordinal-group: 19;
-webkit-order: 18;
-ms-flex-order: 18;
order: 18
}
.ant-col-17 {
display: block;
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 {
-webkit-box-ordinal-group: 18;
-webkit-order: 17;
-ms-flex-order: 17;
order: 17
}
.ant-col-16 {
display: block;
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 {
-webkit-box-ordinal-group: 17;
-webkit-order: 16;
-ms-flex-order: 16;
order: 16
}
.ant-col-15 {
display: block;
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 {
-webkit-box-ordinal-group: 16;
-webkit-order: 15;
-ms-flex-order: 15;
order: 15
}
.ant-col-14 {
display: block;
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 {
-webkit-box-ordinal-group: 15;
-webkit-order: 14;
-ms-flex-order: 14;
order: 14
}
.ant-col-13 {
display: block;
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 {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13
}
.ant-col-12 {
display: block;
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 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12
}
.ant-col-11 {
display: block;
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 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11
}
.ant-col-10 {
display: block;
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 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10
}
.ant-col-9 {
display: block;
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 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9
}
.ant-col-8 {
display: block;
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 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8
}
.ant-col-7 {
display: block;
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 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7
}
.ant-col-6 {
display: block;
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 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.ant-col-5 {
display: block;
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 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.ant-col-4 {
display: block;
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 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.ant-col-3 {
display: block;
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 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.ant-col-2 {
display: block;
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 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.ant-col-1 {
display: block;
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 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.ant-col-0 {
display: none
}
.ant-col-offset-0 {
margin-left: 0
}
.ant-col-order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-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 {
float: left;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.ant-col-xs-24 {
display: block;
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 {
-webkit-box-ordinal-group: 25;
-webkit-order: 24;
-ms-flex-order: 24;
order: 24
}
.ant-col-xs-23 {
display: block;
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 {
-webkit-box-ordinal-group: 24;
-webkit-order: 23;
-ms-flex-order: 23;
order: 23
}
.ant-col-xs-22 {
display: block;
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 {
-webkit-box-ordinal-group: 23;
-webkit-order: 22;
-ms-flex-order: 22;
order: 22
}
.ant-col-xs-21 {
display: block;
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 {
-webkit-box-ordinal-group: 22;
-webkit-order: 21;
-ms-flex-order: 21;
order: 21
}
.ant-col-xs-20 {
display: block;
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 {
-webkit-box-ordinal-group: 21;
-webkit-order: 20;
-ms-flex-order: 20;
order: 20
}
.ant-col-xs-19 {
display: block;
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 {
-webkit-box-ordinal-group: 20;
-webkit-order: 19;
-ms-flex-order: 19;
order: 19
}
.ant-col-xs-18 {
display: block;
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 {
-webkit-box-ordinal-group: 19;
-webkit-order: 18;
-ms-flex-order: 18;
order: 18
}
.ant-col-xs-17 {
display: block;
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 {
-webkit-box-ordinal-group: 18;
-webkit-order: 17;
-ms-flex-order: 17;
order: 17
}
.ant-col-xs-16 {
display: block;
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 {
-webkit-box-ordinal-group: 17;
-webkit-order: 16;
-ms-flex-order: 16;
order: 16
}
.ant-col-xs-15 {
display: block;
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 {
-webkit-box-ordinal-group: 16;
-webkit-order: 15;
-ms-flex-order: 15;
order: 15
}
.ant-col-xs-14 {
display: block;
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 {
-webkit-box-ordinal-group: 15;
-webkit-order: 14;
-ms-flex-order: 14;
order: 14
}
.ant-col-xs-13 {
display: block;
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 {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13
}
.ant-col-xs-12 {
display: block;
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 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12
}
.ant-col-xs-11 {
display: block;
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 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11
}
.ant-col-xs-10 {
display: block;
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 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10
}
.ant-col-xs-9 {
display: block;
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 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9
}
.ant-col-xs-8 {
display: block;
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 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8
}
.ant-col-xs-7 {
display: block;
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 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7
}
.ant-col-xs-6 {
display: block;
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 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.ant-col-xs-5 {
display: block;
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 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.ant-col-xs-4 {
display: block;
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 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.ant-col-xs-3 {
display: block;
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 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.ant-col-xs-2 {
display: block;
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 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.ant-col-xs-1 {
display: block;
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 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-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 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0
}
@media (min-width:768px) {
.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 {
float: left;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.ant-col-sm-24 {
display: block;
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 {
-webkit-box-ordinal-group: 25;
-webkit-order: 24;
-ms-flex-order: 24;
order: 24
}
.ant-col-sm-23 {
display: block;
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 {
-webkit-box-ordinal-group: 24;
-webkit-order: 23;
-ms-flex-order: 23;
order: 23
}
.ant-col-sm-22 {
display: block;
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 {
-webkit-box-ordinal-group: 23;
-webkit-order: 22;
-ms-flex-order: 22;
order: 22
}
.ant-col-sm-21 {
display: block;
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 {
-webkit-box-ordinal-group: 22;
-webkit-order: 21;
-ms-flex-order: 21;
order: 21
}
.ant-col-sm-20 {
display: block;
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 {
-webkit-box-ordinal-group: 21;
-webkit-order: 20;
-ms-flex-order: 20;
order: 20
}
.ant-col-sm-19 {
display: block;
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 {
-webkit-box-ordinal-group: 20;
-webkit-order: 19;
-ms-flex-order: 19;
order: 19
}
.ant-col-sm-18 {
display: block;
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 {
-webkit-box-ordinal-group: 19;
-webkit-order: 18;
-ms-flex-order: 18;
order: 18
}
.ant-col-sm-17 {
display: block;
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 {
-webkit-box-ordinal-group: 18;
-webkit-order: 17;
-ms-flex-order: 17;
order: 17
}
.ant-col-sm-16 {
display: block;
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 {
-webkit-box-ordinal-group: 17;
-webkit-order: 16;
-ms-flex-order: 16;
order: 16
}
.ant-col-sm-15 {
display: block;
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 {
-webkit-box-ordinal-group: 16;
-webkit-order: 15;
-ms-flex-order: 15;
order: 15
}
.ant-col-sm-14 {
display: block;
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 {
-webkit-box-ordinal-group: 15;
-webkit-order: 14;
-ms-flex-order: 14;
order: 14
}
.ant-col-sm-13 {
display: block;
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 {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13
}
.ant-col-sm-12 {
display: block;
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 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12
}
.ant-col-sm-11 {
display: block;
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 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11
}
.ant-col-sm-10 {
display: block;
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 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10
}
.ant-col-sm-9 {
display: block;
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 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9
}
.ant-col-sm-8 {
display: block;
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 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8
}
.ant-col-sm-7 {
display: block;
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 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7
}
.ant-col-sm-6 {
display: block;
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 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.ant-col-sm-5 {
display: block;
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 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.ant-col-sm-4 {
display: block;
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 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.ant-col-sm-3 {
display: block;
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 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.ant-col-sm-2 {
display: block;
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 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.ant-col-sm-1 {
display: block;
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 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-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 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0
}
}
@media (min-width:992px) {
.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 {
float: left;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.ant-col-md-24 {
display: block;
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 {
-webkit-box-ordinal-group: 25;
-webkit-order: 24;
-ms-flex-order: 24;
order: 24
}
.ant-col-md-23 {
display: block;
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 {
-webkit-box-ordinal-group: 24;
-webkit-order: 23;
-ms-flex-order: 23;
order: 23
}
.ant-col-md-22 {
display: block;
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 {
-webkit-box-ordinal-group: 23;
-webkit-order: 22;
-ms-flex-order: 22;
order: 22
}
.ant-col-md-21 {
display: block;
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 {
-webkit-box-ordinal-group: 22;
-webkit-order: 21;
-ms-flex-order: 21;
order: 21
}
.ant-col-md-20 {
display: block;
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 {
-webkit-box-ordinal-group: 21;
-webkit-order: 20;
-ms-flex-order: 20;
order: 20
}
.ant-col-md-19 {
display: block;
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 {
-webkit-box-ordinal-group: 20;
-webkit-order: 19;
-ms-flex-order: 19;
order: 19
}
.ant-col-md-18 {
display: block;
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 {
-webkit-box-ordinal-group: 19;
-webkit-order: 18;
-ms-flex-order: 18;
order: 18
}
.ant-col-md-17 {
display: block;
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 {
-webkit-box-ordinal-group: 18;
-webkit-order: 17;
-ms-flex-order: 17;
order: 17
}
.ant-col-md-16 {
display: block;
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 {
-webkit-box-ordinal-group: 17;
-webkit-order: 16;
-ms-flex-order: 16;
order: 16
}
.ant-col-md-15 {
display: block;
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 {
-webkit-box-ordinal-group: 16;
-webkit-order: 15;
-ms-flex-order: 15;
order: 15
}
.ant-col-md-14 {
display: block;
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 {
-webkit-box-ordinal-group: 15;
-webkit-order: 14;
-ms-flex-order: 14;
order: 14
}
.ant-col-md-13 {
display: block;
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 {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13
}
.ant-col-md-12 {
display: block;
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 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12
}
.ant-col-md-11 {
display: block;
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 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11
}
.ant-col-md-10 {
display: block;
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 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10
}
.ant-col-md-9 {
display: block;
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 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9
}
.ant-col-md-8 {
display: block;
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 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8
}
.ant-col-md-7 {
display: block;
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 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7
}
.ant-col-md-6 {
display: block;
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 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.ant-col-md-5 {
display: block;
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 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.ant-col-md-4 {
display: block;
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 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.ant-col-md-3 {
display: block;
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 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.ant-col-md-2 {
display: block;
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 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.ant-col-md-1 {
display: block;
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 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-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 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0
}
}
@media (min-width:1200px) {
.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 {
float: left;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.ant-col-lg-24 {
display: block;
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 {
-webkit-box-ordinal-group: 25;
-webkit-order: 24;
-ms-flex-order: 24;
order: 24
}
.ant-col-lg-23 {
display: block;
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 {
-webkit-box-ordinal-group: 24;
-webkit-order: 23;
-ms-flex-order: 23;
order: 23
}
.ant-col-lg-22 {
display: block;
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 {
-webkit-box-ordinal-group: 23;
-webkit-order: 22;
-ms-flex-order: 22;
order: 22
}
.ant-col-lg-21 {
display: block;
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 {
-webkit-box-ordinal-group: 22;
-webkit-order: 21;
-ms-flex-order: 21;
order: 21
}
.ant-col-lg-20 {
display: block;
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 {
-webkit-box-ordinal-group: 21;
-webkit-order: 20;
-ms-flex-order: 20;
order: 20
}
.ant-col-lg-19 {
display: block;
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 {
-webkit-box-ordinal-group: 20;
-webkit-order: 19;
-ms-flex-order: 19;
order: 19
}
.ant-col-lg-18 {
display: block;
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 {
-webkit-box-ordinal-group: 19;
-webkit-order: 18;
-ms-flex-order: 18;
order: 18
}
.ant-col-lg-17 {
display: block;
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 {
-webkit-box-ordinal-group: 18;
-webkit-order: 17;
-ms-flex-order: 17;
order: 17
}
.ant-col-lg-16 {
display: block;
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 {
-webkit-box-ordinal-group: 17;
-webkit-order: 16;
-ms-flex-order: 16;
order: 16
}
.ant-col-lg-15 {
display: block;
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 {
-webkit-box-ordinal-group: 16;
-webkit-order: 15;
-ms-flex-order: 15;
order: 15
}
.ant-col-lg-14 {
display: block;
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 {
-webkit-box-ordinal-group: 15;
-webkit-order: 14;
-ms-flex-order: 14;
order: 14
}
.ant-col-lg-13 {
display: block;
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 {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13
}
.ant-col-lg-12 {
display: block;
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 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12
}
.ant-col-lg-11 {
display: block;
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 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11
}
.ant-col-lg-10 {
display: block;
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 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10
}
.ant-col-lg-9 {
display: block;
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 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9
}
.ant-col-lg-8 {
display: block;
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 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8
}
.ant-col-lg-7 {
display: block;
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 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7
}
.ant-col-lg-6 {
display: block;
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 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.ant-col-lg-5 {
display: block;
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 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.ant-col-lg-4 {
display: block;
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 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.ant-col-lg-3 {
display: block;
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 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.ant-col-lg-2 {
display: block;
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 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.ant-col-lg-1 {
display: block;
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 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-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 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0
}
}
@media (min-width:1600px) {
.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 {
float: left;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.ant-col-xl-24 {
display: block;
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 {
-webkit-box-ordinal-group: 25;
-webkit-order: 24;
-ms-flex-order: 24;
order: 24
}
.ant-col-xl-23 {
display: block;
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 {
-webkit-box-ordinal-group: 24;
-webkit-order: 23;
-ms-flex-order: 23;
order: 23
}
.ant-col-xl-22 {
display: block;
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 {
-webkit-box-ordinal-group: 23;
-webkit-order: 22;
-ms-flex-order: 22;
order: 22
}
.ant-col-xl-21 {
display: block;
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 {
-webkit-box-ordinal-group: 22;
-webkit-order: 21;
-ms-flex-order: 21;
order: 21
}
.ant-col-xl-20 {
display: block;
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 {
-webkit-box-ordinal-group: 21;
-webkit-order: 20;
-ms-flex-order: 20;
order: 20
}
.ant-col-xl-19 {
display: block;
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 {
-webkit-box-ordinal-group: 20;
-webkit-order: 19;
-ms-flex-order: 19;
order: 19
}
.ant-col-xl-18 {
display: block;
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 {
-webkit-box-ordinal-group: 19;
-webkit-order: 18;
-ms-flex-order: 18;
order: 18
}
.ant-col-xl-17 {
display: block;
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 {
-webkit-box-ordinal-group: 18;
-webkit-order: 17;
-ms-flex-order: 17;
order: 17
}
.ant-col-xl-16 {
display: block;
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 {
-webkit-box-ordinal-group: 17;
-webkit-order: 16;
-ms-flex-order: 16;
order: 16
}
.ant-col-xl-15 {
display: block;
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 {
-webkit-box-ordinal-group: 16;
-webkit-order: 15;
-ms-flex-order: 15;
order: 15
}
.ant-col-xl-14 {
display: block;
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 {
-webkit-box-ordinal-group: 15;
-webkit-order: 14;
-ms-flex-order: 14;
order: 14
}
.ant-col-xl-13 {
display: block;
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 {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13
}
.ant-col-xl-12 {
display: block;
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 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12
}
.ant-col-xl-11 {
display: block;
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 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11
}
.ant-col-xl-10 {
display: block;
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 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10
}
.ant-col-xl-9 {
display: block;
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 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9
}
.ant-col-xl-8 {
display: block;
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 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8
}
.ant-col-xl-7 {
display: block;
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 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7
}
.ant-col-xl-6 {
display: block;
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 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
.ant-col-xl-5 {
display: block;
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 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.ant-col-xl-4 {
display: block;
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 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.ant-col-xl-3 {
display: block;
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 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.ant-col-xl-2 {
display: block;
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 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.ant-col-xl-1 {
display: block;
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 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-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 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0
}
}
body,
html {
font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 1.5;
color: #697b8c;
font-size: 16px;
background: #fff;
-webkit-transition: background 1s cubic-bezier(.075, .82, .165, 1);
transition: background 1s cubic-bezier(.075, .82, .165, 1);
-webkit-font-smoothing: antialiased
}
.home-button {
text-align: center
}
.home-button .ant-btn {
width: 132px;
height: 42px;
line-height: 42px;
border-radius: 21px;
font-size: 14px;
font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif
}
img {
display: block
}
.page {
width: 100%;
max-width: 1200px;
padding: 0 24px;
margin: auto
}
.page-wrapper {
width: 100%;
margin: 120px auto;
will-change: transform
}
.page>h1 {
font-size: 32px;
font-weight: 400;
text-align: center
}
.page>i {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTNweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgNTMgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5BRlg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTI4LjQxMzA0MSUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwNUNCRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzMzQUNGRiIgb2Zmc2V0PSIzNy4xMjcyMTkxJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU1QUZGIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IldlYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY5NC4wMDAwMDAsIC03MTkuMDAwMDAwKSIgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBzdHJva2Utd2lkdGg9IjEuMiI+CiAgICAgICAgICAgIDxnIGlkPSLnibnpgoDlmInlrr4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2LjAwMDAwMCwgNjU1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTY1OS44LDY1LjM1IEw2NTkuOCw3NC42NSBMNjY5LjIsNzQuNjUgTDY2OS4yLDY1LjM1IEw2NTkuOCw2NS4zNSBaIE02ODQuOTQyODU3LDc1LjQgQzY4Ny45NTgwMiw3NS40IDY5MC40LDcyLjk4MTA1NzkgNjkwLjQsNzAgQzY5MC40LDY3LjAxODk0MjEgNjg3Ljk1ODAyLDY0LjYgNjg0Ljk0Mjg1Nyw2NC42IEM2ODEuOTI3Njk0LDY0LjYgNjc5LjQ4NTcxNCw2Ny4wMTg5NDIxIDY3OS40ODU3MTQsNzAgQzY3OS40ODU3MTQsNzIuOTgxMDU3OSA2ODEuOTI3Njk0LDc1LjQgNjg0Ljk0Mjg1Nyw3NS40IFogTTY0NC44MTQyODYsNjUuODUyMTU4MSBMNjM5LjEwNDY2Niw3NC42NSBMNjUwLjUyMzkwNiw3NC42NSBMNjQ0LjgxNDI4Niw2NS44NTIxNTgxIFoiIGlkPSJBRlgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 50%;
background-size: contain;
height: 12px;
display: block;
margin-bottom: 12px
}
.qrcode-modal .ant-modal-content {
border-radius: 8px
}
.qrcode-modal .ant-modal-body {
padding: 56px;
text-align: center;
font-size: 16px
}
.qrcode-modal .ant-modal-body img {
width: 100%;
max-width: 288px
}
.vertical-center-modal {
text-align: center;
white-space: nowrap
}
.vertical-center-modal:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0
}
.vertical-center-modal .ant-modal {
display: inline-block;
vertical-align: middle;
top: 0
}
.banner {
position: relative;
height: 872px;
text-align: center;
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
font-family: PingFang SC, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif
}
.banner-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
background: #0d44bc;
background: -webkit-linear-gradient(315deg, #0d44bc, #168cf6);
background: linear-gradient(135deg, #0d44bc, #168cf6)
}
.banner-bg #svg-wrapper g {
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%
}
.banner-content {
width: 80%;
max-width: 1150px;
height: 500px;
font-size: 20px;
line-height: 28px;
font-weight: 400;
will-change: transform;
position: relative;
z-index: 1
}
.banner-content .cn-name span,
.banner-content h1 span {
display: inline-block
}
.banner-content h1 {
color: #fff;
font-size: 68px;
line-height: 80px;
text-indent: 2px;
font-weight: 600;
margin: 26px auto 38px;
overflow: hidden
}
.banner-content .en-name {
display: block;
font-size: 14px;
line-height: 32px;
color: #fff;
font-weight: 400
}
.banner-content .cn-name {
color: #fff;
font-size: 24px;
overflow: hidden;
opacity: .8
}
.banner-content .home-button {
margin: 72px auto 27px
}
.banner-content .home-button .ant-btn {
background: #034365;
background: -webkit-linear-gradient(left, #034365, #001b33);
background: linear-gradient(90deg, #034365 0, #001b33);
box-shadow: 0 8px 16px #0a52ab;
border: none
}
.banner-content .extra {
font-size: 14px;
color: #fff
}
.site-top {
padding: 0 2.5%;
position: absolute;
background: transparent;
height: 80px;
line-height: 80px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 1000
}
.site-top.no-banner {
position: fixed;
background: hsla(0, 0%, 100%, .9);
box-shadow: 0 8px 16px rgba(92, 127, 204, .12)
}
.site-top.no-banner li {
color: #314659
}
.site-top.no-banner .logo {
/*background: url('../images/csalogo.png') no-repeat 0;*/
cursor: pointer
}
.site-top nav {
margin-right: 8px
}
.site-top nav>ul>li {
float: left;
font-size: 14px;
line-height: 22px;
margin-right: 48px;
cursor: pointer;
color: #fff
}
.site-top nav>ul>li:last-child {
margin-right: -8px
}
.site-top .logo {
height: 60px;
background: url(../images/csalogo.png) no-repeat 0;
position: absolute;
left: 2.5%;
top: 0;
bottom: 0;
margin: auto
}
.page1 {
margin-top: 64px;
position: relative
}
.page1.page-wrapper {
width: calc(100% - 112px);
margin: 0 56px;
border-radius: 4px;
box-shadow: 0 32px 32px rgba(34, 94, 222, .08);
background: #fff
}
.page1 .page {
margin-top: -220px;
overflow: hidden
}
.page1 .page>i {
margin-top: 64px
}
.page1 .content-wrapper {
margin-top: 72px
}
.page1 .content-wrapper>div {
margin-bottom: 60px
}
.page1 .content-wrapper .ant-col-sm-offset-1,
.page1 .content-wrapper .ant-col-sm-offset-3 {
clear: left
}
.page1 .content-wrapper .image-wrapper {
border-radius: 8px;
overflow: hidden
}
.page1 .content-wrapper .image-wrapper img {
width: 100%;
display: block
}
.page1 .content-wrapper .image-wrapper img[src=""] {
background: -webkit-linear-gradient(bottom left, #d6defc, #fff);
background: linear-gradient(to top right, #d6defc, #fff);
padding-bottom: 100%
}
.page1 .content-wrapper h2 {
font-size: 20px;
color: #0d1a26;
font-weight: 400;
margin: 24px auto 8px;
text-align: center;
white-space: nowrap
}
.page1 .content-wrapper p {}
.page2 {
max-width: 572px
}
.page2 .title {
min-height: 80px
}
.page2 .timeline {
margin-top: 96px;
position: relative
}
.page2 .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
}
.page2 .timeline .block-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 70px
}
.page2 .timeline .block-wrapper>* {
display: inline-block;
will-change: transform
}
.page2 .timeline .block-wrapper:last-child {
margin-bottom: 0
}
.page2 .timeline .image-wrapper {
width: 50%;
display: inline-block;
text-align: center
}
.page2 .timeline .image-wrapper .image {
max-width: 98px;
width: 100%;
margin: auto
}
.page2 .timeline .image-wrapper .image img {
width: 100%
}
.page2 .timeline .image-wrapper .image.double {
max-width: 184px
}
.page2 .timeline .image-wrapper .name {
margin: 16px 0 4px;
font-size: 14px;
color: rgba(0, 0, 0, .85)
}
.page2 .timeline .image-wrapper .name+p {
font-size: 12px
}
.page2 .timeline .point {
width: 11px;
height: 11px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTIgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Qb2x5Z29uIDI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2ViIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzEzLjAwMDAwMCwgLTIzMjkuMDAwMDAwKSIgc3Ryb2tlPSIjMTg5MEZGIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSLkvJrorq7ml6XnqIsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4MS4wMDAwMDAsIDE4OTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i5a6D5bGxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Ni4wMDAwMDAsIDQwMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkyLjQzMzAxMywzNi4wMDAwODM1IEwxOTYuMzMwMTI3LDQyLjc1MDA4MzUgTDE5Ni4zMzAxMjcsNDIuNzUwMDgzNSBDMTk2LjQ2ODE5OCw0Mi45ODkyMjk4IDE5Ni4zODYyNjEsNDMuMjk1MDI1IDE5Ni4xNDcxMTQsNDMuNDMzMDk2MiBDMTk2LjA3MTEwNSw0My40NzY5ODA0IDE5NS45ODQ4ODMsNDMuNTAwMDgzNSAxOTUuODk3MTE0LDQzLjUwMDA4MzUgTDE4OC4xMDI4ODYsNDMuNTAwMDgzNSBMMTg4LjEwMjg4Niw0My41MDAwODM1IEMxODcuODI2NzQzLDQzLjUwMDA4MzUgMTg3LjYwMjg4Niw0My4yNzYyMjU5IDE4Ny42MDI4ODYsNDMuMDAwMDgzNSBDMTg3LjYwMjg4Niw0Mi45MTIzMTUyIDE4Ny42MjU5ODksNDIuODI2MDkzMSAxODcuNjY5ODczLDQyLjc1MDA4MzUgTDE5MS41NjY5ODcsMzYuMDAwMDgzNSBMMTkxLjU2Njk4NywzNi4wMDAwODM1IEMxOTEuNzA1MDU4LDM1Ljc2MDkzNzIgMTkyLjAxMDg1NCwzNS42Nzg5OTk2IDE5Mi4yNSwzNS44MTcwNzA4IEMxOTIuMzI2MDEsMzUuODYwOTU1IDE5Mi4zODkxMjksMzUuOTI0MDczOSAxOTIuNDMzMDEzLDM2LjAwMDA4MzUgWiIgaWQ9IlBvbHlnb24tMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTkyLjAwMDA0MiwgMzkuNjI1MDQyKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC0xOTIuMDAwMDQyLCAtMzkuNjI1MDQyKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0;
position: absolute;
z-index: 2;
left: 50%;
top: 32px;
margin-left: -5px
}
.page2 .timeline .point.start-or-end {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5SZWN0YW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2ViIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzE0LjAwMDAwMCwgLTIwNzQuMDAwMDAwKSIgc3Ryb2tlPSIjMTg5MEZGIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSLkvJrorq7ml6XnqIsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4MS4wMDAwMDAsIDE4OTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i6Zi/5466IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Ni4wMDAwMDAsIDE0OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxODgiIHk9IjM1IiB3aWR0aD0iOCIgaGVpZ2h0PSI4IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
margin-left: -4px
}
.page2 .timeline .point.other {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5PdmFsIDExIENvcHkgMjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJXZWIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MTQuMDAwMDAwLCAtMzA5Ni4wMDAwMDApIiBzdHJva2U9IiMxODkwRkYiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IuS8muiuruaXpeeoiyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDgxLjAwMDAwMCwgMTg5Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLljYjppJAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ2LjAwMDAwMCwgMTE2OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTExLUNvcHktMiIgY3g9IjE5MiIgY3k9IjQxIiByPSI0Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
margin-left: -4px
}
.page2 .timeline .content-wrapper {
width: 50%;
padding-left: 40px
}
.page2 .timeline .content-wrapper .time {
font-size: 12px
}
.page2 .timeline .content-wrapper h2 {
margin: 8px 0 12px;
font-size: 14px
}
.page2 .timeline .content-wrapper p {
color: #314659;
font-size: 12px;
width: 300px
}
.page3.page-wrapper,
.page4.page-wrapper,
.page6.page-wrapper {
margin: 0
}
.page3 {
font-size: 14px;
color: #314659;
text-align: center;
overflow: hidden;
padding: 108px 0 64px;
max-width: 1420px;
margin: 0 auto!important;
background: url(https://gw.alipayobjects.com/os/s/prod/seeconf/d23119cb1df2ee9c91344993717d6755.svg) no-repeat 0 37px, url(https://gw.alipayobjects.com/os/s/prod/seeconf/ccd14cb747736c14336a26dfab0a571b.svg) no-repeat 100% 37px
}
.page3 h1 {
font-size: 30px;
line-height: 38px;
margin: 14px auto 24px;
color: #000
}
.page4 {
height: 480px;
background-size: cover;
position: relative
}
.page4 .page {
max-width: inherit;
height: 100%;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.page4 .icon {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
cursor: pointer
}
.page4 .map-tip {
position: absolute;
width: 330px;
background: #fff;
padding: 16px;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(13, 26, 38, .12);
-webkit-transform: translateX(150px);
-ms-transform: translateX(150px);
transform: translateX(150px);
font-size: 14px
}
.page4 .map-tip h2 {
font-size: 16px;
color: #0d1a26;
margin-bottom: 8px
}
.page4 #point-map {
-webkit-animation: BeatAnim 2s ease-in-out infinite;
animation: BeatAnim 2s ease-in-out infinite
}
.page4 #shadow {
-webkit-animation: ScaleAnim 2s ease-in-out infinite;
animation: ScaleAnim 2s ease-in-out infinite;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%
}
.page5 {
height: 250px;
margin: 0 auto 12px;
max-width: 1420px;
background: url(https://gw.alipayobjects.com/os/s/prod/seeconf/30af9f9711897b21071df4ab0abbfbf2.svg) no-repeat center 100%
}
.page5 h1 {
color: #2f54eb;
margin-bottom: 24px
}
.page5 .ant-btn {
box-shadow: 0 8px 16px rgba(157, 185, 219, .6);
background: -webkit-linear-gradient(left, #05cbff, #1e5aff);
background: linear-gradient(90deg, #05cbff, #1e5aff);
height: 42px;
line-height: 42px;
font-size: 14px;
border: 0;
border-radius: 21px
}
.page6 {
padding: 80px 0 88px
}
.page6 .page {
max-width: 900px
}
.page6 h1 {
color: #697b8c
}
.page6 i {
-webkit-filter: grayscale(1) brightness(1);
filter: grayscale(1) brightness(1)
}
.page6 .ant-row {
text-align: center
}
.page6 .ant-row>div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
height: 64px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.footer,
footer {
height: 64px;
padding-right: 56px;
border-top: 1px solid hsla(0, 0%, 100%, .25);
background: #0d1a26;
line-height: 64px;
text-align: right;
font-size: 14px;
color: hsla(0, 0%, 100%, .8);
position: relative
}
.footer .links,
footer .links {
position: absolute;
top: 21px;
left: 56px
}
.footer .links a,
footer .links a {
width: 26px;
height: 21px;
display: inline-block;
background-size: contain
}
.footer .links a.weibo-logo,
footer .links a.weibo-logo {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMjYgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT53ZWlibzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9IjAuNCI+CiAgICAgICAgPGcgaWQ9IumhteiEmiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU2LjAwMDAwMCwgLTIxLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJ3ZWlibyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTYuMDAwMDAwLCAyMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS4wOTMyNDIyLDkuNDM5OTgwNzIgQzE5LjUwNzk3MjcsOC4zOTk3OTc1OSAxOS41NTA5NTksNy41MDI1NjYyNyAxOS4xMDExMzg3LDYuODYyNTcyMjkgQzE4LjI1Nzk5MjIsNS42NjIzNTkwNCAxNS45NTA2Njk5LDUuNzI2OTAyNDEgMTMuMzA1NzI4NSw2LjgzMDMxMzI1IEMxMy4zMDU3Mjg1LDYuODI4OTQ2OTkgMTIuNDc1MzAyNyw3LjE5MjQ3NDcgMTIuNjg3NTkzNyw2LjUzNTc1NjYzIEMxMy4wOTQ0MDIzLDUuMjMyNTY3NDcgMTMuMDMzMjg3MSw0LjE0MTI1MDYgMTIuNDAwMTIxMSwzLjUxMDg5NjM5IEMxMC45NjU0MjM4LDIuMDgwMTEzMjUgNy4xNDk3NzE0OCwzLjU2NTA2NjI3IDMuODc3MjUsNi44MjQ1NDQ1OCBDMS40MjcwMjkzLDkuMjY2NDkwMzYgMC4wMDQwODc4OTA2MiwxMS44NTQ2NzcxIDAuMDA0MDg3ODkwNjIsMTQuMDkyNzcxMSBDMC4wMDQwODc4OTA2MiwxOC4zNzM1ODMxIDUuNTEyOTkwMjMsMjAuOTc1OTYzOSAxMC45MDI1NTY2LDIwLjk3NTk2MzkgQzE3Ljk2NzIxODgsMjAuOTc1OTYzOSAyMi42NjY4OTY1LDE2Ljg4NTU0MzQgMjIuNjY2ODk2NSwxMy42MzgxODQzIEMyMi42NjY4OTY1LDExLjY3NjE3NzEgMjEuMDA4NTU4NiwxMC41NjI3OTc2IDE5LjUxODM1NzQsMTAuMTAyMDYyNyBDMTkuMTUyNjA1NSw5Ljk5MzExNTY2IDE4LjkwMTU2ODQsOS45MTgzNzU5IDE5LjA5MzIxNjgsOS40Mzk5ODA3MiBMMTkuMDkzMjQyMiw5LjQzOTk4MDcyIFogTTIuNjI0NzU1ODYsMTUuMTE0MTMwMSBDMi4zNDU1NjA1NSwxMi4zMDA5Mzk4IDUuNjA2NTI5Myw5LjY3NzI1NTQyIDkuOTA2MzMwMDgsOS4yNTM4MTQ0NiBDMTQuMjA3MDk1Nyw4LjgyOTU4OTE2IDE3LjkxOTQzMzYsMTAuNzY3MDI4OSAxOC4xOTg2MDM1LDEzLjU3OTQwOTYgQzE4LjQ3NzIxNDgsMTYuMzkzNzEzMyAxNS4yMTc2MTcyLDE5LjAxODE4MTkgMTAuOTE2ODI2MiwxOS40NDE4MjUzIEM2LjYxNjY2OTkyLDE5Ljg2NDMwNDggMi45MDQzMDY2NCwxNy45Mjc4NTE4IDIuNjI0NzU1ODYsMTUuMTE0MTMwMSBaIE0xMS4zNDY3OTEsMTEuNDE4OTE0NSBDOS4zMDAzMzIwMywxMC44ODgwNjk5IDYuOTg3MjIwNywxMS45MDQ0NDQ2IDYuMDk4MzcxMDksMTMuNzAxNDEyIEM1LjE5MzE0NDUzLDE1LjUzMzkyNzcgNi4wNjg0ODYzMywxNy41NjgxOTUyIDguMTM1NzkxMDIsMTguMjMzMzM4NiBDMTAuMjc3NjkzNCwxOC45MjEzNTQyIDEyLjgwMTcyNDYsMTcuODY2NzQ5NCAxMy42Nzk3ODMyLDE1Ljg4ODk3OTUgQzE0LjU0NTI5ODgsMTMuOTU1MjA4NCAxMy40NjQ0MTk5LDExLjk2NDE4MDcgMTEuMzQ2NzkxLDExLjQxODkxNDUgWiBNOS43ODM4OTY0OCwxNi4wOTg5Nzk1IEM5LjM2Nzk5ODA1LDE2Ljc2MDEgOC40NzcyNDQxNCwxNy4wNDk4MjQxIDcuODA2MDY4MzYsMTYuNzQ0NzE2OSBDNy4xNDQ5NDcyNywxNi40NDQ5OTg4IDYuOTUwMDIzNDQsMTUuNjc2NSA3LjM2NjA5OTYxLDE1LjAzMTY5ODggQzcuNzc2OTcwNywxNC4zODk4MDcyIDguNjM3NjYyMTEsMTQuMTAzMzQ3IDkuMzAzODEwNTUsMTQuMzgxNzEwOCBDOS45NzcyOTY4NywxNC42Njc4MTY5IDEwLjE5MjY2MDIsMTUuNDMwNzQ5NCA5Ljc4Mzg5NjQ4LDE2LjA5ODk3OTUgWiBNMTEuMTU0MTc3NywxNC4zNDYxODggQzExLjAwMzc4OTEsMTQuNjAyODY4NyAxMC42NzExOTczLDE0LjcyNTgzMjUgMTAuNDEwOTE4LDE0LjYxOTAxMDggQzEwLjE1NDQ3MjcsMTQuNTE0MTEyIDEwLjA3NDI2MzcsMTQuMjI3NDQ5NCAxMC4yMTk4MjgxLDEzLjk3NTM3MzUgQzEwLjM2OTgzNTksMTMuNzI0ODQxIDEwLjY4OTUyOTMsMTMuNjAyNjYxNCAxMC45NDQ5ODQ0LDEzLjcwMzMzNDkgQzExLjIwNDcwNTEsMTMuNzk4MjE0NSAxMS4yOTc4Mzc5LDE0LjA4ODM0MzQgMTEuMTU0MjAzMSwxNC4zNDYxODggTDExLjE1NDE3NzcsMTQuMzQ2MTg4IFogTTI0LjIwOTc4MzIsMi4yNjg0MDQ4MiBDMjUuOTE2ODk2NSw0LjE1MTI2OTg4IDI2LjM3Njc0NjEsNi43MTgxMDI0MSAyNS42NDgzMTQ1LDguOTcwNjE4MDcgQzI1LjY0ODEzNjcsOC45NzE3ODE5MyAyNS42NDgxMzY3LDguOTczNjc5NTIgMjUuNjQ4MTM2Nyw4Ljk3NDQ2Mzg2IEMyNS40Nzg4MzIsOS40OTQzNTMwMSAyNC45MTgxNTYyLDkuNzc5NDcyMjkgMjQuMzk2MDIzNCw5LjYxMDk5MTU3IEMyMy44NzE5NjA5LDkuNDQyNDg1NTQgMjMuNTg1ODU5NCw4Ljg4NDc0NTc4IDIzLjc1NTEzODcsOC4zNjI5MDg0MyBMMjMuNzU0OTM1NSw4LjM2MjMyNjUxIEMyNC4yNzM3OTMsNi43NjE3MjE2OSAyMy45NDQ4NTc0LDQuOTM1MzI4OTIgMjIuNzMzMjY3NiwzLjU5Njc2ODY3IEMyMS41MTk3MjI3LDIuMjU4MjA4NDMgMTkuNzMxNjM4NywxLjc0NjM5MDM2IDE4LjA3OTA2NDUsMi4wOTU4NzU5IEMxNy41NDE3MjI3LDIuMjEwNTY2MjcgMTcuMDEzMDM5MSwxLjg2ODM5Mjc3IDE2Ljg5ODkwODIsMS4zMzM1IEMxNi43ODMzODA5LDAuNzk4ODA5NjM5IDE3LjEyNjQwODIsMC4yNzE2MDg0MzQgMTcuNjYzMzY5MSwwLjE1NzUgTDE3LjY2NDEzMDksMC4xNTc1IEMxOS45ODcyOTY5LC0wLjMzNDU1NzgzMSAyMi41MDQwMTU2LDAuMzgzNjE2ODY3IDI0LjIwOTc4MzIsMi4yNjgzNzk1MiBMMjQuMjA5NzgzMiwyLjI2ODQwNDgyIFogTTIxLjU4OTUyMTUsNC42MjQ0NTMwMSBMMjEuNTg5NTIxNSw0LjYyNDI3NTkgQzIyLjQyMTg3Nyw1LjU0MjI3OTUyIDIyLjY0NDE3MTksNi43OTE4ODA3MiAyMi4yODg0NDkyLDcuODg5NyBDMjIuMTQzMjY1Niw4LjMzODEzODU1IDIxLjY2MDg2OTEsOC41ODI5MDI0MSAyMS4yMTA0NjQ4LDguNDM5MzY4NjcgQzIwLjc2MDQ0MTQsOC4yOTM3MzQ5NCAyMC41MTQ0MzE2LDcuODEyNDU1NDIgMjAuNjU5NDEyMSw3LjM2NDgyNjUxIEwyMC42NTg4MjgxLDcuMzY0ODI2NTEgQzIwLjgzMzcxODgsNi44MjgxODc5NSAyMC43MjQyMDksNi4yMTY0NTU0MiAyMC4zMTc5NTksNS43NjcyNTc4MyBDMTkuOTExNTA1OSw1LjMxOTYwMzYxIDE5LjMxMTcwMzEsNS4xNDk3NTY2MyAxOC43NTg1MTc2LDUuMjY2NTQ2OTkgTDE4Ljc1ODUxNzYsNS4yNjU2MTA4NCBDMTguMjk3MTQ0NSw1LjM2NTkwNDgyIDE3Ljg0MjI5NjksNS4wNzA0MTIwNSAxNy43NDMxOTczLDQuNjExMjIwNDggQzE3LjY0MzkxOTksNC4xNDk3MjY1MSAxNy45Mzg3MDUxLDMuNjk1OTI0MSAxOC40MDE0NDkyLDMuNTk3NzMwMTIgQzE5LjUzMzQxNDEsMy4zNTc5NTA2IDIwLjc1OTI5ODgsMy43MDY4NTQyMiAyMS41ODk1MjE1LDQuNjI0NDUzMDEgTDIxLjU4OTUyMTUsNC42MjQ0NTMwMSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 50%;
margin-right: 32px
}
.footer .links a.zhihu-logo,
footer .links a.zhihu-logo {
width: 21px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMjEgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7nn6XkuY48L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjQiPgogICAgICAgIDxnIGlkPSLpobXohJoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTQuMDAwMDAwLCAtMjEuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IuefpeS5jiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE0LjAwMDAwMCwgMjEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi43Nzg1ODQ2MSwxMS43MjI5IEwxMS4yOTA5Nzg1LDExLjcyMjkgQzExLjI5MDk3ODUsMTAuNjQ0OSAxMC43OTEyODYyLDEwLjAxMzUgMTAuNzkxMjg2MiwxMC4wMTM1IEw2Ljg3NDM4NzcsMTAuMDEzNSBDNi45Njc0MzM4NSw4LjA2MTE5OTk5IDcuMDUwODMwNzcsNS41NTU4OTk5OSA3LjA4MTE1NjkzLDQuNjI0ODk5OTkgTDEwLjgwNjQ0OTIsNC42MjQ4OTk5OSBDMTAuODA2NDQ5Miw0LjYyNDg5OTk5IDEwLjc4NTc3MjMsMy4wMjQgMTAuMzcyMjMzOCwzLjAyNCBMMy44MjI0NzM4NSwzLjAyNCBDMy44MjI0NzM4NSwzLjAyNCA0LjIxNjcxMzg0LDAuOTMwMyA0Ljc0MTkwNzY5LDAuMDA1NjAwMDA2ODQgQzQuNzQxOTA3NjksMC4wMDU2MDAwMDY4NCAyLjc4NjU1OTk5LC0wLjEwMTQ5OTk5MyAyLjExOTM4NDYyLDIuNTQ2NjAwMDEgQzEuNDUyMjA5MjQsNS4xOTQ3MDAwMSAwLjQ1MjEzNTM5MSw2Ljc5NTYgMC4zNDY2ODMwODQsNy4wODgxOTk5OSBDMC4yNDA1NDE1NTIsNy4zODA3OTk5OSAwLjkyMjE5MDc2OSw3LjIyNjc5OTk5IDEuMjEwMjg5MjIsNy4wODgxOTk5OSBDMS40OTgzODc2OCw2Ljk0OTU5OTk5IDIuODAyNDEyMyw2LjQ3MjIgMy4xODE0ODkyNCw0LjYyNDg5OTk5IEw1LjIwNTc2MDAxLDQuNjI0ODk5OTkgQzUuMjMzMzI5MjMsNS43OTYgNS4zMTMyODAwMSw5LjM4NDE5OTk5IDUuMjg4NDY3NywxMC4wMTM1IEwxLjExOTMxMDc2LDEwLjAxMzUgQzAuNTI3OTUwNzYzLDEwLjQ0NDcgMC4zMzE1MTk5OTMsMTEuNzIyOSAwLjMzMTUxOTk5MywxMS43MjI5IEw1LjA5NjE3MjMxLDExLjcyMjkgQzQuODk2OTg0NjMsMTMuMDU5MiA0LjU0ODIzMzg1LDE0Ljc4MTkgNC4wNjAyNTg0NywxNS42OTQ3IEMzLjI4NzYzMDc3LDE3LjE0MyAyLjg3ODIyNzY5LDE4LjQ2NjcgMC4wODk1OTk5OTMzLDIwLjc0NDUgQzAuMDg5NTk5OTkzMywyMC43NDQ1IC0wLjM2NTI5MjMxNCwyMS4wODMzIDEuMDQ0MTg0NjIsMjAuOTYwMSBDMi40NTQzNTA3NywyMC44MzY5IDMuNzg4MDEyMzEsMjAuNDY3MyA0LjcxMjk1OTk5LDE4LjU4OTIgQzUuMjU1MTIxMjcsMTcuNDY5MTYwNiA1LjcxMTU5MTYsMTYuMzA4Mzk4NyA2LjA3ODMyNjE2LDE1LjExNzIgTDYuMDc2OTQ3NjksMTUuMTIyMSBMMTAuMDAzNDk1NCwxOS43MTM0IEMxMC4wMDM0OTU0LDE5LjcxMzQgMTAuNTE5MDQsMTguNDgxNCAxMC4xMzk5NjMxLDE3LjEyNjkgTDcuMjI5MzQxNTMsMTMuODE1OSBMNi4yNDM3NDE1NSwxNC41NTY1IEw2LjI0MzA1MjMsMTQuNTYgQzYuNTE2Njc2OTEsMTMuNTg1NiA2LjcxMzEwNzY4LDEyLjYyMjQgNi43NzQ0NDkyMiwxMS43ODQ1IEw2Ljc3OTI3Mzg1LDExLjcyMjkgTDYuNzc4NTg0NjEsMTEuNzIyOSBaIE0xMi4yMzEwODkyLDIuNjg1MjAwMDEgTDEyLjIzMTA4OTIsMTguNTczOCBMMTMuODc1NTkzOSwxOC41NzM4IEwxNC41NDk2NjE1LDIwLjQ4NjkgTDE3LjQwMDMyLDE4LjU3MzggTDIwLjk5MzI4LDE4LjU3MzggTDIwLjk5MzI4LDIuNjg1MjAwMDEgTDEyLjIzMTA4OTIsMi42ODUyMDAwMSBaIE0xOS4zMDA1MjkyLDE2Ljg2NTEgTDE3LjQzMjcxMzgsMTYuODY1MSBMMTUuMTAzODAzMSwxOC40Mjc1IEwxNC41NTMxMDc3LDE2Ljg2NTEgTDEzLjk3MjA4NjEsMTYuODY1MSBMMTMuOTcyMDg2MSw0LjQ1ODMgTDE5LjI5OTg0LDQuNDU4MyBMMTkuMjk5ODQsMTYuODY1MSBMMTkuMzAwNTI5MiwxNi44NjUxIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat 50%
}
.footer .logo,
footer .logo {
width: 16px;
height: 16px;
background: url("//gw.alipayobjects.com/zos/rmsportal/NuuAwJBxewWglRSoNjET.png") no-repeat 50%;
background-size: contain;
margin-right: 8px
}
.footer>*,
footer>* {
line-height: 22px;
display: inline-block;
vertical-align: middle
}
.footer i,
footer i {
width: 1px;
background: hsla(0, 0%, 100%, .4);
height: 12px;
margin: 0 24px;
display: inline-block
}
@-webkit-keyframes BeatAnim {
0%,
25%,
35%,
45% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
15% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
30% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
40% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px)
}
}
@keyframes BeatAnim {
0%,
25%,
35%,
45% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
15% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
30% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
40% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px)
}
}
@-webkit-keyframes ScaleAnim {
0%,
25%,
35%,
45% {
-webkit-transform: scale(1);
transform: scale(1)
}
15% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
30% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
40% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@keyframes ScaleAnim {
0%,
25%,
35%,
45% {
-webkit-transform: scale(1);
transform: scale(1)
}
15% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
30% {
-webkit-transform: scale(.7);
transform: scale(.7)
}
40% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@media only screen and (min-width:768px) and (max-width:940px) {
.page1 .ant-row.content-wrapper {
padding: 0
}
.page1 .ant-row.content-wrapper p {
overflow: hidden;
text-overflow: ellipsis
}
}
@media only screen and (max-width:768px) {
.site-top {
padding: 10px!important
}
.site-top .ant-menu-root {
background: none;
border: 0
}
.site-top .ant-menu-root .ant-menu-submenu-active {
color: #fff;
border-bottom-color: #fff
}
.site-top .ant-menu-root .ant-menu-submenu-title {
padding: 0 5px
}
.site-top .ant-menu-root .ant-menu-submenu-title:hover {
color: #fff
}
.site-top .ant-menu-root .ant-menu-submenu-title i {
font-size: 24px;
margin: 0
}
.site-top .ant-menu-root .ant-menu-sub {
left: auto;
right: -9px;
top: 32px;
width: 100vw;
border-radius: 0;
box-shadow: none;
background: #f7f7f7
}
.page-wrapper {
margin: 60px auto
}
.banner {
height: 100vh
}
.banner .banner-content {
width: 100%;
height: 390px
}
.banner .banner-content h1 {
font-weight: 700;
font-family: Helvetica Neue, sans-serif
}
.banner .banner-content p {
font-size: 20px
}
.banner .banner-content p .mobile-hide {
display: none
}
.banner .banner-content .cn-name {
font-size: 16px
}
.banner .banner-content .extra {
font-size: 14px
}
.banner-inner,
.page {
padding: 0 4%
}
.page1.page-wrapper {
box-shadow: none;
width: 100%;
margin: 0
}
.page1 .page {
margin: auto
}
.page1 .content-wrapper {
text-align: center;
padding: 0 15%
}
.page1 .coming {
display: none
}
.page2 {}
.page2 .timeline:before {
left: 0;
height: 100%;
margin: 0
}
.page2 .timeline .block-wrapper {
display: block;
margin-bottom: 54px
}
.page2 .timeline .block-wrapper i.point {
left: 0;
top: 44px
}
.page2 .timeline .block-wrapper .content-wrapper {
width: 100%;
display: block;
margin: auto;
padding: 0 0 0 5%;
margin-top: 32px
}
.page2 .timeline .block-wrapper .content-wrapper h2 {
font-size: 16px;
margin: 18px 0 12px
}
.page2 .timeline .block-wrapper .content-wrapper p {
display: none
}
.page2 .timeline .block-wrapper .image-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
text-align: left;
padding: 0 0 0 5%
}
.page2 .timeline .block-wrapper .image-wrapper p {
display: inline-block;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px
}
.page2 .timeline .block-wrapper .image-wrapper .image {
display: none;
margin: 0
}
.page2 .timeline .block-wrapper .image-wrapper .name {
margin-top: 0
}
.page2 .timeline .block-wrapper .image-wrapper .name span {
font-size: 14px
}
.page2 .timeline .block-wrapper .image-wrapper .name-wrapper .name {
margin-right: 5px
}
.page2 .timeline .block-wrapper .image-wrapper .name-wrapper span {
display: block;
font-size: 14px
}
.page3 {
min-height: 218px;
background: none;
padding-top: 72px
}
.page3 h1 {
margin: 0 auto 18px
}
.page4 .map-tip {
left: 10vw;
top: 90px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
max-width: 330px;
width: 80%
}
.page5.page-wrapper {}
.page6 {
padding: 72px 0
}
.footer {
font-size: 12px
}
}
@media only screen and (max-width:414px) {
.banner-bg {
pointer-events: none
}
.no-banner {
display: none
}
}
@media only screen and (max-width:320px) {
.banner .banner-content {
height: 320px
}
.banner h1 {
font-size: 56px;
line-height: 64px
}
}