antd/lib/index.css

一个 UI 设计语言

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #666;
  background-color: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
ul,
ol {
  list-style: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
a {
  color: #2db7f5;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
a:hover {
  color: #57c5f7;
}
a:active {
  color: #2baee9;
}
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}
.clearfix,
.layout-fixed,
.layout-fluid,
.row,
.ant-form-horizontal .ant-form-item {
  zoom: 1;
}
.clearfix:before,
.clearfix:after,
.layout-fixed:before,
.layout-fixed:after,
.layout-fluid:before,
.layout-fluid:after,
.row:before,
.row:after,
.ant-form-horizontal .ant-form-item:before,
.ant-form-horizontal .ant-form-item:after {
  content: " ";
  display: table;
}
.clearfix:after,
.layout-fixed:after,
.layout-fluid:after,
.row:after,
.ant-form-horizontal .ant-form-item:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
code,
kbd,
pre,
samp {
  font-family: Consolas, Menlo, Courier, monospace;
}
@font-face {
  font-family: 'anticon';
  src: url('//at.alicdn.com/t/font_1450842624_7594283.eot');
  /* IE9*/
  src: url('//at.alicdn.com/t/font_1450842624_7594283.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1450842624_7594283.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1450842624_7594283.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1450842624_7594283.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
.anticon {
  position: relative;
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
}
.anticon:before {
  display: block;
  font-family: "anticon" !important;
}
.anticon-caret-circle-o-up:before {
  content: "\E60C";
}
.anticon-android:before {
  content: "\E64F";
}
.anticon-chrome:before {
  content: "\E65C";
}
.anticon-appstore:before {
  content: "\E64D";
}
.anticon-apple:before {
  content: "\E64E";
}
.anticon-github:before {
  content: "\E674";
}
.anticon-inbox:before {
  content: "\E67B";
}
.anticon-ie:before {
  content: "\E67C";
}
.anticon-smile:before {
  content: "\E677";
}
.anticon-smile-circle:before {
  content: "\E676";
}
.anticon-meh-circle:before {
  content: "\E678";
}
.anticon-frown:before {
  content: "\E673";
}
.anticon-frown-circle:before {
  content: "\E672";
}
.anticon-meh:before {
  content: "\E679";
}
.anticon-pie-chart:before {
  content: "\E68A";
}
.anticon-tags:before {
  content: "\E656";
}
.anticon-tags-o:before {
  content: "\E657";
}
.anticon-tag:before {
  content: "\E658";
}
.anticon-tag-o:before {
  content: "\E659";
}
.anticon-cloud:before {
  content: "\E65A";
}
.anticon-cloud-upload-o:before {
  content: "\E697";
}
.anticon-cloud-download-o:before {
  content: "\E698";
}
.anticon-cloud-upload:before {
  content: "\E696";
}
.anticon-cloud-o:before {
  content: "\E699";
}
.anticon-cloud-download:before {
  content: "\E65B";
}
.anticon-star-o:before {
  content: "\E693";
}
.anticon-star:before {
  content: "\E694";
}
.anticon-environment:before {
  content: "\E665";
}
.anticon-environment-o:before {
  content: "\E666";
}
.anticon-eye:before {
  content: "\E66E";
}
.anticon-eye-o:before {
  content: "\E66D";
}
.anticon-camera:before {
  content: "\E653";
}
.anticon-camera-o:before {
  content: "\E652";
}
.anticon-aliwangwang:before {
  content: "\E64B";
}
.anticon-aliwangwang-o:before {
  content: "\E64A";
}
.anticon-windows:before {
  content: "\E6A0";
}
.anticon-shopping-cart:before {
  content: "\E692";
}
.anticon-unlock:before {
  content: "\E69F";
}
.anticon-lock:before {
  content: "\E69D";
}
.anticon-save:before {
  content: "\E69E";
}
.anticon-user:before {
  content: "\E69C";
}
.anticon-video-camera:before {
  content: "\E69B";
}
.anticon-to-top:before {
  content: "\E69A";
}
.anticon-team:before {
  content: "\E680";
}
.anticon-tablet:before {
  content: "\E695";
}
.anticon-solution:before {
  content: "\E68F";
}
.anticon-poweroff:before {
  content: "\E691";
}
.anticon-search:before {
  content: "\E690";
}
.anticon-share-alt:before {
  content: "\E68E";
}
.anticon-setting:before {
  content: "\E68D";
}
.anticon-search:before {
  content: "\E68C";
}
.anticon-poweroff:before {
  content: "\E68B";
}
.anticon-picture:before {
  content: "\E689";
}
.anticon-phone:before {
  content: "\E688";
}
.anticon-paper-clip:before {
  content: "\E687";
}
.anticon-notification:before {
  content: "\E686";
}
.anticon-mobile:before {
  content: "\E685";
}
.anticon-menu-fold:before {
  content: "\E684";
}
.anticon-menu-unfold:before {
  content: "\E683";
}
.anticon-mail:before {
  content: "\E682";
}
.anticon-logout:before {
  content: "\E681";
}
.anticon-link:before {
  content: "\E67E";
}
.anticon-line-chart:before {
  content: "\E67F";
}
.anticon-home:before {
  content: "\E67D";
}
.anticon-laptop:before {
  content: "\E67A";
}
.anticon-hdd:before {
  content: "\E675";
}
.anticon-folder-open:before {
  content: "\E671";
}
.anticon-folder:before {
  content: "\E670";
}
.anticon-filter:before {
  content: "\E66F";
}
.anticon-file-text:before {
  content: "\E66C";
}
.anticon-file:before {
  content: "\E66B";
}
.anticon-exception:before {
  content: "\E66A";
}
.anticon-export:before {
  content: "\E669";
}
.anticon-desktop:before {
  content: "\E662";
}
.anticon-edit:before {
  content: "\E668";
}
.anticon-ellipsis:before {
  content: "\E667";
}
.anticon-upload:before {
  content: "\E664";
}
.anticon-download:before {
  content: "\E663";
}
.anticon-delete:before {
  content: "\E661";
}
.anticon-copy:before {
  content: "\E660";
}
.anticon-customerservice:before {
  content: "\E65E";
}
.anticon-credit-card:before {
  content: "\E65F";
}
.anticon-code:before {
  content: "\E65D";
}
.anticon-calendar:before {
  content: "\E654";
}
.anticon-book:before {
  content: "\E655";
}
.anticon-bars:before {
  content: "\E650";
}
.anticon-bar-chart:before {
  content: "\E651";
}
.anticon-area-chart:before {
  content: "\E64C";
}
.anticon-question-circle-o:before {
  content: "\E648";
}
.anticon-question:before {
  content: "\E649";
}
.anticon-question-circle:before {
  content: "\E647";
}
.anticon-pause-circle:before {
  content: "\E644";
}
.anticon-pause:before {
  content: "\E646";
}
.anticon-pause-circle-o:before {
  content: "\E645";
}
.anticon-clock-circle:before {
  content: "\E642";
}
.anticon-clock-circle-o:before {
  content: "\E643";
}
.anticon-swap:before {
  content: "\E641";
}
.anticon-swap-left:before {
  content: "\E63F";
}
.anticon-swap-right:before {
  content: "\E640";
}
.anticon-plus-circle:before {
  content: "\E63D";
}
.anticon-plus:before {
  content: "\E63E";
}
.anticon-plus-circle-o:before {
  content: "\E63C";
}
.anticon-minus:before {
  content: "\E63B";
}
.anticon-minus-circle-o:before {
  content: "\E63A";
}
.anticon-minus-circle:before {
  content: "\E639";
}
.anticon-plus-square:before {
  content: "\E6AE";
}
.anticon-minus-square:before {
  content: "\E6AD";
}
.anticon-info-circle-o:before {
  content: "\E638";
}
.anticon-info-circle:before {
  content: "\E637";
}
.anticon-info:before {
  content: "\E636";
}
.anticon-exclamation-circle:before {
  content: "\E634";
}
.anticon-exclamation-circle-o:before {
  content: "\E635";
}
.anticon-exclamation:before {
  content: "\E633";
}
.anticon-cross-circle:before {
  content: "\E631";
}
.anticon-cross-circle-o:before {
  content: "\E632";
}
.anticon-check-circle:before {
  content: "\E62F";
}
.anticon-check-circle-o:before {
  content: "\E630";
}
.anticon-cross:before {
  content: "\E62D";
}
.anticon-check:before {
  content: "\E62E";
}
.anticon-verticle-right:before {
  content: "\E62C";
}
.anticon-verticle-left:before {
  content: "\E62B";
}
.anticon-rollback:before {
  content: "\E62A";
}
.anticon-retweet:before {
  content: "\E627";
}
.anticon-shrink:before {
  content: "\E628";
}
.anticon-arrow-salt:before {
  content: "\E629";
}
.anticon-reload:before {
  content: "\E626";
}
.anticon-double-right:before {
  content: "\E625";
}
.anticon-double-left:before {
  content: "\E624";
}
.anticon-arrow-right:before {
  content: "\E621";
}
.anticon-arrow-up:before {
  content: "\E622";
}
.anticon-arrow-down:before {
  content: "\E623";
}
.anticon-arrow-left:before {
  content: "\E620";
}
.anticon-left:before {
  content: "\E601";
}
.anticon-right:before {
  content: "\E600";
}
.anticon-down:before {
  content: "\E603";
}
.anticon-up:before {
  content: "\E602";
}
.anticon-play-circle:before {
  content: "\E61E";
}
.anticon-play-circle-o:before {
  content: "\E61F";
}
.anticon-circle-left:before {
  content: "\E61B";
}
.anticon-circle-up:before {
  content: "\E61C";
}
.anticon-circle-down:before {
  content: "\E61D";
}
.anticon-circle-right:before {
  content: "\E61A";
}
.anticon-circle-o-right:before {
  content: "\E616";
}
.anticon-circle-o-up:before {
  content: "\E618";
}
.anticon-circle-o-down:before {
  content: "\E617";
}
.anticon-circle-o-left:before {
  content: "\E619";
}
.anticon-step-backward:before {
  content: "\E614";
}
.anticon-step-forward:before {
  content: "\E615";
}
.anticon-fast-backward:before {
  content: "\E613";
}
.anticon-fast-forward:before {
  content: "\E612";
}
.anticon-caret-left:before {
  content: "\E60F";
}
.anticon-caret-right:before {
  content: "\E60A";
}
.anticon-caret-down:before {
  content: "\E611";
}
.anticon-caret-up:before {
  content: "\E610";
}
.anticon-forward:before {
  content: "\E608";
}
.anticon-backward:before {
  content: "\E609";
}
.anticon-caret-circle-o-down:before {
  content: "\E60E";
}
.anticon-caret-circle-o-right:before {
  content: "\E60D";
}
.anticon-caret-circle-o-left:before {
  content: "\E60B";
}
.anticon-caret-circle-left:before {
  content: "\E604";
}
.anticon-caret-circle-right:before {
  content: "\E605";
}
.anticon-caret-circle-up:before {
  content: "\E606";
}
.anticon-caret-circle-down:before {
  content: "\E607";
}
.anticon-qrcode:before {
  content: "\E6A5";
}
.anticon-like:before {
  content: "\E6A3";
}
.anticon-dislike:before {
  content: "\E6A2";
}
.anticon-pay-circle:before {
  content: "\E6A8";
}
.anticon-pay-circle-o:before {
  content: "\E6A9";
}
.anticon-message:before {
  content: "\E6A4";
}
.anticon-file-unknown:before {
  content: "\E6A6";
}
.anticon-loading:before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
  content: "\E6A1";
}
.layout-fixed {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .layout-fixed {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .layout-fixed {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .layout-fixed {
    width: 1140px;
  }
}
.layout-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.row {
  position: relative;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  display: block;
}
.row-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.row-flex:before,
.row-flex:after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.row-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.row-flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.row-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.row-flex-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.row-flex-space-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.row-flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.row-flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.row-flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.col {
  position: relative;
  display: block;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 {
  position: relative;
  display: block;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.col-24 {
  width: 100%;
}
.col-push-24 {
  left: 100%;
}
.col-pull-24 {
  right: 100%;
}
.col-offset-24 {
  margin-left: 100%;
}
.col-order-24 {
  -webkit-box-ordinal-group: 25;
  -webkit-order: 24;
      -ms-flex-order: 24;
          order: 24;
}
.col-23 {
  width: 95.83333333%;
}
.col-push-23 {
  left: 95.83333333%;
}
.col-pull-23 {
  right: 95.83333333%;
}
.col-offset-23 {
  margin-left: 95.83333333%;
}
.col-order-23 {
  -webkit-box-ordinal-group: 24;
  -webkit-order: 23;
      -ms-flex-order: 23;
          order: 23;
}
.col-22 {
  width: 91.66666667%;
}
.col-push-22 {
  left: 91.66666667%;
}
.col-pull-22 {
  right: 91.66666667%;
}
.col-offset-22 {
  margin-left: 91.66666667%;
}
.col-order-22 {
  -webkit-box-ordinal-group: 23;
  -webkit-order: 22;
      -ms-flex-order: 22;
          order: 22;
}
.col-21 {
  width: 87.5%;
}
.col-push-21 {
  left: 87.5%;
}
.col-pull-21 {
  right: 87.5%;
}
.col-offset-21 {
  margin-left: 87.5%;
}
.col-order-21 {
  -webkit-box-ordinal-group: 22;
  -webkit-order: 21;
      -ms-flex-order: 21;
          order: 21;
}
.col-20 {
  width: 83.33333333%;
}
.col-push-20 {
  left: 83.33333333%;
}
.col-pull-20 {
  right: 83.33333333%;
}
.col-offset-20 {
  margin-left: 83.33333333%;
}
.col-order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
      -ms-flex-order: 20;
          order: 20;
}
.col-19 {
  width: 79.16666667%;
}
.col-push-19 {
  left: 79.16666667%;
}
.col-pull-19 {
  right: 79.16666667%;
}
.col-offset-19 {
  margin-left: 79.16666667%;
}
.col-order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
      -ms-flex-order: 19;
          order: 19;
}
.col-18 {
  width: 75%;
}
.col-push-18 {
  left: 75%;
}
.col-pull-18 {
  right: 75%;
}
.col-offset-18 {
  margin-left: 75%;
}
.col-order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
      -ms-flex-order: 18;
          order: 18;
}
.col-17 {
  width: 70.83333333%;
}
.col-push-17 {
  left: 70.83333333%;
}
.col-pull-17 {
  right: 70.83333333%;
}
.col-offset-17 {
  margin-left: 70.83333333%;
}
.col-order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
      -ms-flex-order: 17;
          order: 17;
}
.col-16 {
  width: 66.66666667%;
}
.col-push-16 {
  left: 66.66666667%;
}
.col-pull-16 {
  right: 66.66666667%;
}
.col-offset-16 {
  margin-left: 66.66666667%;
}
.col-order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
      -ms-flex-order: 16;
          order: 16;
}
.col-15 {
  width: 62.5%;
}
.col-push-15 {
  left: 62.5%;
}
.col-pull-15 {
  right: 62.5%;
}
.col-offset-15 {
  margin-left: 62.5%;
}
.col-order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
      -ms-flex-order: 15;
          order: 15;
}
.col-14 {
  width: 58.33333333%;
}
.col-push-14 {
  left: 58.33333333%;
}
.col-pull-14 {
  right: 58.33333333%;
}
.col-offset-14 {
  margin-left: 58.33333333%;
}
.col-order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
      -ms-flex-order: 14;
          order: 14;
}
.col-13 {
  width: 54.16666667%;
}
.col-push-13 {
  left: 54.16666667%;
}
.col-pull-13 {
  right: 54.16666667%;
}
.col-offset-13 {
  margin-left: 54.16666667%;
}
.col-order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}
.col-12 {
  width: 50%;
}
.col-push-12 {
  left: 50%;
}
.col-pull-12 {
  right: 50%;
}
.col-offset-12 {
  margin-left: 50%;
}
.col-order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}
.col-11 {
  width: 45.83333333%;
}
.col-push-11 {
  left: 45.83333333%;
}
.col-pull-11 {
  right: 45.83333333%;
}
.col-offset-11 {
  margin-left: 45.83333333%;
}
.col-order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}
.col-10 {
  width: 41.66666667%;
}
.col-push-10 {
  left: 41.66666667%;
}
.col-pull-10 {
  right: 41.66666667%;
}
.col-offset-10 {
  margin-left: 41.66666667%;
}
.col-order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}
.col-9 {
  width: 37.5%;
}
.col-push-9 {
  left: 37.5%;
}
.col-pull-9 {
  right: 37.5%;
}
.col-offset-9 {
  margin-left: 37.5%;
}
.col-order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}
.col-8 {
  width: 33.33333333%;
}
.col-push-8 {
  left: 33.33333333%;
}
.col-pull-8 {
  right: 33.33333333%;
}
.col-offset-8 {
  margin-left: 33.33333333%;
}
.col-order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}
.col-7 {
  width: 29.16666667%;
}
.col-push-7 {
  left: 29.16666667%;
}
.col-pull-7 {
  right: 29.16666667%;
}
.col-offset-7 {
  margin-left: 29.16666667%;
}
.col-order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}
.col-6 {
  width: 25%;
}
.col-push-6 {
  left: 25%;
}
.col-pull-6 {
  right: 25%;
}
.col-offset-6 {
  margin-left: 25%;
}
.col-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}
.col-5 {
  width: 20.83333333%;
}
.col-push-5 {
  left: 20.83333333%;
}
.col-pull-5 {
  right: 20.83333333%;
}
.col-offset-5 {
  margin-left: 20.83333333%;
}
.col-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}
.col-4 {
  width: 16.66666667%;
}
.col-push-4 {
  left: 16.66666667%;
}
.col-pull-4 {
  right: 16.66666667%;
}
.col-offset-4 {
  margin-left: 16.66666667%;
}
.col-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}
.col-3 {
  width: 12.5%;
}
.col-push-3 {
  left: 12.5%;
}
.col-pull-3 {
  right: 12.5%;
}
.col-offset-3 {
  margin-left: 12.5%;
}
.col-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
.col-2 {
  width: 8.33333333%;
}
.col-push-2 {
  left: 8.33333333%;
}
.col-pull-2 {
  right: 8.33333333%;
}
.col-offset-2 {
  margin-left: 8.33333333%;
}
.col-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.col-1 {
  width: 4.16666667%;
}
.col-push-1 {
  left: 4.16666667%;
}
.col-pull-1 {
  right: 4.16666667%;
}
.col-offset-1 {
  margin-left: 4.16666667%;
}
.col-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.col-push-0 {
  left: auto;
}
.col-pull-0 {
  right: auto;
}
.fade-enter,
.fade-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-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;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.ant-modal-fade-enter,
.ant-modal-fade-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-modal-fade-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-modal-fade-enter.ant-modal-fade-enter-active,
.ant-modal-fade-appear.ant-modal-fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.ant-modal-fade-leave.ant-modal-fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.ant-modal-fade-enter,
.ant-modal-fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.ant-modal-fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-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;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-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;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-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;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-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;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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%);
  }
  100% {
    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%);
  }
  100% {
    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;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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;
  }
  100% {
    -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);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-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;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-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;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-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;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-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;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  100% {
    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(0.8);
            transform: scaleY(0.8);
  }
  100% {
    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);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  100% {
    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(0.8);
            transform: scaleY(0.8);
  }
  100% {
    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);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
@keyframes antSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
  100% {
    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(0.8);
            transform: scaleX(0.8);
  }
  100% {
    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);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
}
@keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
  100% {
    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(0.8);
            transform: scaleX(0.8);
  }
  100% {
    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);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
}
@keyframes antSlideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
}
.swing-enter,
.swing-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;