/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
@font-face {
  font-family: "Helvetica Neue For Number";
  src: local("Helvetica Neue");
  unicode-range: U+30-39;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html,
body {
  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: rgba(0, 0, 0, 0.65);
  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;
  color: inherit;
}
input[type="text"],
textarea {
  -webkit-appearance: none;
}
ul,
ol {
  list-style: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
::-moz-selection {
  background: #108ee9;
  color: #fff;
}
::selection {
  background: #108ee9;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
a {
  color: #108ee9;
  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:hover {
  color: #49a9ee;
}
a:active {
  color: #0e77ca;
}
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: rgba(0, 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:before,
.clearfix:after {
  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');
  /* IE9*/
  src: url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot?#iefix') format('embedded-opentype'), /* chrome、firefox */ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_zck90zmlh7hf47vi.ttf') format('truetype'), /* iOS 4.1- */ 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-right-circle:before {
  content: "\E608";
}
.anticon-circle-right:before {
  content: "\E608";
}
.anticon-caret-circle-right:before {
  content: "\E608";
}
.anticon-left-circle:before {
  content: "\E609";
}
.anticon-circle-left:before {
  content: "\E609";
}
.anticon-caret-circle-left:before {
  content: "\E609";
}
.anticon-up-circle:before {
  content: "\E60A";
}
.anticon-circle-up:before {
  content: "\E60A";
}
.anticon-caret-circle-up:before {
  content: "\E60A";
}
.anticon-down-circle:before {
  content: "\E60B";
}
.anticon-circle-down:before {
  content: "\E60B";
}
.anticon-caret-circle-down:before {
  content: "\E60B";
}
.anticon-right-circle-o:before {
  content: "\E60C";
}
.anticon-circle-o-right:before {
  content: "\E60C";
}
.anticon-caret-circle-o-right:before {
  content: "\E60C";
}
.anticon-left-circle-o:before {
  content: "\E60D";
}
.anticon-circle-o-left:before {
  content: "\E60D";
}
.anticon-caret-circle-o-left:before {
  content: "\E60D";
}
.anticon-up-circle-o:before {
  content: "\E60E";
}
.anticon-circle-o-up:before {
  content: "\E60E";
}
.anticon-caret-circle-o-up:before {
  content: "\E60E";
}
.anticon-down-circle-o:before {
  content: "\E60F";
}
.anticon-circle-o-down:before {
  content: "\E60F";
}
.anticon-caret-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-arrows-alt:before {
  content: "\E615";
}
.anticon-arrow-salt: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 {
  content: "\E62E";
}
.anticon-cross-circle:before {
  content: "\E62E";
}
.anticon-close-circle-o:before {
  content: "\E62F";
}
.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 {
  content: "\E633";
}
.anticon-cross:before {
  content: "\E633";
}
.anticon-customer-service:before {
  content: "\E634";
}
.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:before {
  content: "\E646";
}
.anticon-frown-circle: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:before {
  content: "\E666";
}
.anticon-meh-circle: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:before {
  content: "\E6A7";
}
.anticon-smile-circle: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-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -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;
  pointer-events: none;
}
.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;
}
@-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: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -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;
  pointer-events: none;
}
.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: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -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;
  pointer-events: none;
}
.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: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -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;
  pointer-events: none;
}
.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: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -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;
  pointer-events: none;
}
.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: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -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;
  pointer-events: none;
}
.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: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -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;
  pointer-events: none;
}
.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: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -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;
  pointer-events: none;
}
.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: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -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;
  pointer-events: none;
}
.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: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  -webkit-animation-name: antSwingIn;
          animation-name: antSwingIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes antSwingIn {
  0%,
  100% {
    -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%,
  100% {
    -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-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-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-enter,
.zoom-appear {
  -webkit-transform: scale(0);
          transform: scale(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);
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-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-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
          transform: scale(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);
}
.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-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-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
          transform: scale(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);
}
.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-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-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
          transform: scale(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);
}
.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-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-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
          transform: scale(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);
}
.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-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-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
          transform: scale(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);
}
.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-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-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
          transform: scale(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);
}
.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes antZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes antZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -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(0.8);
            transform: scale(0.8);
  }
  100% {
    -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);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -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(0.8);
            transform: scale(0.8);
  }
  100% {
    -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);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -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(0.8);
            transform: scale(0.8);
  }
  100% {
    -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);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -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(0.8);
            transform: scale(0.8);
  }
  100% {
    -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);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.ant-motion-collapse {
  overflow: hidden;
}
.ant-motion-collapse-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.ant-notification {
  position: fixed;
  z-index: 1010;
  width: 335px;
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-left: 24px;
  margin-right: 0;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationLeftFadeIn;
          animation-name: NotificationLeftFadeIn;
}
.ant-notification-notice {
  padding: 16px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  line-height: 1.5;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.ant-notification-notice-message {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 4px;
  line-height: 20px;
  display: inline-block;
}
.ant-notification-notice-message-single-line-auto-margin {
  width: calc(335px - 16px * 2 - 24px - 48px - 100%);
  background-color: transparent;
  pointer-events: none;
  display: block;
  max-width: 4px;
}
.ant-notification-notice-message-single-line-auto-margin:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.ant-notification-notice-description {
  font-size: 12px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  font-size: 14px;
  margin-left: 48px;
  margin-bottom: 4px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 12px;
}
.ant-notification-notice-icon {
  position: absolute;
  font-size: 32px;
  line-height: 32px;
}
.ant-notification-notice-icon-success {
  color: #00a854;
}
.ant-notification-notice-icon-info {
  color: #108ee9;
}
.ant-notification-notice-icon-warning {
  color: #ffbf00;
}
.ant-notification-notice-icon-error {
  color: #f04134;
}
.ant-notification-notice-close-x:after {
  font-size: 12px;
  content: "\E633";
  font-family: "anticon";
  cursor: pointer;
}
.ant-notification-notice-close {
  position: absolute;
  right: 16px;
  top: 10px;
  color: rgba(0, 0, 0, 0.43);
  outline: none;
  text-decoration: none;
}
.ant-notification-notice-close:hover {
  color: #404040;
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-notification-fade-leave {
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationFadeIn;
          animation-name: NotificationFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  -webkit-animation-name: NotificationFadeOut;
          animation-name: NotificationFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes NotificationFadeIn {
  0% {
    opacity: 0;
    left: 335px;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeIn {
  0% {
    opacity: 0;
    left: 335px;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes NotificationLeftFadeIn {
  0% {
    opacity: 0;
    right: 335px;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    opacity: 0;
    right: 335px;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@-webkit-keyframes NotificationFadeOut {
  0% {
    opacity: 1;
    margin-bottom: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
    max-height: 150px;
  }
  100% {
    opacity: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
  }
}
@keyframes NotificationFadeOut {
  0% {
    opacity: 1;
    margin-bottom: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
    max-height: 150px;
  }
  100% {
    opacity: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
  }
}

.title-msg {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 0;
  margin-left: -30px;
}
.title-msg img.photo {
  position: relative;
  z-index: 2;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 1px;
}
.title-msg .target-info {
  -webkit-box-flex: 9;
      -ms-flex: 9;
          flex: 9;
  margin-left: 10px;
}
.title-msg .target-info h3 {
  margin: -2px 0 0;
  padding-top: 2px;
  line-height: 22px;
  font-size: 18px;
  font-weight: normal;
}
.title-msg .target-info .title-company a {
  color: #5f6d80;
}
#im-root #im-chatwin .chat-form {
  line-height: 20px;
}

.im-dialog {
  word-break: break-all;
}
.im-dialog .im-dialog-mask {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: #000;
  opacity: 0.55;
  filter: alpha(opacity=55);
  z-index: 900;
}
.im-dialog .im-dialog-main {
  position: fixed;
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  top: 20%;
  left: 50%;
  width: 200px;
  z-index: 901;
}
.im-dialog button.btn-close {
  position: absolute;
  font-weight: bold;
  line-height: 12px;
  padding: 12px;
  right: 0;
  top: 0;
  color: #444;
  font-family: 'simsun';
  text-decoration: none;
  white-space: nowrap;
  outline: none;
  border: none;
  background: transparent;
}
.im-dialog button.btn-close.hastitle {
  color: #fff;
}
.im-dialog .im-dialog-header {
  border-bottom: 1px solid #eee;
  line-height: 16px;
  height: 16px;
  padding: 12px 22px;
  background: #25252b;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.im-dialog .im-dialog-header .title {
  display: block;
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  color: #fff;
}
.im-dialog .im-dialog-header button.btn-back {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  text-decoration: none;
  padding: 0 2px;
  color: #000;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
  opacity: 0.3;
}
.im-dialog .im-dialog-content {
  padding: 30px 24px 20px;
  font-size: 12px;
  color: #666;
  text-align: center;
}
.im-dialog .im-dialog-content .subtitle {
  color: #333;
  font-size: 14px;
  margin: 0;
  font-weight: normal;
  padding-top: 10px;
}
.im-dialog .im-dialog-footer {
  height: 40px;
  padding-bottom: 20px;
  text-align: center;
}
.im-dialog .im-dialog-footer button {
  display: inline-block;
  padding: 4px 16px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #333;
  margin: 0 5px;
  min-width: 80px;
}
.im-dialog .im-dialog-footer button.btn-ok {
  background: #5897ff;
  border-color: #5897ff;
  color: #fff;
}
.im-dialog .im-dialog-footer button:first-child {
  border-left: 0;
}
.im-dialog .im-dialog-footer .btn-cancel {
  color: #999;
}
.im-dialog button {
  color: #0782ff;
}
.im-dialog.im-dialog.im-dialog-top .im-dialog-main {
  top: 64px;
  background: #fff;
}
.im-dialog.im-dialog.im-dialog-bottom .im-dialog-main {
  top: auto;
  bottom: 0;
  background: #fff;
}
.im-dialog.im-dialog.im-toast,
.im-dialog.im-dialog.im-toast,
.im-dialog.im-dialog.im-toast {
  width: 130px;
  min-width: 130px;
  min-height: 20px;
  padding: 10px;
  text-align: center;
}
.im-dialog.im-dialog.im-toast .im-dialog-main,
.im-dialog.im-dialog.im-toast .im-dialog-main,
.im-dialog.im-dialog.im-toast .im-dialog-main {
  width: auto;
  background-color: rgba(0, 0, 0, 0.55);
  color: #fff;
}
.im-dialog.im-dialog.im-toast .im-dialog-content,
.im-dialog.im-dialog.im-toast .im-dialog-content,
.im-dialog.im-dialog.im-toast .im-dialog-content {
  padding: 10px;
  color: #fff;
}
.im-dialog .chatwin .im-dialog .im-dialog-mask {
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
}
.im-dialog.im-panel-style .im-dialog-main,
.im-dialog.im-panel-style .im-dialog-mask {
  position: absolute;
}

@font-face {
  font-family: 'im-iconfont';
  src: url(//concat.lietou-static.com/fe-vas-pc/v5/fonts/plugins/im/iconfont.dc2ac717.eot);
  /* IE9 */
  src: url(//concat.lietou-static.com/fe-vas-pc/v5/fonts/plugins/im/iconfont.dc2ac717.eot#iefix) format('embedded-opentype'),  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAjoAAsAAAAAEowAAAibAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCENAqVTJEbATYCJANACyIABCAFhG0HgWMbcA8RlaxFIPs4bBzT8ESRbIqzEUYqtrZclM6gnNqsViFJthWwHWSnwIGCi2wIkJMCgXzH0h0biuhgiV3gFICclg9/vfPVmt4GaXznxodlyQV0yfZpH+gy+5e0lQQahaqsUnWkWkX8f2utikeOZDaY9jJ7e/pnThCVRfcQscQjwevexCV6iZaSxkDIzUzMaU4ugRVg+HU7GQgYOEwhB6RXn0EmBCMBCQQlJo0fa0NwIAiJDBOCjDKVsCPrJb8gABnme6YJwM/W65N3aEuCwRgkKeSpho3pPQpGH/g0VPJLKKUSpOYiAFwWY6BgyAHAXhTTEtUTAAIvU4pcFIv5bEigjE/j9wM+YrCDFYIbQxwJJN//5KWRQRY55FFAESWUwUggJBGgfypbA+YjGsCiDACgFABQFgDQAABAAwEADQIANBgA0BAAQDkAQHkAQAUAQFUAgKoBANVAB1GAaOyQCKAjQEcDbD9IxSwRQRBn4TGQg5GVRALxoyGPXePTYSqB00M02nBWBqYEGRsmCoIqJCSAjWZVGo0YIiBcJ/QzI2KEzpQQHSKKkTc11h4z1q1slyJGjXZK2+T0MSuotOO8cnGXfecF+VyjbfW1DvtuJKy53nH3VVvsYy68+WS69Wy+82q9/TJv71H7MeWIdLiicNk22RNdvOZYBq8cwUJG2hbBYUVweQhRKTWE8sr2BRoNADPBRLhK1F5jBk94RM8HKXoKHkUlS7sdZou7hucpR/gq0+OmdFNRNcMX15LCI2cVCWNNDvm1nF1vtbjsNYrWbB2jscm8OUdkXfWde+vtO8vNG9OtW7PN+BlgBJTwYeZWnN9xS7lTtWVSSpu9aImGJ2rENLSK2CeotVmOXi2hZRzbOLXs0dGecnnCMby0fbSb8utu9jpzZ612b9aaq4nLlX0TjggGJ05eo7j1tNIh6yxjNHuOxLGrDrdX7z0aH7D2mHllK/3lo9UD6sh8z9p64o6sZ5JvDxm2TT5qN8wc1YJ37qvTt9THpKysT8+3FiLE3pBRsLUhOnmFcpCMrafT8rYrhoKtZ9PSNtdFJi6rC2IsBEi1qbmbaqOSliu81E1n0vM9ciaeeqpk73X7DeWadNU0a1vM5J1OycEJssvu1vOD4BD31s1adEpN8Tocr9qpLzik5OWZF8pwk+QNdwoK3Hri0uUfvJ2SYteluyJy98v5+crPRKoDSetv5uY6IuDU5h24lZgoaU1Dn2TfDft1+ap0baW3H+vZSTbe6Xv6NkmqzTxwC9wu3ySWs9+xbj1mPyoflo4Ub5aCPckDNq+tKa8EG+/cfpgiOdlz9NpSPHnEocTgpy3V/jEc/m/wszxZMuZ1DKW+/f6AFNeYkxvbmN8Ym5vT6IgVmrzeJuEU5ciJiyH5qQsgkUr32YQE9j5jwehST0O1azzm9JzTQ+NnLFRNNr+vvzebFzC22qNJmpOMLiMGXar2/mOwP31iwR+9asFXotD4bY7YJ3fYAacrf5xcqGbvy6+q/3hyys6btjETtFUmjqkcg46tQ1lUOYwxJTFa/JAoxFhbzlrsrbVdVWJsgIjNvrLYdNFTV1H33Yb39WWoY2wXUD/ERawcUwm/cdeuhymeMIRe2iVll9zAlIe29kNJhElZ4CH8ERe0qYkuZ2wweg0vX8/d7B9/sJDtFgykgi+M66YtVKaWE8YCO+ndho4dJKvcoQekpPZJ7bQYA36hy+BmjYmptmwMsgQ9eT4wpl3j28Z2MQNdqlDVW0isjW+/Hfi2adQ/avlIbyTdu4siTgnH06wDX7eZPbVId2Ny8KEQT8ih4Hda+xQ96emvdd9MK05e6DH6KeJ+I3HHP8iSNqQd8XExqI42+2gdBzQ365HU1+xl+HwlEnuW+UjGQhzLPiRgC7AgzYU3aPbhJ7slc2lf9sjnz0d0GXsOZo94Gw9V2vw4rWfH7zq2/69Nfzp69CeSUepBf6KvKvolF5SWZFqj65WbE7ZFx0Zvm3DzuD7amllSWjAprGKALdc2oCJsUnbW2gBpzAj2kWnsheJi9MJC3YtA4i2GPdBLTeFNIStCaCNJ78YA04SeQoqmoUGTYmHKwoAX/6WZOqUXwrii05cDfqr6acDW04Ytaoux5bDdLzerYlWbX+5+DMdoUW8xvL6J0GNkCyRUtR4WG9Cv37Bh2rEDYockWXIGtjIKHq/XIxhbGgYuaL+uXUcOaAjbHQrsEqHV1/ZuO2SREwcueENjQlUXVEb40HnfnjNiQ1XfqhGZO780GuEtRb+KJCb8kFHMfcZ5EkvgE/C/pbepztoGoCS2Cfhv0RpqCEZNjN2HoIa5zRcRlwC/lzIxJgkk5u0Q5iWzRrBFxT9RKwRtPXdotdz53wz/B3vQ/bUv3a1gv9RcCoLB/KZQ/BaPJTIGv1+8SmSwyD4bp3VETGIbcxBxgaAMBgDHqYAfMi4Mj10qtIVF/wAUWg8xCEIcoghGqjarn4MCwKM9CkQwuiEOBgx25xEOQhyEzTIgG7sKIhBxhRiocQxRiLjGwNB/QAHQ4RsFQiRxxMFCwg/II504uZ6EqkSDaxvc0UVoqqEyZ5dcQGvsq+SXWLYrSJGTyjvNdjh3gCFSE5tEE6srpclNEgHvK6dD3xd8RMJFXTZtKUfTrZaZtGlTFwHLoScICBXScG2AQ8OGfwc6BEKYA0vkIi+/AISFMXyooIw6X/5XgCBEcCbO0UET7QLaAxIWqnMomhEmsNCFpAgTXKtMEAjA0acIhM9ZAhyj5OVcIHRINGFXyBhhGi1qyyxKmt0rgj1PsPvqlYcQSQzikIAkpCANGcjC7+whoQBFKEEZKqSK9Pigoam6V7YW121VrjlhIxCEmWAB1UeSpViuCKWqy4bWIucnRVdNqEf5IsqdiYFwnUxfrtB0lYwUVsFqXticdrZwhCrpds5hP2yMh41IYpCS583EcYRUOpAx') format('woff2'), url(//concat.lietou-static.com/fe-vas-pc/v5/fonts/plugins/im/iconfont.a11f8490.woff) format('woff'), url(//concat.lietou-static.com/fe-vas-pc/v5/fonts/plugins/im/iconfont.13740e70.ttf) format('truetype'),  url(//concat.lietou-static.com/fe-vas-pc/v5/fonts/plugins/im/iconfont.997da4dc.svg#iconfont) format('svg');
  /* iOS 4.1- */
}
.text-icon {
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.text-icon.icon-im-back,
.text-icon.icon-im-chatwin-more,
.text-icon.icon-im-alert,
.text-icon.icon-im-contact-act,
.text-icon.icon-im-contact,
.text-icon.icon-im-core-close,
.text-icon.icon-im-emoji,
.text-icon.icon-im-jobcard,
.text-icon.icon-im-img,
.text-icon.icon-im-more,
.text-icon.icon-im-search,
.text-icon.icon-im-set-act,
.text-icon.icon-im-system,
.text-icon.icon-im-set,
.text-icon.icon-im-usercard {
  font-family: 'im-iconfont' !important;
}
.icon-im-back:before {
  content: '\E601';
}
.icon-im-chatwin-more:before {
  content: '\E602';
}
.icon-im-alert:before {
  content: '\E603';
}
.icon-im-contact-act:before {
  content: '\E604';
}
.icon-im-contact:before {
  content: '\E605';
}
.icon-im-core-close:before {
  content: '\E606';
}
.icon-im-emoji:before {
  content: '\E607';
}
.icon-im-jobcard:before {
  content: '\E608';
}
.icon-im-img:before {
  content: '\E609';
}
.icon-im-more:before {
  content: '\E60A';
}
.icon-im-search:before {
  content: '\E60B';
}
.icon-im-set-act:before {
  content: '\E60C';
}
.icon-im-system:before {
  content: '\E60D';
}
.icon-im-set:before {
  content: '\E60E';
}
.icon-im-usercard:before {
  content: '\E60F';
}

#im-root {
  position: fixed;
  height: calc(80%);
  right: 140px;
  bottom: 40px;
  z-index: 210;
  width: 340px;
  max-height: 458px;
  font-family: 'PingFang SC', 'microsoft yahei', Arial, sans-serif;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 0 14px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 14px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 8px;
}
#im-root .list-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-bottom: -8px;
  width: 16px;
  height: 16px;
}
#im-root .list-loading em {
  width: 16px;
  height: 16px;
  display: block;
  background: url(//concat.lietou-static.com/fe-vas-pc/v5/images/plugins/im-basic/loading1.4f323667.gif) center 0 no-repeat;
}
#im-root .im-wrap {
  width: 682px;
  height: 100%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#im-root #im-aside {
  height: 100%;
  width: 340px;
  float: left;
  overflow: hidden;
}
#im-root .tab-container.contacts {
  height: calc(100% - 59px);
}
#im-root .tab-container.contacts #im-contact {
  height: calc(100% - 20px);
  overflow-y: auto;
}
#im-root .tab-container.contacts #im-contact.hasSearch {
  height: calc(100% - 64px);
}
#im-root #im-chatwin {
  float: left;
  width: 340px;
  height: 100%;
  background: #fff;
  position: relative;
}
#im-root .move-show-chatwin {
  margin-left: -340px;
}
#im-root .move-hide-chatwin {
  margin-left: 0px;
}
#im-root .err-msg {
  text-align: center;
  padding: 100px 20px;
  color: #666;
}

#im-root #im-chatwin .chat-form {
  padding: 10px 14px 15px 15px;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #ddd;
}
#im-root #im-chatwin .chat-form .top-options {
  position: relative;
}
#im-root #im-chatwin .chat-form .top-options .text-icon {
  font-size: 22px;
  color: #5897FF;
}
#im-root #im-chatwin .chat-form .top-options .upload-pending {
  float: left;
  margin-left: 8px;
  position: relative;
  width: 20px;
  height: 20px;
}
#im-root #im-chatwin .chat-form .top-options .upload-wrap {
  float: left;
  margin-left: 8px;
  position: relative;
  width: 20px;
  height: 22px;
  overflow: hidden;
}
#im-root #im-chatwin .chat-form .top-options .upload-wrap .file {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 20px;
  height: 20px;
  opacity: 0;
  /*filter:alpha(opactiy=0);
*/
}
#im-root #im-chatwin .chat-form .top-options .emoji-wrap {
  float: left;
  position: relative;
  cursor: pointer;
}
#im-root #im-chatwin .chat-form .top-options .emoji-wrap ul {
  position: absolute;
  bottom: 30px;
  left: -4px;
  z-index: 3;
  width: 314px;
  padding: 14px 2px 14px 6px;
  background: #fff;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
}
#im-root #im-chatwin .chat-form .top-options .emoji-wrap ul:after {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 4.5px;
  width: 0;
  height: 0;
  border: 10px solid #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: 0;
}
#im-root #im-chatwin .chat-form .top-options .emoji-wrap ul li {
  float: left;
  width: 29px;
  height: 29px;
  margin: 1px;
  background: #fff;
  cursor: pointer;
}
#im-root #im-chatwin .chat-form .top-options .emoji-wrap ul li img {
  width: 30px;
  height: 30px;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
#im-root #im-chatwin .chat-form .top-options .emoji-wrap ul li:hover img {
  margin-top: -5px;
}
#im-root #im-chatwin .chat-form .top-options .emoji-wrap-ie9 ul {
  left: -14px;
}
#im-root #im-chatwin .chat-form .top-options .emoji-wrap-ie9 ul:after {
  left: 14px;
}
#im-root #im-chatwin .chat-form .top-options .upload-wrap,
#im-root #im-chatwin .chat-form .top-options .upload-wrap .file {
  cursor: pointer;
}
#im-root #im-chatwin .chat-form .top-options .icon-im-emoji:hover,
#im-root #im-chatwin .chat-form .top-options .upload-wrap:hover em.icon-im-img {
  color: #2E74E6;
}
#im-root #im-chatwin .chat-form .fake-textarea {
  display: none;
  width: 100%;
  min-height: 40px;
  max-height: 176px;
  margin: 4px 0;
  overflow: hidden;
  overflow-y: auto;
  word-break: break-all;
  font-family: Tahoma, "\5B8B\4F53", Arial, Helvetica, Arial, sans-serif;
}
#im-root #im-chatwin .chat-form .textarea {
  width: 100%;
  min-height: 40px;
  max-height: 176px;
  resize: none;
  outline: none;
  border: 0;
  line-height: 20px;
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 4px 0;
  padding: 0;
  background: transparent;
}
#im-root #im-chatwin .chat-form .textarea:focus {
  outline: none;
}
#im-root #im-chatwin .chat-form .send-wrap {
  text-align: right;
  position: relative;
}
#im-root #im-chatwin .chat-form .send-wrap .dialog-setting-box {
  position: absolute;
  bottom: 25px;
  right: 0px;
  width: 168px;
  background-color: #fefefe;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 4px #999;
          box-shadow: 0px 0px 4px #999;
  padding-top: 8px;
  text-align: left;
}
#im-root #im-chatwin .chat-form .send-wrap .dialog-setting-box ul li {
  padding: 0 9px 8px 9px;
}
#im-root #im-chatwin .chat-form .send-wrap .btn-send {
  display: inline-block;
  width: 60px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  color: #333;
  border: 1px solid #ddd;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
}
#im-root #im-chatwin .chat-form .send-disabled .btn-send {
  border-color: #ddd;
  background: #F5F5F5;
  color: #ccc;
  cursor: auto;
}
#im-root #im-chatwin .chat-form .btn-tip {
  color: #ccc;
  margin-right: 12px;
  vertical-align: middle;
}
#im-root #im-chatwin .chat-form .placeholderui {
  z-index: 0 !important;
  word-break: break-all !important;
  white-space: normal !important;
}
#im-root #im-chatwin .chat-form .clipboard-img-wrap {
  position: relative;
  text-align: center;
  outline: 2px solid #83bffc;
  outline: -webkit-focus-ring-color auto 5px;
  margin: 4px 0;
}
#im-root #im-chatwin .chat-form .clipboard-img-wrap .close-btn {
  position: absolute;
  top: 0px;
  right: 4px;
  z-index: 1;
  font-size: 14px;
  font-family: 'simsun';
  color: #666;
  text-decoration: none;
  display: block;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
}
#im-root #im-chatwin .chat-form .clipboard-img-wrap img {
  max-width: 100%;
  max-height: 100px;
}
#im-root #im-chatwin .chat-form iframe {
  position: absolute !important;
  top: 0 !important;
  opacity: 0;
  filter: alpha(opacity=0);
  left: 0 !important;
  z-index: 9999 !important;
  visibility: visible !important;
  display: block!important;
}
#im-root #im-chatwin .chat-form .ie9-placeholder {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 100%;
  color: #999;
}

#im-root #im-chatwin .header-wrap .chat-title-wrap {
  padding-top: 19px;
  line-height: 20px;
}
#im-root #im-chatwin .header-wrap .chat-title-wrap span {
  color: #999;
  font-size: 14px;
}
#im-root #im-chatwin .header-wrap .chat-title-wrap .name {
  font-size: 14px;
  color: #333;
  padding-right: 12px;
}

#im-root #im-chatwin .header-wrap {
  padding: 0 18px;
  background: #F8F8F8;
  border-bottom: 1px solid #ddd;
  position: relative;
  min-height: 58px;
}
#im-root #im-chatwin .header-wrap .text-icon {
  color: #5897FF;
  cursor: pointer;
}
#im-root #im-chatwin .header-wrap .title {
  margin-left: 24px;
}
#im-root #im-chatwin .header-wrap .close-chat {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -8px;
}
#im-root #im-chatwin .header-wrap .chatwin-act {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  cursor: pointer;
}
#im-root #im-chatwin .header-wrap .chatwin-act .act-drop {
  position: absolute;
  top: 25px;
  right: -17px;
  z-index: 6;
  background: #fff;
  text-align: center;
  color: #666;
  border-radius: 4px;
  border: 1px solid #ddd;
}
#im-root #im-chatwin .header-wrap .chatwin-act .act-drop a {
  font-size: 12px;
  color: #333;
  font-weight: normal;
  display: inline-block;
  padding: 8px 14px;
  margin: 0;
  min-width: 72px;
  border-bottom: 1px solid #eee;
}
#im-root #im-chatwin .header-wrap .chatwin-act .act-drop a:last-child {
  border-bottom: none;
}
#im-root #im-chatwin .header-wrap .chatwin-act .act-drop a:hover {
  background: #f5f5f5;
  text-decoration: none;
}
#im-root #im-chatwin .header-wrap .chatwin-act .act-drop:before {
  content: '';
  position: absolute;
  top: -12px;
  right: 18px;
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent transparent #ddd transparent;
}
#im-root #im-chatwin .header-wrap .chatwin-act .act-drop:after {
  content: '';
  position: absolute;
  top: -11px;
  right: 18px;
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent transparent #fff transparent;
}


#im-root #im-chatwin .chat-list .message {
  /*系统消息默认样式*/
}
#im-root #im-chatwin .chat-list .message .body .sysmsg {
  text-align: center;
}
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips {
  background: #d1d1d1;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  margin-top: 5px;
  padding: 5px 10px;
  text-align: center;
}
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips .action {
  margin-left: 10px;
}
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips .action:hover,
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips .action:focus,
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips .action:active {
  text-decoration: none;
  outline: none;
}
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips a {
  cursor: pointer;
}
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips a.hide {
  display: none;
}

#im-root #im-chatwin .chat-list .message {
  margin: 32px 0 16px;
  position: relative;
  /*发送接收气泡样式展示start*/
  /*发送接收气泡样式展示end*/
}
#im-root #im-chatwin .chat-list .message.time {
  margin-top: 16px;
}
#im-root #im-chatwin .chat-list .message .header .time {
  margin: 10px 0 16px;
  text-align: center;
  line-height: 26px;
  color: #bfbfbf;
}
#im-root #im-chatwin .chat-list .message .body {
  position: relative;
}
#im-root #im-chatwin .chat-list .message .body .user-img {
  position: absolute;
  top: 0;
}
#im-root #im-chatwin .chat-list .message .body .user-img img {
  width: 32px;
  height: 32px;
  border-radius: 3px;
}
#im-root #im-chatwin .chat-list .message .body .user-img.send-img {
  right: 0;
}
#im-root #im-chatwin .chat-list .message .body .user-img.receive-img {
  left: 0;
}
#im-root #im-chatwin .chat-list .message .body .content {
  float: left;
  max-width: 540px;
  padding: 10px;
  color: #333;
  border-radius: 3px;
  word-wrap: break-word;
  position: relative;
}
#im-root #im-chatwin .chat-list .message .body .content a,
#im-root #im-chatwin .chat-list .message .body .content a:hover {
  text-decoration: none;
  outline: none;
}
#im-root #im-chatwin .chat-list .message .body .content:before,
#im-root #im-chatwin .chat-list .message .body .content:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action {
  position: absolute;
  line-height: 14px;
  color: #fff;
  cursor: pointer;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action .text-icon {
  padding: 0 3px;
  background-color: #eee;
  height: 16px;
  font-size: 16px;
  border-radius: 3px;
  line-height: 16px;
  color: #ccc;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action .text-icon:hover {
  background-color: #ddd;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action.send-action {
  left: -28px;
  bottom: 0;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action.receive-action {
  right: -28px;
  bottom: 0;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action.send-action .act-drop {
  right: 0px;
  bottom: 22px;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action.receive-action .act-drop {
  left: 0px;
  bottom: 22px;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action .act-drop {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  color: #666;
  min-width: 30px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.15);
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action .act-drop a {
  font-size: 12px;
  color: #333;
  font-weight: normal;
  display: inline-block;
  padding: 10px 12px;
  margin: 0;
  min-width: 30px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action .act-drop a:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action .act-drop a:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#im-root #im-chatwin .chat-list .message .body .content-wrap .msg-action .act-drop a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}
#im-root #im-chatwin .chat-list .message .body .loadingicon {
  width: 16px;
  height: 16px;
  background: url(//concat.lietou-static.com/fe-vas-pc/v5/images/plugins/im-ui-basic-chatwin/loading1.4f323667.gif) no-repeat center;
}
#im-root #im-chatwin .chat-list .message .body .sendloading {
  position: absolute;
  left: -27px;
  top: 50%;
  margin-top: -6px;
}
#im-root #im-chatwin .chat-list .message .body .receiveloading {
  float: left;
  margin: 10px 0 0 10px;
}
#im-root #im-chatwin .chat-list .message .body p.opposite-readed {
  position: absolute;
  right: 0;
  bottom: -18px;
  font-size: 12px;
  color: #999;
  line-height: 16px;
}
#im-root #im-chatwin .chat-list .message .body i.failed {
  position: absolute;
  left: -20px;
  bottom: 0;
  color: #ff7c2d;
  line-height: 16px;
  font-size: 14px;
}
#im-root #im-chatwin .chat-list .message .body i.failed.resend {
  cursor: pointer;
}
#im-root #im-chatwin .chat-list .message.send .body .content-wrap {
  position: relative;
  float: right;
}
#im-root #im-chatwin .chat-list .message.receive .body .content-wrap {
  position: relative;
  float: left;
}
#im-root #im-chatwin .chat-list .message.send .body .content {
  float: right;
  color: #fff;
  border-top-right-radius: unset;
}
#im-root #im-chatwin .chat-list .message.send .body .content:before {
  right: -6px;
  top: -1px;
  border-top: 6px solid #ddd;
  border-right: 6px solid transparent;
}
#im-root #im-chatwin .chat-list .message.send .body .content.confirm-msg-card:after,
#im-root #im-chatwin .chat-list .message.send .body .content.resume-msg-card:after,
#im-root #im-chatwin .chat-list .message.send .body .content.job-msg-card:after,
#im-root #im-chatwin .chat-list .message.send .body .content.img-wrap:after {
  border-top: 6px solid #fff;
  border-right: 6px solid transparent;
  right: -4px;
  top: 0;
}
#im-root #im-chatwin .chat-list .message.receive .body .content {
  border-top-left-radius: unset;
  border: 1px solid #e1e1e1;
}
#im-root #im-chatwin .chat-list .message.receive .body .content:before {
  border-top: 6px solid #ddd;
  border-left: 6px solid transparent;
  left: -7px;
  top: -1px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#im-root #im-chatwin .chat-list .message.receive .body .content:after {
  left: -5px;
  top: 0px;
  border-top: 6px solid #fbfbfb;
  border-left: 6px solid transparent;
}
#im-root #im-chatwin .chat-list .message .err-msg {
  color: #f37e67;
  padding: 0 20px;
}
#im-root #im-chatwin .chat-list .message .err-msg a {
  text-decoration: underline;
}
#im-root #im-chatwin .chat-list .message .footer {
  margin: 2px;
}

#im-root #im-chatwin .chatwin {
  height: 100%;
}
#im-root #im-chatwin .chatwin-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-bottom: -8px;
  width: 16px;
  height: 16px;
}
#im-root #im-chatwin .chatwin-loading em {
  width: 16px;
  height: 16px;
  display: block;
  background: url(//concat.lietou-static.com/fe-vas-pc/v5/images/plugins/im-ui-basic-chatwin/loading1.4f323667.gif) center 0 no-repeat;
}
#im-root #im-chatwin .msg-list-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-bottom: -8px;
  width: 16px;
  height: 16px;
}
#im-root #im-chatwin .msg-list-loading em {
  width: 16px;
  height: 16px;
  display: block;
  background: url(//concat.lietou-static.com/fe-vas-pc/v5/images/plugins/im-ui-basic-chatwin/loading1.4f323667.gif) center 0 no-repeat;
}
#im-root #im-chatwin .chat-main {
  height: calc(-14%);
}
#im-root #im-chatwin .max-chat-list {
  text-align: center;
  font-size: 12px;
  color: #bbbbbb;
  line-height: 16px;
  margin: 24px auto;
}
#im-root #im-chatwin .chat-main .chat-list {
  padding: 0 16px;
  overflow-y: auto;
  margin-bottom: 1px;
  border-radius: 4px 4px 0 0;
  height: 100%;
}
#im-root #im-chatwin .chat-main .chat-list .list-content {
  opacity: 0;
}
#im-root #im-chatwin .infinite-scroll-loading {
  width: 16px;
  height: 16px;
  display: block;
  margin: 5px auto;
  background: url(//concat.lietou-static.com/fe-vas-pc/v5/images/plugins/im-ui-basic-chatwin/loading1.4f323667.gif) center 0 no-repeat;
}

#im-root #im-chatwin .chat-list .message {
  /*接收拒绝卡片默认样式*/
}
#im-root #im-chatwin .chat-list .message .body .confirm-msg-card {
  background: #fff;
  padding: 16px;
  width: 210px;
  border: 1px solid #e1e1e1;
}
#im-root #im-chatwin .chat-list .message .body .confirm-msg-card .container {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}
#im-root #im-chatwin .chat-list .message .body .confirm-msg-card .action a {
  padding: 6px 14px;
  line-height: 18px;
  border-radius: 3px;
  display: inline-block;
  min-width: 60px;
  text-align: center;
}
#im-root #im-chatwin .chat-list .message .body .confirm-msg-card .action .btn-cancel {
  color: #333;
  border: 1px solid #ddd;
}
#im-root #im-chatwin .chat-list .message .body .confirm-msg-card .action .btn-cancel.btn-disabled {
  border-color: #DDD;
  color: #DDD;
  background: #fff;
}
#im-root #im-chatwin .chat-list .message .body .confirm-msg-card .action .btn-ok {
  background: #5897FF;
  color: #fff;
  border: 1px solid #5897FF;
  margin-right: 12px;
}
#im-root #im-chatwin .chat-list .message .body .confirm-msg-card .action .btn-ok.btn-disabled {
  background: #DDD;
  border-color: #DDD;
}

#im-root #im-chatwin .chat-list .message .body .content.img-wrap {
  padding: 0;
  border: 1px solid #ddd;
  max-width: 240px;
  max-height: 360px;
}
#im-root #im-chatwin .chat-list .message .body .content.img-wrap a.preview-image {
  display: inline-block;
  position: relative;
  /*z-index: 4;*/
}
#im-root #im-chatwin .chat-list .message .body .content.img-wrap a.preview-image img {
  max-width: 240px;
  max-height: 360px;
  vertical-align: top;
  border-radius: 3px;
}
#im-root #im-chatwin .chat-list .message.send .body .content.img-wrap,
#im-root #im-chatwin .chat-list .message.receive .body .content.img-wrap {
  border-top-right-radius: 3px;
}
#im-root #im-chatwin .chat-list .message.send .body .content.img-wrap:before,
#im-root #im-chatwin .chat-list .message.receive .body .content.img-wrap:before,
#im-root #im-chatwin .chat-list .message.send .body .content.img-wrap:after,
#im-root #im-chatwin .chat-list .message.receive .body .content.img-wrap:after {
  content: none;
}
#im-image-preview-dialog .im-image-preview-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 300;
  background: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
#im-image-preview-dialog a.close-preview {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 40px;
  color: #999;
  text-decoration: none;
  z-index: 10;
  line-height: 28px;
}
#im-image-preview-dialog img {
  position: absolute;
  margin: 10% auto;
  border: 1px solid #cfd2d3;
  max-height: 100%;
  max-width: 100%;
  border-radius: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#im-image-preview-dialog .im-image-preview-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: auto;
}

#im-root #im-chatwin .chat-list {
  /*职位卡片默认样式*/
}
#im-root #im-chatwin .chat-list .job-msg-card {
  padding: 10px 16px;
  background: #fbfbfb;
  border-radius: 3px;
  font-size: 14px;
  border: 1px solid #e9e9e9;
}
#im-root #im-chatwin .chat-list .job-msg-card a:hover,
#im-root #im-chatwin .chat-list .job-msg-card a:focus {
  outline: none;
  text-decoration: none;
}
#im-root #im-chatwin .chat-list .job-msg-card dl dt {
  font-weight: bold;
  color: #000;
  position: relative;
  margin-bottom: 7px;
  line-height: 14px;
}
#im-root #im-chatwin .chat-list .job-msg-card dl dt .title {
  line-height: 14px;
  max-width: 140px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
#im-root #im-chatwin .chat-list .job-msg-card dl dt .tip-info {
  position: absolute;
  top: 0;
  right: 0;
  color: #ff6d50;
  width: 115px;
  margin-left: 10px;
  text-align: right;
}
#im-root #im-chatwin .chat-list .job-msg-card dl dd {
  color: #333;
}
#im-root #im-chatwin .chat-list .job-msg-card dl dd.second-item {
  margin-bottom: 8px;
}
#im-root #im-chatwin .chat-list .job-msg-card dl dd.last-item span {
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
  padding: 0 8px;
  border: 1px solid #ccc;
  border-radius: 100px;
}

#im-root #im-chatwin .chat-list .message {
  /*简历卡片默认样式*/
}
#im-root #im-chatwin .chat-list .message .body .resume-msg-card {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 20px;
  width: 210px;
  max-width: 210px;
  border: 1px solid #E1E1E1;
}
#im-root #im-chatwin .chat-list .message .body .resume-msg-card dl dt {
  color: #000;
  position: relative;
  margin-bottom: 8px;
}
#im-root #im-chatwin .chat-list .message .body .resume-msg-card dl dt .tip-info {
  color: #333;
  line-height: 16px;
  margin-left: 12px;
}
#im-root #im-chatwin .chat-list .message .body .resume-msg-card dl dd.second-item {
  color: #333;
  padding-bottom: 8px;
}
#im-root #im-chatwin .chat-list .message .body .resume-msg-card dl dd.last-item {
  border-top: 1px solid #e1e1e1;
  margin-right: 6px;
  padding-top: 8px;
  color: #333;
}
#im-root #im-chatwin .chat-list .message .body .resume-msg-card .resume-icon {
  position: absolute;
  right: -12px;
  top: -11px;
  padding: 4px 4px;
  border-radius: 4px;
  background: #5897FF;
}
#im-root #im-chatwin .chat-list .message .body .resume-msg-card .resume-icon .icon-im-usercard {
  font-size: 20px;
  color: #fff;
}

#im-root #im-chatwin .chat-list .message {
  /*系统消息默认样式*/
}
#im-root #im-chatwin .chat-list .message .body .sysmsg {
  text-align: center;
}
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips {
  background: #d1d1d1;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  margin-top: 5px;
  padding: 5px 10px;
  text-align: center;
}
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips .action {
  margin-left: 10px;
}
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips .action:hover,
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips .action:focus,
#im-root #im-chatwin .chat-list .message .body .sysmsg .sysmsg-tips .action:active {
  text-decoration: none;
  outline: none;
}

#im-root #im-chatwin .chat-list .message .content.text {
  min-height: 22px;
  max-width: 220px;
  padding: 4px 12px;
  line-height: 22px;
  position: relative;
  border: 1px solid #5897FF;
  text-align: justify;
}
#im-root #im-chatwin .chat-list .message .content.text img.emoji {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
}
#im-root #im-chatwin .chat-list .message.send .body .content.text {
  background: #5897FF;
}
#im-root #im-chatwin .chat-list .message.send .body .content.text:before {
  border-top: 6px solid #5897FF;
}
#im-root #im-chatwin .chat-list .message.receive .body .content.text {
  background: #fbfbfb;
}

#im-root #im-contact .photo {
  position: relative;
  /*未读数*/
}
#im-root #im-contact .photo .dot {
  position: absolute;
  left: 36px;
  top: -8px;
  min-width: 8px;
  height: 16px;
  line-height: 16px;
  background: #f00;
  border-radius: 100px;
  text-align: center;
  padding: 0 4px;
  color: #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#im-root #im-contact .info {
  margin-left: 60px;
  position: relative;
  /*为了兼容*/
  /*兼容end*/
}
#im-root #im-contact .info .name {
  margin-right: 8px;
}
#im-root #im-contact .info .name,
#im-root #im-contact .info .job-info {
  font-size: 14px;
  line-height: 20px;
}
#im-root #im-contact .info .line {
  font-size: 10px;
  color: #ddd;
}
#im-root #im-contact .info em {
  margin-left: 8px;
  color: #666;
}
#im-root #im-contact .info .info-line,
#im-root #im-contact .info .dot {
  line-height: 20px;
  margin: 0 8px;
  display: inline-block;
  background: #d8d8d8;
  vertical-align: middle;
}
#im-root #im-contact .info .info-line {
  width: 1px;
  height: 8px;
}
#im-root #im-contact .info .dot {
  width: 3px;
  height: 3px;
}
#im-root #im-contact .info .user-info {
  font-size: 14px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 51px;
}
#im-root #im-contact .info em {
  margin-left: 8px;
  color: #666;
}
#im-root #im-contact .info time {
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
}
#im-root #im-contact .info .last {
  color: #999;
  line-height: 20px;
  padding-top: 4px;
  max-width: 215px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#im-root #im-contact {
  position: relative;
}
#im-root #im-contact div.list-item {
  padding: 14px 14px 14px 20px;
  position: relative;
}
#im-root #im-contact div.list-item .contact-info .photo {
  float: left;
}
#im-root #im-contact div.list-item .contact-info .photo img {
  width: 44px;
  height: 44px;
  border-radius: 3px;
}
#im-root #im-contact div.list-item .close {
  position: absolute;
  top: 28px;
  left: 2px;
  display: none;
  color: #999;
}
#im-root #im-contact div.list-item .close:hover {
  text-decoration: none;
}
#im-root #im-contact div.list-item .stick {
  position: absolute;
  top: 8px;
  left: 0;
}
#im-root #im-contact div.list-item .stick:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid #5897ff;
  border-right: 10px solid transparent;
}
#im-root #im-contact div.list-item:hover,
#im-root #im-contact div.list-item.active {
  background: #f6f6f6;
  cursor: pointer;
}
#im-root #im-contact div.list-item:hover .close {
  display: block;
}
#im-root #im-contact .infinite-scroll-loading {
  width: 16px;
  height: 16px;
  display: block;
  margin: 5px auto;
  background: url(//concat.lietou-static.com/fe-vas-pc/v5/images/plugins/im-ui-basic-contactlist/views/ContactsList/loading1.4f323667.gif) center 0 no-repeat;
}
#im-root #im-contact .no-contacts {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -5px;
  padding-top: 70px;
  text-align: center;
  font-size: 16px;
  color: #999;
  background: url(//concat.lietou-static.com/fe-vas-pc/v5/images/plugins/im-ui-basic-contactlist/views/ContactsList/no-msg.20ef7bba.png) center 0 no-repeat;
}
#im-root #im-contact .max-contacts {
  text-align: center;
  font-size: 12px;
  color: #bbbbbb;
  line-height: 16px;
  margin: 24px 0;
}
#im-root #im-contact .err-data {
  text-align: center;
  color: #666;
}

#im-root #im-search ul li {
  padding: 14px 20px;
  position: relative;
}
#im-root #im-search ul li .contact-info .photo {
  float: left;
  position: relative;
}
#im-root #im-search ul li .contact-info .photo img {
  width: 44px;
  height: 44px;
}
#im-root #im-search ul li .info {
  margin-left: 60px;
  position: relative;
}
#im-root #im-search ul li .info time {
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
}
#im-root #im-search ul li:hover,
#im-root #im-search ul li.active {
  background: #F6F6F6;
  cursor: pointer;
}

#im-root #im-search .search-wrap {
  position: relative;
  z-index: 10;
}
#im-root #im-search .search-wrap {
  height: 100%;
}
#im-root #im-search .search-wrap .search-bar {
  padding: 12px 0 12px 18px;
  border-bottom: 1px solid #ddd;
  position: relative;
  height: 20px;
}
#im-root #im-search .search-wrap .search {
  position: relative;
  display: inline-block;
}
#im-root #im-search .search-wrap .search .icon-im-search {
  color: #999;
}
#im-root #im-search .search-wrap input.search-input {
  position: relative;
  display: inline-block;
  padding: 0px 22px 0 10px;
  border: none;
  outline: none;
  width: 220px;
}
#im-root #im-search .search-wrap input.search-input:focus {
  border-color: #647fbd;
}
#im-root #im-search .search-wrap input::-ms-clear {
  display: none;
}
#im-root #im-search .search-wrap i.empty {
  position: absolute;
  top: 3px;
  right: -3px;
  color: #999;
  cursor: pointer;
  text-align: center;
}
#im-root #im-search .search-wrap i.empty:hover {
  color: #666;
}
#im-root #im-search .search-wrap .search-btn {
  margin-left: 8px;
  color: #5897ff;
  outline: none;
  padding: 0px 8px;
  display: inline-block;
  vertical-align: middle;
}
#im-root #im-search .search-wrap .search-btn:hover {
  text-decoration: none;
}
#im-root #im-search .search-wrap .search-list {
  width: 100%;
  height: calc(80%);
  background: #fff;
}
#im-root #im-search .search-wrap .search-list ul {
  height: 100%;
  overflow-y: auto;
  padding: 0;
}
#im-root #im-search .search-wrap .search-list ul li {
  border-bottom: 1px solid #f6f6f6;
  cursor: pointer;
  position: relative;
}
#im-root #im-search .search-wrap .search-list ul li:hover {
  background: #f2f7ff;
}
#im-root #im-search .search-wrap .search-list .no-contacts {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 50px;
  padding-top: 70px;
  text-align: center;
  font-size: 16px;
  color: #999;
  background: url(//concat.lietou-static.com/fe-vas-pc/v5/images/plugins/im-ui-basic-search/no-msg.20ef7bba.png) center 0 no-repeat;
}

#im-tab .tab {
  position: relative;
}
#im-tab .tab .setting {
  position: absolute;
  top: -2px;
  right: -8px;
  z-index: 11;
}
#im-tab .tab .setting .setting-act {
  font-size: 22px;
  color: #5897ff;
  cursor: pointer;
}
#im-tab .tab .setting .act-drop {
  position: absolute;
  top: 27px;
  right: -15px;
  z-index: 2;
  background: #fff;
  text-align: center;
  color: #666;
  min-width: 221px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
#im-tab .tab .setting .act-drop dl {
  line-height: 18px;
  font-size: 12px;
  color: #333;
  font-weight: normal;
  padding: 8px 10px;
  margin: 0;
  border-bottom: 1px solid #eee;
}
#im-tab .tab .setting .act-drop dl:last-child {
  border-bottom: none;
}
#im-tab .tab .setting .act-drop dl:hover {
  background: #f5f5f5;
  text-decoration: none;
}
#im-tab .tab .setting .act-drop:before {
  content: '';
  position: absolute;
  top: -12px;
  right: 19px;
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent transparent #ddd transparent;
}
#im-tab .tab .setting .act-drop:after {
  content: '';
  position: absolute;
  top: -11px;
  right: 19px;
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent transparent #fff transparent;
}
#im-tab .tab .setting .act-drop dl {
  text-align: left;
  position: relative;
}
#im-tab .tab .setting .act-drop dl .onoff {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 30px;
}
#im-tab .tab .setting .act-drop dl .onoff input[type='checkbox'] {
  display: none;
}
#im-tab .tab .setting .act-drop dl .onoff label {
  display: block;
  width: 30px;
  height: 16px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #e5e5e5;
  border-radius: 20px;
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
}
#im-tab .tab .setting .act-drop dl .onoff label:after {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
}
#im-tab .tab .setting .act-drop dl .onoff label.checked {
  background: #52a8ff;
}
#im-tab .tab .setting .act-drop dl .onoff label.checked:after {
  left: calc(50%);
}

#im-root #im-tab {
  padding: 20px 22px 0 20px;
  background: #F8F8F8;
  border-bottom: 1px solid #DDD;
  position: relative;
}
#im-root #im-tab .tab {
  min-height: 20px;
}
#im-root #im-tab .tab ul li {
  float: left;
  margin-right: 26px;
  height: 35px;
  padding: 0 4px 0 4px;
  margin-bottom: -1px;
}
#im-root #im-tab .tab ul li a {
  color: #5897FF;
  text-decoration: none;
  position: relative;
  /*未读数*/
}
#im-root #im-tab .tab ul li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#im-root #im-tab .tab ul li a:focus,
#im-root #im-tab .tab ul li a:hover {
  outline: none;
}
#im-root #im-tab .tab ul li a .text-icon {
  font-size: 22px;
}
#im-root #im-tab .tab ul li a .dot {
  position: absolute;
  left: 16px;
  top: -12px;
  min-width: 8px;
  height: 16px;
  line-height: 16px;
  background: #f00;
  border-radius: 100px;
  text-align: center;
  padding: 0 4px;
  color: #fff;
}
#im-root #im-tab .tab ul li.active {
  border-bottom: 4px solid #5897FF;
}