/* 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;
  -o-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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;
  -o-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-message {
  font-size: 12px;
  position: fixed;
  z-index: 1010;
  width: 100%;
  top: 16px;
  left: 0;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  padding: 8px 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;
  display: inline-block;
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #00a854;
}
.ant-message-error .anticon {
  color: #f04134;
}
.ant-message-warning .anticon {
  color: #ffbf00;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #108ee9;
}
.ant-message .anticon {
  margin-right: 8px;
  font-size: 14px;
  top: 1px;
  position: relative;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  -webkit-animation-name: MessageMoveOut;
          animation-name: MessageMoveOut;
  overflow: hidden;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
}
@-webkit-keyframes MessageMoveOut {
  0% {
    opacity: 1;
    max-height: 150px;
    padding: 8px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    padding: 0;
  }
}
@keyframes MessageMoveOut {
  0% {
    opacity: 1;
    max-height: 150px;
    padding: 8px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    padding: 0;
  }
}
/* 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-badge {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.ant-badge-count {
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -10px;
  height: 20px;
  border-radius: 10px;
  min-width: 20px;
  background: #f04134;
  color: #fff;
  line-height: 20px;
  text-align: center;
  padding: 0 6px;
  font-size: 12px;
  white-space: nowrap;
  -webkit-transform-origin: -10% center;
      -ms-transform-origin: -10% center;
          transform-origin: -10% center;
  font-family: tahoma;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-dot {
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: 0 center;
      -ms-transform-origin: 0 center;
          transform-origin: 0 center;
  top: -4px;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background: #f04134;
  z-index: 10;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #00a854;
}
.ant-badge-status-processing {
  background-color: #108ee9;
  position: relative;
}
.ant-badge-status-processing:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #108ee9;
  content: '';
  -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
          animation: antStatusProcessing 1.2s infinite ease-in-out;
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #f04134;
}
.ant-badge-status-warning {
  background-color: #ffbf00;
}
.ant-badge-status-text {
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  margin-left: 8px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
          animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  top: auto;
  display: block;
  position: relative;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
@-webkit-keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 20px;
}
.ant-scroll-number-only > p {
  height: 20px;
}
@-webkit-keyframes antZoomBadgeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translateX(-50%);
            transform: scale(0) translateX(-50%);
  }
  100% {
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
  }
}
@keyframes antZoomBadgeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translateX(-50%);
            transform: scale(0) translateX(-50%);
  }
  100% {
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
  }
}
@-webkit-keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0) translateX(-50%);
            transform: scale(0) translateX(-50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0) translateX(-50%);
            transform: scale(0) translateX(-50%);
  }
}
/* 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-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  white-space: normal;
  font-size: 12px;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;
}
.ant-popover:after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 8px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 8px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 8px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 8px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.ant-popover-title {
  min-width: 177px;
  margin: 0;
  padding: 8px 16px;
  min-height: 32px;
  border-bottom: 1px solid #e9e9e9;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 500;
}
.ant-popover-inner-content {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  padding: 8px 0 16px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message > .anticon {
  color: #ffbf00;
  line-height: 17px;
  position: absolute;
}
.ant-popover-message-title {
  padding-left: 20px;
}
.ant-popover-buttons {
  text-align: right;
  margin-bottom: 8px;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow,
.ant-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ant-popover-arrow {
  border-width: 5px;
}
.ant-popover-arrow:after {
  border-width: 4px;
  content: "";
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  border-bottom-width: 0;
  border-top-color: rgba(217, 217, 217, 0.7);
  bottom: 3px;
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -4px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 3px;
  border-left-width: 0;
  border-right-color: rgba(217, 217, 217, 0.7);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow:after {
  content: " ";
  left: 1px;
  bottom: -4px;
  border-left-width: 0;
  border-right-color: #fff;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  border-top-width: 0;
  border-bottom-color: rgba(217, 217, 217, 0.7);
  top: 3px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -4px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 3px;
  border-right-width: 0;
  border-left-color: rgba(217, 217, 217, 0.7);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -4px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
/* 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-tooltip {
  position: absolute;
  z-index: 1060;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  max-width: 250px;
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  min-height: 34px;
}
.ant-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 3px;
  border-width: 5px 5px 0;
  border-top-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 16px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 16px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 3px;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 8px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 8px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 3px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px;
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 8px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 8px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 3px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 16px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 16px;
}
/* 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 */
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: inherit;
  color: rgba(0, 0, 0, 0.43);
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
label {
  font-size: 12px;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 15px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
}
label {
  position: relative;
}
label > .anticon {
  vertical-align: top;
  font-size: 12px;
}
.ant-form-item-required:before {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  font-family: SimSun;
  line-height: 1;
  font-size: 12px;
  color: #f04134;
}
.ant-form-hide-required-mark .ant-form-item-required:before {
  display: none;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled {
  cursor: not-allowed;
}
.ant-radio-inline.disabled,
.ant-radio-vertical.disabled,
.ant-checkbox-inline.disabled,
.ant-checkbox-vertical.disabled {
  cursor: not-allowed;
}
.ant-radio.disabled label,
.ant-checkbox.disabled label {
  cursor: not-allowed;
}
.ant-form-item {
  font-size: 12px;
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.ant-form-item-control > .ant-form-item:last-child,
.ant-form-item [class^="ant-col-"] > .ant-form-item:only-child {
  margin-bottom: -24px;
}
.ant-form-item-control {
  line-height: 31.9999px;
  position: relative;
  zoom: 1;
}
.ant-form-item-control:before,
.ant-form-item-control:after {
  content: " ";
  display: table;
}
.ant-form-item-control:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-form-item-with-help {
  margin-bottom: 6px;
}
.ant-form-item-label {
  text-align: right;
  vertical-align: middle;
  line-height: 32px;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-form-item-label label {
  color: rgba(0, 0, 0, 0.85);
}
.ant-form-item-label label:after {
  content: ":";
  margin: 0 8px 0 2px;
  position: relative;
  top: -0.5px;
}
.ant-form-item .ant-switch {
  margin: 4px 0;
}
.ant-form-item-no-colon .ant-form-item-label label:after {
  content: " ";
}
.ant-form-explain,
.ant-form-extra {
  color: rgba(0, 0, 0, 0.43);
  line-height: 1.5;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 24px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 28px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 21px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}
form .has-feedback .ant-input-search .ant-input-suffix {
  right: 28px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px;
}
form textarea.ant-input {
  height: auto;
}
form .ant-upload {
  background: transparent;
}
form input[type="radio"],
form input[type="checkbox"] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  margin-left: 8px;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number {
  margin-right: 8px;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-select:only-child,
form .ant-cascader-picker:only-child {
  display: block;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form .ant-input-group-addon .ant-select:only-child,
form .ant-input-group-addon .ant-cascader-picker:only-child {
  display: inline-block;
}
form .ant-input-group-wrapper {
  position: relative;
  top: 2px;
}
form .ant-input-group-wrapper.ant-input-group-wrapper-lg {
  top: 0;
}
form .ant-input-group-wrapper.ant-input-group-wrapper-sm {
  top: 5px;
}
.ant-input-group-wrap .ant-select-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group-wrap .ant-select-selection:hover {
  border-color: #d9d9d9;
}
.ant-input-group-wrap .ant-select-selection--single {
  margin-left: -1px;
  height: 32px;
  background-color: #eee;
}
.ant-input-group-wrap .ant-select-selection--single .ant-select-selection__rendered {
  padding-left: 8px;
  padding-right: 25px;
  line-height: 30px;
}
.ant-input-group-wrap .ant-select-open .ant-select-selection {
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  margin: 0;
  display: block;
  text-align: left;
  line-height: 1.5;
}
.ant-form-vertical .ant-form-item-label label:after,
.ant-col-24.ant-form-item-label label:after,
.ant-col-xl-24.ant-form-item-label label:after {
  display: none;
}
@media (max-width: 767px) {
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
  }
  .ant-col-xs-24.ant-form-item-label label:after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
  }
  .ant-col-sm-24.ant-form-item-label label:after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
  }
  .ant-col-md-24.ant-form-item-label label:after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    margin: 0;
    display: block;
    text-align: left;
    line-height: 1.5;
  }
  .ant-col-lg-24.ant-form-item-label label:after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > div {
  display: inline-block;
  vertical-align: middle;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.ant-form-inline .ant-form-explain {
  position: absolute;
}
.has-success.has-feedback:after,
.has-warning.has-feedback:after,
.has-error.has-feedback:after,
.is-validating.has-feedback:after {
  position: absolute;
  top: 0;
  right: 0;
  visibility: visible;
  pointer-events: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  z-index: 1;
}
.has-success.has-feedback:after {
  -webkit-animation-name: diffZoomIn1 !important;
          animation-name: diffZoomIn1 !important;
}
.has-error.has-feedback:after {
  -webkit-animation-name: diffZoomIn2 !important;
          animation-name: diffZoomIn2 !important;
}
.has-warning.has-feedback:after {
  -webkit-animation-name: diffZoomIn3 !important;
          animation-name: diffZoomIn3 !important;
}
.has-success.has-feedback:after {
  content: '\E630';
  color: #00a854;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #ffbf00;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  border-color: #ffbf00;
}
.has-warning .ant-input:focus {
  border-color: #ffce3d;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
          box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #ffbf00;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffce3d;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
          box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-warning .ant-input-prefix {
  color: #ffbf00;
}
.has-warning .ant-input-group-addon {
  color: #ffbf00;
  border-color: #ffbf00;
  background-color: #fff;
}
.has-warning .has-feedback {
  color: #ffbf00;
}
.has-warning.has-feedback:after {
  content: '\E62C';
  color: #ffbf00;
}
.has-warning .ant-select-selection {
  border-color: #ffbf00;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffce3d;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
          box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-warning .ant-calendar-picker-icon:after,
.has-warning .ant-time-picker-icon:after,
.has-warning .ant-picker-icon:after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #ffbf00;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #ffbf00;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffce3d;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
          box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #ffbf00;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffce3d;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
          box-shadow: 0 0 0 2px rgba(255, 191, 0, 0.2);
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f04134;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  border-color: #f04134;
}
.has-error .ant-input:focus {
  border-color: #f46e65;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
          box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #f04134;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #f46e65;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
          box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-input-prefix {
  color: #f04134;
}
.has-error .ant-input-group-addon {
  color: #f04134;
  border-color: #f04134;
  background-color: #fff;
}
.has-error .has-feedback {
  color: #f04134;
}
.has-error.has-feedback:after {
  content: '\E62E';
  color: #f04134;
}
.has-error .ant-select-selection {
  border-color: #f04134;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #f46e65;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
          box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.has-error .ant-calendar-picker-icon:after,
.has-error .ant-time-picker-icon:after,
.has-error .ant-picker-icon:after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f04134;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f04134;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #f46e65;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
          box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f04134;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f04134;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #f46e65;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
          box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #f46e65;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
          box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2);
}
.is-validating.has-feedback:after {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
  content: "\E64D";
  color: #108ee9;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 16px;
}
.ant-advanced-search-form .ant-input,
.ant-advanced-search-form .ant-input-group .ant-input,
.ant-advanced-search-form .ant-input-group .ant-input-group-addon {
  height: 28px;
}
@-webkit-keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* 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-row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  zoom: 1;
  display: block;
}
.ant-row:before,
.ant-row:after {
  content: " ";
  display: table;
}
.ant-row:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.ant-row-flex:before,
.ant-row-flex:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-row-flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ant-row-flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-row-flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ant-row-flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-row-flex-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ant-row-flex-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ant-row-flex-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-row-flex-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ant-col {
  position: relative;
  display: block;
}
.ant-col-1, .ant-col-xs-1, .ant-col-sm-1, .ant-col-md-1, .ant-col-lg-1, .ant-col-2, .ant-col-xs-2, .ant-col-sm-2, .ant-col-md-2, .ant-col-lg-2, .ant-col-3, .ant-col-xs-3, .ant-col-sm-3, .ant-col-md-3, .ant-col-lg-3, .ant-col-4, .ant-col-xs-4, .ant-col-sm-4, .ant-col-md-4, .ant-col-lg-4, .ant-col-5, .ant-col-xs-5, .ant-col-sm-5, .ant-col-md-5, .ant-col-lg-5, .ant-col-6, .ant-col-xs-6, .ant-col-sm-6, .ant-col-md-6, .ant-col-lg-6, .ant-col-7, .ant-col-xs-7, .ant-col-sm-7, .ant-col-md-7, .ant-col-lg-7, .ant-col-8, .ant-col-xs-8, .ant-col-sm-8, .ant-col-md-8, .ant-col-lg-8, .ant-col-9, .ant-col-xs-9, .ant-col-sm-9, .ant-col-md-9, .ant-col-lg-9, .ant-col-10, .ant-col-xs-10, .ant-col-sm-10, .ant-col-md-10, .ant-col-lg-10, .ant-col-11, .ant-col-xs-11, .ant-col-sm-11, .ant-col-md-11, .ant-col-lg-11, .ant-col-12, .ant-col-xs-12, .ant-col-sm-12, .ant-col-md-12, .ant-col-lg-12, .ant-col-13, .ant-col-xs-13, .ant-col-sm-13, .ant-col-md-13, .ant-col-lg-13, .ant-col-14, .ant-col-xs-14, .ant-col-sm-14, .ant-col-md-14, .ant-col-lg-14, .ant-col-15, .ant-col-xs-15, .ant-col-sm-15, .ant-col-md-15, .ant-col-lg-15, .ant-col-16, .ant-col-xs-16, .ant-col-sm-16, .ant-col-md-16, .ant-col-lg-16, .ant-col-17, .ant-col-xs-17, .ant-col-sm-17, .ant-col-md-17, .ant-col-lg-17, .ant-col-18, .ant-col-xs-18, .ant-col-sm-18, .ant-col-md-18, .ant-col-lg-18, .ant-col-19, .ant-col-xs-19, .ant-col-sm-19, .ant-col-md-19, .ant-col-lg-19, .ant-col-20, .ant-col-xs-20, .ant-col-sm-20, .ant-col-md-20, .ant-col-lg-20, .ant-col-21, .ant-col-xs-21, .ant-col-sm-21, .ant-col-md-21, .ant-col-lg-21, .ant-col-22, .ant-col-xs-22, .ant-col-sm-22, .ant-col-md-22, .ant-col-lg-22, .ant-col-23, .ant-col-xs-23, .ant-col-sm-23, .ant-col-md-23, .ant-col-lg-23, .ant-col-24, .ant-col-xs-24, .ant-col-sm-24, .ant-col-md-24, .ant-col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.ant-col-1, .ant-col-2, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24 {
  float: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ant-col-24 {
  display: block;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-23 {
  display: block;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-22 {
  display: block;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-21 {
  display: block;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-20 {
  display: block;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-19 {
  display: block;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-18 {
  display: block;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-17 {
  display: block;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-16 {
  display: block;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-15 {
  display: block;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-14 {
  display: block;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-13 {
  display: block;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-12 {
  display: block;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-11 {
  display: block;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-10 {
  display: block;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-9 {
  display: block;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-8 {
  display: block;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-7 {
  display: block;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-6 {
  display: block;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-5 {
  display: block;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-4 {
  display: block;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-3 {
  display: block;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-2 {
  display: block;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-1 {
  display: block;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.ant-col-xs-1, .ant-col-xs-2, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24 {
  float: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ant-col-xs-24 {
  display: block;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-xs-23 {
  display: block;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-xs-22 {
  display: block;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-xs-21 {
  display: block;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-xs-20 {
  display: block;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-xs-19 {
  display: block;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-xs-18 {
  display: block;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-xs-17 {
  display: block;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-xs-16 {
  display: block;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-xs-15 {
  display: block;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-xs-14 {
  display: block;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-xs-13 {
  display: block;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-xs-12 {
  display: block;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-xs-11 {
  display: block;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-xs-10 {
  display: block;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-xs-9 {
  display: block;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-xs-8 {
  display: block;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-xs-7 {
  display: block;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-xs-6 {
  display: block;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-xs-5 {
  display: block;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-xs-4 {
  display: block;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-xs-3 {
  display: block;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-xs-2 {
  display: block;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-xs-1 {
  display: block;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media (min-width: 768px) {
  .ant-col-sm-1, .ant-col-sm-2, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24 {
    float: left;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .ant-col-sm-24 {
    display: block;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-md-1, .ant-col-md-2, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24 {
    float: left;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .ant-col-md-24 {
    display: block;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-md-23 {
    display: block;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-md-22 {
    display: block;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-md-21 {
    display: block;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-md-20 {
    display: block;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-md-19 {
    display: block;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-md-18 {
    display: block;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-md-17 {
    display: block;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-md-16 {
    display: block;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-md-15 {
    display: block;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-md-14 {
    display: block;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-md-13 {
    display: block;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-md-12 {
    display: block;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-md-11 {
    display: block;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-md-10 {
    display: block;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-md-9 {
    display: block;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-md-8 {
    display: block;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-md-7 {
    display: block;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-md-6 {
    display: block;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-md-5 {
    display: block;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-md-4 {
    display: block;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-md-3 {
    display: block;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-md-2 {
    display: block;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-md-1 {
    display: block;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-lg-1, .ant-col-lg-2, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24 {
    float: left;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .ant-col-lg-24 {
    display: block;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xl-1, .ant-col-xl-2, .ant-col-xl-3, .ant-col-xl-4, .ant-col-xl-5, .ant-col-xl-6, .ant-col-xl-7, .ant-col-xl-8, .ant-col-xl-9, .ant-col-xl-10, .ant-col-xl-11, .ant-col-xl-12, .ant-col-xl-13, .ant-col-xl-14, .ant-col-xl-15, .ant-col-xl-16, .ant-col-xl-17, .ant-col-xl-18, .ant-col-xl-19, .ant-col-xl-20, .ant-col-xl-21, .ant-col-xl-22, .ant-col-xl-23, .ant-col-xl-24 {
    float: left;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .ant-col-xl-24 {
    display: block;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
/* 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-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.15;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 4px;
  height: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  height: 32px;
}
.ant-btn-sm {
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
  height: 22px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus {
  color: #108ee9;
  background-color: #fff;
  border-color: #108ee9;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child:after,
.ant-btn:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:active,
.ant-btn.active {
  color: #0e77ca;
  background-color: #fff;
  border-color: #0e77ca;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child:after,
.ant-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn.disabled > a:only-child:after,
.ant-btn[disabled] > a:only-child:after,
.ant-btn.disabled:hover > a:only-child:after,
.ant-btn[disabled]:hover > a:only-child:after,
.ant-btn.disabled:focus > a:only-child:after,
.ant-btn[disabled]:focus > a:only-child:after,
.ant-btn.disabled:active > a:only-child:after,
.ant-btn[disabled]:active > a:only-child:after,
.ant-btn.disabled.active > a:only-child:after,
.ant-btn[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #108ee9;
  border-color: #108ee9;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #49a9ee;
  border-color: #49a9ee;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child:after,
.ant-btn-primary:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #0e77ca;
  border-color: #0e77ca;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child:after,
.ant-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary.disabled > a:only-child:after,
.ant-btn-primary[disabled] > a:only-child:after,
.ant-btn-primary.disabled:hover > a:only-child:after,
.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-primary.disabled:focus > a:only-child:after,
.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-primary.disabled:active > a:only-child:after,
.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-primary.disabled.active > a:only-child:after,
.ant-btn-primary[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #0e77ca;
  border-left-color: #0e77ca;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #0e77ca;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #0e77ca;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #108ee9;
  background-color: transparent;
  border-color: #108ee9;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child:after,
.ant-btn-ghost:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #0e77ca;
  background-color: transparent;
  border-color: #0e77ca;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child:after,
.ant-btn-ghost.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost.disabled > a:only-child:after,
.ant-btn-ghost[disabled] > a:only-child:after,
.ant-btn-ghost.disabled:hover > a:only-child:after,
.ant-btn-ghost[disabled]:hover > a:only-child:after,
.ant-btn-ghost.disabled:focus > a:only-child:after,
.ant-btn-ghost[disabled]:focus > a:only-child:after,
.ant-btn-ghost.disabled:active > a:only-child:after,
.ant-btn-ghost[disabled]:active > a:only-child:after,
.ant-btn-ghost.disabled.active > a:only-child:after,
.ant-btn-ghost[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #108ee9;
  background-color: #fff;
  border-color: #108ee9;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child:after,
.ant-btn-dashed:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #0e77ca;
  background-color: #fff;
  border-color: #0e77ca;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child:after,
.ant-btn-dashed.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed.disabled > a:only-child:after,
.ant-btn-dashed[disabled] > a:only-child:after,
.ant-btn-dashed.disabled:hover > a:only-child:after,
.ant-btn-dashed[disabled]:hover > a:only-child:after,
.ant-btn-dashed.disabled:focus > a:only-child:after,
.ant-btn-dashed[disabled]:focus > a:only-child:after,
.ant-btn-dashed.disabled:active > a:only-child:after,
.ant-btn-dashed[disabled]:active > a:only-child:after,
.ant-btn-dashed.disabled.active > a:only-child:after,
.ant-btn-dashed[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger {
  color: #f04134;
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #f04134;
  border-color: #f04134;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child:after,
.ant-btn-danger:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #d73435;
  border-color: #d73435;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child:after,
.ant-btn-danger.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger.disabled > a:only-child:after,
.ant-btn-danger[disabled] > a:only-child:after,
.ant-btn-danger.disabled:hover > a:only-child:after,
.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-danger.disabled:focus > a:only-child:after,
.ant-btn-danger[disabled]:focus > a:only-child:after,
.ant-btn-danger.disabled:active > a:only-child:after,
.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-danger.disabled.active > a:only-child:after,
.ant-btn-danger[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  width: 28px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
  height: 28px;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  width: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
  height: 32px;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  width: 22px;
  padding: 0;
  font-size: 12px;
  border-radius: 50%;
  height: 22px;
}
.ant-btn:before {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background: #fff;
  opacity: 0.35;
  content: '';
  border-radius: inherit;
  z-index: 1;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  pointer-events: none;
  display: none;
}
.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn.ant-btn-loading:before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
  pointer-events: none;
  position: relative;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn {
  position: relative;
  z-index: 1;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group-lg > .ant-btn {
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  height: 32px;
}
.ant-btn-group-sm > .ant-btn {
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
  height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon {
  font-size: 12px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  padding-left: 8px;
  padding-right: 8px;
}
.ant-btn-group > .ant-btn:first-child {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}
.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 0.5em;
}
.ant-btn-clicked:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: inherit;
  border: 0 solid #108ee9;
  opacity: 0.4;
  -webkit-animation: buttonEffect .4s;
          animation: buttonEffect .4s;
  display: block;
}
.ant-btn-danger.ant-btn-clicked:after {
  border-color: #f04134;
}
.ant-btn-background-ghost {
  background: transparent !important;
  border-color: #fff;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #108ee9;
  background-color: transparent;
  border-color: #108ee9;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #49a9ee;
  background-color: transparent;
  border-color: #49a9ee;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #0e77ca;
  background-color: transparent;
  border-color: #0e77ca;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #f04134;
  background-color: transparent;
  border-color: #f04134;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #f46e65;
  background-color: transparent;
  border-color: #f46e65;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #d73435;
  background-color: transparent;
  border-color: #d73435;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
@-webkit-keyframes buttonEffect {
  to {
    opacity: 0;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    border-width: 6px;
  }
}
@keyframes buttonEffect {
  to {
    opacity: 0;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    border-width: 6px;
  }
}
/* 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-input-search-icon {
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  font-size: 14px;
}
.ant-input-search-icon:hover {
  color: #108ee9;
}
.ant-search-input-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.ant-search-input.ant-input-group .ant-input:first-child,
.ant-search-input.ant-input-group .ant-select:first-child {
  border-radius: 4px;
  position: absolute;
  top: -1px;
  width: 100%;
}
.ant-search-input.ant-input-group .ant-input:first-child {
  padding-right: 36px;
}
.ant-search-input .ant-search-btn {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-radius: 0 3px 3px 0;
  left: -1px;
  position: relative;
  border-width: 0 0 0 1px;
  z-index: 2;
  padding-left: 8px;
  padding-right: 8px;
}
.ant-search-input .ant-search-btn > a:only-child {
  color: currentColor;
}
.ant-search-input .ant-search-btn > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-search-btn:hover,
.ant-search-input .ant-search-btn:focus {
  color: #108ee9;
  background-color: #fff;
  border-color: #108ee9;
}
.ant-search-input .ant-search-btn:hover > a:only-child,
.ant-search-input .ant-search-btn:focus > a:only-child {
  color: currentColor;
}
.ant-search-input .ant-search-btn:hover > a:only-child:after,
.ant-search-input .ant-search-btn:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-search-btn:active,
.ant-search-input .ant-search-btn.active {
  color: #0e77ca;
  background-color: #fff;
  border-color: #0e77ca;
}
.ant-search-input .ant-search-btn:active > a:only-child,
.ant-search-input .ant-search-btn.active > a:only-child {
  color: currentColor;
}
.ant-search-input .ant-search-btn:active > a:only-child:after,
.ant-search-input .ant-search-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-search-btn.disabled,
.ant-search-input .ant-search-btn[disabled],
.ant-search-input .ant-search-btn.disabled:hover,
.ant-search-input .ant-search-btn[disabled]:hover,
.ant-search-input .ant-search-btn.disabled:focus,
.ant-search-input .ant-search-btn[disabled]:focus,
.ant-search-input .ant-search-btn.disabled:active,
.ant-search-input .ant-search-btn[disabled]:active,
.ant-search-input .ant-search-btn.disabled.active,
.ant-search-input .ant-search-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-search-input .ant-search-btn.disabled > a:only-child,
.ant-search-input .ant-search-btn[disabled] > a:only-child,
.ant-search-input .ant-search-btn.disabled:hover > a:only-child,
.ant-search-input .ant-search-btn[disabled]:hover > a:only-child,
.ant-search-input .ant-search-btn.disabled:focus > a:only-child,
.ant-search-input .ant-search-btn[disabled]:focus > a:only-child,
.ant-search-input .ant-search-btn.disabled:active > a:only-child,
.ant-search-input .ant-search-btn[disabled]:active > a:only-child,
.ant-search-input .ant-search-btn.disabled.active > a:only-child,
.ant-search-input .ant-search-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-search-input .ant-search-btn.disabled > a:only-child:after,
.ant-search-input .ant-search-btn[disabled] > a:only-child:after,
.ant-search-input .ant-search-btn.disabled:hover > a:only-child:after,
.ant-search-input .ant-search-btn[disabled]:hover > a:only-child:after,
.ant-search-input .ant-search-btn.disabled:focus > a:only-child:after,
.ant-search-input .ant-search-btn[disabled]:focus > a:only-child:after,
.ant-search-input .ant-search-btn.disabled:active > a:only-child:after,
.ant-search-input .ant-search-btn[disabled]:active > a:only-child:after,
.ant-search-input .ant-search-btn.disabled.active > a:only-child:after,
.ant-search-input .ant-search-btn[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-search-btn:hover,
.ant-search-input .ant-search-btn:focus,
.ant-search-input .ant-search-btn:active,
.ant-search-input .ant-search-btn.active {
  background: #fff;
}
.ant-search-input .ant-search-btn:hover {
  border-color: #d9d9d9;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty,
.ant-search-input:hover .ant-search-btn-noempty {
  color: #fff;
  background-color: #108ee9;
  border-color: #108ee9;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty > a:only-child {
  color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover,
.ant-search-input:hover .ant-search-btn-noempty:hover,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus,
.ant-search-input:hover .ant-search-btn-noempty:focus {
  color: #fff;
  background-color: #49a9ee;
  border-color: #49a9ee;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty:hover > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty:focus > a:only-child {
  color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty:hover > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active,
.ant-search-input:hover .ant-search-btn-noempty:active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active,
.ant-search-input:hover .ant-search-btn-noempty.active {
  color: #fff;
  background-color: #0e77ca;
  border-color: #0e77ca;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty:active > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.active > a:only-child {
  color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty:active > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled,
.ant-search-input:hover .ant-search-btn-noempty.disabled,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled],
.ant-search-input:hover .ant-search-btn-noempty[disabled],
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover,
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus,
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active,
.ant-search-input:hover .ant-search-btn-noempty.disabled:active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active,
.ant-search-input:hover .ant-search-btn-noempty.disabled.active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active,
.ant-search-input:hover .ant-search-btn-noempty[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-color: #d9d9d9;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled] > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled] > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled:active > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled.active > a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active > a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled].active > a:only-child {
  color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled] > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled] > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled:active > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled.active > a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active > a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-search-input .ant-select-combobox .ant-select-selection__rendered {
  margin-right: 29px;
}
.ant-input {
  position: relative;
  display: inline-block;
  padding: 4px 7px;
  width: 100%;
  height: 28px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:hover {
  border-color: #49a9ee;
}
.ant-input:focus {
  border-color: #49a9ee;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
          box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-input-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-disabled:hover {
  border-color: #e2e2e2;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: all .3s, height 0s;
  -o-transition: all .3s, height 0s;
  transition: all .3s, height 0s;
}
.ant-input-lg {
  padding: 6px 7px;
  height: 32px;
}
.ant-input-sm {
  padding: 1px 7px;
  height: 22px;
}
.ant-input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.ant-input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.ant-input-group > [class*="col-"] {
  padding-right: 8px;
}
.ant-input-group > [class*="col-"]:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
}
.ant-input-group-addon {
  padding: 4px 7px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
  background-color: #eee;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -7px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  background-color: inherit;
  margin: -1px;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #108ee9;
}
.ant-input-group-addon > i:only-child:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6px 7px;
  height: 32px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 1px 7px;
  height: 22px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 32px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 22px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  width: 100%;
  float: left;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact:before,
.ant-input-group.ant-input-group-compact:after {
  content: " ";
  display: table;
}
.ant-input-group.ant-input-group-compact:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-input-group.ant-input-group-compact > * {
  border-radius: 0;
  border-right-width: 0;
  vertical-align: top;
  float: none;
  display: inline-block;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
  z-index: auto;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  border-radius: 0;
  border-right-width: 0;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
.ant-input-group-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.ant-input-affix-wrapper .ant-input {
  z-index: 1;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #49a9ee;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  line-height: 0;
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 7px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 7px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 24px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 24px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
.noviceboot .ant-modal {
  width: 430px!important;
}
.guide-content {
  height: 100%;
  overflow-y: scroll;
}
.noviceboot-company .guidetype-head {
  height: 50px;
  line-height: 50px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.noviceboot-company .guidetype-head h1 {
  margin-left: 20px;
  font-size: 16px;
  font-weight: normal;
  float: left;
}
.noviceboot-company .guidetype-body {
  margin: 20px;
  max-width: 700px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background: #fff;
  padding: 40px;
}
.noviceboot-company .guidetype-body h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}
.noviceboot-company .guidetype-body .create form {
  max-width: 300px;
}
.noviceboot-company .guidetype-body .create form input {
  display: block;
  padding: 10px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  margin-bottom: 20px;
}
.noviceboot-company .guidetype-body .create form button {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: normal;
  vertical-align: middle;
  padding: 0px;
}
.noviceboot-company .guidetype-body .join-tips {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.3);
}
.noviceboot-company .guidetype hr {
  margin: 30px 0px;
}
.noviceboot-company .guidetype .tips {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  margin-bottom: 15px;
}
.noviceboot-company .guidetype .out {
  text-align: center;
}
.noviceboot-company .guidetype .out a {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
/* 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-modal {
  position: relative;
  width: auto;
  margin: 0 auto;
  top: 100px;
  padding-bottom: 24px;
}
.ant-modal-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.ant-modal-title {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.ant-modal-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  color: rgba(0, 0, 0, 0.43);
  outline: 0;
}
.ant-modal-close-x {
  display: block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
}
.ant-modal-close-x:before {
  content: "\E633";
  display: block;
  font-family: "anticon" !important;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: #444;
  text-decoration: none;
}
.ant-modal-header {
  padding: 13px 16px;
  border-radius: 4px 4px 0 0;
  background: #fff;
  color: rgba(0, 0, 0, 0.65);
  border-bottom: 1px solid #e9e9e9;
}
.ant-modal-body {
  padding: 16px;
  font-size: 12px;
  line-height: 1.5;
}
.ant-modal-footer {
  border-top: 1px solid #e9e9e9;
  padding: 10px 16px 10px 10px;
  text-align: right;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-left: 8px;
  margin-bottom: 0;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 0;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  z-index: 1000;
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
@media (max-width: 768px) {
  .ant-modal {
    width: auto !important;
    margin: 10px;
  }
  .vertical-center-modal .ant-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.ant-confirm .ant-modal-header {
  display: none;
}
.ant-confirm .ant-modal-close {
  display: none;
}
.ant-confirm .ant-modal-body {
  padding: 30px 40px;
}
.ant-confirm-body-wrapper {
  zoom: 1;
}
.ant-confirm-body-wrapper:before,
.ant-confirm-body-wrapper:after {
  content: " ";
  display: table;
}
.ant-confirm-body-wrapper:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-confirm-body .ant-confirm-title {
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
  font-size: 14px;
}
.ant-confirm-body .ant-confirm-content {
  margin-left: 42px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 8px;
}
.ant-confirm-body > .anticon {
  font-size: 24px;
  margin-right: 16px;
  padding: 0 1px;
  float: left;
}
.ant-confirm .ant-confirm-btns {
  margin-top: 30px;
  float: right;
}
.ant-confirm .ant-confirm-btns button + button {
  margin-left: 10px;
  margin-bottom: 0;
}
.ant-confirm-error .ant-confirm-body > .anticon {
  color: #f04134;
}
.ant-confirm-warning .ant-confirm-body > .anticon,
.ant-confirm-confirm .ant-confirm-body > .anticon {
  color: #ffbf00;
}
.ant-confirm-info .ant-confirm-body > .anticon {
  color: #108ee9;
}
.ant-confirm-success .ant-confirm-body > .anticon {
  color: #00a854;
}
.system-notice-body {
  z-index: 9999!important;
  position: absolute;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  top: 50%;
  width: 510px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
}
.system-notice-body .message {
  background: #fff!important;
}
.system-notice-body .message .message-body {
  border: 0;
  background: #fff;
  height: 450px;
  padding: 0px 15px;
  padding-left: 5px;
  margin: 15px 0px;
  font-size: 15px;
}
.system-notice-body .message .message-body ul {
  padding-left: 15px;
  margin: 20px;
}
.system-notice-body .message .message-body ul li {
  list-style: initial;
  margin-bottom: 15px;
  color: #222;
}
.system-notice-body .message-foot {
  background: #fff;
  padding: 0px 20px 20px;
}
.system-notice-body .message-foot a.button {
  display: block;
}
.system-notice-body.center .message .message-body ul {
  padding-left: 0px;
}
.system-notice-body.center .message .message-body ul li {
  list-style: none;
  margin-bottom: 5px;
}
@charset "UTF-8";/*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.breadcrumb,.button,.delete,.file,.is-unselectable,.modal-close,.pagination-ellipsis,.pagination-link,.pagination-next,.pagination-previous,.tabs{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar-link:not(.is-arrowless)::after,.select:not(.is-multiple):not(.is-loading)::after{border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;width:.625em}.block:not(:last-child),.box:not(:last-child),.breadcrumb:not(:last-child),.content:not(:last-child),.highlight:not(:last-child),.level:not(:last-child),.message:not(:last-child),.notification:not(:last-child),.pagination:not(:last-child),.progress:not(:last-child),.subtitle:not(:last-child),.table-container:not(:last-child),.table:not(:last-child),.tabs:not(:last-child),.title:not(:last-child){margin-bottom:1.5rem}.delete,.modal-close{-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;cursor:pointer;pointer-events:auto;display:inline-block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:0;position:relative;vertical-align:top;width:20px}.delete::after,.delete::before,.modal-close::after,.modal-close::before{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.delete::before,.modal-close::before{height:2px;width:50%}.delete::after,.modal-close::after{height:50%;width:2px}.delete:focus,.delete:hover,.modal-close:focus,.modal-close:hover{background-color:rgba(10,10,10,.3)}.delete:active,.modal-close:active{background-color:rgba(10,10,10,.4)}.is-small.delete,.is-small.modal-close{height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}.is-medium.delete,.is-medium.modal-close{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.is-large.delete,.is-large.modal-close{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.button.is-loading::after,.control.is-loading::after,.loader,.select.is-loading::after{-webkit-animation:spinAround .5s infinite linear;animation:spinAround .5s infinite linear;border:2px solid #dbdbdb;border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em}.hero-video,.image.is-16by9 .has-ratio,.image.is-16by9 img,.image.is-1by1 .has-ratio,.image.is-1by1 img,.image.is-1by2 .has-ratio,.image.is-1by2 img,.image.is-1by3 .has-ratio,.image.is-1by3 img,.image.is-2by1 .has-ratio,.image.is-2by1 img,.image.is-2by3 .has-ratio,.image.is-2by3 img,.image.is-3by1 .has-ratio,.image.is-3by1 img,.image.is-3by2 .has-ratio,.image.is-3by2 img,.image.is-3by4 .has-ratio,.image.is-3by4 img,.image.is-3by5 .has-ratio,.image.is-3by5 img,.image.is-4by3 .has-ratio,.image.is-4by3 img,.image.is-4by5 .has-ratio,.image.is-4by5 img,.image.is-5by3 .has-ratio,.image.is-5by3 img,.image.is-5by4 .has-ratio,.image.is-5by4 img,.image.is-9by16 .has-ratio,.image.is-9by16 img,.image.is-square .has-ratio,.image.is-square img,.is-overlay,.modal,.modal-background{bottom:0;left:0;position:absolute;right:0;top:0}.button,.file-cta,.file-name,.input,.pagination-ellipsis,.pagination-link,.pagination-next,.pagination-previous,.select select,.textarea{-moz-appearance:none;-webkit-appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;height:2.5em;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top}.button:active,.button:focus,.file-cta:active,.file-cta:focus,.file-name:active,.file-name:focus,.input:active,.input:focus,.is-active.button,.is-active.file-cta,.is-active.file-name,.is-active.input,.is-active.pagination-ellipsis,.is-active.pagination-link,.is-active.pagination-next,.is-active.pagination-previous,.is-active.textarea,.is-focused.button,.is-focused.file-cta,.is-focused.file-name,.is-focused.input,.is-focused.pagination-ellipsis,.is-focused.pagination-link,.is-focused.pagination-next,.is-focused.pagination-previous,.is-focused.textarea,.pagination-ellipsis:active,.pagination-ellipsis:focus,.pagination-link:active,.pagination-link:focus,.pagination-next:active,.pagination-next:focus,.pagination-previous:active,.pagination-previous:focus,.select select.is-active,.select select.is-focused,.select select:active,.select select:focus,.textarea:active,.textarea:focus{outline:0}.button[disabled],.file-cta[disabled],.file-name[disabled],.input[disabled],.pagination-ellipsis[disabled],.pagination-link[disabled],.pagination-next[disabled],.pagination-previous[disabled],.select fieldset[disabled] select,.select select[disabled],.textarea[disabled],fieldset[disabled] .button,fieldset[disabled] .file-cta,fieldset[disabled] .file-name,fieldset[disabled] .input,fieldset[disabled] .pagination-ellipsis,fieldset[disabled] .pagination-link,fieldset[disabled] .pagination-next,fieldset[disabled] .pagination-previous,fieldset[disabled] .select select,fieldset[disabled] .textarea{cursor:not-allowed}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}html{background-color:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}article,aside,figure,footer,header,hgroup,section{display:block}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:monospace}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#3273dc;cursor:pointer;text-decoration:none}a strong{color:currentColor}a:hover{color:#363636}code{background-color:#f5f5f5;color:#da1039;font-size:.875em;font-weight:400;padding:.25em .5em .25em}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}input[type=checkbox],input[type=radio]{vertical-align:baseline}small{font-size:.875em}span{font-style:inherit;font-weight:inherit}strong{color:#363636;font-weight:700}fieldset{border:none}pre{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;color:#4a4a4a;font-size:.875em;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:transparent;color:currentColor;font-size:1em;padding:0}table td,table th{vertical-align:top}table td:not([align]),table th:not([align]){text-align:inherit}table th{color:#363636}.box{background-color:#fff;border-radius:6px;-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;display:block;padding:1.25rem}a.box:focus,a.box:hover{-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px #3273dc;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px #3273dc}a.box:active{-webkit-box-shadow:inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #3273dc;box-shadow:inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #3273dc}.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap}.button strong{color:inherit}.button .icon,.button .icon.is-large,.button .icon.is-medium,.button .icon.is-small{height:1.5em;width:1.5em}.button .icon:first-child:not(:last-child){margin-left:calc(-.5em - 1px);margin-right:.25em}.button .icon:last-child:not(:first-child){margin-left:.25em;margin-right:calc(-.5em - 1px)}.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px)}.button.is-hovered,.button:hover{border-color:#b5b5b5;color:#363636}.button.is-focused,.button:focus{border-color:#3273dc;color:#363636}.button.is-focused:not(:active),.button:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(50,115,220,.25);box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.button.is-active,.button:active{border-color:#4a4a4a;color:#363636}.button.is-text{background-color:transparent;border-color:transparent;color:#4a4a4a;text-decoration:underline}.button.is-text.is-focused,.button.is-text.is-hovered,.button.is-text:focus,.button.is-text:hover{background-color:#f5f5f5;color:#363636}.button.is-text.is-active,.button.is-text:active{background-color:#e8e8e8;color:#363636}.button.is-text[disabled],fieldset[disabled] .button.is-text{background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-white{background-color:#fff;border-color:transparent;color:#0a0a0a}.button.is-white.is-hovered,.button.is-white:hover{background-color:#f9f9f9;border-color:transparent;color:#0a0a0a}.button.is-white.is-focused,.button.is-white:focus{border-color:transparent;color:#0a0a0a}.button.is-white.is-focused:not(:active),.button.is-white:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(255,255,255,.25);box-shadow:0 0 0 .125em rgba(255,255,255,.25)}.button.is-white.is-active,.button.is-white:active{background-color:#f2f2f2;border-color:transparent;color:#0a0a0a}.button.is-white[disabled],fieldset[disabled] .button.is-white{background-color:#fff;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-white.is-inverted{background-color:#0a0a0a;color:#fff}.button.is-white.is-inverted.is-hovered,.button.is-white.is-inverted:hover{background-color:#000}.button.is-white.is-inverted[disabled],fieldset[disabled] .button.is-white.is-inverted{background-color:#0a0a0a;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff}.button.is-white.is-loading::after{border-color:transparent transparent #0a0a0a #0a0a0a!important}.button.is-white.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-white.is-outlined.is-focused,.button.is-white.is-outlined.is-hovered,.button.is-white.is-outlined:focus,.button.is-white.is-outlined:hover{background-color:#fff;border-color:#fff;color:#0a0a0a}.button.is-white.is-outlined.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-white.is-outlined.is-loading.is-focused::after,.button.is-white.is-outlined.is-loading.is-hovered::after,.button.is-white.is-outlined.is-loading:focus::after,.button.is-white.is-outlined.is-loading:hover::after{border-color:transparent transparent #0a0a0a #0a0a0a!important}.button.is-white.is-outlined[disabled],fieldset[disabled] .button.is-white.is-outlined{background-color:transparent;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;color:#fff}.button.is-white.is-inverted.is-outlined{background-color:transparent;border-color:#0a0a0a;color:#0a0a0a}.button.is-white.is-inverted.is-outlined.is-focused,.button.is-white.is-inverted.is-outlined.is-hovered,.button.is-white.is-inverted.is-outlined:focus,.button.is-white.is-inverted.is-outlined:hover{background-color:#0a0a0a;color:#fff}.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-white.is-inverted.is-outlined.is-loading:focus::after,.button.is-white.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #fff #fff!important}.button.is-white.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-white.is-inverted.is-outlined{background-color:transparent;border-color:#0a0a0a;-webkit-box-shadow:none;box-shadow:none;color:#0a0a0a}.button.is-black{background-color:#0a0a0a;border-color:transparent;color:#fff}.button.is-black.is-hovered,.button.is-black:hover{background-color:#040404;border-color:transparent;color:#fff}.button.is-black.is-focused,.button.is-black:focus{border-color:transparent;color:#fff}.button.is-black.is-focused:not(:active),.button.is-black:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(10,10,10,.25);box-shadow:0 0 0 .125em rgba(10,10,10,.25)}.button.is-black.is-active,.button.is-black:active{background-color:#000;border-color:transparent;color:#fff}.button.is-black[disabled],fieldset[disabled] .button.is-black{background-color:#0a0a0a;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-black.is-inverted{background-color:#fff;color:#0a0a0a}.button.is-black.is-inverted.is-hovered,.button.is-black.is-inverted:hover{background-color:#f2f2f2}.button.is-black.is-inverted[disabled],fieldset[disabled] .button.is-black.is-inverted{background-color:#fff;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#0a0a0a}.button.is-black.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-black.is-outlined{background-color:transparent;border-color:#0a0a0a;color:#0a0a0a}.button.is-black.is-outlined.is-focused,.button.is-black.is-outlined.is-hovered,.button.is-black.is-outlined:focus,.button.is-black.is-outlined:hover{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.button.is-black.is-outlined.is-loading::after{border-color:transparent transparent #0a0a0a #0a0a0a!important}.button.is-black.is-outlined.is-loading.is-focused::after,.button.is-black.is-outlined.is-loading.is-hovered::after,.button.is-black.is-outlined.is-loading:focus::after,.button.is-black.is-outlined.is-loading:hover::after{border-color:transparent transparent #fff #fff!important}.button.is-black.is-outlined[disabled],fieldset[disabled] .button.is-black.is-outlined{background-color:transparent;border-color:#0a0a0a;-webkit-box-shadow:none;box-shadow:none;color:#0a0a0a}.button.is-black.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-black.is-inverted.is-outlined.is-focused,.button.is-black.is-inverted.is-outlined.is-hovered,.button.is-black.is-inverted.is-outlined:focus,.button.is-black.is-inverted.is-outlined:hover{background-color:#fff;color:#0a0a0a}.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-black.is-inverted.is-outlined.is-loading:focus::after,.button.is-black.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #0a0a0a #0a0a0a!important}.button.is-black.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-black.is-inverted.is-outlined{background-color:transparent;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;color:#fff}.button.is-light{background-color:#f5f5f5;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light.is-hovered,.button.is-light:hover{background-color:#eee;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light.is-focused,.button.is-light:focus{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light.is-focused:not(:active),.button.is-light:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(245,245,245,.25);box-shadow:0 0 0 .125em rgba(245,245,245,.25)}.button.is-light.is-active,.button.is-light:active{background-color:#e8e8e8;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light[disabled],fieldset[disabled] .button.is-light{background-color:#f5f5f5;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-light.is-inverted{background-color:rgba(0,0,0,.7);color:#f5f5f5}.button.is-light.is-inverted.is-hovered,.button.is-light.is-inverted:hover{background-color:rgba(0,0,0,.7)}.button.is-light.is-inverted[disabled],fieldset[disabled] .button.is-light.is-inverted{background-color:rgba(0,0,0,.7);border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#f5f5f5}.button.is-light.is-loading::after{border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important}.button.is-light.is-outlined{background-color:transparent;border-color:#f5f5f5;color:#f5f5f5}.button.is-light.is-outlined.is-focused,.button.is-light.is-outlined.is-hovered,.button.is-light.is-outlined:focus,.button.is-light.is-outlined:hover{background-color:#f5f5f5;border-color:#f5f5f5;color:rgba(0,0,0,.7)}.button.is-light.is-outlined.is-loading::after{border-color:transparent transparent #f5f5f5 #f5f5f5!important}.button.is-light.is-outlined.is-loading.is-focused::after,.button.is-light.is-outlined.is-loading.is-hovered::after,.button.is-light.is-outlined.is-loading:focus::after,.button.is-light.is-outlined.is-loading:hover::after{border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important}.button.is-light.is-outlined[disabled],fieldset[disabled] .button.is-light.is-outlined{background-color:transparent;border-color:#f5f5f5;-webkit-box-shadow:none;box-shadow:none;color:#f5f5f5}.button.is-light.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,.7);color:rgba(0,0,0,.7)}.button.is-light.is-inverted.is-outlined.is-focused,.button.is-light.is-inverted.is-outlined.is-hovered,.button.is-light.is-inverted.is-outlined:focus,.button.is-light.is-inverted.is-outlined:hover{background-color:rgba(0,0,0,.7);color:#f5f5f5}.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-light.is-inverted.is-outlined.is-loading:focus::after,.button.is-light.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #f5f5f5 #f5f5f5!important}.button.is-light.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-light.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,.7);-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.7)}.button.is-dark{background-color:#363636;border-color:transparent;color:#fff}.button.is-dark.is-hovered,.button.is-dark:hover{background-color:#2f2f2f;border-color:transparent;color:#fff}.button.is-dark.is-focused,.button.is-dark:focus{border-color:transparent;color:#fff}.button.is-dark.is-focused:not(:active),.button.is-dark:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(54,54,54,.25);box-shadow:0 0 0 .125em rgba(54,54,54,.25)}.button.is-dark.is-active,.button.is-dark:active{background-color:#292929;border-color:transparent;color:#fff}.button.is-dark[disabled],fieldset[disabled] .button.is-dark{background-color:#363636;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-dark.is-inverted{background-color:#fff;color:#363636}.button.is-dark.is-inverted.is-hovered,.button.is-dark.is-inverted:hover{background-color:#f2f2f2}.button.is-dark.is-inverted[disabled],fieldset[disabled] .button.is-dark.is-inverted{background-color:#fff;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#363636}.button.is-dark.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-dark.is-outlined{background-color:transparent;border-color:#363636;color:#363636}.button.is-dark.is-outlined.is-focused,.button.is-dark.is-outlined.is-hovered,.button.is-dark.is-outlined:focus,.button.is-dark.is-outlined:hover{background-color:#363636;border-color:#363636;color:#fff}.button.is-dark.is-outlined.is-loading::after{border-color:transparent transparent #363636 #363636!important}.button.is-dark.is-outlined.is-loading.is-focused::after,.button.is-dark.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-outlined.is-loading:focus::after,.button.is-dark.is-outlined.is-loading:hover::after{border-color:transparent transparent #fff #fff!important}.button.is-dark.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-outlined{background-color:transparent;border-color:#363636;-webkit-box-shadow:none;box-shadow:none;color:#363636}.button.is-dark.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-dark.is-inverted.is-outlined.is-focused,.button.is-dark.is-inverted.is-outlined.is-hovered,.button.is-dark.is-inverted.is-outlined:focus,.button.is-dark.is-inverted.is-outlined:hover{background-color:#fff;color:#363636}.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-inverted.is-outlined.is-loading:focus::after,.button.is-dark.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #363636 #363636!important}.button.is-dark.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-inverted.is-outlined{background-color:transparent;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;color:#fff}.button.is-primary{background-color:#00d1b2;border-color:transparent;color:#fff}.button.is-primary.is-hovered,.button.is-primary:hover{background-color:#00c4a7;border-color:transparent;color:#fff}.button.is-primary.is-focused,.button.is-primary:focus{border-color:transparent;color:#fff}.button.is-primary.is-focused:not(:active),.button.is-primary:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(0,209,178,.25);box-shadow:0 0 0 .125em rgba(0,209,178,.25)}.button.is-primary.is-active,.button.is-primary:active{background-color:#00b89c;border-color:transparent;color:#fff}.button.is-primary[disabled],fieldset[disabled] .button.is-primary{background-color:#00d1b2;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-primary.is-inverted{background-color:#fff;color:#00d1b2}.button.is-primary.is-inverted.is-hovered,.button.is-primary.is-inverted:hover{background-color:#f2f2f2}.button.is-primary.is-inverted[disabled],fieldset[disabled] .button.is-primary.is-inverted{background-color:#fff;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#00d1b2}.button.is-primary.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-primary.is-outlined{background-color:transparent;border-color:#00d1b2;color:#00d1b2}.button.is-primary.is-outlined.is-focused,.button.is-primary.is-outlined.is-hovered,.button.is-primary.is-outlined:focus,.button.is-primary.is-outlined:hover{background-color:#00d1b2;border-color:#00d1b2;color:#fff}.button.is-primary.is-outlined.is-loading::after{border-color:transparent transparent #00d1b2 #00d1b2!important}.button.is-primary.is-outlined.is-loading.is-focused::after,.button.is-primary.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-outlined.is-loading:focus::after,.button.is-primary.is-outlined.is-loading:hover::after{border-color:transparent transparent #fff #fff!important}.button.is-primary.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-outlined{background-color:transparent;border-color:#00d1b2;-webkit-box-shadow:none;box-shadow:none;color:#00d1b2}.button.is-primary.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-primary.is-inverted.is-outlined.is-focused,.button.is-primary.is-inverted.is-outlined.is-hovered,.button.is-primary.is-inverted.is-outlined:focus,.button.is-primary.is-inverted.is-outlined:hover{background-color:#fff;color:#00d1b2}.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-inverted.is-outlined.is-loading:focus::after,.button.is-primary.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #00d1b2 #00d1b2!important}.button.is-primary.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-inverted.is-outlined{background-color:transparent;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;color:#fff}.button.is-primary.is-light{background-color:#ebfffc;color:#00947e}.button.is-primary.is-light.is-hovered,.button.is-primary.is-light:hover{background-color:#defffa;border-color:transparent;color:#00947e}.button.is-primary.is-light.is-active,.button.is-primary.is-light:active{background-color:#d1fff8;border-color:transparent;color:#00947e}.button.is-link{background-color:#3273dc;border-color:transparent;color:#fff}.button.is-link.is-hovered,.button.is-link:hover{background-color:#276cda;border-color:transparent;color:#fff}.button.is-link.is-focused,.button.is-link:focus{border-color:transparent;color:#fff}.button.is-link.is-focused:not(:active),.button.is-link:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(50,115,220,.25);box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.button.is-link.is-active,.button.is-link:active{background-color:#2366d1;border-color:transparent;color:#fff}.button.is-link[disabled],fieldset[disabled] .button.is-link{background-color:#3273dc;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-link.is-inverted{background-color:#fff;color:#3273dc}.button.is-link.is-inverted.is-hovered,.button.is-link.is-inverted:hover{background-color:#f2f2f2}.button.is-link.is-inverted[disabled],fieldset[disabled] .button.is-link.is-inverted{background-color:#fff;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#3273dc}.button.is-link.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-link.is-outlined{background-color:transparent;border-color:#3273dc;color:#3273dc}.button.is-link.is-outlined.is-focused,.button.is-link.is-outlined.is-hovered,.button.is-link.is-outlined:focus,.button.is-link.is-outlined:hover{background-color:#3273dc;border-color:#3273dc;color:#fff}.button.is-link.is-outlined.is-loading::after{border-color:transparent transparent #3273dc #3273dc!important}.button.is-link.is-outlined.is-loading.is-focused::after,.button.is-link.is-outlined.is-loading.is-hovered::after,.button.is-link.is-outlined.is-loading:focus::after,.button.is-link.is-outlined.is-loading:hover::after{border-color:transparent transparent #fff #fff!important}.button.is-link.is-outlined[disabled],fieldset[disabled] .button.is-link.is-outlined{background-color:transparent;border-color:#3273dc;-webkit-box-shadow:none;box-shadow:none;color:#3273dc}.button.is-link.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-link.is-inverted.is-outlined.is-focused,.button.is-link.is-inverted.is-outlined.is-hovered,.button.is-link.is-inverted.is-outlined:focus,.button.is-link.is-inverted.is-outlined:hover{background-color:#fff;color:#3273dc}.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-link.is-inverted.is-outlined.is-loading:focus::after,.button.is-link.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #3273dc #3273dc!important}.button.is-link.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-link.is-inverted.is-outlined{background-color:transparent;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;color:#fff}.button.is-link.is-light{background-color:#eef3fc;color:#2160c4}.button.is-link.is-light.is-hovered,.button.is-link.is-light:hover{background-color:#e3ecfa;border-color:transparent;color:#2160c4}.button.is-link.is-light.is-active,.button.is-link.is-light:active{background-color:#d8e4f8;border-color:transparent;color:#2160c4}.button.is-info{background-color:#3298dc;border-color:transparent;color:#fff}.button.is-info.is-hovered,.button.is-info:hover{background-color:#2793da;border-color:transparent;color:#fff}.button.is-info.is-focused,.button.is-info:focus{border-color:transparent;color:#fff}.button.is-info.is-focused:not(:active),.button.is-info:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(50,152,220,.25);box-shadow:0 0 0 .125em rgba(50,152,220,.25)}.button.is-info.is-active,.button.is-info:active{background-color:#238cd1;border-color:transparent;color:#fff}.button.is-info[disabled],fieldset[disabled] .button.is-info{background-color:#3298dc;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-info.is-inverted{background-color:#fff;color:#3298dc}.button.is-info.is-inverted.is-hovered,.button.is-info.is-inverted:hover{background-color:#f2f2f2}.button.is-info.is-inverted[disabled],fieldset[disabled] .button.is-info.is-inverted{background-color:#fff;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#3298dc}.button.is-info.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-info.is-outlined{background-color:transparent;border-color:#3298dc;color:#3298dc}.button.is-info.is-outlined.is-focused,.button.is-info.is-outlined.is-hovered,.button.is-info.is-outlined:focus,.button.is-info.is-outlined:hover{background-color:#3298dc;border-color:#3298dc;color:#fff}.button.is-info.is-outlined.is-loading::after{border-color:transparent transparent #3298dc #3298dc!important}.button.is-info.is-outlined.is-loading.is-focused::after,.button.is-info.is-outlined.is-loading.is-hovered::after,.button.is-info.is-outlined.is-loading:focus::after,.button.is-info.is-outlined.is-loading:hover::after{border-color:transparent transparent #fff #fff!important}.button.is-info.is-outlined[disabled],fieldset[disabled] .button.is-info.is-outlined{background-color:transparent;border-color:#3298dc;-webkit-box-shadow:none;box-shadow:none;color:#3298dc}.button.is-info.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-info.is-inverted.is-outlined.is-focused,.button.is-info.is-inverted.is-outlined.is-hovered,.button.is-info.is-inverted.is-outlined:focus,.button.is-info.is-inverted.is-outlined:hover{background-color:#fff;color:#3298dc}.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-info.is-inverted.is-outlined.is-loading:focus::after,.button.is-info.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #3298dc #3298dc!important}.button.is-info.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-info.is-inverted.is-outlined{background-color:transparent;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;color:#fff}.button.is-info.is-light{background-color:#eef6fc;color:#1d72aa}.button.is-info.is-light.is-hovered,.button.is-info.is-light:hover{background-color:#e3f1fa;border-color:transparent;color:#1d72aa}.button.is-info.is-light.is-active,.button.is-info.is-light:active{background-color:#d8ebf8;border-color:transparent;color:#1d72aa}.button.is-success{background-color:#48c774;border-color:transparent;color:#fff}.button.is-success.is-hovered,.button.is-success:hover{background-color:#3ec46d;border-color:transparent;color:#fff}.button.is-success.is-focused,.button.is-success:focus{border-color:transparent;color:#fff}.button.is-success.is-focused:not(:active),.button.is-success:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(72,199,116,.25);box-shadow:0 0 0 .125em rgba(72,199,116,.25)}.button.is-success.is-active,.button.is-success:active{background-color:#3abb67;border-color:transparent;color:#fff}.button.is-success[disabled],fieldset[disabled] .button.is-success{background-color:#48c774;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-success.is-inverted{background-color:#fff;color:#48c774}.button.is-success.is-inverted.is-hovered,.button.is-success.is-inverted:hover{background-color:#f2f2f2}.button.is-success.is-inverted[disabled],fieldset[disabled] .button.is-success.is-inverted{background-color:#fff;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#48c774}.button.is-success.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-success.is-outlined{background-color:transparent;border-color:#48c774;color:#48c774}.button.is-success.is-outlined.is-focused,.button.is-success.is-outlined.is-hovered,.button.is-success.is-outlined:focus,.button.is-success.is-outlined:hover{background-color:#48c774;border-color:#48c774;color:#fff}.button.is-success.is-outlined.is-loading::after{border-color:transparent transparent #48c774 #48c774!important}.button.is-success.is-outlined.is-loading.is-focused::after,.button.is-success.is-outlined.is-loading.is-hovered::after,.button.is-success.is-outlined.is-loading:focus::after,.button.is-success.is-outlined.is-loading:hover::after{border-color:transparent transparent #fff #fff!important}.button.is-success.is-outlined[disabled],fieldset[disabled] .button.is-success.is-outlined{background-color:transparent;border-color:#48c774;-webkit-box-shadow:none;box-shadow:none;color:#48c774}.button.is-success.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-success.is-inverted.is-outlined.is-focused,.button.is-success.is-inverted.is-outlined.is-hovered,.button.is-success.is-inverted.is-outlined:focus,.button.is-success.is-inverted.is-outlined:hover{background-color:#fff;color:#48c774}.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-success.is-inverted.is-outlined.is-loading:focus::after,.button.is-success.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #48c774 #48c774!important}.button.is-success.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-success.is-inverted.is-outlined{background-color:transparent;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;color:#fff}.button.is-success.is-light{background-color:#effaf3;color:#257942}.button.is-success.is-light.is-hovered,.button.is-success.is-light:hover{background-color:#e6f7ec;border-color:transparent;color:#257942}.button.is-success.is-light.is-active,.button.is-success.is-light:active{background-color:#dcf4e4;border-color:transparent;color:#257942}.button.is-warning{background-color:#ffdd57;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning.is-hovered,.button.is-warning:hover{background-color:#ffdb4a;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning.is-focused,.button.is-warning:focus{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning.is-focused:not(:active),.button.is-warning:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(255,221,87,.25);box-shadow:0 0 0 .125em rgba(255,221,87,.25)}.button.is-warning.is-active,.button.is-warning:active{background-color:#ffd83d;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning[disabled],fieldset[disabled] .button.is-warning{background-color:#ffdd57;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-warning.is-inverted{background-color:rgba(0,0,0,.7);color:#ffdd57}.button.is-warning.is-inverted.is-hovered,.button.is-warning.is-inverted:hover{background-color:rgba(0,0,0,.7)}.button.is-warning.is-inverted[disabled],fieldset[disabled] .button.is-warning.is-inverted{background-color:rgba(0,0,0,.7);border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#ffdd57}.button.is-warning.is-loading::after{border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important}.button.is-warning.is-outlined{background-color:transparent;border-color:#ffdd57;color:#ffdd57}.button.is-warning.is-outlined.is-focused,.button.is-warning.is-outlined.is-hovered,.button.is-warning.is-outlined:focus,.button.is-warning.is-outlined:hover{background-color:#ffdd57;border-color:#ffdd57;color:rgba(0,0,0,.7)}.button.is-warning.is-outlined.is-loading::after{border-color:transparent transparent #ffdd57 #ffdd57!important}.button.is-warning.is-outlined.is-loading.is-focused::after,.button.is-warning.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-outlined.is-loading:focus::after,.button.is-warning.is-outlined.is-loading:hover::after{border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important}.button.is-warning.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-outlined{background-color:transparent;border-color:#ffdd57;-webkit-box-shadow:none;box-shadow:none;color:#ffdd57}.button.is-warning.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,.7);color:rgba(0,0,0,.7)}.button.is-warning.is-inverted.is-outlined.is-focused,.button.is-warning.is-inverted.is-outlined.is-hovered,.button.is-warning.is-inverted.is-outlined:focus,.button.is-warning.is-inverted.is-outlined:hover{background-color:rgba(0,0,0,.7);color:#ffdd57}.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-inverted.is-outlined.is-loading:focus::after,.button.is-warning.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #ffdd57 #ffdd57!important}.button.is-warning.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,.7);-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.7)}.button.is-warning.is-light{background-color:#fffbeb;color:#947600}.button.is-warning.is-light.is-hovered,.button.is-warning.is-light:hover{background-color:#fff8de;border-color:transparent;color:#947600}.button.is-warning.is-light.is-active,.button.is-warning.is-light:active{background-color:#fff6d1;border-color:transparent;color:#947600}.button.is-danger{background-color:#f14668;border-color:transparent;color:#fff}.button.is-danger.is-hovered,.button.is-danger:hover{background-color:#f03a5f;border-color:transparent;color:#fff}.button.is-danger.is-focused,.button.is-danger:focus{border-color:transparent;color:#fff}.button.is-danger.is-focused:not(:active),.button.is-danger:focus:not(:active){-webkit-box-shadow:0 0 0 .125em rgba(241,70,104,.25);box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.button.is-danger.is-active,.button.is-danger:active{background-color:#ef2e55;border-color:transparent;color:#fff}.button.is-danger[disabled],fieldset[disabled] .button.is-danger{background-color:#f14668;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.is-danger.is-inverted{background-color:#fff;color:#f14668}.button.is-danger.is-inverted.is-hovered,.button.is-danger.is-inverted:hover{background-color:#f2f2f2}.button.is-danger.is-inverted[disabled],fieldset[disabled] .button.is-danger.is-inverted{background-color:#fff;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#f14668}.button.is-danger.is-loading::after{border-color:transparent transparent #fff #fff!important}.button.is-danger.is-outlined{background-color:transparent;border-color:#f14668;color:#f14668}.button.is-danger.is-outlined.is-focused,.button.is-danger.is-outlined.is-hovered,.button.is-danger.is-outlined:focus,.button.is-danger.is-outlined:hover{background-color:#f14668;border-color:#f14668;color:#fff}.button.is-danger.is-outlined.is-loading::after{border-color:transparent transparent #f14668 #f14668!important}.button.is-danger.is-outlined.is-loading.is-focused::after,.button.is-danger.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-outlined.is-loading:focus::after,.button.is-danger.is-outlined.is-loading:hover::after{border-color:transparent transparent #fff #fff!important}.button.is-danger.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-outlined{background-color:transparent;border-color:#f14668;-webkit-box-shadow:none;box-shadow:none;color:#f14668}.button.is-danger.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-danger.is-inverted.is-outlined.is-focused,.button.is-danger.is-inverted.is-outlined.is-hovered,.button.is-danger.is-inverted.is-outlined:focus,.button.is-danger.is-inverted.is-outlined:hover{background-color:#fff;color:#f14668}.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after,.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-inverted.is-outlined.is-loading:focus::after,.button.is-danger.is-inverted.is-outlined.is-loading:hover::after{border-color:transparent transparent #f14668 #f14668!important}.button.is-danger.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-inverted.is-outlined{background-color:transparent;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;color:#fff}.button.is-danger.is-light{background-color:#feecf0;color:#cc0f35}.button.is-danger.is-light.is-hovered,.button.is-danger.is-light:hover{background-color:#fde0e6;border-color:transparent;color:#cc0f35}.button.is-danger.is-light.is-active,.button.is-danger.is-light:active{background-color:#fcd4dc;border-color:transparent;color:#cc0f35}.button.is-small{border-radius:2px;font-size:.75rem}.button.is-normal{font-size:1rem}.button.is-medium{font-size:1.25rem}.button.is-large{font-size:1.5rem}.button[disabled],fieldset[disabled] .button{background-color:#fff;border-color:#dbdbdb;-webkit-box-shadow:none;box-shadow:none;opacity:.5}.button.is-fullwidth{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.button.is-loading{color:transparent!important;pointer-events:none}.button.is-loading::after{position:absolute;left:calc(50% - (1em / 2));top:calc(50% - (1em / 2));position:absolute!important}.button.is-static{background-color:#f5f5f5;border-color:#dbdbdb;color:#7a7a7a;-webkit-box-shadow:none;box-shadow:none;pointer-events:none}.button.is-rounded{border-radius:290486px;padding-left:calc(1em + .25em);padding-right:calc(1em + .25em)}.buttons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.buttons .button{margin-bottom:.5rem}.buttons .button:not(:last-child):not(.is-fullwidth){margin-right:.5rem}.buttons:last-child{margin-bottom:-.5rem}.buttons:not(:last-child){margin-bottom:1rem}.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large){border-radius:2px;font-size:.75rem}.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large){font-size:1.25rem}.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium){font-size:1.5rem}.buttons.has-addons .button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.buttons.has-addons .button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px}.buttons.has-addons .button:last-child{margin-right:0}.buttons.has-addons .button.is-hovered,.buttons.has-addons .button:hover{z-index:2}.buttons.has-addons .button.is-active,.buttons.has-addons .button.is-focused,.buttons.has-addons .button.is-selected,.buttons.has-addons .button:active,.buttons.has-addons .button:focus{z-index:3}.buttons.has-addons .button.is-active:hover,.buttons.has-addons .button.is-focused:hover,.buttons.has-addons .button.is-selected:hover,.buttons.has-addons .button:active:hover,.buttons.has-addons .button:focus:hover{z-index:4}.buttons.has-addons .button.is-expanded{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.buttons.is-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth){margin-left:.25rem;margin-right:.25rem}.buttons.is-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth){margin-left:.25rem;margin-right:.25rem}.container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.container.is-fluid{max-width:none;padding-left:32px;padding-right:32px;width:100%}@media screen and (min-width:1024px){.container{max-width:960px}}@media screen and (max-width:1215px){.container.is-widescreen{max-width:1152px}}@media screen and (max-width:1407px){.container.is-fullhd{max-width:1344px}}@media screen and (min-width:1216px){.container{max-width:1152px}}@media screen and (min-width:1408px){.container{max-width:1344px}}.content li+li{margin-top:.25em}.content blockquote:not(:last-child),.content dl:not(:last-child),.content ol:not(:last-child),.content p:not(:last-child),.content pre:not(:last-child),.content table:not(:last-child),.content ul:not(:last-child){margin-bottom:1em}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#363636;font-weight:600;line-height:1.125}.content h1{font-size:2em;margin-bottom:.5em}.content h1:not(:first-child){margin-top:1em}.content h2{font-size:1.75em;margin-bottom:.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content h3{font-size:1.5em;margin-bottom:.6666em}.content h3:not(:first-child){margin-top:1.3333em}.content h4{font-size:1.25em;margin-bottom:.8em}.content h5{font-size:1.125em;margin-bottom:.8888em}.content h6{font-size:1em;margin-bottom:1em}.content blockquote{background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:1.25em 1.5em}.content ol{list-style-position:outside;margin-left:2em;margin-top:1em}.content ol:not([type]){list-style-type:decimal}.content ol:not([type]).is-lower-alpha{list-style-type:lower-alpha}.content ol:not([type]).is-lower-roman{list-style-type:lower-roman}.content ol:not([type]).is-upper-alpha{list-style-type:upper-alpha}.content ol:not([type]).is-upper-roman{list-style-type:upper-roman}.content ul{list-style:disc outside;margin-left:2em;margin-top:1em}.content ul ul{list-style-type:circle;margin-top:.5em}.content ul ul ul{list-style-type:square}.content dd{margin-left:2em}.content figure{margin-left:2em;margin-right:2em;text-align:center}.content figure:not(:first-child){margin-top:2em}.content figure:not(:last-child){margin-bottom:2em}.content figure img{display:inline-block}.content figure figcaption{font-style:italic}.content pre{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25em 1.5em;white-space:pre;word-wrap:normal}.content sub,.content sup{font-size:75%}.content table{width:100%}.content table td,.content table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:.5em .75em;vertical-align:top}.content table th{color:#363636}.content table th:not([align]){text-align:inherit}.content table thead td,.content table thead th{border-width:0 0 2px;color:#363636}.content table tfoot td,.content table tfoot th{border-width:2px 0 0;color:#363636}.content table tbody tr:last-child td,.content table tbody tr:last-child th{border-bottom-width:0}.content .tabs li+li{margin-top:0}.content.is-small{font-size:.75rem}.content.is-medium{font-size:1.25rem}.content.is-large{font-size:1.5rem}.icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:1.5rem;width:1.5rem}.icon.is-small{height:1rem;width:1rem}.icon.is-medium{height:2rem;width:2rem}.icon.is-large{height:3rem;width:3rem}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image img.is-rounded{border-radius:290486px}.image.is-fullwidth{width:100%}.image.is-16by9 .has-ratio,.image.is-16by9 img,.image.is-1by1 .has-ratio,.image.is-1by1 img,.image.is-1by2 .has-ratio,.image.is-1by2 img,.image.is-1by3 .has-ratio,.image.is-1by3 img,.image.is-2by1 .has-ratio,.image.is-2by1 img,.image.is-2by3 .has-ratio,.image.is-2by3 img,.image.is-3by1 .has-ratio,.image.is-3by1 img,.image.is-3by2 .has-ratio,.image.is-3by2 img,.image.is-3by4 .has-ratio,.image.is-3by4 img,.image.is-3by5 .has-ratio,.image.is-3by5 img,.image.is-4by3 .has-ratio,.image.is-4by3 img,.image.is-4by5 .has-ratio,.image.is-4by5 img,.image.is-5by3 .has-ratio,.image.is-5by3 img,.image.is-5by4 .has-ratio,.image.is-5by4 img,.image.is-9by16 .has-ratio,.image.is-9by16 img,.image.is-square .has-ratio,.image.is-square img{height:100%;width:100%}.image.is-1by1,.image.is-square{padding-top:100%}.image.is-5by4{padding-top:80%}.image.is-4by3{padding-top:75%}.image.is-3by2{padding-top:66.6666%}.image.is-5by3{padding-top:60%}.image.is-16by9{padding-top:56.25%}.image.is-2by1{padding-top:50%}.image.is-3by1{padding-top:33.3333%}.image.is-4by5{padding-top:125%}.image.is-3by4{padding-top:133.3333%}.image.is-2by3{padding-top:150%}.image.is-3by5{padding-top:166.6666%}.image.is-9by16{padding-top:177.7777%}.image.is-1by2{padding-top:200%}.image.is-1by3{padding-top:300%}.image.is-16x16{height:16px;width:16px}.image.is-24x24{height:24px;width:24px}.image.is-32x32{height:32px;width:32px}.image.is-48x48{height:48px;width:48px}.image.is-64x64{height:64px;width:64px}.image.is-96x96{height:96px;width:96px}.image.is-128x128{height:128px;width:128px}.notification{background-color:#f5f5f5;border-radius:4px;position:relative;padding:1.25rem 2.5rem 1.25rem 1.5rem}.notification a:not(.button):not(.dropdown-item){color:currentColor;text-decoration:underline}.notification strong{color:currentColor}.notification code,.notification pre{background:#fff}.notification pre code{background:0 0}.notification>.delete{right:.5rem;position:absolute;top:.5rem}.notification .content,.notification .subtitle,.notification .title{color:currentColor}.notification.is-white{background-color:#fff;color:#0a0a0a}.notification.is-black{background-color:#0a0a0a;color:#fff}.notification.is-light{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.notification.is-dark{background-color:#363636;color:#fff}.notification.is-primary{background-color:#00d1b2;color:#fff}.notification.is-primary.is-light{background-color:#ebfffc;color:#00947e}.notification.is-link{background-color:#3273dc;color:#fff}.notification.is-link.is-light{background-color:#eef3fc;color:#2160c4}.notification.is-info{background-color:#3298dc;color:#fff}.notification.is-info.is-light{background-color:#eef6fc;color:#1d72aa}.notification.is-success{background-color:#48c774;color:#fff}.notification.is-success.is-light{background-color:#effaf3;color:#257942}.notification.is-warning{background-color:#ffdd57;color:rgba(0,0,0,.7)}.notification.is-warning.is-light{background-color:#fffbeb;color:#947600}.notification.is-danger{background-color:#f14668;color:#fff}.notification.is-danger.is-light{background-color:#feecf0;color:#cc0f35}.progress{-moz-appearance:none;-webkit-appearance:none;border:none;border-radius:290486px;display:block;height:1rem;overflow:hidden;padding:0;width:100%}.progress::-webkit-progress-bar{background-color:#ededed}.progress::-webkit-progress-value{background-color:#4a4a4a}.progress::-moz-progress-bar{background-color:#4a4a4a}.progress::-ms-fill{background-color:#4a4a4a;border:none}.progress.is-white::-webkit-progress-value{background-color:#fff}.progress.is-white::-moz-progress-bar{background-color:#fff}.progress.is-white::-ms-fill{background-color:#fff}.progress.is-white:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #fff),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#fff 30%,#ededed 30%);background-image:-o-linear-gradient(left,#fff 30%,#ededed 30%);background-image:linear-gradient(to right,#fff 30%,#ededed 30%)}.progress.is-black::-webkit-progress-value{background-color:#0a0a0a}.progress.is-black::-moz-progress-bar{background-color:#0a0a0a}.progress.is-black::-ms-fill{background-color:#0a0a0a}.progress.is-black:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #0a0a0a),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#0a0a0a 30%,#ededed 30%);background-image:-o-linear-gradient(left,#0a0a0a 30%,#ededed 30%);background-image:linear-gradient(to right,#0a0a0a 30%,#ededed 30%)}.progress.is-light::-webkit-progress-value{background-color:#f5f5f5}.progress.is-light::-moz-progress-bar{background-color:#f5f5f5}.progress.is-light::-ms-fill{background-color:#f5f5f5}.progress.is-light:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #f5f5f5),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#f5f5f5 30%,#ededed 30%);background-image:-o-linear-gradient(left,#f5f5f5 30%,#ededed 30%);background-image:linear-gradient(to right,#f5f5f5 30%,#ededed 30%)}.progress.is-dark::-webkit-progress-value{background-color:#363636}.progress.is-dark::-moz-progress-bar{background-color:#363636}.progress.is-dark::-ms-fill{background-color:#363636}.progress.is-dark:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #363636),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#363636 30%,#ededed 30%);background-image:-o-linear-gradient(left,#363636 30%,#ededed 30%);background-image:linear-gradient(to right,#363636 30%,#ededed 30%)}.progress.is-primary::-webkit-progress-value{background-color:#00d1b2}.progress.is-primary::-moz-progress-bar{background-color:#00d1b2}.progress.is-primary::-ms-fill{background-color:#00d1b2}.progress.is-primary:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #00d1b2),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#00d1b2 30%,#ededed 30%);background-image:-o-linear-gradient(left,#00d1b2 30%,#ededed 30%);background-image:linear-gradient(to right,#00d1b2 30%,#ededed 30%)}.progress.is-link::-webkit-progress-value{background-color:#3273dc}.progress.is-link::-moz-progress-bar{background-color:#3273dc}.progress.is-link::-ms-fill{background-color:#3273dc}.progress.is-link:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #3273dc),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#3273dc 30%,#ededed 30%);background-image:-o-linear-gradient(left,#3273dc 30%,#ededed 30%);background-image:linear-gradient(to right,#3273dc 30%,#ededed 30%)}.progress.is-info::-webkit-progress-value{background-color:#3298dc}.progress.is-info::-moz-progress-bar{background-color:#3298dc}.progress.is-info::-ms-fill{background-color:#3298dc}.progress.is-info:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #3298dc),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#3298dc 30%,#ededed 30%);background-image:-o-linear-gradient(left,#3298dc 30%,#ededed 30%);background-image:linear-gradient(to right,#3298dc 30%,#ededed 30%)}.progress.is-success::-webkit-progress-value{background-color:#48c774}.progress.is-success::-moz-progress-bar{background-color:#48c774}.progress.is-success::-ms-fill{background-color:#48c774}.progress.is-success:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #48c774),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#48c774 30%,#ededed 30%);background-image:-o-linear-gradient(left,#48c774 30%,#ededed 30%);background-image:linear-gradient(to right,#48c774 30%,#ededed 30%)}.progress.is-warning::-webkit-progress-value{background-color:#ffdd57}.progress.is-warning::-moz-progress-bar{background-color:#ffdd57}.progress.is-warning::-ms-fill{background-color:#ffdd57}.progress.is-warning:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #ffdd57),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#ffdd57 30%,#ededed 30%);background-image:-o-linear-gradient(left,#ffdd57 30%,#ededed 30%);background-image:linear-gradient(to right,#ffdd57 30%,#ededed 30%)}.progress.is-danger::-webkit-progress-value{background-color:#f14668}.progress.is-danger::-moz-progress-bar{background-color:#f14668}.progress.is-danger::-ms-fill{background-color:#f14668}.progress.is-danger:indeterminate{background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #f14668),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#f14668 30%,#ededed 30%);background-image:-o-linear-gradient(left,#f14668 30%,#ededed 30%);background-image:linear-gradient(to right,#f14668 30%,#ededed 30%)}.progress:indeterminate{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:moveIndeterminate;animation-name:moveIndeterminate;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:#ededed;background-image:-webkit-gradient(linear,left top, right top,color-stop(30%, #4a4a4a),color-stop(30%, #ededed));background-image:-webkit-linear-gradient(left,#4a4a4a 30%,#ededed 30%);background-image:-o-linear-gradient(left,#4a4a4a 30%,#ededed 30%);background-image:linear-gradient(to right,#4a4a4a 30%,#ededed 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}.progress:indeterminate::-webkit-progress-bar{background-color:transparent}.progress:indeterminate::-moz-progress-bar{background-color:transparent}.progress:indeterminate::-ms-fill{animation-name:none}.progress.is-small{height:.75rem}.progress.is-medium{height:1.25rem}.progress.is-large{height:1.5rem}@-webkit-keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}.table{background-color:#fff;color:#363636}.table td,.table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:.5em .75em;vertical-align:top}.table td.is-white,.table th.is-white{background-color:#fff;border-color:#fff;color:#0a0a0a}.table td.is-black,.table th.is-black{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.table td.is-light,.table th.is-light{background-color:#f5f5f5;border-color:#f5f5f5;color:rgba(0,0,0,.7)}.table td.is-dark,.table th.is-dark{background-color:#363636;border-color:#363636;color:#fff}.table td.is-primary,.table th.is-primary{background-color:#00d1b2;border-color:#00d1b2;color:#fff}.table td.is-link,.table th.is-link{background-color:#3273dc;border-color:#3273dc;color:#fff}.table td.is-info,.table th.is-info{background-color:#3298dc;border-color:#3298dc;color:#fff}.table td.is-success,.table th.is-success{background-color:#48c774;border-color:#48c774;color:#fff}.table td.is-warning,.table th.is-warning{background-color:#ffdd57;border-color:#ffdd57;color:rgba(0,0,0,.7)}.table td.is-danger,.table th.is-danger{background-color:#f14668;border-color:#f14668;color:#fff}.table td.is-narrow,.table th.is-narrow{white-space:nowrap;width:1%}.table td.is-selected,.table th.is-selected{background-color:#00d1b2;color:#fff}.table td.is-selected a,.table td.is-selected strong,.table th.is-selected a,.table th.is-selected strong{color:currentColor}.table td.is-vcentered,.table th.is-vcentered{vertical-align:middle}.table th{color:#363636}.table th:not([align]){text-align:inherit}.table tr.is-selected{background-color:#00d1b2;color:#fff}.table tr.is-selected a,.table tr.is-selected strong{color:currentColor}.table tr.is-selected td,.table tr.is-selected th{border-color:#fff;color:currentColor}.table thead{background-color:transparent}.table thead td,.table thead th{border-width:0 0 2px;color:#363636}.table tfoot{background-color:transparent}.table tfoot td,.table tfoot th{border-width:2px 0 0;color:#363636}.table tbody{background-color:transparent}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom-width:0}.table.is-bordered td,.table.is-bordered th{border-width:1px}.table.is-bordered tr:last-child td,.table.is-bordered tr:last-child th{border-bottom-width:1px}.table.is-fullwidth{width:100%}.table.is-hoverable tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even){background-color:#f5f5f5}.table.is-narrow td,.table.is-narrow th{padding:.25em .5em}.table.is-striped tbody tr:not(.is-selected):nth-child(even){background-color:#fafafa}.table-container{-webkit-overflow-scrolling:touch;overflow:auto;overflow-y:hidden;max-width:100%}.tags{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tags .tag{margin-bottom:.5rem}.tags .tag:not(:last-child){margin-right:.5rem}.tags:last-child{margin-bottom:-.5rem}.tags:not(:last-child){margin-bottom:1rem}.tags.are-medium .tag:not(.is-normal):not(.is-large){font-size:1rem}.tags.are-large .tag:not(.is-normal):not(.is-medium){font-size:1.25rem}.tags.is-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tags.is-centered .tag{margin-right:.25rem;margin-left:.25rem}.tags.is-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tags.is-right .tag:not(:first-child){margin-left:.5rem}.tags.is-right .tag:not(:last-child){margin-right:0}.tags.has-addons .tag{margin-right:0}.tags.has-addons .tag:not(:first-child){margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.tags.has-addons .tag:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.tag:not(body){-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;border-radius:4px;color:#4a4a4a;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.75rem;height:2em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.5;padding-left:.75em;padding-right:.75em;white-space:nowrap}.tag:not(body) .delete{margin-left:.25rem;margin-right:-.375rem}.tag:not(body).is-white{background-color:#fff;color:#0a0a0a}.tag:not(body).is-black{background-color:#0a0a0a;color:#fff}.tag:not(body).is-light{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.tag:not(body).is-dark{background-color:#363636;color:#fff}.tag:not(body).is-primary{background-color:#00d1b2;color:#fff}.tag:not(body).is-primary.is-light{background-color:#ebfffc;color:#00947e}.tag:not(body).is-link{background-color:#3273dc;color:#fff}.tag:not(body).is-link.is-light{background-color:#eef3fc;color:#2160c4}.tag:not(body).is-info{background-color:#3298dc;color:#fff}.tag:not(body).is-info.is-light{background-color:#eef6fc;color:#1d72aa}.tag:not(body).is-success{background-color:#48c774;color:#fff}.tag:not(body).is-success.is-light{background-color:#effaf3;color:#257942}.tag:not(body).is-warning{background-color:#ffdd57;color:rgba(0,0,0,.7)}.tag:not(body).is-warning.is-light{background-color:#fffbeb;color:#947600}.tag:not(body).is-danger{background-color:#f14668;color:#fff}.tag:not(body).is-danger.is-light{background-color:#feecf0;color:#cc0f35}.tag:not(body).is-normal{font-size:.75rem}.tag:not(body).is-medium{font-size:1rem}.tag:not(body).is-large{font-size:1.25rem}.tag:not(body) .icon:first-child:not(:last-child){margin-left:-.375em;margin-right:.1875em}.tag:not(body) .icon:last-child:not(:first-child){margin-left:.1875em;margin-right:-.375em}.tag:not(body) .icon:first-child:last-child{margin-left:-.375em;margin-right:-.375em}.tag:not(body).is-delete{margin-left:1px;padding:0;position:relative;width:2em}.tag:not(body).is-delete::after,.tag:not(body).is-delete::before{background-color:currentColor;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.tag:not(body).is-delete::before{height:1px;width:50%}.tag:not(body).is-delete::after{height:50%;width:1px}.tag:not(body).is-delete:focus,.tag:not(body).is-delete:hover{background-color:#e8e8e8}.tag:not(body).is-delete:active{background-color:#dbdbdb}.tag:not(body).is-rounded{border-radius:290486px}a.tag:hover{text-decoration:underline}.subtitle,.title{word-break:break-word}.subtitle em,.subtitle span,.title em,.title span{font-weight:inherit}.subtitle sub,.title sub{font-size:.75em}.subtitle sup,.title sup{font-size:.75em}.subtitle .tag,.title .tag{vertical-align:middle}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.title strong{color:inherit;font-weight:inherit}.title+.highlight{margin-top:-.75rem}.title:not(.is-spaced)+.subtitle{margin-top:-1.25rem}.title.is-1{font-size:3rem}.title.is-2{font-size:2.5rem}.title.is-3{font-size:2rem}.title.is-4{font-size:1.5rem}.title.is-5{font-size:1.25rem}.title.is-6{font-size:1rem}.title.is-7{font-size:.75rem}.subtitle{color:#4a4a4a;font-size:1.25rem;font-weight:400;line-height:1.25}.subtitle strong{color:#363636;font-weight:600}.subtitle:not(.is-spaced)+.title{margin-top:-1.25rem}.subtitle.is-1{font-size:3rem}.subtitle.is-2{font-size:2.5rem}.subtitle.is-3{font-size:2rem}.subtitle.is-4{font-size:1.5rem}.subtitle.is-5{font-size:1.25rem}.subtitle.is-6{font-size:1rem}.subtitle.is-7{font-size:.75rem}.heading{display:block;font-size:11px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.highlight{font-weight:400;max-width:100%;overflow:hidden;padding:0}.highlight pre{overflow:auto;max-width:100%}.number{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;border-radius:290486px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.25rem;height:2em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1.5rem;min-width:2.5em;padding:.25rem .5rem;text-align:center;vertical-align:top}.input,.select select,.textarea{background-color:#fff;border-color:#dbdbdb;border-radius:4px;color:#363636}.input::-moz-placeholder,.select select::-moz-placeholder,.textarea::-moz-placeholder{color:rgba(54,54,54,.3)}.input::-webkit-input-placeholder,.select select::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:rgba(54,54,54,.3)}.input:-moz-placeholder,.select select:-moz-placeholder,.textarea:-moz-placeholder{color:rgba(54,54,54,.3)}.input:-ms-input-placeholder,.select select:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:rgba(54,54,54,.3)}.input:hover,.is-hovered.input,.is-hovered.textarea,.select select.is-hovered,.select select:hover,.textarea:hover{border-color:#b5b5b5}.input:active,.input:focus,.is-active.input,.is-active.textarea,.is-focused.input,.is-focused.textarea,.select select.is-active,.select select.is-focused,.select select:active,.select select:focus,.textarea:active,.textarea:focus{border-color:#3273dc;-webkit-box-shadow:0 0 0 .125em rgba(50,115,220,.25);box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.input[disabled],.select fieldset[disabled] select,.select select[disabled],.textarea[disabled],fieldset[disabled] .input,fieldset[disabled] .select select,fieldset[disabled] .textarea{background-color:#f5f5f5;border-color:#f5f5f5;-webkit-box-shadow:none;box-shadow:none;color:#7a7a7a}.input[disabled]::-moz-placeholder,.select fieldset[disabled] select::-moz-placeholder,.select select[disabled]::-moz-placeholder,.textarea[disabled]::-moz-placeholder,fieldset[disabled] .input::-moz-placeholder,fieldset[disabled] .select select::-moz-placeholder,fieldset[disabled] .textarea::-moz-placeholder{color:rgba(122,122,122,.3)}.input[disabled]::-webkit-input-placeholder,.select fieldset[disabled] select::-webkit-input-placeholder,.select select[disabled]::-webkit-input-placeholder,.textarea[disabled]::-webkit-input-placeholder,fieldset[disabled] .input::-webkit-input-placeholder,fieldset[disabled] .select select::-webkit-input-placeholder,fieldset[disabled] .textarea::-webkit-input-placeholder{color:rgba(122,122,122,.3)}.input[disabled]:-moz-placeholder,.select fieldset[disabled] select:-moz-placeholder,.select select[disabled]:-moz-placeholder,.textarea[disabled]:-moz-placeholder,fieldset[disabled] .input:-moz-placeholder,fieldset[disabled] .select select:-moz-placeholder,fieldset[disabled] .textarea:-moz-placeholder{color:rgba(122,122,122,.3)}.input[disabled]:-ms-input-placeholder,.select fieldset[disabled] select:-ms-input-placeholder,.select select[disabled]:-ms-input-placeholder,.textarea[disabled]:-ms-input-placeholder,fieldset[disabled] .input:-ms-input-placeholder,fieldset[disabled] .select select:-ms-input-placeholder,fieldset[disabled] .textarea:-ms-input-placeholder{color:rgba(122,122,122,.3)}.input,.textarea{-webkit-box-shadow:inset 0 .0625em .125em rgba(10,10,10,.05);box-shadow:inset 0 .0625em .125em rgba(10,10,10,.05);max-width:100%;width:100%}.input[readonly],.textarea[readonly]{-webkit-box-shadow:none;box-shadow:none}.is-white.input,.is-white.textarea{border-color:#fff}.is-white.input:active,.is-white.input:focus,.is-white.is-active.input,.is-white.is-active.textarea,.is-white.is-focused.input,.is-white.is-focused.textarea,.is-white.textarea:active,.is-white.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(255,255,255,.25);box-shadow:0 0 0 .125em rgba(255,255,255,.25)}.is-black.input,.is-black.textarea{border-color:#0a0a0a}.is-black.input:active,.is-black.input:focus,.is-black.is-active.input,.is-black.is-active.textarea,.is-black.is-focused.input,.is-black.is-focused.textarea,.is-black.textarea:active,.is-black.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(10,10,10,.25);box-shadow:0 0 0 .125em rgba(10,10,10,.25)}.is-light.input,.is-light.textarea{border-color:#f5f5f5}.is-light.input:active,.is-light.input:focus,.is-light.is-active.input,.is-light.is-active.textarea,.is-light.is-focused.input,.is-light.is-focused.textarea,.is-light.textarea:active,.is-light.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(245,245,245,.25);box-shadow:0 0 0 .125em rgba(245,245,245,.25)}.is-dark.input,.is-dark.textarea{border-color:#363636}.is-dark.input:active,.is-dark.input:focus,.is-dark.is-active.input,.is-dark.is-active.textarea,.is-dark.is-focused.input,.is-dark.is-focused.textarea,.is-dark.textarea:active,.is-dark.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(54,54,54,.25);box-shadow:0 0 0 .125em rgba(54,54,54,.25)}.is-primary.input,.is-primary.textarea{border-color:#00d1b2}.is-primary.input:active,.is-primary.input:focus,.is-primary.is-active.input,.is-primary.is-active.textarea,.is-primary.is-focused.input,.is-primary.is-focused.textarea,.is-primary.textarea:active,.is-primary.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(0,209,178,.25);box-shadow:0 0 0 .125em rgba(0,209,178,.25)}.is-link.input,.is-link.textarea{border-color:#3273dc}.is-link.input:active,.is-link.input:focus,.is-link.is-active.input,.is-link.is-active.textarea,.is-link.is-focused.input,.is-link.is-focused.textarea,.is-link.textarea:active,.is-link.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(50,115,220,.25);box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.is-info.input,.is-info.textarea{border-color:#3298dc}.is-info.input:active,.is-info.input:focus,.is-info.is-active.input,.is-info.is-active.textarea,.is-info.is-focused.input,.is-info.is-focused.textarea,.is-info.textarea:active,.is-info.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(50,152,220,.25);box-shadow:0 0 0 .125em rgba(50,152,220,.25)}.is-success.input,.is-success.textarea{border-color:#48c774}.is-success.input:active,.is-success.input:focus,.is-success.is-active.input,.is-success.is-active.textarea,.is-success.is-focused.input,.is-success.is-focused.textarea,.is-success.textarea:active,.is-success.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(72,199,116,.25);box-shadow:0 0 0 .125em rgba(72,199,116,.25)}.is-warning.input,.is-warning.textarea{border-color:#ffdd57}.is-warning.input:active,.is-warning.input:focus,.is-warning.is-active.input,.is-warning.is-active.textarea,.is-warning.is-focused.input,.is-warning.is-focused.textarea,.is-warning.textarea:active,.is-warning.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(255,221,87,.25);box-shadow:0 0 0 .125em rgba(255,221,87,.25)}.is-danger.input,.is-danger.textarea{border-color:#f14668}.is-danger.input:active,.is-danger.input:focus,.is-danger.is-active.input,.is-danger.is-active.textarea,.is-danger.is-focused.input,.is-danger.is-focused.textarea,.is-danger.textarea:active,.is-danger.textarea:focus{-webkit-box-shadow:0 0 0 .125em rgba(241,70,104,.25);box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.is-small.input,.is-small.textarea{border-radius:2px;font-size:.75rem}.is-medium.input,.is-medium.textarea{font-size:1.25rem}.is-large.input,.is-large.textarea{font-size:1.5rem}.is-fullwidth.input,.is-fullwidth.textarea{display:block;width:100%}.is-inline.input,.is-inline.textarea{display:inline;width:auto}.input.is-rounded{border-radius:290486px;padding-left:calc(calc(.75em - 1px) + .375em);padding-right:calc(calc(.75em - 1px) + .375em)}.input.is-static{background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;padding-left:0;padding-right:0}.textarea{display:block;max-width:100%;min-width:100%;padding:calc(.75em - 1px);resize:vertical}.textarea:not([rows]){max-height:40em;min-height:8em}.textarea[rows]{height:initial}.textarea.has-fixed-size{resize:none}.checkbox,.radio{cursor:pointer;display:inline-block;line-height:1.25;position:relative}.checkbox input,.radio input{cursor:pointer}.checkbox:hover,.radio:hover{color:#363636}.checkbox input[disabled],.checkbox[disabled],.radio input[disabled],.radio[disabled],fieldset[disabled] .checkbox,fieldset[disabled] .radio{color:#7a7a7a;cursor:not-allowed}.radio+.radio{margin-left:.5em}.select{display:inline-block;max-width:100%;position:relative;vertical-align:top}.select:not(.is-multiple){height:2.5em}.select:not(.is-multiple):not(.is-loading)::after{border-color:#3273dc;right:1.125em;z-index:4}.select.is-rounded select{border-radius:290486px;padding-left:1em}.select select{cursor:pointer;display:block;font-size:1em;max-width:100%;outline:0}.select select::-ms-expand{display:none}.select select[disabled]:hover,fieldset[disabled] .select select:hover{border-color:#f5f5f5}.select select:not([multiple]){padding-right:2.5em}.select select[multiple]{height:auto;padding:0}.select select[multiple] option{padding:.5em 1em}.select:not(.is-multiple):not(.is-loading):hover::after{border-color:#363636}.select.is-white:not(:hover)::after{border-color:#fff}.select.is-white select{border-color:#fff}.select.is-white select.is-hovered,.select.is-white select:hover{border-color:#f2f2f2}.select.is-white select.is-active,.select.is-white select.is-focused,.select.is-white select:active,.select.is-white select:focus{-webkit-box-shadow:0 0 0 .125em rgba(255,255,255,.25);box-shadow:0 0 0 .125em rgba(255,255,255,.25)}.select.is-black:not(:hover)::after{border-color:#0a0a0a}.select.is-black select{border-color:#0a0a0a}.select.is-black select.is-hovered,.select.is-black select:hover{border-color:#000}.select.is-black select.is-active,.select.is-black select.is-focused,.select.is-black select:active,.select.is-black select:focus{-webkit-box-shadow:0 0 0 .125em rgba(10,10,10,.25);box-shadow:0 0 0 .125em rgba(10,10,10,.25)}.select.is-light:not(:hover)::after{border-color:#f5f5f5}.select.is-light select{border-color:#f5f5f5}.select.is-light select.is-hovered,.select.is-light select:hover{border-color:#e8e8e8}.select.is-light select.is-active,.select.is-light select.is-focused,.select.is-light select:active,.select.is-light select:focus{-webkit-box-shadow:0 0 0 .125em rgba(245,245,245,.25);box-shadow:0 0 0 .125em rgba(245,245,245,.25)}.select.is-dark:not(:hover)::after{border-color:#363636}.select.is-dark select{border-color:#363636}.select.is-dark select.is-hovered,.select.is-dark select:hover{border-color:#292929}.select.is-dark select.is-active,.select.is-dark select.is-focused,.select.is-dark select:active,.select.is-dark select:focus{-webkit-box-shadow:0 0 0 .125em rgba(54,54,54,.25);box-shadow:0 0 0 .125em rgba(54,54,54,.25)}.select.is-primary:not(:hover)::after{border-color:#00d1b2}.select.is-primary select{border-color:#00d1b2}.select.is-primary select.is-hovered,.select.is-primary select:hover{border-color:#00b89c}.select.is-primary select.is-active,.select.is-primary select.is-focused,.select.is-primary select:active,.select.is-primary select:focus{-webkit-box-shadow:0 0 0 .125em rgba(0,209,178,.25);box-shadow:0 0 0 .125em rgba(0,209,178,.25)}.select.is-link:not(:hover)::after{border-color:#3273dc}.select.is-link select{border-color:#3273dc}.select.is-link select.is-hovered,.select.is-link select:hover{border-color:#2366d1}.select.is-link select.is-active,.select.is-link select.is-focused,.select.is-link select:active,.select.is-link select:focus{-webkit-box-shadow:0 0 0 .125em rgba(50,115,220,.25);box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.select.is-info:not(:hover)::after{border-color:#3298dc}.select.is-info select{border-color:#3298dc}.select.is-info select.is-hovered,.select.is-info select:hover{border-color:#238cd1}.select.is-info select.is-active,.select.is-info select.is-focused,.select.is-info select:active,.select.is-info select:focus{-webkit-box-shadow:0 0 0 .125em rgba(50,152,220,.25);box-shadow:0 0 0 .125em rgba(50,152,220,.25)}.select.is-success:not(:hover)::after{border-color:#48c774}.select.is-success select{border-color:#48c774}.select.is-success select.is-hovered,.select.is-success select:hover{border-color:#3abb67}.select.is-success select.is-active,.select.is-success select.is-focused,.select.is-success select:active,.select.is-success select:focus{-webkit-box-shadow:0 0 0 .125em rgba(72,199,116,.25);box-shadow:0 0 0 .125em rgba(72,199,116,.25)}.select.is-warning:not(:hover)::after{border-color:#ffdd57}.select.is-warning select{border-color:#ffdd57}.select.is-warning select.is-hovered,.select.is-warning select:hover{border-color:#ffd83d}.select.is-warning select.is-active,.select.is-warning select.is-focused,.select.is-warning select:active,.select.is-warning select:focus{-webkit-box-shadow:0 0 0 .125em rgba(255,221,87,.25);box-shadow:0 0 0 .125em rgba(255,221,87,.25)}.select.is-danger:not(:hover)::after{border-color:#f14668}.select.is-danger select{border-color:#f14668}.select.is-danger select.is-hovered,.select.is-danger select:hover{border-color:#ef2e55}.select.is-danger select.is-active,.select.is-danger select.is-focused,.select.is-danger select:active,.select.is-danger select:focus{-webkit-box-shadow:0 0 0 .125em rgba(241,70,104,.25);box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.select.is-small{border-radius:2px;font-size:.75rem}.select.is-medium{font-size:1.25rem}.select.is-large{font-size:1.5rem}.select.is-disabled::after{border-color:#7a7a7a}.select.is-fullwidth{width:100%}.select.is-fullwidth select{width:100%}.select.is-loading::after{margin-top:0;position:absolute;right:.625em;top:.625em;-webkit-transform:none;-ms-transform:none;transform:none}.select.is-loading.is-small:after{font-size:.75rem}.select.is-loading.is-medium:after{font-size:1.25rem}.select.is-loading.is-large:after{font-size:1.5rem}.file{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative}.file.is-white .file-cta{background-color:#fff;border-color:transparent;color:#0a0a0a}.file.is-white.is-hovered .file-cta,.file.is-white:hover .file-cta{background-color:#f9f9f9;border-color:transparent;color:#0a0a0a}.file.is-white.is-focused .file-cta,.file.is-white:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(255,255,255,.25);box-shadow:0 0 .5em rgba(255,255,255,.25);color:#0a0a0a}.file.is-white.is-active .file-cta,.file.is-white:active .file-cta{background-color:#f2f2f2;border-color:transparent;color:#0a0a0a}.file.is-black .file-cta{background-color:#0a0a0a;border-color:transparent;color:#fff}.file.is-black.is-hovered .file-cta,.file.is-black:hover .file-cta{background-color:#040404;border-color:transparent;color:#fff}.file.is-black.is-focused .file-cta,.file.is-black:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(10,10,10,.25);box-shadow:0 0 .5em rgba(10,10,10,.25);color:#fff}.file.is-black.is-active .file-cta,.file.is-black:active .file-cta{background-color:#000;border-color:transparent;color:#fff}.file.is-light .file-cta{background-color:#f5f5f5;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-light.is-hovered .file-cta,.file.is-light:hover .file-cta{background-color:#eee;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-light.is-focused .file-cta,.file.is-light:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(245,245,245,.25);box-shadow:0 0 .5em rgba(245,245,245,.25);color:rgba(0,0,0,.7)}.file.is-light.is-active .file-cta,.file.is-light:active .file-cta{background-color:#e8e8e8;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-dark .file-cta{background-color:#363636;border-color:transparent;color:#fff}.file.is-dark.is-hovered .file-cta,.file.is-dark:hover .file-cta{background-color:#2f2f2f;border-color:transparent;color:#fff}.file.is-dark.is-focused .file-cta,.file.is-dark:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(54,54,54,.25);box-shadow:0 0 .5em rgba(54,54,54,.25);color:#fff}.file.is-dark.is-active .file-cta,.file.is-dark:active .file-cta{background-color:#292929;border-color:transparent;color:#fff}.file.is-primary .file-cta{background-color:#00d1b2;border-color:transparent;color:#fff}.file.is-primary.is-hovered .file-cta,.file.is-primary:hover .file-cta{background-color:#00c4a7;border-color:transparent;color:#fff}.file.is-primary.is-focused .file-cta,.file.is-primary:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(0,209,178,.25);box-shadow:0 0 .5em rgba(0,209,178,.25);color:#fff}.file.is-primary.is-active .file-cta,.file.is-primary:active .file-cta{background-color:#00b89c;border-color:transparent;color:#fff}.file.is-link .file-cta{background-color:#3273dc;border-color:transparent;color:#fff}.file.is-link.is-hovered .file-cta,.file.is-link:hover .file-cta{background-color:#276cda;border-color:transparent;color:#fff}.file.is-link.is-focused .file-cta,.file.is-link:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(50,115,220,.25);box-shadow:0 0 .5em rgba(50,115,220,.25);color:#fff}.file.is-link.is-active .file-cta,.file.is-link:active .file-cta{background-color:#2366d1;border-color:transparent;color:#fff}.file.is-info .file-cta{background-color:#3298dc;border-color:transparent;color:#fff}.file.is-info.is-hovered .file-cta,.file.is-info:hover .file-cta{background-color:#2793da;border-color:transparent;color:#fff}.file.is-info.is-focused .file-cta,.file.is-info:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(50,152,220,.25);box-shadow:0 0 .5em rgba(50,152,220,.25);color:#fff}.file.is-info.is-active .file-cta,.file.is-info:active .file-cta{background-color:#238cd1;border-color:transparent;color:#fff}.file.is-success .file-cta{background-color:#48c774;border-color:transparent;color:#fff}.file.is-success.is-hovered .file-cta,.file.is-success:hover .file-cta{background-color:#3ec46d;border-color:transparent;color:#fff}.file.is-success.is-focused .file-cta,.file.is-success:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(72,199,116,.25);box-shadow:0 0 .5em rgba(72,199,116,.25);color:#fff}.file.is-success.is-active .file-cta,.file.is-success:active .file-cta{background-color:#3abb67;border-color:transparent;color:#fff}.file.is-warning .file-cta{background-color:#ffdd57;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-warning.is-hovered .file-cta,.file.is-warning:hover .file-cta{background-color:#ffdb4a;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-warning.is-focused .file-cta,.file.is-warning:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(255,221,87,.25);box-shadow:0 0 .5em rgba(255,221,87,.25);color:rgba(0,0,0,.7)}.file.is-warning.is-active .file-cta,.file.is-warning:active .file-cta{background-color:#ffd83d;border-color:transparent;color:rgba(0,0,0,.7)}.file.is-danger .file-cta{background-color:#f14668;border-color:transparent;color:#fff}.file.is-danger.is-hovered .file-cta,.file.is-danger:hover .file-cta{background-color:#f03a5f;border-color:transparent;color:#fff}.file.is-danger.is-focused .file-cta,.file.is-danger:focus .file-cta{border-color:transparent;-webkit-box-shadow:0 0 .5em rgba(241,70,104,.25);box-shadow:0 0 .5em rgba(241,70,104,.25);color:#fff}.file.is-danger.is-active .file-cta,.file.is-danger:active .file-cta{background-color:#ef2e55;border-color:transparent;color:#fff}.file.is-small{font-size:.75rem}.file.is-medium{font-size:1.25rem}.file.is-medium .file-icon .fa{font-size:21px}.file.is-large{font-size:1.5rem}.file.is-large .file-icon .fa{font-size:28px}.file.has-name .file-cta{border-bottom-right-radius:0;border-top-right-radius:0}.file.has-name .file-name{border-bottom-left-radius:0;border-top-left-radius:0}.file.has-name.is-empty .file-cta{border-radius:4px}.file.has-name.is-empty .file-name{display:none}.file.is-boxed .file-label{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.file.is-boxed .file-cta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;padding:1em 3em}.file.is-boxed .file-name{border-width:0 1px 1px}.file.is-boxed .file-icon{height:1.5em;width:1.5em}.file.is-boxed .file-icon .fa{font-size:21px}.file.is-boxed.is-small .file-icon .fa{font-size:14px}.file.is-boxed.is-medium .file-icon .fa{font-size:28px}.file.is-boxed.is-large .file-icon .fa{font-size:35px}.file.is-boxed.has-name .file-cta{border-radius:4px 4px 0 0}.file.is-boxed.has-name .file-name{border-radius:0 0 4px 4px;border-width:0 1px 1px}.file.is-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.file.is-fullwidth .file-label{width:100%}.file.is-fullwidth .file-name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:none}.file.is-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.file.is-right .file-cta{border-radius:0 4px 4px 0}.file.is-right .file-name{border-radius:4px 0 0 4px;border-width:1px 0 1px 1px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.file-label{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:relative}.file-label:hover .file-cta{background-color:#eee;color:#363636}.file-label:hover .file-name{border-color:#d5d5d5}.file-label:active .file-cta{background-color:#e8e8e8;color:#363636}.file-label:active .file-name{border-color:#cfcfcf}.file-input{height:100%;left:0;opacity:0;outline:0;position:absolute;top:0;width:100%}.file-cta,.file-name{border-color:#dbdbdb;border-radius:4px;font-size:1em;padding-left:1em;padding-right:1em;white-space:nowrap}.file-cta{background-color:#f5f5f5;color:#4a4a4a}.file-name{border-color:#dbdbdb;border-style:solid;border-width:1px 1px 1px 0;display:block;max-width:16em;overflow:hidden;text-align:inherit;-o-text-overflow:ellipsis;text-overflow:ellipsis}.file-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:1em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:.5em;width:1em}.file-icon .fa{font-size:14px}.label{color:#363636;display:block;font-size:1rem;font-weight:700}.label:not(:last-child){margin-bottom:.5em}.label.is-small{font-size:.75rem}.label.is-medium{font-size:1.25rem}.label.is-large{font-size:1.5rem}.help{display:block;font-size:.75rem;margin-top:.25rem}.help.is-white{color:#fff}.help.is-black{color:#0a0a0a}.help.is-light{color:#f5f5f5}.help.is-dark{color:#363636}.help.is-primary{color:#00d1b2}.help.is-link{color:#3273dc}.help.is-info{color:#3298dc}.help.is-success{color:#48c774}.help.is-warning{color:#ffdd57}.help.is-danger{color:#f14668}.field:not(:last-child){margin-bottom:.75rem}.field.has-addons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.field.has-addons .control:not(:last-child){margin-right:-1px}.field.has-addons .control:not(:first-child):not(:last-child) .button,.field.has-addons .control:not(:first-child):not(:last-child) .input,.field.has-addons .control:not(:first-child):not(:last-child) .select select{border-radius:0}.field.has-addons .control:first-child:not(:only-child) .button,.field.has-addons .control:first-child:not(:only-child) .input,.field.has-addons .control:first-child:not(:only-child) .select select{border-bottom-right-radius:0;border-top-right-radius:0}.field.has-addons .control:last-child:not(:only-child) .button,.field.has-addons .control:last-child:not(:only-child) .input,.field.has-addons .control:last-child:not(:only-child) .select select{border-bottom-left-radius:0;border-top-left-radius:0}.field.has-addons .control .button:not([disabled]).is-hovered,.field.has-addons .control .button:not([disabled]):hover,.field.has-addons .control .input:not([disabled]).is-hovered,.field.has-addons .control .input:not([disabled]):hover,.field.has-addons .control .select select:not([disabled]).is-hovered,.field.has-addons .control .select select:not([disabled]):hover{z-index:2}.field.has-addons .control .button:not([disabled]).is-active,.field.has-addons .control .button:not([disabled]).is-focused,.field.has-addons .control .button:not([disabled]):active,.field.has-addons .control .button:not([disabled]):focus,.field.has-addons .control .input:not([disabled]).is-active,.field.has-addons .control .input:not([disabled]).is-focused,.field.has-addons .control .input:not([disabled]):active,.field.has-addons .control .input:not([disabled]):focus,.field.has-addons .control .select select:not([disabled]).is-active,.field.has-addons .control .select select:not([disabled]).is-focused,.field.has-addons .control .select select:not([disabled]):active,.field.has-addons .control .select select:not([disabled]):focus{z-index:3}.field.has-addons .control .button:not([disabled]).is-active:hover,.field.has-addons .control .button:not([disabled]).is-focused:hover,.field.has-addons .control .button:not([disabled]):active:hover,.field.has-addons .control .button:not([disabled]):focus:hover,.field.has-addons .control .input:not([disabled]).is-active:hover,.field.has-addons .control .input:not([disabled]).is-focused:hover,.field.has-addons .control .input:not([disabled]):active:hover,.field.has-addons .control .input:not([disabled]):focus:hover,.field.has-addons .control .select select:not([disabled]).is-active:hover,.field.has-addons .control .select select:not([disabled]).is-focused:hover,.field.has-addons .control .select select:not([disabled]):active:hover,.field.has-addons .control .select select:not([disabled]):focus:hover{z-index:4}.field.has-addons .control.is-expanded{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.field.has-addons.has-addons-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.field.has-addons.has-addons-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.field.has-addons.has-addons-fullwidth .control{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.field.is-grouped{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.field.is-grouped>.control{-ms-flex-negative:0;flex-shrink:0}.field.is-grouped>.control:not(:last-child){margin-bottom:0;margin-right:.75rem}.field.is-grouped>.control.is-expanded{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.field.is-grouped.is-grouped-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.field.is-grouped.is-grouped-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.field.is-grouped.is-grouped-multiline{-ms-flex-wrap:wrap;flex-wrap:wrap}.field.is-grouped.is-grouped-multiline>.control:last-child,.field.is-grouped.is-grouped-multiline>.control:not(:last-child){margin-bottom:.75rem}.field.is-grouped.is-grouped-multiline:last-child{margin-bottom:-.75rem}.field.is-grouped.is-grouped-multiline:not(:last-child){margin-bottom:0}@media screen and (min-width:769px),print{.field.is-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}}.field-label .label{font-size:inherit}@media screen and (max-width:768px){.field-label{margin-bottom:.5rem}}@media screen and (min-width:769px),print{.field-label{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;margin-right:1.5rem;text-align:right}.field-label.is-small{font-size:.75rem;padding-top:.375em}.field-label.is-normal{padding-top:.375em}.field-label.is-medium{font-size:1.25rem;padding-top:.375em}.field-label.is-large{font-size:1.5rem;padding-top:.375em}}.field-body .field .field{margin-bottom:0}@media screen and (min-width:769px),print{.field-body{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:5;-ms-flex-positive:5;flex-grow:5;-ms-flex-negative:1;flex-shrink:1}.field-body .field{margin-bottom:0}.field-body>.field{-ms-flex-negative:1;flex-shrink:1}.field-body>.field:not(.is-narrow){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.field-body>.field:not(:last-child){margin-right:.75rem}}.control{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;font-size:1rem;position:relative;text-align:inherit}.control.has-icons-left .input:focus~.icon,.control.has-icons-left .select:focus~.icon,.control.has-icons-right .input:focus~.icon,.control.has-icons-right .select:focus~.icon{color:#4a4a4a}.control.has-icons-left .input.is-small~.icon,.control.has-icons-left .select.is-small~.icon,.control.has-icons-right .input.is-small~.icon,.control.has-icons-right .select.is-small~.icon{font-size:.75rem}.control.has-icons-left .input.is-medium~.icon,.control.has-icons-left .select.is-medium~.icon,.control.has-icons-right .input.is-medium~.icon,.control.has-icons-right .select.is-medium~.icon{font-size:1.25rem}.control.has-icons-left .input.is-large~.icon,.control.has-icons-left .select.is-large~.icon,.control.has-icons-right .input.is-large~.icon,.control.has-icons-right .select.is-large~.icon{font-size:1.5rem}.control.has-icons-left .icon,.control.has-icons-right .icon{color:#dbdbdb;height:2.5em;pointer-events:none;position:absolute;top:0;width:2.5em;z-index:4}.control.has-icons-left .input,.control.has-icons-left .select select{padding-left:2.5em}.control.has-icons-left .icon.is-left{left:0}.control.has-icons-right .input,.control.has-icons-right .select select{padding-right:2.5em}.control.has-icons-right .icon.is-right{right:0}.control.is-loading::after{position:absolute!important;right:.625em;top:.625em;z-index:4}.control.is-loading.is-small:after{font-size:.75rem}.control.is-loading.is-medium:after{font-size:1.25rem}.control.is-loading.is-large:after{font-size:1.5rem}.breadcrumb{font-size:1rem;white-space:nowrap}.breadcrumb a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3273dc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 .75em}.breadcrumb a:hover{color:#363636}.breadcrumb li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.breadcrumb li:first-child a{padding-left:0}.breadcrumb li.is-active a{color:#363636;cursor:default;pointer-events:none}.breadcrumb li+li::before{color:#b5b5b5;content:"/"}.breadcrumb ol,.breadcrumb ul{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.breadcrumb .icon:first-child{margin-right:.5em}.breadcrumb .icon:last-child{margin-left:.5em}.breadcrumb.is-centered ol,.breadcrumb.is-centered ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.breadcrumb.is-right ol,.breadcrumb.is-right ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.breadcrumb.is-small{font-size:.75rem}.breadcrumb.is-medium{font-size:1.25rem}.breadcrumb.is-large{font-size:1.5rem}.breadcrumb.has-arrow-separator li+li::before{content:"\2192"}.breadcrumb.has-bullet-separator li+li::before{content:"\2022"}.breadcrumb.has-dot-separator li+li::before{content:"\B7"}.breadcrumb.has-succeeds-separator li+li::before{content:"\227B"}.card{background-color:#fff;-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;max-width:100%;position:relative;border-radius:0;overflow:hidden}.card-header{background-color:transparent;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-shadow:0 .125em .25em rgba(10,10,10,.1);box-shadow:0 .125em .25em rgba(10,10,10,.1);display:-webkit-box;display:-ms-flexbox;display:flex}.card-header-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#363636;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-weight:700;padding:.75rem 1rem}.card-header-title.is-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-header-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.75rem 1rem}.card-image{display:block;position:relative}.card-content{background-color:transparent;padding:1.5rem}.card-footer{background-color:transparent;border-top:1px solid #ededed;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}.card-footer-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.75rem}.card-footer-item:not(:last-child){border-right:1px solid #ededed}.card .media:not(:last-child){margin-bottom:1.5rem}.dropdown{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:top}.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{display:block}.dropdown.is-right .dropdown-menu{left:auto;right:0}.dropdown.is-up .dropdown-menu{bottom:100%;padding-bottom:4px;padding-top:initial;top:auto}.dropdown-menu{display:none;left:0;min-width:12rem;padding-top:4px;position:absolute;top:100%;z-index:20}.dropdown-content{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);padding-bottom:.5rem;padding-top:.5rem}.dropdown-item{color:#4a4a4a;display:block;font-size:.875rem;line-height:1.5;padding:.375rem 1rem;position:relative}a.dropdown-item,button.dropdown-item{padding-right:3rem;text-align:inherit;white-space:nowrap;width:100%}a.dropdown-item:hover,button.dropdown-item:hover{background-color:#f5f5f5;color:#0a0a0a}a.dropdown-item.is-active,button.dropdown-item.is-active{background-color:#3273dc;color:#fff}.dropdown-divider{background-color:#ededed;border:none;display:block;height:1px;margin:.5rem 0}.level{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.level code{border-radius:4px}.level img{display:inline-block;vertical-align:top}.level.is-mobile{display:-webkit-box;display:-ms-flexbox;display:flex}.level.is-mobile .level-left,.level.is-mobile .level-right{display:-webkit-box;display:-ms-flexbox;display:flex}.level.is-mobile .level-left+.level-right{margin-top:0}.level.is-mobile .level-item:not(:last-child){margin-bottom:0;margin-right:.75rem}.level.is-mobile .level-item:not(.is-narrow){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width:769px),print{.level{display:-webkit-box;display:-ms-flexbox;display:flex}.level>.level-item:not(.is-narrow){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.level-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.level-item .subtitle,.level-item .title{margin-bottom:0}@media screen and (max-width:768px){.level-item:not(:last-child){margin-bottom:.75rem}}.level-left,.level-right{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.level-left .level-item.is-flexible,.level-right .level-item.is-flexible{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width:769px),print{.level-left .level-item:not(:last-child),.level-right .level-item:not(:last-child){margin-right:.75rem}}.level-left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (max-width:768px){.level-left+.level-right{margin-top:1.5rem}}@media screen and (min-width:769px),print{.level-left{display:-webkit-box;display:-ms-flexbox;display:flex}}.level-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media screen and (min-width:769px),print{.level-right{display:-webkit-box;display:-ms-flexbox;display:flex}}.media{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:inherit}.media .content:not(:last-child){margin-bottom:.75rem}.media .media{border-top:1px solid rgba(219,219,219,.5);display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:.75rem}.media .media .content:not(:last-child),.media .media .control:not(:last-child){margin-bottom:.5rem}.media .media .media{padding-top:.5rem}.media .media .media+.media{margin-top:.5rem}.media+.media{border-top:1px solid rgba(219,219,219,.5);margin-top:1rem;padding-top:1rem}.media.is-large+.media{margin-top:1.5rem;padding-top:1.5rem}.media-left,.media-right{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.media-left{margin-right:1rem}.media-right{margin-left:1rem}.media-content{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-align:inherit}@media screen and (max-width:768px){.media-content{overflow-x:auto}}.menu{font-size:1rem}.menu.is-small{font-size:.75rem}.menu.is-medium{font-size:1.25rem}.menu.is-large{font-size:1.5rem}.menu-list{line-height:1.25}.menu-list a{border-radius:2px;color:#4a4a4a;display:block;padding:.5em .75em}.menu-list a:hover{background-color:#f5f5f5;color:#363636}.menu-list a.is-active{background-color:#3273dc;color:#fff}.menu-list li ul{border-left:1px solid #dbdbdb;margin:.75em;padding-left:.75em}.menu-label{color:#7a7a7a;font-size:.75em;letter-spacing:.1em;text-transform:uppercase}.menu-label:not(:first-child){margin-top:1em}.menu-label:not(:last-child){margin-bottom:1em}.message{background-color:#f5f5f5;border-radius:4px;font-size:1rem}.message strong{color:currentColor}.message a:not(.button):not(.tag):not(.dropdown-item){color:currentColor;text-decoration:underline}.message.is-small{font-size:.75rem}.message.is-medium{font-size:1.25rem}.message.is-large{font-size:1.5rem}.message.is-white{background-color:#fff}.message.is-white .message-header{background-color:#fff;color:#0a0a0a}.message.is-white .message-body{border-color:#fff}.message.is-black{background-color:#fafafa}.message.is-black .message-header{background-color:#0a0a0a;color:#fff}.message.is-black .message-body{border-color:#0a0a0a}.message.is-light{background-color:#fafafa}.message.is-light .message-header{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.message.is-light .message-body{border-color:#f5f5f5}.message.is-dark{background-color:#fafafa}.message.is-dark .message-header{background-color:#363636;color:#fff}.message.is-dark .message-body{border-color:#363636}.message.is-primary{background-color:#ebfffc}.message.is-primary .message-header{background-color:#00d1b2;color:#fff}.message.is-primary .message-body{border-color:#00d1b2;color:#00947e}.message.is-link{background-color:#eef3fc}.message.is-link .message-header{background-color:#3273dc;color:#fff}.message.is-link .message-body{border-color:#3273dc;color:#2160c4}.message.is-info{background-color:#eef6fc}.message.is-info .message-header{background-color:#3298dc;color:#fff}.message.is-info .message-body{border-color:#3298dc;color:#1d72aa}.message.is-success{background-color:#effaf3}.message.is-success .message-header{background-color:#48c774;color:#fff}.message.is-success .message-body{border-color:#48c774;color:#257942}.message.is-warning{background-color:#fffbeb}.message.is-warning .message-header{background-color:#ffdd57;color:rgba(0,0,0,.7)}.message.is-warning .message-body{border-color:#ffdd57;color:#947600}.message.is-danger{background-color:#feecf0}.message.is-danger .message-header{background-color:#f14668;color:#fff}.message.is-danger .message-body{border-color:#f14668;color:#cc0f35}.message-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#4a4a4a;border-radius:4px 4px 0 0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.25;padding:.75em 1em;position:relative}.message-header .delete{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-left:.75em}.message-header+.message-body{border-width:0;border-top-left-radius:0;border-top-right-radius:0}.message-body{border-color:#dbdbdb;border-radius:4px;border-style:solid;border-width:0 0 0 4px;color:#4a4a4a;padding:1.25em 1.5em}.message-body code,.message-body pre{background-color:#fff}.message-body pre code{background-color:transparent}.modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:fixed;z-index:40}.modal.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}.modal-background{background-color:rgba(10,10,10,.86)}.modal-card,.modal-content{margin:0 20px;max-height:calc(100vh - 160px);overflow:auto;position:relative;width:100%}@media screen and (min-width:769px){.modal-card,.modal-content{margin:0 auto;max-height:calc(100vh - 40px);width:640px}}.modal-close{background:0 0;height:40px;position:fixed;right:20px;top:20px;width:40px}.modal-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;-ms-overflow-y:visible}.modal-card-foot,.modal-card-head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:20px;position:relative}.modal-card-head{border-bottom:1px solid #dbdbdb;border-top-left-radius:6px;border-top-right-radius:6px}.modal-card-title{color:#363636;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;font-size:1.5rem;line-height:1}.modal-card-foot{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:1px solid #dbdbdb}.modal-card-foot .button:not(:last-child){margin-right:.5em}.modal-card-body{-webkit-overflow-scrolling:touch;background-color:#fff;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;overflow:auto;padding:20px}.navbar{background-color:#fff;min-height:3.25rem;position:relative;z-index:30}.navbar.is-white{background-color:#fff;color:#0a0a0a}.navbar.is-white .navbar-brand .navbar-link,.navbar.is-white .navbar-brand>.navbar-item{color:#0a0a0a}.navbar.is-white .navbar-brand .navbar-link.is-active,.navbar.is-white .navbar-brand .navbar-link:focus,.navbar.is-white .navbar-brand .navbar-link:hover,.navbar.is-white .navbar-brand>a.navbar-item.is-active,.navbar.is-white .navbar-brand>a.navbar-item:focus,.navbar.is-white .navbar-brand>a.navbar-item:hover{background-color:#f2f2f2;color:#0a0a0a}.navbar.is-white .navbar-brand .navbar-link::after{border-color:#0a0a0a}.navbar.is-white .navbar-burger{color:#0a0a0a}@media screen and (min-width:1024px){.navbar.is-white .navbar-end .navbar-link,.navbar.is-white .navbar-end>.navbar-item,.navbar.is-white .navbar-start .navbar-link,.navbar.is-white .navbar-start>.navbar-item{color:#0a0a0a}.navbar.is-white .navbar-end .navbar-link.is-active,.navbar.is-white .navbar-end .navbar-link:focus,.navbar.is-white .navbar-end .navbar-link:hover,.navbar.is-white .navbar-end>a.navbar-item.is-active,.navbar.is-white .navbar-end>a.navbar-item:focus,.navbar.is-white .navbar-end>a.navbar-item:hover,.navbar.is-white .navbar-start .navbar-link.is-active,.navbar.is-white .navbar-start .navbar-link:focus,.navbar.is-white .navbar-start .navbar-link:hover,.navbar.is-white .navbar-start>a.navbar-item.is-active,.navbar.is-white .navbar-start>a.navbar-item:focus,.navbar.is-white .navbar-start>a.navbar-item:hover{background-color:#f2f2f2;color:#0a0a0a}.navbar.is-white .navbar-end .navbar-link::after,.navbar.is-white .navbar-start .navbar-link::after{border-color:#0a0a0a}.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link{background-color:#f2f2f2;color:#0a0a0a}.navbar.is-white .navbar-dropdown a.navbar-item.is-active{background-color:#fff;color:#0a0a0a}}.navbar.is-black{background-color:#0a0a0a;color:#fff}.navbar.is-black .navbar-brand .navbar-link,.navbar.is-black .navbar-brand>.navbar-item{color:#fff}.navbar.is-black .navbar-brand .navbar-link.is-active,.navbar.is-black .navbar-brand .navbar-link:focus,.navbar.is-black .navbar-brand .navbar-link:hover,.navbar.is-black .navbar-brand>a.navbar-item.is-active,.navbar.is-black .navbar-brand>a.navbar-item:focus,.navbar.is-black .navbar-brand>a.navbar-item:hover{background-color:#000;color:#fff}.navbar.is-black .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-black .navbar-burger{color:#fff}@media screen and (min-width:1024px){.navbar.is-black .navbar-end .navbar-link,.navbar.is-black .navbar-end>.navbar-item,.navbar.is-black .navbar-start .navbar-link,.navbar.is-black .navbar-start>.navbar-item{color:#fff}.navbar.is-black .navbar-end .navbar-link.is-active,.navbar.is-black .navbar-end .navbar-link:focus,.navbar.is-black .navbar-end .navbar-link:hover,.navbar.is-black .navbar-end>a.navbar-item.is-active,.navbar.is-black .navbar-end>a.navbar-item:focus,.navbar.is-black .navbar-end>a.navbar-item:hover,.navbar.is-black .navbar-start .navbar-link.is-active,.navbar.is-black .navbar-start .navbar-link:focus,.navbar.is-black .navbar-start .navbar-link:hover,.navbar.is-black .navbar-start>a.navbar-item.is-active,.navbar.is-black .navbar-start>a.navbar-item:focus,.navbar.is-black .navbar-start>a.navbar-item:hover{background-color:#000;color:#fff}.navbar.is-black .navbar-end .navbar-link::after,.navbar.is-black .navbar-start .navbar-link::after{border-color:#fff}.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link{background-color:#000;color:#fff}.navbar.is-black .navbar-dropdown a.navbar-item.is-active{background-color:#0a0a0a;color:#fff}}.navbar.is-light{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.navbar.is-light .navbar-brand .navbar-link,.navbar.is-light .navbar-brand>.navbar-item{color:rgba(0,0,0,.7)}.navbar.is-light .navbar-brand .navbar-link.is-active,.navbar.is-light .navbar-brand .navbar-link:focus,.navbar.is-light .navbar-brand .navbar-link:hover,.navbar.is-light .navbar-brand>a.navbar-item.is-active,.navbar.is-light .navbar-brand>a.navbar-item:focus,.navbar.is-light .navbar-brand>a.navbar-item:hover{background-color:#e8e8e8;color:rgba(0,0,0,.7)}.navbar.is-light .navbar-brand .navbar-link::after{border-color:rgba(0,0,0,.7)}.navbar.is-light .navbar-burger{color:rgba(0,0,0,.7)}@media screen and (min-width:1024px){.navbar.is-light .navbar-end .navbar-link,.navbar.is-light .navbar-end>.navbar-item,.navbar.is-light .navbar-start .navbar-link,.navbar.is-light .navbar-start>.navbar-item{color:rgba(0,0,0,.7)}.navbar.is-light .navbar-end .navbar-link.is-active,.navbar.is-light .navbar-end .navbar-link:focus,.navbar.is-light .navbar-end .navbar-link:hover,.navbar.is-light .navbar-end>a.navbar-item.is-active,.navbar.is-light .navbar-end>a.navbar-item:focus,.navbar.is-light .navbar-end>a.navbar-item:hover,.navbar.is-light .navbar-start .navbar-link.is-active,.navbar.is-light .navbar-start .navbar-link:focus,.navbar.is-light .navbar-start .navbar-link:hover,.navbar.is-light .navbar-start>a.navbar-item.is-active,.navbar.is-light .navbar-start>a.navbar-item:focus,.navbar.is-light .navbar-start>a.navbar-item:hover{background-color:#e8e8e8;color:rgba(0,0,0,.7)}.navbar.is-light .navbar-end .navbar-link::after,.navbar.is-light .navbar-start .navbar-link::after{border-color:rgba(0,0,0,.7)}.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link{background-color:#e8e8e8;color:rgba(0,0,0,.7)}.navbar.is-light .navbar-dropdown a.navbar-item.is-active{background-color:#f5f5f5;color:rgba(0,0,0,.7)}}.navbar.is-dark{background-color:#363636;color:#fff}.navbar.is-dark .navbar-brand .navbar-link,.navbar.is-dark .navbar-brand>.navbar-item{color:#fff}.navbar.is-dark .navbar-brand .navbar-link.is-active,.navbar.is-dark .navbar-brand .navbar-link:focus,.navbar.is-dark .navbar-brand .navbar-link:hover,.navbar.is-dark .navbar-brand>a.navbar-item.is-active,.navbar.is-dark .navbar-brand>a.navbar-item:focus,.navbar.is-dark .navbar-brand>a.navbar-item:hover{background-color:#292929;color:#fff}.navbar.is-dark .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-dark .navbar-burger{color:#fff}@media screen and (min-width:1024px){.navbar.is-dark .navbar-end .navbar-link,.navbar.is-dark .navbar-end>.navbar-item,.navbar.is-dark .navbar-start .navbar-link,.navbar.is-dark .navbar-start>.navbar-item{color:#fff}.navbar.is-dark .navbar-end .navbar-link.is-active,.navbar.is-dark .navbar-end .navbar-link:focus,.navbar.is-dark .navbar-end .navbar-link:hover,.navbar.is-dark .navbar-end>a.navbar-item.is-active,.navbar.is-dark .navbar-end>a.navbar-item:focus,.navbar.is-dark .navbar-end>a.navbar-item:hover,.navbar.is-dark .navbar-start .navbar-link.is-active,.navbar.is-dark .navbar-start .navbar-link:focus,.navbar.is-dark .navbar-start .navbar-link:hover,.navbar.is-dark .navbar-start>a.navbar-item.is-active,.navbar.is-dark .navbar-start>a.navbar-item:focus,.navbar.is-dark .navbar-start>a.navbar-item:hover{background-color:#292929;color:#fff}.navbar.is-dark .navbar-end .navbar-link::after,.navbar.is-dark .navbar-start .navbar-link::after{border-color:#fff}.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link{background-color:#292929;color:#fff}.navbar.is-dark .navbar-dropdown a.navbar-item.is-active{background-color:#363636;color:#fff}}.navbar.is-primary{background-color:#00d1b2;color:#fff}.navbar.is-primary .navbar-brand .navbar-link,.navbar.is-primary .navbar-brand>.navbar-item{color:#fff}.navbar.is-primary .navbar-brand .navbar-link.is-active,.navbar.is-primary .navbar-brand .navbar-link:focus,.navbar.is-primary .navbar-brand .navbar-link:hover,.navbar.is-primary .navbar-brand>a.navbar-item.is-active,.navbar.is-primary .navbar-brand>a.navbar-item:focus,.navbar.is-primary .navbar-brand>a.navbar-item:hover{background-color:#00b89c;color:#fff}.navbar.is-primary .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-primary .navbar-burger{color:#fff}@media screen and (min-width:1024px){.navbar.is-primary .navbar-end .navbar-link,.navbar.is-primary .navbar-end>.navbar-item,.navbar.is-primary .navbar-start .navbar-link,.navbar.is-primary .navbar-start>.navbar-item{color:#fff}.navbar.is-primary .navbar-end .navbar-link.is-active,.navbar.is-primary .navbar-end .navbar-link:focus,.navbar.is-primary .navbar-end .navbar-link:hover,.navbar.is-primary .navbar-end>a.navbar-item.is-active,.navbar.is-primary .navbar-end>a.navbar-item:focus,.navbar.is-primary .navbar-end>a.navbar-item:hover,.navbar.is-primary .navbar-start .navbar-link.is-active,.navbar.is-primary .navbar-start .navbar-link:focus,.navbar.is-primary .navbar-start .navbar-link:hover,.navbar.is-primary .navbar-start>a.navbar-item.is-active,.navbar.is-primary .navbar-start>a.navbar-item:focus,.navbar.is-primary .navbar-start>a.navbar-item:hover{background-color:#00b89c;color:#fff}.navbar.is-primary .navbar-end .navbar-link::after,.navbar.is-primary .navbar-start .navbar-link::after{border-color:#fff}.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link{background-color:#00b89c;color:#fff}.navbar.is-primary .navbar-dropdown a.navbar-item.is-active{background-color:#00d1b2;color:#fff}}.navbar.is-link{background-color:#3273dc;color:#fff}.navbar.is-link .navbar-brand .navbar-link,.navbar.is-link .navbar-brand>.navbar-item{color:#fff}.navbar.is-link .navbar-brand .navbar-link.is-active,.navbar.is-link .navbar-brand .navbar-link:focus,.navbar.is-link .navbar-brand .navbar-link:hover,.navbar.is-link .navbar-brand>a.navbar-item.is-active,.navbar.is-link .navbar-brand>a.navbar-item:focus,.navbar.is-link .navbar-brand>a.navbar-item:hover{background-color:#2366d1;color:#fff}.navbar.is-link .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-link .navbar-burger{color:#fff}@media screen and (min-width:1024px){.navbar.is-link .navbar-end .navbar-link,.navbar.is-link .navbar-end>.navbar-item,.navbar.is-link .navbar-start .navbar-link,.navbar.is-link .navbar-start>.navbar-item{color:#fff}.navbar.is-link .navbar-end .navbar-link.is-active,.navbar.is-link .navbar-end .navbar-link:focus,.navbar.is-link .navbar-end .navbar-link:hover,.navbar.is-link .navbar-end>a.navbar-item.is-active,.navbar.is-link .navbar-end>a.navbar-item:focus,.navbar.is-link .navbar-end>a.navbar-item:hover,.navbar.is-link .navbar-start .navbar-link.is-active,.navbar.is-link .navbar-start .navbar-link:focus,.navbar.is-link .navbar-start .navbar-link:hover,.navbar.is-link .navbar-start>a.navbar-item.is-active,.navbar.is-link .navbar-start>a.navbar-item:focus,.navbar.is-link .navbar-start>a.navbar-item:hover{background-color:#2366d1;color:#fff}.navbar.is-link .navbar-end .navbar-link::after,.navbar.is-link .navbar-start .navbar-link::after{border-color:#fff}.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link{background-color:#2366d1;color:#fff}.navbar.is-link .navbar-dropdown a.navbar-item.is-active{background-color:#3273dc;color:#fff}}.navbar.is-info{background-color:#3298dc;color:#fff}.navbar.is-info .navbar-brand .navbar-link,.navbar.is-info .navbar-brand>.navbar-item{color:#fff}.navbar.is-info .navbar-brand .navbar-link.is-active,.navbar.is-info .navbar-brand .navbar-link:focus,.navbar.is-info .navbar-brand .navbar-link:hover,.navbar.is-info .navbar-brand>a.navbar-item.is-active,.navbar.is-info .navbar-brand>a.navbar-item:focus,.navbar.is-info .navbar-brand>a.navbar-item:hover{background-color:#238cd1;color:#fff}.navbar.is-info .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-info .navbar-burger{color:#fff}@media screen and (min-width:1024px){.navbar.is-info .navbar-end .navbar-link,.navbar.is-info .navbar-end>.navbar-item,.navbar.is-info .navbar-start .navbar-link,.navbar.is-info .navbar-start>.navbar-item{color:#fff}.navbar.is-info .navbar-end .navbar-link.is-active,.navbar.is-info .navbar-end .navbar-link:focus,.navbar.is-info .navbar-end .navbar-link:hover,.navbar.is-info .navbar-end>a.navbar-item.is-active,.navbar.is-info .navbar-end>a.navbar-item:focus,.navbar.is-info .navbar-end>a.navbar-item:hover,.navbar.is-info .navbar-start .navbar-link.is-active,.navbar.is-info .navbar-start .navbar-link:focus,.navbar.is-info .navbar-start .navbar-link:hover,.navbar.is-info .navbar-start>a.navbar-item.is-active,.navbar.is-info .navbar-start>a.navbar-item:focus,.navbar.is-info .navbar-start>a.navbar-item:hover{background-color:#238cd1;color:#fff}.navbar.is-info .navbar-end .navbar-link::after,.navbar.is-info .navbar-start .navbar-link::after{border-color:#fff}.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link{background-color:#238cd1;color:#fff}.navbar.is-info .navbar-dropdown a.navbar-item.is-active{background-color:#3298dc;color:#fff}}.navbar.is-success{background-color:#48c774;color:#fff}.navbar.is-success .navbar-brand .navbar-link,.navbar.is-success .navbar-brand>.navbar-item{color:#fff}.navbar.is-success .navbar-brand .navbar-link.is-active,.navbar.is-success .navbar-brand .navbar-link:focus,.navbar.is-success .navbar-brand .navbar-link:hover,.navbar.is-success .navbar-brand>a.navbar-item.is-active,.navbar.is-success .navbar-brand>a.navbar-item:focus,.navbar.is-success .navbar-brand>a.navbar-item:hover{background-color:#3abb67;color:#fff}.navbar.is-success .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-success .navbar-burger{color:#fff}@media screen and (min-width:1024px){.navbar.is-success .navbar-end .navbar-link,.navbar.is-success .navbar-end>.navbar-item,.navbar.is-success .navbar-start .navbar-link,.navbar.is-success .navbar-start>.navbar-item{color:#fff}.navbar.is-success .navbar-end .navbar-link.is-active,.navbar.is-success .navbar-end .navbar-link:focus,.navbar.is-success .navbar-end .navbar-link:hover,.navbar.is-success .navbar-end>a.navbar-item.is-active,.navbar.is-success .navbar-end>a.navbar-item:focus,.navbar.is-success .navbar-end>a.navbar-item:hover,.navbar.is-success .navbar-start .navbar-link.is-active,.navbar.is-success .navbar-start .navbar-link:focus,.navbar.is-success .navbar-start .navbar-link:hover,.navbar.is-success .navbar-start>a.navbar-item.is-active,.navbar.is-success .navbar-start>a.navbar-item:focus,.navbar.is-success .navbar-start>a.navbar-item:hover{background-color:#3abb67;color:#fff}.navbar.is-success .navbar-end .navbar-link::after,.navbar.is-success .navbar-start .navbar-link::after{border-color:#fff}.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link{background-color:#3abb67;color:#fff}.navbar.is-success .navbar-dropdown a.navbar-item.is-active{background-color:#48c774;color:#fff}}.navbar.is-warning{background-color:#ffdd57;color:rgba(0,0,0,.7)}.navbar.is-warning .navbar-brand .navbar-link,.navbar.is-warning .navbar-brand>.navbar-item{color:rgba(0,0,0,.7)}.navbar.is-warning .navbar-brand .navbar-link.is-active,.navbar.is-warning .navbar-brand .navbar-link:focus,.navbar.is-warning .navbar-brand .navbar-link:hover,.navbar.is-warning .navbar-brand>a.navbar-item.is-active,.navbar.is-warning .navbar-brand>a.navbar-item:focus,.navbar.is-warning .navbar-brand>a.navbar-item:hover{background-color:#ffd83d;color:rgba(0,0,0,.7)}.navbar.is-warning .navbar-brand .navbar-link::after{border-color:rgba(0,0,0,.7)}.navbar.is-warning .navbar-burger{color:rgba(0,0,0,.7)}@media screen and (min-width:1024px){.navbar.is-warning .navbar-end .navbar-link,.navbar.is-warning .navbar-end>.navbar-item,.navbar.is-warning .navbar-start .navbar-link,.navbar.is-warning .navbar-start>.navbar-item{color:rgba(0,0,0,.7)}.navbar.is-warning .navbar-end .navbar-link.is-active,.navbar.is-warning .navbar-end .navbar-link:focus,.navbar.is-warning .navbar-end .navbar-link:hover,.navbar.is-warning .navbar-end>a.navbar-item.is-active,.navbar.is-warning .navbar-end>a.navbar-item:focus,.navbar.is-warning .navbar-end>a.navbar-item:hover,.navbar.is-warning .navbar-start .navbar-link.is-active,.navbar.is-warning .navbar-start .navbar-link:focus,.navbar.is-warning .navbar-start .navbar-link:hover,.navbar.is-warning .navbar-start>a.navbar-item.is-active,.navbar.is-warning .navbar-start>a.navbar-item:focus,.navbar.is-warning .navbar-start>a.navbar-item:hover{background-color:#ffd83d;color:rgba(0,0,0,.7)}.navbar.is-warning .navbar-end .navbar-link::after,.navbar.is-warning .navbar-start .navbar-link::after{border-color:rgba(0,0,0,.7)}.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link{background-color:#ffd83d;color:rgba(0,0,0,.7)}.navbar.is-warning .navbar-dropdown a.navbar-item.is-active{background-color:#ffdd57;color:rgba(0,0,0,.7)}}.navbar.is-danger{background-color:#f14668;color:#fff}.navbar.is-danger .navbar-brand .navbar-link,.navbar.is-danger .navbar-brand>.navbar-item{color:#fff}.navbar.is-danger .navbar-brand .navbar-link.is-active,.navbar.is-danger .navbar-brand .navbar-link:focus,.navbar.is-danger .navbar-brand .navbar-link:hover,.navbar.is-danger .navbar-brand>a.navbar-item.is-active,.navbar.is-danger .navbar-brand>a.navbar-item:focus,.navbar.is-danger .navbar-brand>a.navbar-item:hover{background-color:#ef2e55;color:#fff}.navbar.is-danger .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-danger .navbar-burger{color:#fff}@media screen and (min-width:1024px){.navbar.is-danger .navbar-end .navbar-link,.navbar.is-danger .navbar-end>.navbar-item,.navbar.is-danger .navbar-start .navbar-link,.navbar.is-danger .navbar-start>.navbar-item{color:#fff}.navbar.is-danger .navbar-end .navbar-link.is-active,.navbar.is-danger .navbar-end .navbar-link:focus,.navbar.is-danger .navbar-end .navbar-link:hover,.navbar.is-danger .navbar-end>a.navbar-item.is-active,.navbar.is-danger .navbar-end>a.navbar-item:focus,.navbar.is-danger .navbar-end>a.navbar-item:hover,.navbar.is-danger .navbar-start .navbar-link.is-active,.navbar.is-danger .navbar-start .navbar-link:focus,.navbar.is-danger .navbar-start .navbar-link:hover,.navbar.is-danger .navbar-start>a.navbar-item.is-active,.navbar.is-danger .navbar-start>a.navbar-item:focus,.navbar.is-danger .navbar-start>a.navbar-item:hover{background-color:#ef2e55;color:#fff}.navbar.is-danger .navbar-end .navbar-link::after,.navbar.is-danger .navbar-start .navbar-link::after{border-color:#fff}.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link{background-color:#ef2e55;color:#fff}.navbar.is-danger .navbar-dropdown a.navbar-item.is-active{background-color:#f14668;color:#fff}}.navbar>.container{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:3.25rem;width:100%}.navbar.has-shadow{-webkit-box-shadow:0 2px 0 0 #f5f5f5;box-shadow:0 2px 0 0 #f5f5f5}.navbar.is-fixed-bottom,.navbar.is-fixed-top{left:0;position:fixed;right:0;z-index:30}.navbar.is-fixed-bottom{bottom:0}.navbar.is-fixed-bottom.has-shadow{-webkit-box-shadow:0 -2px 0 0 #f5f5f5;box-shadow:0 -2px 0 0 #f5f5f5}.navbar.is-fixed-top{top:0}body.has-navbar-fixed-top,html.has-navbar-fixed-top{padding-top:3.25rem}body.has-navbar-fixed-bottom,html.has-navbar-fixed-bottom{padding-bottom:3.25rem}.navbar-brand,.navbar-tabs{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;min-height:3.25rem}.navbar-brand a.navbar-item:focus,.navbar-brand a.navbar-item:hover{background-color:transparent}.navbar-tabs{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:auto;overflow-y:hidden}.navbar-burger{color:#4a4a4a;cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto}.navbar-burger span{background-color:currentColor;display:block;height:1px;left:calc(50% - 8px);position:absolute;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:background-color,opacity,-webkit-transform;transition-property:background-color,opacity,-webkit-transform;-o-transition-property:background-color,opacity,transform;transition-property:background-color,opacity,transform;transition-property:background-color,opacity,transform,-webkit-transform;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;width:16px}.navbar-burger span:nth-child(1){top:calc(50% - 6px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 4px)}.navbar-burger:hover{background-color:rgba(0,0,0,.05)}.navbar-burger.is-active span:nth-child(1){-webkit-transform:translateY(5px) rotate(45deg);-ms-transform:translateY(5px) rotate(45deg);transform:translateY(5px) rotate(45deg)}.navbar-burger.is-active span:nth-child(2){opacity:0}.navbar-burger.is-active span:nth-child(3){-webkit-transform:translateY(-5px) rotate(-45deg);-ms-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg)}.navbar-menu{display:none}.navbar-item,.navbar-link{color:#4a4a4a;display:block;line-height:1.5;padding:.5rem .75rem;position:relative}.navbar-item .icon:only-child,.navbar-link .icon:only-child{margin-left:-.25rem;margin-right:-.25rem}.navbar-link,a.navbar-item{cursor:pointer}.navbar-link.is-active,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,a.navbar-item.is-active,a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover{background-color:#fafafa;color:#3273dc}.navbar-item{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.navbar-item img{max-height:1.75rem}.navbar-item.has-dropdown{padding:0}.navbar-item.is-expanded{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.navbar-item.is-tab{border-bottom:1px solid transparent;min-height:3.25rem;padding-bottom:calc(.5rem - 1px)}.navbar-item.is-tab:focus,.navbar-item.is-tab:hover{background-color:transparent;border-bottom-color:#3273dc}.navbar-item.is-tab.is-active{background-color:transparent;border-bottom-color:#3273dc;border-bottom-style:solid;border-bottom-width:3px;color:#3273dc;padding-bottom:calc(.5rem - 3px)}.navbar-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.navbar-link:not(.is-arrowless){padding-right:2.5em}.navbar-link:not(.is-arrowless)::after{border-color:#3273dc;margin-top:-.375em;right:1.125em}.navbar-dropdown{font-size:.875rem;padding-bottom:.5rem;padding-top:.5rem}.navbar-dropdown .navbar-item{padding-left:1.5rem;padding-right:1.5rem}.navbar-divider{background-color:#f5f5f5;border:none;display:none;height:2px;margin:.5rem 0}@media screen and (max-width:1023px){.navbar>.container{display:block}.navbar-brand .navbar-item,.navbar-tabs .navbar-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.navbar-link::after{display:none}.navbar-menu{background-color:#fff;-webkit-box-shadow:0 8px 16px rgba(10,10,10,.1);box-shadow:0 8px 16px rgba(10,10,10,.1);padding:.5rem 0}.navbar-menu.is-active{display:block}.navbar.is-fixed-bottom-touch,.navbar.is-fixed-top-touch{left:0;position:fixed;right:0;z-index:30}.navbar.is-fixed-bottom-touch{bottom:0}.navbar.is-fixed-bottom-touch.has-shadow{-webkit-box-shadow:0 -2px 3px rgba(10,10,10,.1);box-shadow:0 -2px 3px rgba(10,10,10,.1)}.navbar.is-fixed-top-touch{top:0}.navbar.is-fixed-top .navbar-menu,.navbar.is-fixed-top-touch .navbar-menu{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 3.25rem);overflow:auto}body.has-navbar-fixed-top-touch,html.has-navbar-fixed-top-touch{padding-top:3.25rem}body.has-navbar-fixed-bottom-touch,html.has-navbar-fixed-bottom-touch{padding-bottom:3.25rem}}@media screen and (min-width:1024px){.navbar,.navbar-end,.navbar-menu,.navbar-start{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}.navbar{min-height:3.25rem}.navbar.is-spaced{padding:1rem 2rem}.navbar.is-spaced .navbar-end,.navbar.is-spaced .navbar-start{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar.is-spaced .navbar-link,.navbar.is-spaced a.navbar-item{border-radius:4px}.navbar.is-transparent .navbar-link.is-active,.navbar.is-transparent .navbar-link:focus,.navbar.is-transparent .navbar-link:hover,.navbar.is-transparent a.navbar-item.is-active,.navbar.is-transparent a.navbar-item:focus,.navbar.is-transparent a.navbar-item:hover{background-color:transparent!important}.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link{background-color:transparent!important}.navbar.is-transparent .navbar-dropdown a.navbar-item:focus,.navbar.is-transparent .navbar-dropdown a.navbar-item:hover{background-color:#f5f5f5;color:#0a0a0a}.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active{background-color:#f5f5f5;color:#3273dc}.navbar-burger{display:none}.navbar-item,.navbar-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.navbar-item.has-dropdown{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.navbar-item.has-dropdown-up .navbar-link::after{-webkit-transform:rotate(135deg) translate(.25em,-.25em);-ms-transform:rotate(135deg) translate(.25em,-.25em);transform:rotate(135deg) translate(.25em,-.25em)}.navbar-item.has-dropdown-up .navbar-dropdown{border-bottom:2px solid #dbdbdb;border-radius:6px 6px 0 0;border-top:none;bottom:100%;-webkit-box-shadow:0 -8px 8px rgba(10,10,10,.1);box-shadow:0 -8px 8px rgba(10,10,10,.1);top:auto}.navbar-item.is-active .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown{display:block}.navbar-item.is-active .navbar-dropdown.is-boxed,.navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-active .navbar-dropdown,.navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.navbar-menu{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.navbar-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:auto}.navbar-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-left:auto}.navbar-dropdown{background-color:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:2px solid #dbdbdb;-webkit-box-shadow:0 8px 8px rgba(10,10,10,.1);box-shadow:0 8px 8px rgba(10,10,10,.1);display:none;font-size:.875rem;left:0;min-width:100%;position:absolute;top:100%;z-index:20}.navbar-dropdown .navbar-item{padding:.375rem 1rem;white-space:nowrap}.navbar-dropdown a.navbar-item{padding-right:3rem}.navbar-dropdown a.navbar-item:focus,.navbar-dropdown a.navbar-item:hover{background-color:#f5f5f5;color:#0a0a0a}.navbar-dropdown a.navbar-item.is-active{background-color:#f5f5f5;color:#3273dc}.navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-dropdown{border-radius:6px;border-top:none;-webkit-box-shadow:0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);box-shadow:0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);display:block;opacity:0;pointer-events:none;top:calc(100% + (-4px));-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.navbar-dropdown.is-right{left:auto;right:0}.navbar-divider{display:block}.container>.navbar .navbar-brand,.navbar>.container .navbar-brand{margin-left:-.75rem}.container>.navbar .navbar-menu,.navbar>.container .navbar-menu{margin-right:-.75rem}.navbar.is-fixed-bottom-desktop,.navbar.is-fixed-top-desktop{left:0;position:fixed;right:0;z-index:30}.navbar.is-fixed-bottom-desktop{bottom:0}.navbar.is-fixed-bottom-desktop.has-shadow{-webkit-box-shadow:0 -2px 3px rgba(10,10,10,.1);box-shadow:0 -2px 3px rgba(10,10,10,.1)}.navbar.is-fixed-top-desktop{top:0}body.has-navbar-fixed-top-desktop,html.has-navbar-fixed-top-desktop{padding-top:3.25rem}body.has-navbar-fixed-bottom-desktop,html.has-navbar-fixed-bottom-desktop{padding-bottom:3.25rem}body.has-spaced-navbar-fixed-top,html.has-spaced-navbar-fixed-top{padding-top:5.25rem}body.has-spaced-navbar-fixed-bottom,html.has-spaced-navbar-fixed-bottom{padding-bottom:5.25rem}.navbar-link.is-active,a.navbar-item.is-active{color:#0a0a0a}.navbar-link.is-active:not(:focus):not(:hover),a.navbar-item.is-active:not(:focus):not(:hover){background-color:transparent}.navbar-item.has-dropdown.is-active .navbar-link,.navbar-item.has-dropdown:focus .navbar-link,.navbar-item.has-dropdown:hover .navbar-link{background-color:#fafafa}}.hero.is-fullheight-with-navbar{min-height:calc(100vh - 3.25rem)}.pagination{font-size:1rem;margin:-.25rem}.pagination.is-small{font-size:.75rem}.pagination.is-medium{font-size:1.25rem}.pagination.is-large{font-size:1.5rem}.pagination.is-rounded .pagination-next,.pagination.is-rounded .pagination-previous{padding-left:1em;padding-right:1em;border-radius:290486px}.pagination.is-rounded .pagination-link{border-radius:290486px}.pagination,.pagination-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.pagination-ellipsis,.pagination-link,.pagination-next,.pagination-previous{font-size:1em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:.25rem;padding-left:.5em;padding-right:.5em;text-align:center}.pagination-link,.pagination-next,.pagination-previous{border-color:#dbdbdb;color:#363636;min-width:2.5em}.pagination-link:hover,.pagination-next:hover,.pagination-previous:hover{border-color:#b5b5b5;color:#363636}.pagination-link:focus,.pagination-next:focus,.pagination-previous:focus{border-color:#3273dc}.pagination-link:active,.pagination-next:active,.pagination-previous:active{-webkit-box-shadow:inset 0 1px 2px rgba(10,10,10,.2);box-shadow:inset 0 1px 2px rgba(10,10,10,.2)}.pagination-link[disabled],.pagination-next[disabled],.pagination-previous[disabled]{background-color:#dbdbdb;border-color:#dbdbdb;-webkit-box-shadow:none;box-shadow:none;color:#7a7a7a;opacity:.5}.pagination-next,.pagination-previous{padding-left:.75em;padding-right:.75em;white-space:nowrap}.pagination-link.is-current{background-color:#3273dc;border-color:#3273dc;color:#fff}.pagination-ellipsis{color:#b5b5b5;pointer-events:none}.pagination-list{-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:768px){.pagination{-ms-flex-wrap:wrap;flex-wrap:wrap}.pagination-next,.pagination-previous{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.pagination-list li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}}@media screen and (min-width:769px),print{.pagination-list{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.pagination-previous{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.pagination-next{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.pagination{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pagination.is-centered .pagination-previous{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.pagination.is-centered .pagination-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.pagination.is-centered .pagination-next{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.pagination.is-right .pagination-previous{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.pagination.is-right .pagination-next{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.pagination.is-right .pagination-list{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}.panel{border-radius:6px;-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);font-size:1rem}.panel:not(:last-child){margin-bottom:1.5rem}.panel.is-white .panel-heading{background-color:#fff;color:#0a0a0a}.panel.is-white .panel-tabs a.is-active{border-bottom-color:#fff}.panel.is-white .panel-block.is-active .panel-icon{color:#fff}.panel.is-black .panel-heading{background-color:#0a0a0a;color:#fff}.panel.is-black .panel-tabs a.is-active{border-bottom-color:#0a0a0a}.panel.is-black .panel-block.is-active .panel-icon{color:#0a0a0a}.panel.is-light .panel-heading{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.panel.is-light .panel-tabs a.is-active{border-bottom-color:#f5f5f5}.panel.is-light .panel-block.is-active .panel-icon{color:#f5f5f5}.panel.is-dark .panel-heading{background-color:#363636;color:#fff}.panel.is-dark .panel-tabs a.is-active{border-bottom-color:#363636}.panel.is-dark .panel-block.is-active .panel-icon{color:#363636}.panel.is-primary .panel-heading{background-color:#00d1b2;color:#fff}.panel.is-primary .panel-tabs a.is-active{border-bottom-color:#00d1b2}.panel.is-primary .panel-block.is-active .panel-icon{color:#00d1b2}.panel.is-link .panel-heading{background-color:#3273dc;color:#fff}.panel.is-link .panel-tabs a.is-active{border-bottom-color:#3273dc}.panel.is-link .panel-block.is-active .panel-icon{color:#3273dc}.panel.is-info .panel-heading{background-color:#3298dc;color:#fff}.panel.is-info .panel-tabs a.is-active{border-bottom-color:#3298dc}.panel.is-info .panel-block.is-active .panel-icon{color:#3298dc}.panel.is-success .panel-heading{background-color:#48c774;color:#fff}.panel.is-success .panel-tabs a.is-active{border-bottom-color:#48c774}.panel.is-success .panel-block.is-active .panel-icon{color:#48c774}.panel.is-warning .panel-heading{background-color:#ffdd57;color:rgba(0,0,0,.7)}.panel.is-warning .panel-tabs a.is-active{border-bottom-color:#ffdd57}.panel.is-warning .panel-block.is-active .panel-icon{color:#ffdd57}.panel.is-danger .panel-heading{background-color:#f14668;color:#fff}.panel.is-danger .panel-tabs a.is-active{border-bottom-color:#f14668}.panel.is-danger .panel-block.is-active .panel-icon{color:#f14668}.panel-block:not(:last-child),.panel-tabs:not(:last-child){border-bottom:1px solid #ededed}.panel-heading{background-color:#ededed;border-radius:6px 6px 0 0;color:#363636;font-size:1.25em;font-weight:700;line-height:1.25;padding:.75em 1em}.panel-tabs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.875em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.panel-tabs a{border-bottom:1px solid #dbdbdb;margin-bottom:-1px;padding:.5em}.panel-tabs a.is-active{border-bottom-color:#4a4a4a;color:#363636}.panel-list a{color:#4a4a4a}.panel-list a:hover{color:#3273dc}.panel-block{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#363636;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.5em .75em}.panel-block input[type=checkbox]{margin-right:.75em}.panel-block>.control{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;width:100%}.panel-block.is-wrapped{-ms-flex-wrap:wrap;flex-wrap:wrap}.panel-block.is-active{border-left-color:#3273dc;color:#363636}.panel-block.is-active .panel-icon{color:#3273dc}.panel-block:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}a.panel-block,label.panel-block{cursor:pointer}a.panel-block:hover,label.panel-block:hover{background-color:#f5f5f5}.panel-icon{display:inline-block;font-size:14px;height:1em;line-height:1em;text-align:center;vertical-align:top;width:1em;color:#7a7a7a;margin-right:.75em}.panel-icon .fa{font-size:inherit;line-height:inherit}.tabs{-webkit-overflow-scrolling:touch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap}.tabs a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;color:#4a4a4a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:-1px;padding:.5em 1em;vertical-align:top}.tabs a:hover{border-bottom-color:#363636;color:#363636}.tabs li{display:block}.tabs li.is-active a{border-bottom-color:#3273dc;color:#3273dc}.tabs ul{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tabs ul.is-left{padding-right:.75em}.tabs ul.is-center{-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:.75em;padding-right:.75em}.tabs ul.is-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:.75em}.tabs .icon:first-child{margin-right:.5em}.tabs .icon:last-child{margin-left:.5em}.tabs.is-centered ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tabs.is-right ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tabs.is-boxed a{border:1px solid transparent;border-radius:4px 4px 0 0}.tabs.is-boxed a:hover{background-color:#f5f5f5;border-bottom-color:#dbdbdb}.tabs.is-boxed li.is-active a{background-color:#fff;border-color:#dbdbdb;border-bottom-color:transparent!important}.tabs.is-fullwidth li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.tabs.is-toggle a{border-color:#dbdbdb;border-style:solid;border-width:1px;margin-bottom:0;position:relative}.tabs.is-toggle a:hover{background-color:#f5f5f5;border-color:#b5b5b5;z-index:2}.tabs.is-toggle li+li{margin-left:-1px}.tabs.is-toggle li:first-child a{border-top-left-radius:4px;border-bottom-left-radius:4px}.tabs.is-toggle li:last-child a{border-top-right-radius:4px;border-bottom-right-radius:4px}.tabs.is-toggle li.is-active a{background-color:#3273dc;border-color:#3273dc;color:#fff;z-index:1}.tabs.is-toggle ul{border-bottom:none}.tabs.is-toggle.is-toggle-rounded li:first-child a{border-bottom-left-radius:290486px;border-top-left-radius:290486px;padding-left:1.25em}.tabs.is-toggle.is-toggle-rounded li:last-child a{border-bottom-right-radius:290486px;border-top-right-radius:290486px;padding-right:1.25em}.tabs.is-small{font-size:.75rem}.tabs.is-medium{font-size:1.25rem}.tabs.is-large{font-size:1.5rem}.column{display:block;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;padding:.75rem}.columns.is-mobile>.column.is-narrow{-webkit-box-flex:0;-ms-flex:none;flex:none}.columns.is-mobile>.column.is-full{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.columns.is-mobile>.column.is-one-third{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{-webkit-box-flex:0;-ms-flex:none;flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{-webkit-box-flex:0;-ms-flex:none;flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{-webkit-box-flex:0;-ms-flex:none;flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{-webkit-box-flex:0;-ms-flex:none;flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-left:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-left:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-left:50%}.columns.is-mobile>.column.is-offset-one-third{margin-left:33.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-left:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-left:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-left:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-left:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-left:80%}.columns.is-mobile>.column.is-0{-webkit-box-flex:0;-ms-flex:none;flex:none;width:0%}.columns.is-mobile>.column.is-offset-0{margin-left:0}.columns.is-mobile>.column.is-1{-webkit-box-flex:0;-ms-flex:none;flex:none;width:8.33333%}.columns.is-mobile>.column.is-offset-1{margin-left:8.33333%}.columns.is-mobile>.column.is-2{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16.66667%}.columns.is-mobile>.column.is-offset-2{margin-left:16.66667%}.columns.is-mobile>.column.is-3{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-left:25%}.columns.is-mobile>.column.is-4{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.33333%}.columns.is-mobile>.column.is-offset-4{margin-left:33.33333%}.columns.is-mobile>.column.is-5{-webkit-box-flex:0;-ms-flex:none;flex:none;width:41.66667%}.columns.is-mobile>.column.is-offset-5{margin-left:41.66667%}.columns.is-mobile>.column.is-6{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-left:50%}.columns.is-mobile>.column.is-7{-webkit-box-flex:0;-ms-flex:none;flex:none;width:58.33333%}.columns.is-mobile>.column.is-offset-7{margin-left:58.33333%}.columns.is-mobile>.column.is-8{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.66667%}.columns.is-mobile>.column.is-offset-8{margin-left:66.66667%}.columns.is-mobile>.column.is-9{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-left:75%}.columns.is-mobile>.column.is-10{-webkit-box-flex:0;-ms-flex:none;flex:none;width:83.33333%}.columns.is-mobile>.column.is-offset-10{margin-left:83.33333%}.columns.is-mobile>.column.is-11{-webkit-box-flex:0;-ms-flex:none;flex:none;width:91.66667%}.columns.is-mobile>.column.is-offset-11{margin-left:91.66667%}.columns.is-mobile>.column.is-12{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-left:100%}@media screen and (max-width:768px){.column.is-narrow-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none}.column.is-full-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-three-quarters-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-two-thirds-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.6666%}.column.is-half-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-one-third-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.3333%}.column.is-one-quarter-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-one-fifth-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:20%}.column.is-two-fifths-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:40%}.column.is-three-fifths-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:60%}.column.is-four-fifths-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-left:75%}.column.is-offset-two-thirds-mobile{margin-left:66.6666%}.column.is-offset-half-mobile{margin-left:50%}.column.is-offset-one-third-mobile{margin-left:33.3333%}.column.is-offset-one-quarter-mobile{margin-left:25%}.column.is-offset-one-fifth-mobile{margin-left:20%}.column.is-offset-two-fifths-mobile{margin-left:40%}.column.is-offset-three-fifths-mobile{margin-left:60%}.column.is-offset-four-fifths-mobile{margin-left:80%}.column.is-0-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:0%}.column.is-offset-0-mobile{margin-left:0}.column.is-1-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:8.33333%}.column.is-offset-1-mobile{margin-left:8.33333%}.column.is-2-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16.66667%}.column.is-offset-2-mobile{margin-left:16.66667%}.column.is-3-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-offset-3-mobile{margin-left:25%}.column.is-4-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.33333%}.column.is-offset-4-mobile{margin-left:33.33333%}.column.is-5-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:41.66667%}.column.is-offset-5-mobile{margin-left:41.66667%}.column.is-6-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-offset-6-mobile{margin-left:50%}.column.is-7-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:58.33333%}.column.is-offset-7-mobile{margin-left:58.33333%}.column.is-8-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.66667%}.column.is-offset-8-mobile{margin-left:66.66667%}.column.is-9-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-offset-9-mobile{margin-left:75%}.column.is-10-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:83.33333%}.column.is-offset-10-mobile{margin-left:83.33333%}.column.is-11-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:91.66667%}.column.is-offset-11-mobile{margin-left:91.66667%}.column.is-12-mobile{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-offset-12-mobile{margin-left:100%}}@media screen and (min-width:769px),print{.column.is-narrow,.column.is-narrow-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none}.column.is-full,.column.is-full-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-left:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-left:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-left:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-left:33.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-left:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-left:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-left:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-left:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-left:80%}.column.is-0,.column.is-0-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:0%}.column.is-offset-0,.column.is-offset-0-tablet{margin-left:0}.column.is-1,.column.is-1-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:8.33333%}.column.is-offset-1,.column.is-offset-1-tablet{margin-left:8.33333%}.column.is-2,.column.is-2-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16.66667%}.column.is-offset-2,.column.is-offset-2-tablet{margin-left:16.66667%}.column.is-3,.column.is-3-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-left:25%}.column.is-4,.column.is-4-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.33333%}.column.is-offset-4,.column.is-offset-4-tablet{margin-left:33.33333%}.column.is-5,.column.is-5-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:41.66667%}.column.is-offset-5,.column.is-offset-5-tablet{margin-left:41.66667%}.column.is-6,.column.is-6-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-left:50%}.column.is-7,.column.is-7-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:58.33333%}.column.is-offset-7,.column.is-offset-7-tablet{margin-left:58.33333%}.column.is-8,.column.is-8-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.66667%}.column.is-offset-8,.column.is-offset-8-tablet{margin-left:66.66667%}.column.is-9,.column.is-9-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-left:75%}.column.is-10,.column.is-10-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:83.33333%}.column.is-offset-10,.column.is-offset-10-tablet{margin-left:83.33333%}.column.is-11,.column.is-11-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:91.66667%}.column.is-offset-11,.column.is-offset-11-tablet{margin-left:91.66667%}.column.is-12,.column.is-12-tablet{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-left:100%}}@media screen and (max-width:1023px){.column.is-narrow-touch{-webkit-box-flex:0;-ms-flex:none;flex:none}.column.is-full-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-three-quarters-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-two-thirds-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.6666%}.column.is-half-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-one-third-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.3333%}.column.is-one-quarter-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-one-fifth-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:20%}.column.is-two-fifths-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:40%}.column.is-three-fifths-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:60%}.column.is-four-fifths-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-left:75%}.column.is-offset-two-thirds-touch{margin-left:66.6666%}.column.is-offset-half-touch{margin-left:50%}.column.is-offset-one-third-touch{margin-left:33.3333%}.column.is-offset-one-quarter-touch{margin-left:25%}.column.is-offset-one-fifth-touch{margin-left:20%}.column.is-offset-two-fifths-touch{margin-left:40%}.column.is-offset-three-fifths-touch{margin-left:60%}.column.is-offset-four-fifths-touch{margin-left:80%}.column.is-0-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:0%}.column.is-offset-0-touch{margin-left:0}.column.is-1-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:8.33333%}.column.is-offset-1-touch{margin-left:8.33333%}.column.is-2-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16.66667%}.column.is-offset-2-touch{margin-left:16.66667%}.column.is-3-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-offset-3-touch{margin-left:25%}.column.is-4-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.33333%}.column.is-offset-4-touch{margin-left:33.33333%}.column.is-5-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:41.66667%}.column.is-offset-5-touch{margin-left:41.66667%}.column.is-6-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-offset-6-touch{margin-left:50%}.column.is-7-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:58.33333%}.column.is-offset-7-touch{margin-left:58.33333%}.column.is-8-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.66667%}.column.is-offset-8-touch{margin-left:66.66667%}.column.is-9-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-offset-9-touch{margin-left:75%}.column.is-10-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:83.33333%}.column.is-offset-10-touch{margin-left:83.33333%}.column.is-11-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:91.66667%}.column.is-offset-11-touch{margin-left:91.66667%}.column.is-12-touch{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-offset-12-touch{margin-left:100%}}@media screen and (min-width:1024px){.column.is-narrow-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none}.column.is-full-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-three-quarters-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-two-thirds-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.6666%}.column.is-half-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-one-third-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.3333%}.column.is-one-quarter-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-one-fifth-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:20%}.column.is-two-fifths-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:40%}.column.is-three-fifths-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:60%}.column.is-four-fifths-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-left:75%}.column.is-offset-two-thirds-desktop{margin-left:66.6666%}.column.is-offset-half-desktop{margin-left:50%}.column.is-offset-one-third-desktop{margin-left:33.3333%}.column.is-offset-one-quarter-desktop{margin-left:25%}.column.is-offset-one-fifth-desktop{margin-left:20%}.column.is-offset-two-fifths-desktop{margin-left:40%}.column.is-offset-three-fifths-desktop{margin-left:60%}.column.is-offset-four-fifths-desktop{margin-left:80%}.column.is-0-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:0%}.column.is-offset-0-desktop{margin-left:0}.column.is-1-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:8.33333%}.column.is-offset-1-desktop{margin-left:8.33333%}.column.is-2-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16.66667%}.column.is-offset-2-desktop{margin-left:16.66667%}.column.is-3-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-offset-3-desktop{margin-left:25%}.column.is-4-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.33333%}.column.is-offset-4-desktop{margin-left:33.33333%}.column.is-5-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:41.66667%}.column.is-offset-5-desktop{margin-left:41.66667%}.column.is-6-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-offset-6-desktop{margin-left:50%}.column.is-7-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:58.33333%}.column.is-offset-7-desktop{margin-left:58.33333%}.column.is-8-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.66667%}.column.is-offset-8-desktop{margin-left:66.66667%}.column.is-9-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-offset-9-desktop{margin-left:75%}.column.is-10-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:83.33333%}.column.is-offset-10-desktop{margin-left:83.33333%}.column.is-11-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:91.66667%}.column.is-offset-11-desktop{margin-left:91.66667%}.column.is-12-desktop{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-offset-12-desktop{margin-left:100%}}@media screen and (min-width:1216px){.column.is-narrow-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none}.column.is-full-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-three-quarters-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-two-thirds-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.6666%}.column.is-half-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-one-third-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.3333%}.column.is-one-quarter-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-one-fifth-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:20%}.column.is-two-fifths-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:40%}.column.is-three-fifths-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:60%}.column.is-four-fifths-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-left:75%}.column.is-offset-two-thirds-widescreen{margin-left:66.6666%}.column.is-offset-half-widescreen{margin-left:50%}.column.is-offset-one-third-widescreen{margin-left:33.3333%}.column.is-offset-one-quarter-widescreen{margin-left:25%}.column.is-offset-one-fifth-widescreen{margin-left:20%}.column.is-offset-two-fifths-widescreen{margin-left:40%}.column.is-offset-three-fifths-widescreen{margin-left:60%}.column.is-offset-four-fifths-widescreen{margin-left:80%}.column.is-0-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:0%}.column.is-offset-0-widescreen{margin-left:0}.column.is-1-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:8.33333%}.column.is-offset-1-widescreen{margin-left:8.33333%}.column.is-2-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16.66667%}.column.is-offset-2-widescreen{margin-left:16.66667%}.column.is-3-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-offset-3-widescreen{margin-left:25%}.column.is-4-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.33333%}.column.is-offset-4-widescreen{margin-left:33.33333%}.column.is-5-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:41.66667%}.column.is-offset-5-widescreen{margin-left:41.66667%}.column.is-6-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-offset-6-widescreen{margin-left:50%}.column.is-7-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:58.33333%}.column.is-offset-7-widescreen{margin-left:58.33333%}.column.is-8-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.66667%}.column.is-offset-8-widescreen{margin-left:66.66667%}.column.is-9-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-offset-9-widescreen{margin-left:75%}.column.is-10-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:83.33333%}.column.is-offset-10-widescreen{margin-left:83.33333%}.column.is-11-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:91.66667%}.column.is-offset-11-widescreen{margin-left:91.66667%}.column.is-12-widescreen{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-offset-12-widescreen{margin-left:100%}}@media screen and (min-width:1408px){.column.is-narrow-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none}.column.is-full-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-three-quarters-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-two-thirds-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.6666%}.column.is-half-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-one-third-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.3333%}.column.is-one-quarter-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-one-fifth-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:20%}.column.is-two-fifths-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:40%}.column.is-three-fifths-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:60%}.column.is-four-fifths-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-left:75%}.column.is-offset-two-thirds-fullhd{margin-left:66.6666%}.column.is-offset-half-fullhd{margin-left:50%}.column.is-offset-one-third-fullhd{margin-left:33.3333%}.column.is-offset-one-quarter-fullhd{margin-left:25%}.column.is-offset-one-fifth-fullhd{margin-left:20%}.column.is-offset-two-fifths-fullhd{margin-left:40%}.column.is-offset-three-fifths-fullhd{margin-left:60%}.column.is-offset-four-fifths-fullhd{margin-left:80%}.column.is-0-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:0%}.column.is-offset-0-fullhd{margin-left:0}.column.is-1-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:8.33333%}.column.is-offset-1-fullhd{margin-left:8.33333%}.column.is-2-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16.66667%}.column.is-offset-2-fullhd{margin-left:16.66667%}.column.is-3-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.column.is-offset-3-fullhd{margin-left:25%}.column.is-4-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.33333%}.column.is-offset-4-fullhd{margin-left:33.33333%}.column.is-5-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:41.66667%}.column.is-offset-5-fullhd{margin-left:41.66667%}.column.is-6-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.column.is-offset-6-fullhd{margin-left:50%}.column.is-7-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:58.33333%}.column.is-offset-7-fullhd{margin-left:58.33333%}.column.is-8-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.66667%}.column.is-offset-8-fullhd{margin-left:66.66667%}.column.is-9-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.column.is-offset-9-fullhd{margin-left:75%}.column.is-10-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:83.33333%}.column.is-offset-10-fullhd{margin-left:83.33333%}.column.is-11-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:91.66667%}.column.is-offset-11-fullhd{margin-left:91.66667%}.column.is-12-fullhd{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}.column.is-offset-12-fullhd{margin-left:100%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:calc(1.5rem - .75rem)}.columns.is-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0!important}.columns.is-gapless:not(:last-child){margin-bottom:1.5rem}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:-webkit-box;display:-ms-flexbox;display:flex}.columns.is-multiline{-ms-flex-wrap:wrap;flex-wrap:wrap}.columns.is-vcentered{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:769px),print{.columns:not(.is-desktop){display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width:1024px){.columns.is-desktop{display:-webkit-box;display:-ms-flexbox;display:flex}}.columns.is-variable{--columnGap:0.75rem;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap))}.columns.is-variable .column{padding-left:var(--columnGap);padding-right:var(--columnGap)}.columns.is-variable.is-0{--columnGap:0rem}@media screen and (max-width:768px){.columns.is-variable.is-0-mobile{--columnGap:0rem}}@media screen and (min-width:769px),print{.columns.is-variable.is-0-tablet{--columnGap:0rem}}@media screen and (min-width:769px) and (max-width:1023px){.columns.is-variable.is-0-tablet-only{--columnGap:0rem}}@media screen and (max-width:1023px){.columns.is-variable.is-0-touch{--columnGap:0rem}}@media screen and (min-width:1024px){.columns.is-variable.is-0-desktop{--columnGap:0rem}}@media screen and (min-width:1024px) and (max-width:1215px){.columns.is-variable.is-0-desktop-only{--columnGap:0rem}}@media screen and (min-width:1216px){.columns.is-variable.is-0-widescreen{--columnGap:0rem}}@media screen and (min-width:1216px) and (max-width:1407px){.columns.is-variable.is-0-widescreen-only{--columnGap:0rem}}@media screen and (min-width:1408px){.columns.is-variable.is-0-fullhd{--columnGap:0rem}}.columns.is-variable.is-1{--columnGap:0.25rem}@media screen and (max-width:768px){.columns.is-variable.is-1-mobile{--columnGap:0.25rem}}@media screen and (min-width:769px),print{.columns.is-variable.is-1-tablet{--columnGap:0.25rem}}@media screen and (min-width:769px) and (max-width:1023px){.columns.is-variable.is-1-tablet-only{--columnGap:0.25rem}}@media screen and (max-width:1023px){.columns.is-variable.is-1-touch{--columnGap:0.25rem}}@media screen and (min-width:1024px){.columns.is-variable.is-1-desktop{--columnGap:0.25rem}}@media screen and (min-width:1024px) and (max-width:1215px){.columns.is-variable.is-1-desktop-only{--columnGap:0.25rem}}@media screen and (min-width:1216px){.columns.is-variable.is-1-widescreen{--columnGap:0.25rem}}@media screen and (min-width:1216px) and (max-width:1407px){.columns.is-variable.is-1-widescreen-only{--columnGap:0.25rem}}@media screen and (min-width:1408px){.columns.is-variable.is-1-fullhd{--columnGap:0.25rem}}.columns.is-variable.is-2{--columnGap:0.5rem}@media screen and (max-width:768px){.columns.is-variable.is-2-mobile{--columnGap:0.5rem}}@media screen and (min-width:769px),print{.columns.is-variable.is-2-tablet{--columnGap:0.5rem}}@media screen and (min-width:769px) and (max-width:1023px){.columns.is-variable.is-2-tablet-only{--columnGap:0.5rem}}@media screen and (max-width:1023px){.columns.is-variable.is-2-touch{--columnGap:0.5rem}}@media screen and (min-width:1024px){.columns.is-variable.is-2-desktop{--columnGap:0.5rem}}@media screen and (min-width:1024px) and (max-width:1215px){.columns.is-variable.is-2-desktop-only{--columnGap:0.5rem}}@media screen and (min-width:1216px){.columns.is-variable.is-2-widescreen{--columnGap:0.5rem}}@media screen and (min-width:1216px) and (max-width:1407px){.columns.is-variable.is-2-widescreen-only{--columnGap:0.5rem}}@media screen and (min-width:1408px){.columns.is-variable.is-2-fullhd{--columnGap:0.5rem}}.columns.is-variable.is-3{--columnGap:0.75rem}@media screen and (max-width:768px){.columns.is-variable.is-3-mobile{--columnGap:0.75rem}}@media screen and (min-width:769px),print{.columns.is-variable.is-3-tablet{--columnGap:0.75rem}}@media screen and (min-width:769px) and (max-width:1023px){.columns.is-variable.is-3-tablet-only{--columnGap:0.75rem}}@media screen and (max-width:1023px){.columns.is-variable.is-3-touch{--columnGap:0.75rem}}@media screen and (min-width:1024px){.columns.is-variable.is-3-desktop{--columnGap:0.75rem}}@media screen and (min-width:1024px) and (max-width:1215px){.columns.is-variable.is-3-desktop-only{--columnGap:0.75rem}}@media screen and (min-width:1216px){.columns.is-variable.is-3-widescreen{--columnGap:0.75rem}}@media screen and (min-width:1216px) and (max-width:1407px){.columns.is-variable.is-3-widescreen-only{--columnGap:0.75rem}}@media screen and (min-width:1408px){.columns.is-variable.is-3-fullhd{--columnGap:0.75rem}}.columns.is-variable.is-4{--columnGap:1rem}@media screen and (max-width:768px){.columns.is-variable.is-4-mobile{--columnGap:1rem}}@media screen and (min-width:769px),print{.columns.is-variable.is-4-tablet{--columnGap:1rem}}@media screen and (min-width:769px) and (max-width:1023px){.columns.is-variable.is-4-tablet-only{--columnGap:1rem}}@media screen and (max-width:1023px){.columns.is-variable.is-4-touch{--columnGap:1rem}}@media screen and (min-width:1024px){.columns.is-variable.is-4-desktop{--columnGap:1rem}}@media screen and (min-width:1024px) and (max-width:1215px){.columns.is-variable.is-4-desktop-only{--columnGap:1rem}}@media screen and (min-width:1216px){.columns.is-variable.is-4-widescreen{--columnGap:1rem}}@media screen and (min-width:1216px) and (max-width:1407px){.columns.is-variable.is-4-widescreen-only{--columnGap:1rem}}@media screen and (min-width:1408px){.columns.is-variable.is-4-fullhd{--columnGap:1rem}}.columns.is-variable.is-5{--columnGap:1.25rem}@media screen and (max-width:768px){.columns.is-variable.is-5-mobile{--columnGap:1.25rem}}@media screen and (min-width:769px),print{.columns.is-variable.is-5-tablet{--columnGap:1.25rem}}@media screen and (min-width:769px) and (max-width:1023px){.columns.is-variable.is-5-tablet-only{--columnGap:1.25rem}}@media screen and (max-width:1023px){.columns.is-variable.is-5-touch{--columnGap:1.25rem}}@media screen and (min-width:1024px){.columns.is-variable.is-5-desktop{--columnGap:1.25rem}}@media screen and (min-width:1024px) and (max-width:1215px){.columns.is-variable.is-5-desktop-only{--columnGap:1.25rem}}@media screen and (min-width:1216px){.columns.is-variable.is-5-widescreen{--columnGap:1.25rem}}@media screen and (min-width:1216px) and (max-width:1407px){.columns.is-variable.is-5-widescreen-only{--columnGap:1.25rem}}@media screen and (min-width:1408px){.columns.is-variable.is-5-fullhd{--columnGap:1.25rem}}.columns.is-variable.is-6{--columnGap:1.5rem}@media screen and (max-width:768px){.columns.is-variable.is-6-mobile{--columnGap:1.5rem}}@media screen and (min-width:769px),print{.columns.is-variable.is-6-tablet{--columnGap:1.5rem}}@media screen and (min-width:769px) and (max-width:1023px){.columns.is-variable.is-6-tablet-only{--columnGap:1.5rem}}@media screen and (max-width:1023px){.columns.is-variable.is-6-touch{--columnGap:1.5rem}}@media screen and (min-width:1024px){.columns.is-variable.is-6-desktop{--columnGap:1.5rem}}@media screen and (min-width:1024px) and (max-width:1215px){.columns.is-variable.is-6-desktop-only{--columnGap:1.5rem}}@media screen and (min-width:1216px){.columns.is-variable.is-6-widescreen{--columnGap:1.5rem}}@media screen and (min-width:1216px) and (max-width:1407px){.columns.is-variable.is-6-widescreen-only{--columnGap:1.5rem}}@media screen and (min-width:1408px){.columns.is-variable.is-6-fullhd{--columnGap:1.5rem}}.columns.is-variable.is-7{--columnGap:1.75rem}@media screen and (max-width:768px){.columns.is-variable.is-7-mobile{--columnGap:1.75rem}}@media screen and (min-width:769px),print{.columns.is-variable.is-7-tablet{--columnGap:1.75rem}}@media screen and (min-width:769px) and (max-width:1023px){.columns.is-variable.is-7-tablet-only{--columnGap:1.75rem}}@media screen and (max-width:1023px){.columns.is-variable.is-7-touch{--columnGap:1.75rem}}@media screen and (min-width:1024px){.columns.is-variable.is-7-desktop{--columnGap:1.75rem}}@media screen and (min-width:1024px) and (max-width:1215px){.columns.is-variable.is-7-desktop-only{--columnGap:1.75rem}}@media screen and (min-width:1216px){.columns.is-variable.is-7-widescreen{--columnGap:1.75rem}}@media screen and (min-width:1216px) and (max-width:1407px){.columns.is-variable.is-7-widescreen-only{--columnGap:1.75rem}}@media screen and (min-width:1408px){.columns.is-variable.is-7-fullhd{--columnGap:1.75rem}}.columns.is-variable.is-8{--columnGap:2rem}@media screen and (max-width:768px){.columns.is-variable.is-8-mobile{--columnGap:2rem}}@media screen and (min-width:769px),print{.columns.is-variable.is-8-tablet{--columnGap:2rem}}@media screen and (min-width:769px) and (max-width:1023px){.columns.is-variable.is-8-tablet-only{--columnGap:2rem}}@media screen and (max-width:1023px){.columns.is-variable.is-8-touch{--columnGap:2rem}}@media screen and (min-width:1024px){.columns.is-variable.is-8-desktop{--columnGap:2rem}}@media screen and (min-width:1024px) and (max-width:1215px){.columns.is-variable.is-8-desktop-only{--columnGap:2rem}}@media screen and (min-width:1216px){.columns.is-variable.is-8-widescreen{--columnGap:2rem}}@media screen and (min-width:1216px) and (max-width:1407px){.columns.is-variable.is-8-widescreen-only{--columnGap:2rem}}@media screen and (min-width:1408px){.columns.is-variable.is-8-fullhd{--columnGap:2rem}}.tile{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:block;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content}.tile.is-ancestor{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.tile.is-ancestor:last-child{margin-bottom:-.75rem}.tile.is-ancestor:not(:last-child){margin-bottom:.75rem}.tile.is-child{margin:0!important}.tile.is-parent{padding:.75rem}.tile.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tile.is-vertical>.tile.is-child:not(:last-child){margin-bottom:1.5rem!important}@media screen and (min-width:769px),print{.tile:not(.is-child){display:-webkit-box;display:-ms-flexbox;display:flex}.tile.is-1{-webkit-box-flex:0;-ms-flex:none;flex:none;width:8.33333%}.tile.is-2{-webkit-box-flex:0;-ms-flex:none;flex:none;width:16.66667%}.tile.is-3{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.tile.is-4{-webkit-box-flex:0;-ms-flex:none;flex:none;width:33.33333%}.tile.is-5{-webkit-box-flex:0;-ms-flex:none;flex:none;width:41.66667%}.tile.is-6{-webkit-box-flex:0;-ms-flex:none;flex:none;width:50%}.tile.is-7{-webkit-box-flex:0;-ms-flex:none;flex:none;width:58.33333%}.tile.is-8{-webkit-box-flex:0;-ms-flex:none;flex:none;width:66.66667%}.tile.is-9{-webkit-box-flex:0;-ms-flex:none;flex:none;width:75%}.tile.is-10{-webkit-box-flex:0;-ms-flex:none;flex:none;width:83.33333%}.tile.is-11{-webkit-box-flex:0;-ms-flex:none;flex:none;width:91.66667%}.tile.is-12{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}}.has-text-white{color:#fff!important}a.has-text-white:focus,a.has-text-white:hover{color:#e6e6e6!important}.has-background-white{background-color:#fff!important}.has-text-black{color:#0a0a0a!important}a.has-text-black:focus,a.has-text-black:hover{color:#000!important}.has-background-black{background-color:#0a0a0a!important}.has-text-light{color:#f5f5f5!important}a.has-text-light:focus,a.has-text-light:hover{color:#dbdbdb!important}.has-background-light{background-color:#f5f5f5!important}.has-text-dark{color:#363636!important}a.has-text-dark:focus,a.has-text-dark:hover{color:#1c1c1c!important}.has-background-dark{background-color:#363636!important}.has-text-primary{color:#00d1b2!important}a.has-text-primary:focus,a.has-text-primary:hover{color:#009e86!important}.has-background-primary{background-color:#00d1b2!important}.has-text-primary-light{color:#ebfffc!important}a.has-text-primary-light:focus,a.has-text-primary-light:hover{color:#b8fff4!important}.has-background-primary-light{background-color:#ebfffc!important}.has-text-primary-dark{color:#00947e!important}a.has-text-primary-dark:focus,a.has-text-primary-dark:hover{color:#00c7a9!important}.has-background-primary-dark{background-color:#00947e!important}.has-text-link{color:#3273dc!important}a.has-text-link:focus,a.has-text-link:hover{color:#205bbc!important}.has-background-link{background-color:#3273dc!important}.has-text-link-light{color:#eef3fc!important}a.has-text-link-light:focus,a.has-text-link-light:hover{color:#c2d5f5!important}.has-background-link-light{background-color:#eef3fc!important}.has-text-link-dark{color:#2160c4!important}a.has-text-link-dark:focus,a.has-text-link-dark:hover{color:#3b79de!important}.has-background-link-dark{background-color:#2160c4!important}.has-text-info{color:#3298dc!important}a.has-text-info:focus,a.has-text-info:hover{color:#207dbc!important}.has-background-info{background-color:#3298dc!important}.has-text-info-light{color:#eef6fc!important}a.has-text-info-light:focus,a.has-text-info-light:hover{color:#c2e0f5!important}.has-background-info-light{background-color:#eef6fc!important}.has-text-info-dark{color:#1d72aa!important}a.has-text-info-dark:focus,a.has-text-info-dark:hover{color:#248fd6!important}.has-background-info-dark{background-color:#1d72aa!important}.has-text-success{color:#48c774!important}a.has-text-success:focus,a.has-text-success:hover{color:#34a85c!important}.has-background-success{background-color:#48c774!important}.has-text-success-light{color:#effaf3!important}a.has-text-success-light:focus,a.has-text-success-light:hover{color:#c8eed6!important}.has-background-success-light{background-color:#effaf3!important}.has-text-success-dark{color:#257942!important}a.has-text-success-dark:focus,a.has-text-success-dark:hover{color:#31a058!important}.has-background-success-dark{background-color:#257942!important}.has-text-warning{color:#ffdd57!important}a.has-text-warning:focus,a.has-text-warning:hover{color:#ffd324!important}.has-background-warning{background-color:#ffdd57!important}.has-text-warning-light{color:#fffbeb!important}a.has-text-warning-light:focus,a.has-text-warning-light:hover{color:#fff1b8!important}.has-background-warning-light{background-color:#fffbeb!important}.has-text-warning-dark{color:#947600!important}a.has-text-warning-dark:focus,a.has-text-warning-dark:hover{color:#c79f00!important}.has-background-warning-dark{background-color:#947600!important}.has-text-danger{color:#f14668!important}a.has-text-danger:focus,a.has-text-danger:hover{color:#ee1742!important}.has-background-danger{background-color:#f14668!important}.has-text-danger-light{color:#feecf0!important}a.has-text-danger-light:focus,a.has-text-danger-light:hover{color:#fabdc9!important}.has-background-danger-light{background-color:#feecf0!important}.has-text-danger-dark{color:#cc0f35!important}a.has-text-danger-dark:focus,a.has-text-danger-dark:hover{color:#ee2049!important}.has-background-danger-dark{background-color:#cc0f35!important}.has-text-black-bis{color:#121212!important}.has-background-black-bis{background-color:#121212!important}.has-text-black-ter{color:#242424!important}.has-background-black-ter{background-color:#242424!important}.has-text-grey-darker{color:#363636!important}.has-background-grey-darker{background-color:#363636!important}.has-text-grey-dark{color:#4a4a4a!important}.has-background-grey-dark{background-color:#4a4a4a!important}.has-text-grey{color:#7a7a7a!important}.has-background-grey{background-color:#7a7a7a!important}.has-text-grey-light{color:#b5b5b5!important}.has-background-grey-light{background-color:#b5b5b5!important}.has-text-grey-lighter{color:#dbdbdb!important}.has-background-grey-lighter{background-color:#dbdbdb!important}.has-text-white-ter{color:#f5f5f5!important}.has-background-white-ter{background-color:#f5f5f5!important}.has-text-white-bis{color:#fafafa!important}.has-background-white-bis{background-color:#fafafa!important}.is-flex-direction-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.is-flex-direction-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.is-flex-direction-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.is-flex-direction-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.is-flex-wrap-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.is-flex-wrap-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.is-flex-wrap-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.is-justify-content-flex-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.is-justify-content-flex-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.is-justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.is-justify-content-space-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.is-justify-content-space-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.is-justify-content-space-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.is-justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:start!important}.is-justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:end!important}.is-justify-content-left{-webkit-box-pack:left!important;-ms-flex-pack:left!important;justify-content:left!important}.is-justify-content-right{-webkit-box-pack:right!important;-ms-flex-pack:right!important;justify-content:right!important}.is-align-content-flex-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.is-align-content-flex-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.is-align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.is-align-content-space-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.is-align-content-space-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.is-align-content-space-evenly{-ms-flex-line-pack:space-evenly!important;align-content:space-evenly!important}.is-align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.is-align-content-start{-ms-flex-line-pack:start!important;align-content:start!important}.is-align-content-end{-ms-flex-line-pack:end!important;align-content:end!important}.is-align-content-baseline{-ms-flex-line-pack:baseline!important;align-content:baseline!important}.is-align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.is-align-items-flex-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.is-align-items-flex-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.is-align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.is-align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.is-align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:start!important}.is-align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:end!important}.is-align-items-self-start{-webkit-box-align:self-start!important;-ms-flex-align:self-start!important;align-items:self-start!important}.is-align-items-self-end{-webkit-box-align:self-end!important;-ms-flex-align:self-end!important;align-items:self-end!important}.is-align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.is-align-self-flex-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.is-align-self-flex-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.is-align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.is-align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.is-align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.is-flex-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.is-flex-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.is-flex-grow-2{-webkit-box-flex:2!important;-ms-flex-positive:2!important;flex-grow:2!important}.is-flex-grow-3{-webkit-box-flex:3!important;-ms-flex-positive:3!important;flex-grow:3!important}.is-flex-grow-4{-webkit-box-flex:4!important;-ms-flex-positive:4!important;flex-grow:4!important}.is-flex-grow-5{-webkit-box-flex:5!important;-ms-flex-positive:5!important;flex-grow:5!important}.is-flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.is-flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.is-flex-shrink-2{-ms-flex-negative:2!important;flex-shrink:2!important}.is-flex-shrink-3{-ms-flex-negative:3!important;flex-shrink:3!important}.is-flex-shrink-4{-ms-flex-negative:4!important;flex-shrink:4!important}.is-flex-shrink-5{-ms-flex-negative:5!important;flex-shrink:5!important}.is-clearfix::after{clear:both;content:" ";display:table}.is-pulled-left{float:left!important}.is-pulled-right{float:right!important}.is-radiusless{border-radius:0!important}.is-shadowless{-webkit-box-shadow:none!important;box-shadow:none!important}.is-clickable{cursor:pointer!important}.is-clipped{overflow:hidden!important}.is-relative{position:relative!important}.is-marginless{margin:0!important}.is-paddingless{padding:0!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.m-3{margin:.75rem!important}.mt-3{margin-top:.75rem!important}.mr-3{margin-right:.75rem!important}.mb-3{margin-bottom:.75rem!important}.ml-3{margin-left:.75rem!important}.mx-3{margin-left:.75rem!important;margin-right:.75rem!important}.my-3{margin-top:.75rem!important;margin-bottom:.75rem!important}.m-4{margin:1rem!important}.mt-4{margin-top:1rem!important}.mr-4{margin-right:1rem!important}.mb-4{margin-bottom:1rem!important}.ml-4{margin-left:1rem!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.my-4{margin-top:1rem!important;margin-bottom:1rem!important}.m-5{margin:1.5rem!important}.mt-5{margin-top:1.5rem!important}.mr-5{margin-right:1.5rem!important}.mb-5{margin-bottom:1.5rem!important}.ml-5{margin-left:1.5rem!important}.mx-5{margin-left:1.5rem!important;margin-right:1.5rem!important}.my-5{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-6{margin:3rem!important}.mt-6{margin-top:3rem!important}.mr-6{margin-right:3rem!important}.mb-6{margin-bottom:3rem!important}.ml-6{margin-left:3rem!important}.mx-6{margin-left:3rem!important;margin-right:3rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-3{padding:.75rem!important}.pt-3{padding-top:.75rem!important}.pr-3{padding-right:.75rem!important}.pb-3{padding-bottom:.75rem!important}.pl-3{padding-left:.75rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.p-4{padding:1rem!important}.pt-4{padding-top:1rem!important}.pr-4{padding-right:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4{padding-left:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.p-5{padding:1.5rem!important}.pt-5{padding-top:1.5rem!important}.pr-5{padding-right:1.5rem!important}.pb-5{padding-bottom:1.5rem!important}.pl-5{padding-left:1.5rem!important}.px-5{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-5{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-6{padding:3rem!important}.pt-6{padding-top:3rem!important}.pr-6{padding-right:3rem!important}.pb-6{padding-bottom:3rem!important}.pl-6{padding-left:3rem!important}.px-6{padding-left:3rem!important;padding-right:3rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.is-size-1{font-size:3rem!important}.is-size-2{font-size:2.5rem!important}.is-size-3{font-size:2rem!important}.is-size-4{font-size:1.5rem!important}.is-size-5{font-size:1.25rem!important}.is-size-6{font-size:1rem!important}.is-size-7{font-size:.75rem!important}@media screen and (max-width:768px){.is-size-1-mobile{font-size:3rem!important}.is-size-2-mobile{font-size:2.5rem!important}.is-size-3-mobile{font-size:2rem!important}.is-size-4-mobile{font-size:1.5rem!important}.is-size-5-mobile{font-size:1.25rem!important}.is-size-6-mobile{font-size:1rem!important}.is-size-7-mobile{font-size:.75rem!important}}@media screen and (min-width:769px),print{.is-size-1-tablet{font-size:3rem!important}.is-size-2-tablet{font-size:2.5rem!important}.is-size-3-tablet{font-size:2rem!important}.is-size-4-tablet{font-size:1.5rem!important}.is-size-5-tablet{font-size:1.25rem!important}.is-size-6-tablet{font-size:1rem!important}.is-size-7-tablet{font-size:.75rem!important}}@media screen and (max-width:1023px){.is-size-1-touch{font-size:3rem!important}.is-size-2-touch{font-size:2.5rem!important}.is-size-3-touch{font-size:2rem!important}.is-size-4-touch{font-size:1.5rem!important}.is-size-5-touch{font-size:1.25rem!important}.is-size-6-touch{font-size:1rem!important}.is-size-7-touch{font-size:.75rem!important}}@media screen and (min-width:1024px){.is-size-1-desktop{font-size:3rem!important}.is-size-2-desktop{font-size:2.5rem!important}.is-size-3-desktop{font-size:2rem!important}.is-size-4-desktop{font-size:1.5rem!important}.is-size-5-desktop{font-size:1.25rem!important}.is-size-6-desktop{font-size:1rem!important}.is-size-7-desktop{font-size:.75rem!important}}@media screen and (min-width:1216px){.is-size-1-widescreen{font-size:3rem!important}.is-size-2-widescreen{font-size:2.5rem!important}.is-size-3-widescreen{font-size:2rem!important}.is-size-4-widescreen{font-size:1.5rem!important}.is-size-5-widescreen{font-size:1.25rem!important}.is-size-6-widescreen{font-size:1rem!important}.is-size-7-widescreen{font-size:.75rem!important}}@media screen and (min-width:1408px){.is-size-1-fullhd{font-size:3rem!important}.is-size-2-fullhd{font-size:2.5rem!important}.is-size-3-fullhd{font-size:2rem!important}.is-size-4-fullhd{font-size:1.5rem!important}.is-size-5-fullhd{font-size:1.25rem!important}.is-size-6-fullhd{font-size:1rem!important}.is-size-7-fullhd{font-size:.75rem!important}}.has-text-centered{text-align:center!important}.has-text-justified{text-align:justify!important}.has-text-left{text-align:left!important}.has-text-right{text-align:right!important}@media screen and (max-width:768px){.has-text-centered-mobile{text-align:center!important}}@media screen and (min-width:769px),print{.has-text-centered-tablet{text-align:center!important}}@media screen and (min-width:769px) and (max-width:1023px){.has-text-centered-tablet-only{text-align:center!important}}@media screen and (max-width:1023px){.has-text-centered-touch{text-align:center!important}}@media screen and (min-width:1024px){.has-text-centered-desktop{text-align:center!important}}@media screen and (min-width:1024px) and (max-width:1215px){.has-text-centered-desktop-only{text-align:center!important}}@media screen and (min-width:1216px){.has-text-centered-widescreen{text-align:center!important}}@media screen and (min-width:1216px) and (max-width:1407px){.has-text-centered-widescreen-only{text-align:center!important}}@media screen and (min-width:1408px){.has-text-centered-fullhd{text-align:center!important}}@media screen and (max-width:768px){.has-text-justified-mobile{text-align:justify!important}}@media screen and (min-width:769px),print{.has-text-justified-tablet{text-align:justify!important}}@media screen and (min-width:769px) and (max-width:1023px){.has-text-justified-tablet-only{text-align:justify!important}}@media screen and (max-width:1023px){.has-text-justified-touch{text-align:justify!important}}@media screen and (min-width:1024px){.has-text-justified-desktop{text-align:justify!important}}@media screen and (min-width:1024px) and (max-width:1215px){.has-text-justified-desktop-only{text-align:justify!important}}@media screen and (min-width:1216px){.has-text-justified-widescreen{text-align:justify!important}}@media screen and (min-width:1216px) and (max-width:1407px){.has-text-justified-widescreen-only{text-align:justify!important}}@media screen and (min-width:1408px){.has-text-justified-fullhd{text-align:justify!important}}@media screen and (max-width:768px){.has-text-left-mobile{text-align:left!important}}@media screen and (min-width:769px),print{.has-text-left-tablet{text-align:left!important}}@media screen and (min-width:769px) and (max-width:1023px){.has-text-left-tablet-only{text-align:left!important}}@media screen and (max-width:1023px){.has-text-left-touch{text-align:left!important}}@media screen and (min-width:1024px){.has-text-left-desktop{text-align:left!important}}@media screen and (min-width:1024px) and (max-width:1215px){.has-text-left-desktop-only{text-align:left!important}}@media screen and (min-width:1216px){.has-text-left-widescreen{text-align:left!important}}@media screen and (min-width:1216px) and (max-width:1407px){.has-text-left-widescreen-only{text-align:left!important}}@media screen and (min-width:1408px){.has-text-left-fullhd{text-align:left!important}}@media screen and (max-width:768px){.has-text-right-mobile{text-align:right!important}}@media screen and (min-width:769px),print{.has-text-right-tablet{text-align:right!important}}@media screen and (min-width:769px) and (max-width:1023px){.has-text-right-tablet-only{text-align:right!important}}@media screen and (max-width:1023px){.has-text-right-touch{text-align:right!important}}@media screen and (min-width:1024px){.has-text-right-desktop{text-align:right!important}}@media screen and (min-width:1024px) and (max-width:1215px){.has-text-right-desktop-only{text-align:right!important}}@media screen and (min-width:1216px){.has-text-right-widescreen{text-align:right!important}}@media screen and (min-width:1216px) and (max-width:1407px){.has-text-right-widescreen-only{text-align:right!important}}@media screen and (min-width:1408px){.has-text-right-fullhd{text-align:right!important}}.is-capitalized{text-transform:capitalize!important}.is-lowercase{text-transform:lowercase!important}.is-uppercase{text-transform:uppercase!important}.is-italic{font-style:italic!important}.has-text-weight-light{font-weight:300!important}.has-text-weight-normal{font-weight:400!important}.has-text-weight-medium{font-weight:500!important}.has-text-weight-semibold{font-weight:600!important}.has-text-weight-bold{font-weight:700!important}.is-family-primary{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important}.is-family-secondary{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important}.is-family-sans-serif{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important}.is-family-monospace{font-family:monospace!important}.is-family-code{font-family:monospace!important}.is-block{display:block!important}@media screen and (max-width:768px){.is-block-mobile{display:block!important}}@media screen and (min-width:769px),print{.is-block-tablet{display:block!important}}@media screen and (min-width:769px) and (max-width:1023px){.is-block-tablet-only{display:block!important}}@media screen and (max-width:1023px){.is-block-touch{display:block!important}}@media screen and (min-width:1024px){.is-block-desktop{display:block!important}}@media screen and (min-width:1024px) and (max-width:1215px){.is-block-desktop-only{display:block!important}}@media screen and (min-width:1216px){.is-block-widescreen{display:block!important}}@media screen and (min-width:1216px) and (max-width:1407px){.is-block-widescreen-only{display:block!important}}@media screen and (min-width:1408px){.is-block-fullhd{display:block!important}}.is-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}@media screen and (max-width:768px){.is-flex-mobile{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media screen and (min-width:769px),print{.is-flex-tablet{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media screen and (min-width:769px) and (max-width:1023px){.is-flex-tablet-only{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media screen and (max-width:1023px){.is-flex-touch{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media screen and (min-width:1024px){.is-flex-desktop{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media screen and (min-width:1024px) and (max-width:1215px){.is-flex-desktop-only{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media screen and (min-width:1216px){.is-flex-widescreen{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media screen and (min-width:1216px) and (max-width:1407px){.is-flex-widescreen-only{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media screen and (min-width:1408px){.is-flex-fullhd{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}.is-inline{display:inline!important}@media screen and (max-width:768px){.is-inline-mobile{display:inline!important}}@media screen and (min-width:769px),print{.is-inline-tablet{display:inline!important}}@media screen and (min-width:769px) and (max-width:1023px){.is-inline-tablet-only{display:inline!important}}@media screen and (max-width:1023px){.is-inline-touch{display:inline!important}}@media screen and (min-width:1024px){.is-inline-desktop{display:inline!important}}@media screen and (min-width:1024px) and (max-width:1215px){.is-inline-desktop-only{display:inline!important}}@media screen and (min-width:1216px){.is-inline-widescreen{display:inline!important}}@media screen and (min-width:1216px) and (max-width:1407px){.is-inline-widescreen-only{display:inline!important}}@media screen and (min-width:1408px){.is-inline-fullhd{display:inline!important}}.is-inline-block{display:inline-block!important}@media screen and (max-width:768px){.is-inline-block-mobile{display:inline-block!important}}@media screen and (min-width:769px),print{.is-inline-block-tablet{display:inline-block!important}}@media screen and (min-width:769px) and (max-width:1023px){.is-inline-block-tablet-only{display:inline-block!important}}@media screen and (max-width:1023px){.is-inline-block-touch{display:inline-block!important}}@media screen and (min-width:1024px){.is-inline-block-desktop{display:inline-block!important}}@media screen and (min-width:1024px) and (max-width:1215px){.is-inline-block-desktop-only{display:inline-block!important}}@media screen and (min-width:1216px){.is-inline-block-widescreen{display:inline-block!important}}@media screen and (min-width:1216px) and (max-width:1407px){.is-inline-block-widescreen-only{display:inline-block!important}}@media screen and (min-width:1408px){.is-inline-block-fullhd{display:inline-block!important}}.is-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media screen and (max-width:768px){.is-inline-flex-mobile{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media screen and (min-width:769px),print{.is-inline-flex-tablet{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media screen and (min-width:769px) and (max-width:1023px){.is-inline-flex-tablet-only{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media screen and (max-width:1023px){.is-inline-flex-touch{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media screen and (min-width:1024px){.is-inline-flex-desktop{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media screen and (min-width:1024px) and (max-width:1215px){.is-inline-flex-desktop-only{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media screen and (min-width:1216px){.is-inline-flex-widescreen{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media screen and (min-width:1216px) and (max-width:1407px){.is-inline-flex-widescreen-only{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media screen and (min-width:1408px){.is-inline-flex-fullhd{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.is-hidden{display:none!important}.is-sr-only{border:none!important;clip:rect(0,0,0,0)!important;height:.01em!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:.01em!important}@media screen and (max-width:768px){.is-hidden-mobile{display:none!important}}@media screen and (min-width:769px),print{.is-hidden-tablet{display:none!important}}@media screen and (min-width:769px) and (max-width:1023px){.is-hidden-tablet-only{display:none!important}}@media screen and (max-width:1023px){.is-hidden-touch{display:none!important}}@media screen and (min-width:1024px){.is-hidden-desktop{display:none!important}}@media screen and (min-width:1024px) and (max-width:1215px){.is-hidden-desktop-only{display:none!important}}@media screen and (min-width:1216px){.is-hidden-widescreen{display:none!important}}@media screen and (min-width:1216px) and (max-width:1407px){.is-hidden-widescreen-only{display:none!important}}@media screen and (min-width:1408px){.is-hidden-fullhd{display:none!important}}.is-invisible{visibility:hidden!important}@media screen and (max-width:768px){.is-invisible-mobile{visibility:hidden!important}}@media screen and (min-width:769px),print{.is-invisible-tablet{visibility:hidden!important}}@media screen and (min-width:769px) and (max-width:1023px){.is-invisible-tablet-only{visibility:hidden!important}}@media screen and (max-width:1023px){.is-invisible-touch{visibility:hidden!important}}@media screen and (min-width:1024px){.is-invisible-desktop{visibility:hidden!important}}@media screen and (min-width:1024px) and (max-width:1215px){.is-invisible-desktop-only{visibility:hidden!important}}@media screen and (min-width:1216px){.is-invisible-widescreen{visibility:hidden!important}}@media screen and (min-width:1216px) and (max-width:1407px){.is-invisible-widescreen-only{visibility:hidden!important}}@media screen and (min-width:1408px){.is-invisible-fullhd{visibility:hidden!important}}.hero{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero .navbar{background:0 0}.hero .tabs ul{border-bottom:none}.hero.is-white{background-color:#fff;color:#0a0a0a}.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-white strong{color:inherit}.hero.is-white .title{color:#0a0a0a}.hero.is-white .subtitle{color:rgba(10,10,10,.9)}.hero.is-white .subtitle a:not(.button),.hero.is-white .subtitle strong{color:#0a0a0a}@media screen and (max-width:1023px){.hero.is-white .navbar-menu{background-color:#fff}}.hero.is-white .navbar-item,.hero.is-white .navbar-link{color:rgba(10,10,10,.7)}.hero.is-white .navbar-link.is-active,.hero.is-white .navbar-link:hover,.hero.is-white a.navbar-item.is-active,.hero.is-white a.navbar-item:hover{background-color:#f2f2f2;color:#0a0a0a}.hero.is-white .tabs a{color:#0a0a0a;opacity:.9}.hero.is-white .tabs a:hover{opacity:1}.hero.is-white .tabs li.is-active a{opacity:1}.hero.is-white .tabs.is-boxed a,.hero.is-white .tabs.is-toggle a{color:#0a0a0a}.hero.is-white .tabs.is-boxed a:hover,.hero.is-white .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-white .tabs.is-boxed li.is-active a,.hero.is-white .tabs.is-boxed li.is-active a:hover,.hero.is-white .tabs.is-toggle li.is-active a,.hero.is-white .tabs.is-toggle li.is-active a:hover{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.hero.is-white.is-bold{background-image:-webkit-linear-gradient(309deg,#e6e6e6 0,#fff 71%,#fff 100%);background-image:-o-linear-gradient(309deg,#e6e6e6 0,#fff 71%,#fff 100%);background-image:linear-gradient(141deg,#e6e6e6 0,#fff 71%,#fff 100%)}@media screen and (max-width:768px){.hero.is-white.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#e6e6e6 0,#fff 71%,#fff 100%);background-image:-o-linear-gradient(309deg,#e6e6e6 0,#fff 71%,#fff 100%);background-image:linear-gradient(141deg,#e6e6e6 0,#fff 71%,#fff 100%)}}.hero.is-black{background-color:#0a0a0a;color:#fff}.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-black strong{color:inherit}.hero.is-black .title{color:#fff}.hero.is-black .subtitle{color:rgba(255,255,255,.9)}.hero.is-black .subtitle a:not(.button),.hero.is-black .subtitle strong{color:#fff}@media screen and (max-width:1023px){.hero.is-black .navbar-menu{background-color:#0a0a0a}}.hero.is-black .navbar-item,.hero.is-black .navbar-link{color:rgba(255,255,255,.7)}.hero.is-black .navbar-link.is-active,.hero.is-black .navbar-link:hover,.hero.is-black a.navbar-item.is-active,.hero.is-black a.navbar-item:hover{background-color:#000;color:#fff}.hero.is-black .tabs a{color:#fff;opacity:.9}.hero.is-black .tabs a:hover{opacity:1}.hero.is-black .tabs li.is-active a{opacity:1}.hero.is-black .tabs.is-boxed a,.hero.is-black .tabs.is-toggle a{color:#fff}.hero.is-black .tabs.is-boxed a:hover,.hero.is-black .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-black .tabs.is-boxed li.is-active a,.hero.is-black .tabs.is-boxed li.is-active a:hover,.hero.is-black .tabs.is-toggle li.is-active a,.hero.is-black .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#0a0a0a}.hero.is-black.is-bold{background-image:-webkit-linear-gradient(309deg,#000 0,#0a0a0a 71%,#181616 100%);background-image:-o-linear-gradient(309deg,#000 0,#0a0a0a 71%,#181616 100%);background-image:linear-gradient(141deg,#000 0,#0a0a0a 71%,#181616 100%)}@media screen and (max-width:768px){.hero.is-black.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#000 0,#0a0a0a 71%,#181616 100%);background-image:-o-linear-gradient(309deg,#000 0,#0a0a0a 71%,#181616 100%);background-image:linear-gradient(141deg,#000 0,#0a0a0a 71%,#181616 100%)}}.hero.is-light{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-light strong{color:inherit}.hero.is-light .title{color:rgba(0,0,0,.7)}.hero.is-light .subtitle{color:rgba(0,0,0,.9)}.hero.is-light .subtitle a:not(.button),.hero.is-light .subtitle strong{color:rgba(0,0,0,.7)}@media screen and (max-width:1023px){.hero.is-light .navbar-menu{background-color:#f5f5f5}}.hero.is-light .navbar-item,.hero.is-light .navbar-link{color:rgba(0,0,0,.7)}.hero.is-light .navbar-link.is-active,.hero.is-light .navbar-link:hover,.hero.is-light a.navbar-item.is-active,.hero.is-light a.navbar-item:hover{background-color:#e8e8e8;color:rgba(0,0,0,.7)}.hero.is-light .tabs a{color:rgba(0,0,0,.7);opacity:.9}.hero.is-light .tabs a:hover{opacity:1}.hero.is-light .tabs li.is-active a{opacity:1}.hero.is-light .tabs.is-boxed a,.hero.is-light .tabs.is-toggle a{color:rgba(0,0,0,.7)}.hero.is-light .tabs.is-boxed a:hover,.hero.is-light .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-light .tabs.is-boxed li.is-active a,.hero.is-light .tabs.is-boxed li.is-active a:hover,.hero.is-light .tabs.is-toggle li.is-active a,.hero.is-light .tabs.is-toggle li.is-active a:hover{background-color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.7);color:#f5f5f5}.hero.is-light.is-bold{background-image:-webkit-linear-gradient(309deg,#dfd8d9 0,#f5f5f5 71%,#fff 100%);background-image:-o-linear-gradient(309deg,#dfd8d9 0,#f5f5f5 71%,#fff 100%);background-image:linear-gradient(141deg,#dfd8d9 0,#f5f5f5 71%,#fff 100%)}@media screen and (max-width:768px){.hero.is-light.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#dfd8d9 0,#f5f5f5 71%,#fff 100%);background-image:-o-linear-gradient(309deg,#dfd8d9 0,#f5f5f5 71%,#fff 100%);background-image:linear-gradient(141deg,#dfd8d9 0,#f5f5f5 71%,#fff 100%)}}.hero.is-dark{background-color:#363636;color:#fff}.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-dark strong{color:inherit}.hero.is-dark .title{color:#fff}.hero.is-dark .subtitle{color:rgba(255,255,255,.9)}.hero.is-dark .subtitle a:not(.button),.hero.is-dark .subtitle strong{color:#fff}@media screen and (max-width:1023px){.hero.is-dark .navbar-menu{background-color:#363636}}.hero.is-dark .navbar-item,.hero.is-dark .navbar-link{color:rgba(255,255,255,.7)}.hero.is-dark .navbar-link.is-active,.hero.is-dark .navbar-link:hover,.hero.is-dark a.navbar-item.is-active,.hero.is-dark a.navbar-item:hover{background-color:#292929;color:#fff}.hero.is-dark .tabs a{color:#fff;opacity:.9}.hero.is-dark .tabs a:hover{opacity:1}.hero.is-dark .tabs li.is-active a{opacity:1}.hero.is-dark .tabs.is-boxed a,.hero.is-dark .tabs.is-toggle a{color:#fff}.hero.is-dark .tabs.is-boxed a:hover,.hero.is-dark .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-dark .tabs.is-boxed li.is-active a,.hero.is-dark .tabs.is-boxed li.is-active a:hover,.hero.is-dark .tabs.is-toggle li.is-active a,.hero.is-dark .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#363636}.hero.is-dark.is-bold{background-image:-webkit-linear-gradient(309deg,#1f191a 0,#363636 71%,#46403f 100%);background-image:-o-linear-gradient(309deg,#1f191a 0,#363636 71%,#46403f 100%);background-image:linear-gradient(141deg,#1f191a 0,#363636 71%,#46403f 100%)}@media screen and (max-width:768px){.hero.is-dark.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#1f191a 0,#363636 71%,#46403f 100%);background-image:-o-linear-gradient(309deg,#1f191a 0,#363636 71%,#46403f 100%);background-image:linear-gradient(141deg,#1f191a 0,#363636 71%,#46403f 100%)}}.hero.is-primary{background-color:#00d1b2;color:#fff}.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-primary strong{color:inherit}.hero.is-primary .title{color:#fff}.hero.is-primary .subtitle{color:rgba(255,255,255,.9)}.hero.is-primary .subtitle a:not(.button),.hero.is-primary .subtitle strong{color:#fff}@media screen and (max-width:1023px){.hero.is-primary .navbar-menu{background-color:#00d1b2}}.hero.is-primary .navbar-item,.hero.is-primary .navbar-link{color:rgba(255,255,255,.7)}.hero.is-primary .navbar-link.is-active,.hero.is-primary .navbar-link:hover,.hero.is-primary a.navbar-item.is-active,.hero.is-primary a.navbar-item:hover{background-color:#00b89c;color:#fff}.hero.is-primary .tabs a{color:#fff;opacity:.9}.hero.is-primary .tabs a:hover{opacity:1}.hero.is-primary .tabs li.is-active a{opacity:1}.hero.is-primary .tabs.is-boxed a,.hero.is-primary .tabs.is-toggle a{color:#fff}.hero.is-primary .tabs.is-boxed a:hover,.hero.is-primary .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-primary .tabs.is-boxed li.is-active a,.hero.is-primary .tabs.is-boxed li.is-active a:hover,.hero.is-primary .tabs.is-toggle li.is-active a,.hero.is-primary .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#00d1b2}.hero.is-primary.is-bold{background-image:-webkit-linear-gradient(309deg,#009e6c 0,#00d1b2 71%,#00e7eb 100%);background-image:-o-linear-gradient(309deg,#009e6c 0,#00d1b2 71%,#00e7eb 100%);background-image:linear-gradient(141deg,#009e6c 0,#00d1b2 71%,#00e7eb 100%)}@media screen and (max-width:768px){.hero.is-primary.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#009e6c 0,#00d1b2 71%,#00e7eb 100%);background-image:-o-linear-gradient(309deg,#009e6c 0,#00d1b2 71%,#00e7eb 100%);background-image:linear-gradient(141deg,#009e6c 0,#00d1b2 71%,#00e7eb 100%)}}.hero.is-link{background-color:#3273dc;color:#fff}.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-link strong{color:inherit}.hero.is-link .title{color:#fff}.hero.is-link .subtitle{color:rgba(255,255,255,.9)}.hero.is-link .subtitle a:not(.button),.hero.is-link .subtitle strong{color:#fff}@media screen and (max-width:1023px){.hero.is-link .navbar-menu{background-color:#3273dc}}.hero.is-link .navbar-item,.hero.is-link .navbar-link{color:rgba(255,255,255,.7)}.hero.is-link .navbar-link.is-active,.hero.is-link .navbar-link:hover,.hero.is-link a.navbar-item.is-active,.hero.is-link a.navbar-item:hover{background-color:#2366d1;color:#fff}.hero.is-link .tabs a{color:#fff;opacity:.9}.hero.is-link .tabs a:hover{opacity:1}.hero.is-link .tabs li.is-active a{opacity:1}.hero.is-link .tabs.is-boxed a,.hero.is-link .tabs.is-toggle a{color:#fff}.hero.is-link .tabs.is-boxed a:hover,.hero.is-link .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-link .tabs.is-boxed li.is-active a,.hero.is-link .tabs.is-boxed li.is-active a:hover,.hero.is-link .tabs.is-toggle li.is-active a,.hero.is-link .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#3273dc}.hero.is-link.is-bold{background-image:-webkit-linear-gradient(309deg,#1577c6 0,#3273dc 71%,#4366e5 100%);background-image:-o-linear-gradient(309deg,#1577c6 0,#3273dc 71%,#4366e5 100%);background-image:linear-gradient(141deg,#1577c6 0,#3273dc 71%,#4366e5 100%)}@media screen and (max-width:768px){.hero.is-link.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#1577c6 0,#3273dc 71%,#4366e5 100%);background-image:-o-linear-gradient(309deg,#1577c6 0,#3273dc 71%,#4366e5 100%);background-image:linear-gradient(141deg,#1577c6 0,#3273dc 71%,#4366e5 100%)}}.hero.is-info{background-color:#3298dc;color:#fff}.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-info strong{color:inherit}.hero.is-info .title{color:#fff}.hero.is-info .subtitle{color:rgba(255,255,255,.9)}.hero.is-info .subtitle a:not(.button),.hero.is-info .subtitle strong{color:#fff}@media screen and (max-width:1023px){.hero.is-info .navbar-menu{background-color:#3298dc}}.hero.is-info .navbar-item,.hero.is-info .navbar-link{color:rgba(255,255,255,.7)}.hero.is-info .navbar-link.is-active,.hero.is-info .navbar-link:hover,.hero.is-info a.navbar-item.is-active,.hero.is-info a.navbar-item:hover{background-color:#238cd1;color:#fff}.hero.is-info .tabs a{color:#fff;opacity:.9}.hero.is-info .tabs a:hover{opacity:1}.hero.is-info .tabs li.is-active a{opacity:1}.hero.is-info .tabs.is-boxed a,.hero.is-info .tabs.is-toggle a{color:#fff}.hero.is-info .tabs.is-boxed a:hover,.hero.is-info .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-info .tabs.is-boxed li.is-active a,.hero.is-info .tabs.is-boxed li.is-active a:hover,.hero.is-info .tabs.is-toggle li.is-active a,.hero.is-info .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#3298dc}.hero.is-info.is-bold{background-image:-webkit-linear-gradient(309deg,#159dc6 0,#3298dc 71%,#4389e5 100%);background-image:-o-linear-gradient(309deg,#159dc6 0,#3298dc 71%,#4389e5 100%);background-image:linear-gradient(141deg,#159dc6 0,#3298dc 71%,#4389e5 100%)}@media screen and (max-width:768px){.hero.is-info.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#159dc6 0,#3298dc 71%,#4389e5 100%);background-image:-o-linear-gradient(309deg,#159dc6 0,#3298dc 71%,#4389e5 100%);background-image:linear-gradient(141deg,#159dc6 0,#3298dc 71%,#4389e5 100%)}}.hero.is-success{background-color:#48c774;color:#fff}.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-success strong{color:inherit}.hero.is-success .title{color:#fff}.hero.is-success .subtitle{color:rgba(255,255,255,.9)}.hero.is-success .subtitle a:not(.button),.hero.is-success .subtitle strong{color:#fff}@media screen and (max-width:1023px){.hero.is-success .navbar-menu{background-color:#48c774}}.hero.is-success .navbar-item,.hero.is-success .navbar-link{color:rgba(255,255,255,.7)}.hero.is-success .navbar-link.is-active,.hero.is-success .navbar-link:hover,.hero.is-success a.navbar-item.is-active,.hero.is-success a.navbar-item:hover{background-color:#3abb67;color:#fff}.hero.is-success .tabs a{color:#fff;opacity:.9}.hero.is-success .tabs a:hover{opacity:1}.hero.is-success .tabs li.is-active a{opacity:1}.hero.is-success .tabs.is-boxed a,.hero.is-success .tabs.is-toggle a{color:#fff}.hero.is-success .tabs.is-boxed a:hover,.hero.is-success .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-success .tabs.is-boxed li.is-active a,.hero.is-success .tabs.is-boxed li.is-active a:hover,.hero.is-success .tabs.is-toggle li.is-active a,.hero.is-success .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#48c774}.hero.is-success.is-bold{background-image:-webkit-linear-gradient(309deg,#29b342 0,#48c774 71%,#56d296 100%);background-image:-o-linear-gradient(309deg,#29b342 0,#48c774 71%,#56d296 100%);background-image:linear-gradient(141deg,#29b342 0,#48c774 71%,#56d296 100%)}@media screen and (max-width:768px){.hero.is-success.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#29b342 0,#48c774 71%,#56d296 100%);background-image:-o-linear-gradient(309deg,#29b342 0,#48c774 71%,#56d296 100%);background-image:linear-gradient(141deg,#29b342 0,#48c774 71%,#56d296 100%)}}.hero.is-warning{background-color:#ffdd57;color:rgba(0,0,0,.7)}.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-warning strong{color:inherit}.hero.is-warning .title{color:rgba(0,0,0,.7)}.hero.is-warning .subtitle{color:rgba(0,0,0,.9)}.hero.is-warning .subtitle a:not(.button),.hero.is-warning .subtitle strong{color:rgba(0,0,0,.7)}@media screen and (max-width:1023px){.hero.is-warning .navbar-menu{background-color:#ffdd57}}.hero.is-warning .navbar-item,.hero.is-warning .navbar-link{color:rgba(0,0,0,.7)}.hero.is-warning .navbar-link.is-active,.hero.is-warning .navbar-link:hover,.hero.is-warning a.navbar-item.is-active,.hero.is-warning a.navbar-item:hover{background-color:#ffd83d;color:rgba(0,0,0,.7)}.hero.is-warning .tabs a{color:rgba(0,0,0,.7);opacity:.9}.hero.is-warning .tabs a:hover{opacity:1}.hero.is-warning .tabs li.is-active a{opacity:1}.hero.is-warning .tabs.is-boxed a,.hero.is-warning .tabs.is-toggle a{color:rgba(0,0,0,.7)}.hero.is-warning .tabs.is-boxed a:hover,.hero.is-warning .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-warning .tabs.is-boxed li.is-active a,.hero.is-warning .tabs.is-boxed li.is-active a:hover,.hero.is-warning .tabs.is-toggle li.is-active a,.hero.is-warning .tabs.is-toggle li.is-active a:hover{background-color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.7);color:#ffdd57}.hero.is-warning.is-bold{background-image:-webkit-linear-gradient(309deg,#ffaf24 0,#ffdd57 71%,#fffa70 100%);background-image:-o-linear-gradient(309deg,#ffaf24 0,#ffdd57 71%,#fffa70 100%);background-image:linear-gradient(141deg,#ffaf24 0,#ffdd57 71%,#fffa70 100%)}@media screen and (max-width:768px){.hero.is-warning.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#ffaf24 0,#ffdd57 71%,#fffa70 100%);background-image:-o-linear-gradient(309deg,#ffaf24 0,#ffdd57 71%,#fffa70 100%);background-image:linear-gradient(141deg,#ffaf24 0,#ffdd57 71%,#fffa70 100%)}}.hero.is-danger{background-color:#f14668;color:#fff}.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-danger strong{color:inherit}.hero.is-danger .title{color:#fff}.hero.is-danger .subtitle{color:rgba(255,255,255,.9)}.hero.is-danger .subtitle a:not(.button),.hero.is-danger .subtitle strong{color:#fff}@media screen and (max-width:1023px){.hero.is-danger .navbar-menu{background-color:#f14668}}.hero.is-danger .navbar-item,.hero.is-danger .navbar-link{color:rgba(255,255,255,.7)}.hero.is-danger .navbar-link.is-active,.hero.is-danger .navbar-link:hover,.hero.is-danger a.navbar-item.is-active,.hero.is-danger a.navbar-item:hover{background-color:#ef2e55;color:#fff}.hero.is-danger .tabs a{color:#fff;opacity:.9}.hero.is-danger .tabs a:hover{opacity:1}.hero.is-danger .tabs li.is-active a{opacity:1}.hero.is-danger .tabs.is-boxed a,.hero.is-danger .tabs.is-toggle a{color:#fff}.hero.is-danger .tabs.is-boxed a:hover,.hero.is-danger .tabs.is-toggle a:hover{background-color:rgba(10,10,10,.1)}.hero.is-danger .tabs.is-boxed li.is-active a,.hero.is-danger .tabs.is-boxed li.is-active a:hover,.hero.is-danger .tabs.is-toggle li.is-active a,.hero.is-danger .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#f14668}.hero.is-danger.is-bold{background-image:-webkit-linear-gradient(309deg,#fa0a62 0,#f14668 71%,#f7595f 100%);background-image:-o-linear-gradient(309deg,#fa0a62 0,#f14668 71%,#f7595f 100%);background-image:linear-gradient(141deg,#fa0a62 0,#f14668 71%,#f7595f 100%)}@media screen and (max-width:768px){.hero.is-danger.is-bold .navbar-menu{background-image:-webkit-linear-gradient(309deg,#fa0a62 0,#f14668 71%,#f7595f 100%);background-image:-o-linear-gradient(309deg,#fa0a62 0,#f14668 71%,#f7595f 100%);background-image:linear-gradient(141deg,#fa0a62 0,#f14668 71%,#f7595f 100%)}}.hero.is-small .hero-body{padding:1.5rem}@media screen and (min-width:769px),print{.hero.is-medium .hero-body{padding:9rem 1.5rem}}@media screen and (min-width:769px),print{.hero.is-large .hero-body{padding:18rem 1.5rem}}.hero.is-fullheight .hero-body,.hero.is-fullheight-with-navbar .hero-body,.hero.is-halfheight .hero-body{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hero.is-fullheight .hero-body>.container,.hero.is-fullheight-with-navbar .hero-body>.container,.hero.is-halfheight .hero-body>.container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.hero.is-halfheight{min-height:50vh}.hero.is-fullheight{min-height:100vh}.hero-video{overflow:hidden}.hero-video video{left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.hero-video.is-transparent{opacity:.3}@media screen and (max-width:768px){.hero-video{display:none}}.hero-buttons{margin-top:1.5rem}@media screen and (max-width:768px){.hero-buttons .button{display:-webkit-box;display:-ms-flexbox;display:flex}.hero-buttons .button:not(:last-child){margin-bottom:.75rem}}@media screen and (min-width:769px),print{.hero-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-buttons .button:not(:last-child){margin-right:1.5rem}}.hero-foot,.hero-head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.hero-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;padding:3rem 1.5rem}.section{padding:3rem 1.5rem}@media screen and (min-width:1024px){.section.is-medium{padding:9rem 1.5rem}.section.is-large{padding:18rem 1.5rem}}.footer{background-color:#fafafa;padding:3rem 1.5rem 6rem}.bd-columns-tool,.bd-footer-donation-action,.bd-footer-sponsor a,.bd-footer-star-figure,.bd-mini,.bd-minis-link,.bd-minis-title,.bd-sponsor-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bd-book-content,.bd-footer-star,.bd-footer-support{background-color:#fff;border-radius:6px;-webkit-box-shadow:0 1.5rem 1.5rem -1.25rem rgba(10,10,10,.05);box-shadow:0 1.5rem 1.5rem -1.25rem rgba(10,10,10,.05);display:block}.bd-focus-item::before,.bd-sponsor-item::before{bottom:0;left:0;position:absolute;right:0;top:0;background-color:#fafafa;border-radius:6px;content:"";display:block;opacity:0;pointer-events:none;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition-duration:172ms;-o-transition-duration:172ms;transition-duration:172ms;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.bd-focus-item:hover::before,.bd-sponsor-item:hover::before{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.bd-main{overflow:hidden;position:relative}.bd-figure{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #f5f5f5;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.bd-figure:not(:last-child){margin-bottom:1.5rem}.bd-figure img{margin:1em}.bd-figure figcaption{-ms-flex-item-align:stretch;align-self:stretch;background-color:#f5f5f5;color:#7a7a7a;font-size:.75rem;padding:1em}.bd-lead{position:relative}.bd-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:3rem}.bd-breadcrumb .breadcrumb:not(:last-child){margin-bottom:0}.bd-prev-next{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#b5b5b5;display:none;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-left:.5rem;text-align:center}.bd-prev-next a,.bd-prev-next span{border-radius:4px;width:1.5rem}.bd-prev-next a:hover{background-color:#f5f5f5}.bd-prev-next-bis{border-top:2px solid #f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:3rem}.bd-prev-next-bis a{margin-top:1.5rem}.bd-prev-next-bis-previous{margin-right:auto}.bd-prev-next-bis-next{margin-left:auto}.bd-header{margin-bottom:3rem}.bd-header .subtitle{color:#7a7a7a}.bd-header .subtitle strong{color:currentColor}.bd-header #meta{margin-top:-.5rem}.bd-tabs{margin-bottom:3rem}@media screen and (max-width:768px){.bd-tabs{margin-left:-1.5rem;margin-right:-1.5rem}.bd-tabs .tabs ul{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media screen and (min-width:769px),print{.bd-tabs .tabs{overflow:visible}.bd-tabs .tabs a,.bd-tabs .tabs ul{border-bottom-color:#f5f5f5;border-bottom-width:2px}.bd-tabs .tabs a{margin-bottom:-2px}.bd-tabs .tabs li:not(.is-active) a:hover{border-bottom-color:#dbdbdb}.bd-tabs .tabs ul{-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}}.bd-content hr:first-child{display:none}.bd-content hr:first-child+.bd-anchor-title{padding-top:0}.bd-content hr:first-child+.bd-anchor-title .bd-anchor-link{top:0}.bd-side,.bd-side-background{background-color:#fafafa}.bd-side{position:relative}.bd-side-background{bottom:0;left:50%;position:absolute;right:0;top:0}.bd-anchors-list,.bd-category-list{font-size:.875rem}.bd-anchors-list li:not(:last-child),.bd-category-list li:not(:last-child){margin-bottom:.5em}.bd-anchors-list li.is-past a,.bd-category-list li.is-past a{color:#b5b5b5}.bd-anchors-list li.is-current a,.bd-category-list li.is-current a{color:#3273dc}.bd-anchors-list a,.bd-category-list a{color:#7a7a7a}.bd-anchors-list a:hover,.bd-category-list a:hover{color:#3273dc}.bd-category a:hover{color:#3273dc}.bd-category:not(:last-child){margin-bottom:.5rem}.bd-category.is-active .bd-category-toggle .icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.bd-category.is-active .bd-category-list{display:block}.bd-category-header{position:relative}.bd-category-toggle{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#b5b5b5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.bd-category-toggle .icon{font-size:.75rem;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform}.tag.bd-mini-tag{border-radius:2px!important;font-family:Verdana,sans-serif;font-size:.5rem;font-weight:700;height:2.25em;vertical-align:text-bottom}.bd-category-name{color:#363636;position:relative}.bd-category-name.is-active{color:#3273dc}.bd-category-name .bd-mini-tag{margin-left:.5em}.bd-category-list{display:none;padding:.5rem}.bd-anchors-reference{height:1px}.bd-anchors{display:none;max-width:10.5rem;padding-top:calc(1.5rem - 1px)}@media screen and (min-width:769px),print{.bd-anchors.is-active{display:block}.bd-anchors.is-pinned{position:fixed;top:0}}.bd-anchors-title{color:#b5b5b5;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.bd-anchors-list li:last-child{margin-top:1em}.bd-anchors-list a{color:#363636}@media screen and (max-width:1023px){.bd-lead,.bd-side{padding:1.5rem}.bd-header-carbon{margin-top:1.5rem}}@media screen and (max-width:1023px){.bd-side-background{display:none}}@media screen and (min-width:1024px){.bd-duo{display:-webkit-box;display:-ms-flexbox;display:flex}.bd-lead{background-color:#fff;overflow:hidden;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.bd-prev-next{display:-webkit-box;display:-ms-flexbox;display:flex}.bd-side{-webkit-box-flex:0;-ms-flex:0 0 calc(10.5rem + 1.5rem);flex:0 0 calc(10.5rem + 1.5rem)}}@media screen and (min-width:1024px){.bd-main{padding:0 3rem}.bd-lead{margin-left:-3rem;padding:3rem}.bd-lead:last-child{margin-right:-3rem}.bd-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:140px}.bd-header-titles{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.bd-header-carbon{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin:-15px 0 -15px 6rem;width:300px}.bd-side{padding:3rem 0 3rem 1.5rem}}@media screen and (min-width:1216px){.bd-header-carbon{margin-left:9rem}}@media screen and (min-width:1408px){.bd-header-carbon{margin-left:12rem}}.highlight{background-color:#f5f5f5;border-radius:6px;color:#586e75}.highlight pre{background-color:transparent;font-size:.875em;line-height:1.375}.highlight .c{color:#93a1a1}.highlight .err,.highlight .g{color:#586e75}.highlight .k{color:#859900}.highlight .l,.highlight .n{color:#586e75}.highlight .o{color:#859900}.highlight .x{color:#cb4b16}.highlight .p{color:#586e75}.highlight .cm{color:#93a1a1}.highlight .cp{color:#859900}.highlight .c1{color:#93a1a1}.highlight .cs{color:#859900}.highlight .gd{color:#2aa198}.highlight .ge{color:#586e75;font-style:italic}.highlight .gr{color:#dc322f}.highlight .gh{color:#cb4b16}.highlight .gi{color:#859900}.highlight .go,.highlight .gp{color:#586e75}.highlight .gs{color:#586e75;font-weight:700}.highlight .gu{color:#cb4b16}.highlight .gt{color:#586e75}.highlight .kc{color:#cb4b16}.highlight .kd{color:#268bd2}.highlight .kn,.highlight .kp{color:#859900}.highlight .kr{color:#268bd2}.highlight .kt{color:#dc322f}.highlight .ld{color:#586e75}.highlight .m,.highlight .s{color:#2aa198}.highlight .na{color:#b58900}.highlight .nb{color:#586e75}.highlight .nc{color:#268bd2}.highlight .no{color:#cb4b16}.highlight .nd{color:#268bd2}.highlight .ne,.highlight .ni{color:#cb4b16}.highlight .nf{color:#268bd2}.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py{color:#586e75}.highlight .nt,.highlight .nv{color:#268bd2}.highlight .ow{color:#859900}.highlight .w{color:#586e75}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#2aa198}.highlight .sb{color:#93a1a1}.highlight .sc{color:#2aa198}.highlight .sd{color:#586e75}.highlight .s2{color:#2aa198}.highlight .se{color:#cb4b16}.highlight .sh{color:#586e75}.highlight .si,.highlight .sx{color:#2aa198}.highlight .sr{color:#dc322f}.highlight .s1,.highlight .ss{color:#2aa198}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#268bd2}.highlight .il{color:#2aa198}.content .highlight{margin-left:0;margin-right:0;text-align:left}.content .highlight:not(:first-child){margin-top:1em}.content .highlight:not(:last-child){margin-bottom:1em}.content li .highlight{margin-top:.5em}.content .bd-spaced li+li{margin-top:1em}.content .highlighter-rouge:not(:last-child){margin-bottom:1.5rem}body.page-grid .column>.notification{padding-left:0;padding-right:0;text-align:center}a.navbar-item>.icon:not(:last-child){margin-left:-.25em;margin-right:.25em}@media screen and (min-width:769px),print{.header-item .button+.button{margin-left:.75rem}}svg{max-height:100%;max-width:100%}.bd-notice{background-color:#00d1b2;color:#fff;padding:1em;text-align:center}.bd-notice-body{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bd-notice-body a,.bd-notice-body strong{color:currentColor}.bd-notice-body a{border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px}.bd-notice-body a:hover{border-bottom-color:#fff}.bd-notice-body span{margin:0 .25em;opacity:.5}@media screen and (max-width:768px){.bd-notice{font-size:.75rem}.bd-notice-body{-ms-flex-wrap:wrap;flex-wrap:wrap}.bd-notice-body p:first-child{width:100%}}@media screen and (min-width:769px),print{.bd-notice-body p:first-child{margin-right:1em}}.bd-github-button{background-color:#ea4aaa;border-color:#ea4aaa!important;color:#fff;font-size:.875rem;height:auto;padding:calc(.5em - 1px) 1em;position:relative}.bd-github-button strong{font-weight:600;margin-top:-2px}.bd-github-button .icon{color:inherit}.bd-github-button .tag{font-size:.5rem;font-style:normal;margin:-1px -8px 0 7px}.bd-github-button:focus,.bd-github-button:hover{background-color:#e7339f}.bd-github-button:active{background-color:#e51c95}.bd-github-button:active,.bd-github-button:focus,.bd-github-button:hover{color:#fff}.bd-patreon-button{display:inline-block;position:relative;vertical-align:top}.bd-patreon-button img{border-radius:4px;display:block;max-height:none!important}.bd-patreon-button:hover::after{bottom:0;left:0;position:absolute;right:0;top:0;background-color:rgba(0,0,0,.05);border-radius:4px;content:"";display:block}#carboncontainer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto;max-width:300px;min-height:120px;min-width:280px}#carbon{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:100px;padding:0;position:relative}#carbon:hover{background-color:#fff;-webkit-box-shadow:0 0 0 .75rem #fff;box-shadow:0 0 0 .75rem #fff}@media screen and (min-width:769px),print{#carbon{width:300px}}#carbonads{font-size:14px;text-align:left}#carbonads a,#carbonads span{display:block}#carbonads .carbon-wrap{min-height:100px;position:relative}#carbonads .carbon-wrap:hover .carbon-img::after{background-color:rgba(0,0,0,.05);content:"";display:block;height:100px;left:0;position:absolute;right:1rem;top:0}#carbonads .carbon-img{bottom:0;float:left;left:0;min-height:100px;padding:0;position:absolute;top:0;width:calc(130px + 1rem)}#carbonads .carbon-img img{display:block;height:100px;width:130px}#carbonads .carbon-img:hover+.carbon-text{color:#3273dc}#carbonads .carbon-img:active{opacity:.8}#carbonads .carbon-text{display:block;color:#363636;line-height:20px;min-height:100px;padding:0 0 20px calc(130px + 1rem)}#carbonads .carbon-text:hover{color:#3273dc}#carbonads .carbon-poweredby{bottom:0;color:#b5b5b5;display:inline;font-size:.75rem;line-height:20px;position:absolute;right:0}#carbonads .carbon-poweredby:hover{text-decoration:underline}@media screen and (max-width:1407px){.bd-navbar-icon{display:none}}@media screen and (max-width:1215px){.bd-navbar .bd-navbar-item-backers{display:none}}@media screen and (min-width:1216px){#moreDropdown .navbar-divider:nth-child(2),#moreDropdown .navbar-item:first-child{display:none}}@media screen and (max-width:768px){.bd-index-buttons{margin-top:3rem}}@media screen and (min-width:769px),print{.bd-index-buttons{margin-top:6rem}}.bd-index-header{text-align:center}.bd-index-header a,.bd-index-header strong{-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:color;-o-transition-property:color;transition-property:color}.bd-index-header a{color:currentColor}.bd-index-header a:hover{color:#3273dc}.bd-index-header a:hover strong{color:#3273dc}.bd-index-header strong{font-weight:600}.bd-index-header .title strong{color:#00d1b2}.bd-index-header .subtitle{color:#b5b5b5!important}.bd-index-header .subtitle strong{color:currentColor}.bd-index-header:not(:last-child){margin-bottom:3rem}.bd-index-header.bd-is-left{text-align:left}.bd-index-js-tweet .bd-tw{margin-left:auto;margin-right:auto}.bd-index-custom-tweet .bd-tw{margin-left:auto;margin-right:auto}.bd-index-custom-title{color:#b5b5b5}.bd-index-custom-example{padding:1rem}.bd-index-custom-example .subtitle{margin-bottom:.5rem}.bd-index-custom.bd-is-after{color:#757763;font-family:Nunito,serif;margin-top:.5rem}.bd-index-custom.bd-is-after a{color:#fa7c91}.bd-index-custom.bd-is-after a:hover{color:#363636}.bd-index-custom.bd-is-after .subtitle{color:#757763}.bd-index-custom.bd-is-after .input,.bd-index-custom.bd-is-after .select select{background-color:#eff0eb;border-color:transparent;border-width:2px;-webkit-box-shadow:none;box-shadow:none;font-family:Nunito,serif}.bd-index-custom.bd-is-after .input:hover,.bd-index-custom.bd-is-after .select select:hover{border-color:#d0d1cd}.bd-index-custom.bd-is-after .input:focus,.bd-index-custom.bd-is-after .select select:focus{border-color:#fa7c91;-webkit-box-shadow:0 0 0 .125em rgba(250,124,145,.25);box-shadow:0 0 0 .125em rgba(250,124,145,.25)}.bd-index-custom.bd-is-after .select:not(.is-multiple):not(:hover)::after{border-color:#fa7c91}.bd-index-custom.bd-is-after .button.is-primary{background-color:#8a4d76;color:#fff}.bd-index-custom.bd-is-after .button.is-primary:hover{background-color:#82486f}.bd-index-custom.bd-is-after .button.is-primary:active{background-color:#7a4468}.bd-index-custom.bd-is-after .button.is-link{background-color:#fa7c91;color:#fff}.bd-index-custom.bd-is-after .button.is-link:hover{background-color:#fa7087}.bd-index-custom.bd-is-after .button.is-link:active{background-color:#f9637c}.bd-index-custom.bd-is-after ::-moz-selection{background-color:#fa7c91;color:#fff}.bd-index-custom.bd-is-after ::selection{background-color:#fa7c91;color:#fff}.bd-index-fullscreen .tabs a{color:#b5b5b5!important}#grid .notification{padding-left:0;padding-right:0}.bd-columns-tools{margin-top:3rem}.bd-columns-tool.bd-is-try .buttons{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bd-columns-tool.bd-is-try .button strong{font-weight:600}#markup{width:100%}#markup .highlight pre{max-height:none}#message{display:none;margin-top:3rem}@media screen and (max-width:768px){.bd-columns-tool.bd-is-markup{margin-top:3rem}}@media screen and (min-width:769px),print{.bd-columns-tools{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex}.bd-columns-tool{width:50%}.bd-columns-tool.bd-is-try{padding-top:60px}}.bd-focus{margin:6rem auto 0;max-width:1080px}.bd-focus-item{border-radius:6px;padding-top:1.25rem;position:relative}.bd-focus-item .subtitle,.bd-focus-item .title a{-webkit-transition-duration:172ms;-o-transition-duration:172ms;transition-duration:172ms;-webkit-transition-property:color;-o-transition-property:color;transition-property:color}.bd-focus-item .title{position:relative;-webkit-transition-duration:172ms;-o-transition-duration:172ms;transition-duration:172ms;-webkit-transition-property:color;-o-transition-property:color;transition-property:color}.bd-focus-item .subtitle{color:#b5b5b5;position:relative}.bd-focus-item .subtitle strong{color:currentColor}.bd-focus-item .subtitle .subtitle{color:#4a4a4a}.bd-focus-item:nth-child(1):hover .title{color:#ff470f}.bd-focus-item:nth-child(2):hover .title{color:#48c774}.bd-focus-item:nth-child(3):hover .title{color:#3273dc}.bd-focus-item:nth-child(4):hover .title{color:#0a0a0a}.bd-focus-icon{position:relative}.bd-focus-mobile{color:#b86bff;margin-right:-20px}.bd-focus-tablet{color:#f14668}.bd-focus-desktop{color:#ff470f;position:relative;top:2px}.bd-focus-cubes{position:relative;height:3rem;margin:0 auto;top:-.5rem;width:3rem}.bd-focus-cube{color:#48c774;position:absolute}.bd-focus-cube-1{left:0;top:0}.bd-focus-cube-2{left:-1rem;top:23px}.bd-focus-cube-3{left:1rem;top:23px}.bd-focus-css3{color:#3273dc}.bd-focus-github{color:#333}.intro-content{margin-left:auto;margin-right:auto;max-width:640px}.intro-title{font-weight:400;line-height:1.375}.intro-title strong{font-weight:600}.intro-ghbtns{margin-bottom:16px;min-height:30px}.intro-ghbtns a,.intro-ghbtns iframe,.intro-ghbtns img{height:30px}.intro-ghbtns a{display:inline-block;min-width:100px;vertical-align:top}.intro-ghbtns img{display:block}.intro-npm{background:#242424;border-radius:4px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:20px;padding:15px 25px;position:relative}.intro-npm code{font-size:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.intro-npm .intro-npm-copy{border-radius:4px;color:#ffdd57;cursor:pointer;margin:-2px -7px -3px;padding:2px 7px 3px}.intro-npm .intro-npm-copy:hover{background-color:#ffdd57;color:#242424}.intro-npm .intro-npm-copy.is-error,.intro-npm .intro-npm-copy.is-success{color:#fff;pointer-events:none;text-decoration:none}.intro-npm .intro-npm-copy.is-success{background-color:#48c774}.intro-npm .intro-npm-copy.is-error{background-color:#f14668}.intro-npm ::-moz-selection{background:#ffdd57;color:#242424}.intro-npm ::selection{background:#ffdd57;color:#242424}.intro-buttons{margin-top:1.5rem}.intro-buttons .button{padding-left:1.375em;padding-right:1.375em}.intro-video{background-color:#fff;margin-left:auto;margin-right:auto;max-width:640px;position:relative}.intro-video.has-loaded .intro-spinner{display:none}.intro-video.has-loaded .intro-iframe{opacity:1}@-webkit-keyframes introSpinner{from{opacity:0;-webkit-transform:scale(1.14);transform:scale(1.14)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes introSpinner{from{opacity:0;-webkit-transform:scale(1.14);transform:scale(1.14)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.intro-shadow,.intro-spinner{-webkit-animation-duration:.5s;animation-duration:.5s;animation-easing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.intro-spinner{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-animation-name:introSpinner;animation-name:introSpinner}.intro-spinner::before{-webkit-animation:spinAround .5s infinite linear;animation:spinAround .5s infinite linear;border:2px solid #dbdbdb;border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em;border-bottom-color:#00d1b2;border-left-color:#00d1b2;height:1.5em;left:calc(50% - .75em);position:absolute;top:calc(50% - .75em);width:1.5em}@-webkit-keyframes introShadow{from{opacity:0;-webkit-transform:scale(.86);transform:scale(.86)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes introShadow{from{opacity:0;-webkit-transform:scale(.86);transform:scale(.86)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.intro-shadow{bottom:0;left:0;position:absolute;right:0;top:0;background-color:#776e70;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-box-shadow:0 1.5rem 3rem rgba(0,0,0,.2);box-shadow:0 1.5rem 3rem rgba(0,0,0,.2);-webkit-animation-name:introShadow;animation-name:introShadow}.intro-iframe{opacity:0;padding-top:56.25%;position:relative;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.intro-iframe iframe{height:100%;left:0;position:absolute;top:0;width:100%}.intro-author{color:#7a7a7a;font-size:.75rem;margin-top:40px;text-align:center}.intro-author a{color:#363636}.intro-author a:hover{text-decoration:underline}.intro-author span{opacity:.5;-webkit-transition:.1s opacity;-o-transition:.1s opacity;transition:.1s opacity}.intro-author span:hover{opacity:1}.intro-carbon{margin-top:1.5rem}@media screen and (max-width:768px){.intro-buttons .button{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.intro-buttons .button.is-light{margin-top:.5rem}}@media screen and (min-width:769px),print{.intro-title{font-size:2.25rem}.intro-buttons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width:1023px){.intro-column.is-video{margin-top:3rem}}@media screen and (min-width:1024px){.intro-columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.intro-column{width:calc(50% - 1.5rem)}.intro-column.is-content{margin-right:1.5rem}.intro-column.is-video{margin-left:1.5rem}.intro-content{max-width:440px}.intro-title{margin-top:-11px}.intro-title:not(:last-child){margin-bottom:10px}}#github{color:#333;border-color:#333}#github:hover{background:#333;border-color:#333;color:#fff}.bd-tw-button{background-color:#55acee;color:#fff;border-color:transparent!important}.bd-tw-button:hover{background-color:#49a6ed;color:#fff}.bd-tw-button:active,.bd-tw-button:focus{background-color:#3ea1ec;color:#fff}#moreDropdown .navbar-item{padding-left:3em;position:relative}#moreDropdown .icon{left:1rem;position:absolute;text-align:center;top:.375rem;width:1em}#moreDropdownBootstrap .icon{color:#6f5499}#moreDropdownPatreon .icon{color:#f96854}@media screen and (min-width:1024px){#blogDropdown{width:17rem}#blogDropdown .navbar-item{white-space:normal}#moreDropdown{width:14rem}#moreDropdown .navbar-item{padding-right:1rem;white-space:normal}#moreDropdown .navbar-item .level{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.bd-footer-title{color:#363636;font-size:1.25rem;line-height:1.25;margin-bottom:.5rem;-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:color;-o-transition-property:color;transition-property:color}.bd-footer-title strong{font-weight:600}.bd-footer-subtitle{color:#b5b5b5;margin-top:-.5rem;-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:color;-o-transition-property:color;transition-property:color}.bd-footer-iframe{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-10px;min-height:30px}.bd-footer-iframe iframe{height:30px;margin-bottom:10px}.bd-footer-iframe .fb-like{margin-left:10px}.bd-footer-iframe.is-github iframe{width:100%}.bd-footer-tsp{color:#b5b5b5;margin-top:1.5rem}.bd-footer-star,.bd-footer-support{text-align:center}.bd-footer-star .bd-footer-title,.bd-footer-support .bd-footer-title{font-size:1.5rem}.bd-footer-support{border-top:2px solid #f5f5f5;-webkit-box-shadow:none;box-shadow:none;padding:3rem}.bd-footer-support .bd-footer-title{margin-bottom:1.5rem}.bd-footer-donations{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bd-footer-donation{-webkit-box-flex:0;-ms-flex:none;flex:none}.bd-footer-donation-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bd-footer-donation-items .bd-footer-sponsor{width:12rem}.bd-footer-sponsor a{height:70px}@media screen and (min-width:769px),print{.bd-footer-donation{padding:.75rem 1.5rem}}.bd-footer-donation-title{color:#b5b5b5;margin-bottom:.5rem}.bd-footer-donation-title strong{color:currentColor}.bd-footer-donation-action{height:70px}.bd-footer-donation-action .bd-github-button{margin-right:.5rem}.bd-footer-donation-action .bd-github-button,.bd-footer-donation-action .bd-patreon-button{-ms-flex-negative:0;flex-shrink:0}.bd-footer-donation-action .paypal-form{height:30px}.bd-footer-donation-action .paypal-form img{display:block}.bd-footer-stars{margin-top:2.5rem}@media screen and (min-width:769px),print{.bd-footer-stars{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.bd-footer-star{-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:-webkit-box-shadow,-webkit-transform;transition-property:-webkit-box-shadow,-webkit-transform;-o-transition-property:box-shadow,transform;transition-property:box-shadow,transform;transition-property:box-shadow,transform,-webkit-box-shadow,-webkit-transform;will-change:box-shadow,transform}@media screen and (max-width:768px){.bd-footer-star:not(:last-child){margin-bottom:1.5rem}}@media screen and (min-width:769px),print{.bd-footer-star{width:calc(33.3333% - 2rem)}}.bd-footer-star:hover{-webkit-box-shadow:0 3rem 3rem -1.25rem rgba(10,10,10,.1);box-shadow:0 3rem 3rem -1.25rem rgba(10,10,10,.1);-webkit-transform:translateY(-.5rem);-ms-transform:translateY(-.5rem);transform:translateY(-.5rem)}.bd-footer-star:hover .bd-footer-subtitle,.bd-footer-star:hover .bd-footer-title{color:#3273dc}.bd-footer-star.bd-is-expo,.bd-footer-star.bd-is-love{padding-bottom:156px}.bd-footer-star.bd-is-expo .bd-footer-title,.bd-footer-star.bd-is-love .bd-footer-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bd-footer-star.bd-is-expo .bd-footer-title .icon,.bd-footer-star.bd-is-love .bd-footer-title .icon{margin-right:.25em}.bd-footer-star.bd-is-expo{background-image:url(/images/footer/expo-examples.png);background-repeat:repeat-x;background-position:bottom center;background-size:352px 156px}.bd-footer-star.bd-is-love{background-image:url(/images/footer/love.png);background-repeat:no-repeat;background-position:bottom center;background-size:440px 180px}.bd-footer-star-header{padding:1.5rem}.bd-footer-star-figure{height:156px;margin-top:-1rem}.bd-footer-links{margin-top:6rem;padding-bottom:6rem}.bd-footer-links a{color:currentColor}.bd-footer-links a:hover{color:#3273dc}.bd-footer-link-title{color:#363636;font-size:1.25rem;font-weight:600}.bd-footer-link-title:not(:first-child){margin-top:1.5em}.bd-footer-link{margin-top:.5rem}.bd-footer-link.bd-is-more{font-size:.875rem}.bd-footer-link.bd-is-more a:not(:hover){color:#b5b5b5}.bd-footer-link.bd-has-subtitle a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bd-footer-link.bd-has-subtitle a strong{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;font-weight:unset}.bd-footer-link.bd-has-subtitle a em{display:block;font-size:.875rem;font-style:normal}.bd-footer-link.bd-has-subtitle a:not(:hover) em{color:#b5b5b5}@media screen and (max-width:768px){.bd-footer-link.bd-has-subtitle a{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:1rem}.bd-footer-link.bd-has-subtitle a em{width:100%}}@media screen and (min-width:769px),print{.bd-footer-link.bd-has-subtitle a em{margin-left:1rem;text-align:right}}.bd-footer-link-icon{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-right:.5em;text-align:center;width:1em}.bd-spacing-table:hover{color:#dbdbdb}.bd-spacing-table:hover code{background:0 0;color:#dbdbdb}.bd-spacing-table .bd-current-row{background-color:#f5f5f5}.bd-spacing-table .bd-current-row:first-child{background-color:#feecf0;color:#363636}.bd-spacing-table .bd-current-row:first-child code{background-color:#f14668;color:#fff}.bd-spacing-table .bd-current-row.bd-current-column{background-color:#ebfffc;color:#363636}.bd-spacing-table .bd-current-row.bd-current-column code{background-color:#00d1b2;color:#fff}.bd-spacing-table .bd-current-column{background-color:#f5f5f5}.bd-spacing-table .bd-current-value{background-color:#feecf0}.bd-spacing-table .bd-current-value code{background-color:#f14668;color:#fff}::-moz-selection{background-color:#00d1b2;color:#fff}::selection{background-color:#00d1b2;color:#fff}.bd-post-container{margin:0 auto;max-width:56rem}.bd-post-fullwidth{text-align:center}@media screen and (min-width:60rem){.bd-post-fullwidth{margin-left:calc(28rem - 50vw);margin-right:calc(28rem - 50vw)}}.bd-post .table{font-size:1rem}.bd-post .bd-anchor-title{margin-top:0!important}.bd-has-drawing{position:relative}.bd-drawing{display:none;pointer-events:none;position:absolute}.bd-drawing.bd-is-try-it-out{bottom:100%;right:100%}.bd-drawing.bd-is-love-letters{bottom:110%;right:10%}.bd-drawing.bd-is-crazy{left:-10%;top:110%}.bd-drawing.bd-is-customize{right:-10%;top:105%}.bd-drawing.bd-is-opinion-free{right:100%;top:110%}.bd-drawing.bd-is-join-us{bottom:80%;left:100%}.bd-drawing.bd-is-spam-free{bottom:100%;right:90%}@media screen and (min-width:769px),print{.bd-drawing{display:inline}}.bd-links{counter-reset:bd-links}.bd-link{border-radius:6px;color:#7a7a7a;display:block;font-size:1.25rem;padding:1rem 3rem 1.5rem 5rem;position:relative;-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color}.bd-link strong{font-weight:600}.bd-link:hover{background-color:#fafafa}.bd-link-surtitle{float:right;font-size:.75em;margin-bottom:1em;margin-left:2em;opacity:.5;padding-top:.25em}.bd-link-name{line-height:1.25;margin-bottom:.25em;position:relative}.bd-link-figure{position:absolute;right:calc(100% + .75em);text-align:center;top:0;min-width:1.5em}.bd-link-counter{color:#3273dc;display:block;counter-increment:bd-links;font-weight:400}.bd-link-counter::before{content:counter(bd-links)}.bd-link-icon{display:block;font-size:2rem;width:1.5em}.bd-link-more{font-size:.75em;opacity:.5}@media screen and (max-width:768px){.bd-links{margin-left:-1.5rem;margin-right:-1.5rem}.bd-link{border-radius:0;padding-right:1.5rem}}@media screen and (min-width:1024px){.bd-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.bd-link{width:50%}}.bd-link-name{color:#363636;font-size:1.5rem;font-weight:600}.bd-docs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.bd-doc{margin:0 3rem 1.5rem 0}@media screen and (max-width:768px){.bd-doc{min-width:calc(50% - 3rem)}}@media screen and (min-width:769px),print{.bd-doc{min-width:calc(33.3333% - 3rem)}}.bd-doc-title{color:#363636}.bd-doc-title a{color:currentColor}.bd-doc-title a:hover{color:#3273dc}.bd-doc-title:not(:last-child){margin-bottom:.75rem}.bd-boxes{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bd-box{border:4px solid #f5f5f5;border-radius:4px}.bd-box-header{text-align:center}.bd-typo{text-align:center}.bd-typo:not(:first-child){margin-top:3rem}.bd-has-text-rss{color:#f26522}.has-text-star{color:#ffd257}.bd-special-shadow{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,0));background-image:-o-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,0));background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,0));height:8px;left:0;opacity:0;position:absolute;right:0;top:100%;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}@media screen and (max-width:1023px){.bd-is-clipped-touch{overflow:hidden!important}}#images tr td:nth-child(2){width:320px}.bd-color{border-radius:2px;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.1);box-shadow:0 2px 3px 0 rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.1);display:inline-block;float:left;height:24px;margin-right:8px;width:24px}.button.bd-is-rss{background-color:#f26522;border-color:transparent;color:#fff}.button.bd-is-rss:hover{background-color:#ed560e}.button.bd-is-rss:active{background-color:#d54d0d}.bd-view-all-versions{color:#7a7a7a}.bd-view-all-versions:hover{text-decoration:underline}.bd-feature-title{color:#7a7a7a}.bd-feature-title a{border-bottom:1px solid transparent;color:#363636}.bd-feature-title a:hover{border-bottom-color:#00d1b2}.bd-anchor-title{padding-top:1.5rem;position:relative}@media screen and (max-width:1215px){.bd-anchor-title{padding-left:2rem}}.bd-anchor-link{position:absolute;right:calc(100% + 1rem);top:1.5rem}@media screen and (max-width:1215px){.bd-anchor-link{left:0;right:auto}}.has-text-orange{color:#ff470f!important}.has-text-purple{color:#b86bff!important}.has-text-bootstrap{color:#6f5499!important}.has-text-patreon{color:#f96854!important}.bd-emoji{margin-right:.5em;margin-top:2px}.bd-emoji-bis{font-size:1.25em;vertical-align:middle}.bd-notification{background-color:#f5f5f5;border-radius:4px;color:#7a7a7a;font-weight:600;padding:1.25rem 0;position:relative;text-align:center}.bd-notification .content,.bd-notification .subtitle,.bd-notification .title,.bd-notification strong{color:currentColor}.bd-notification code,.bd-notification pre{background-color:rgba(10,10,10,.2);border-radius:4px;color:#fff}.bd-notification pre code{background-color:transparent}.bd-notification.is-white{background-color:#fff;color:#0a0a0a}.bd-notification.is-black{background-color:#0a0a0a;color:#fff}.bd-notification.is-light{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.bd-notification.is-dark{background-color:#363636;color:#fff}.bd-notification.is-primary{background-color:#00d1b2;color:#fff}.bd-notification.is-link{background-color:#3273dc;color:#fff}.bd-notification.is-info{background-color:#3298dc;color:#fff}.bd-notification.is-success{background-color:#48c774;color:#fff}.bd-notification.is-warning{background-color:#ffdd57;color:rgba(0,0,0,.7)}.bd-notification.is-danger{background-color:#f14668;color:#fff}.bd-icon-size .icon{background-color:#ffdd57}.bd-mwb-table td{vertical-align:middle}.bd-mwb-table td img{vertical-align:middle}.bd-example,.bd-snippet,.bd-structure{border:2px solid #f5f5f5;position:relative}.bd-example::before,.bd-snippet::before,.bd-structure::before{background:#ffdd57;border-radius:2px 2px 0 0;bottom:100%;color:rgba(0,0,0,.7);content:"Example";display:inline-block;font-size:7px;font-weight:700;left:-1px;letter-spacing:1px;margin-left:-1px;padding:3px 5px;position:absolute;text-transform:uppercase;vertical-align:top}@media screen and (min-width:769px),print{.bd-example.is-fullwidth,.bd-snippet.is-fullwidth,.bd-structure.is-fullwidth{border-left:none;border-right:none;padding:0}}.bd-example,.bd-structure{padding:1.5rem}.bd-example:not(:first-child),.bd-structure:not(:first-child){margin-top:2rem}.bd-example:not(:last-child),.bd-structure:not(:last-child){margin-bottom:1.5rem}.bd-example.bd-is-clipped{border-top-right-radius:6px}.bd-example+.highlight{border:1px solid #ffdd57;border-radius:0 0 4px 4px;border-top:none;margin-top:-1.5rem}.bd-example+.highlight:not(:last-child){margin-bottom:1.5rem}.bd-snippet{margin-top:2rem;position:relative}.bd-snippet:not(:last-child){margin-bottom:1.5rem}.bd-snippet::before{content:"Snippet";-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}.bd-snippet-preview{padding:1.5rem}.bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight{height:2em;overflow:hidden}.bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre{overflow:hidden}.bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight .bd-show{display:-webkit-box;display:-ms-flexbox;display:flex}.bd-snippet.bd-is-horizontal{border-radius:6px;border-top-left-radius:0}.bd-snippet.bd-is-horizontal .bd-snippet-code .highlight{border-top-left-radius:0;border-top-right-radius:0}.bd-snippet.bd-is-horizontal .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre{padding-top:.325rem}.bd-snippet.bd-is-clipped .bd-snippet-code{overflow:auto}.bd-snippet.bd-is-fullwidth{border-radius:0;border-width:1px 0}@media screen and (min-width:1024px){.bd-snippet.bd-is-vertical{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-radius:6px;border-top-left-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bd-snippet.bd-is-vertical .bd-snippet-code,.bd-snippet.bd-is-vertical .bd-snippet-preview{width:50%}.bd-snippet.bd-is-vertical .bd-snippet-code,.bd-snippet.bd-is-vertical .bd-snippet-code .highlight,.bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-radius:0 6px 6px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bd-snippet.bd-is-vertical .bd-snippet-code .highlight,.bd-snippet.bd-is-vertical .bd-snippet-code .highlight .language-html,.bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre{white-space:pre}.bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-preview{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc(128px + 3rem)}.bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-code{width:calc(100% - 128px - 3rem)}.bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-preview{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc(256px + 3rem)}.bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-code{width:calc(100% - 256px - 3rem)}.bd-snippet.bd-is-vertical.bd-is-one-third .bd-snippet-preview{width:33.3333%}.bd-snippet.bd-is-vertical.bd-is-one-third .bd-snippet-code{width:66.6666%}}.highlight.bd-is-hovering{border-radius:2px;-webkit-box-shadow:0 0 0 2px #ffdd57;box-shadow:0 0 0 2px #ffdd57}.highlight pre{max-height:320px;margin-bottom:0!important}#navbarJsExample:not(:last-child),.highlight-full:not(:last-child){margin-bottom:1.5rem}#navbarJsExample .highlight pre,.highlight-full .highlight pre{max-height:none}.bd-structure{border-color:#f14668;border-radius:4px;padding:1.5rem}.bd-structure::before{background:#f14668;color:#fff;content:"Structure"}.bd-structure-item{position:relative}.bd-structure-item::before{bottom:0;left:0;position:absolute;right:0;top:0;background:rgba(10,10,10,.7);background:#f5f5f5;border:1px solid #dbdbdb;content:"";display:block;z-index:1}.bd-structure-item::after{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:attr(title);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:monospace;font-size:11px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:3px 5px;z-index:2}.bd-structure-item.bd-is-structure-container{padding:1.5rem .75rem .75rem}.bd-structure-item.bd-is-structure-container::after{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.5rem .75rem}.highlight{position:relative}.highlight .bd-copy,.highlight .bd-expand{background:0 0;border:none;color:#4a4a4a;cursor:pointer;font-size:.625rem;outline:0;padding-bottom:0;padding-top:0;position:absolute;right:.25rem;top:.25rem}.highlight .bd-copy:hover,.highlight .bd-expand:hover{background-color:#ffdd57;color:rgba(0,0,0,.7)}.highlight .bd-copy:active,.highlight .bd-copy:focus,.highlight .bd-expand:active,.highlight .bd-expand:focus{-webkit-box-shadow:none;box-shadow:none}.highlight .bd-expand{right:45px}.highlight .bd-show{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(245,245,245,.7);border:none;color:rgba(0,0,0,.5);cursor:pointer;display:none;font-size:.75rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.highlight .bd-show strong{color:currentColor;font-weight:600}.highlight .bd-show:hover{background-color:rgba(255,221,87,.8);color:rgba(0,0,0,.7)}@media screen and (min-width:769px),print{.highlight pre{white-space:pre-wrap}}@media screen and (min-width:769px),print{.section:not(.is-fullwidth)>.bd-example:not(.is-fullwidth){margin-left:1.5rem;margin-right:1.5rem}.section:not(.is-fullwidth)>.bd-example:not(.is-fullwidth)+.highlight{margin-left:1.5rem;margin-right:1.5rem}}.section.is-fullwidth{padding:0!important}.section.is-fullwidth .bd-snippet{border-left:none;border-radius:0;border-right:none}.section.is-fullwidth .bd-example{border-left:none;border-radius:0;border-right:none;padding:0}.section.is-fullwidth .bd-example+.highlight{border-left:none;border-radius:0;border-right:none}.bd-callout{background-color:#f5f5f5;border-radius:4px;padding:1.25rem 2.5rem 1.25rem 1.5rem;position:relative}.bd-callout:not(:last-child){margin-bottom:1.5rem}.bd-callout.is-white{background-color:#fff;color:#0a0a0a}.bd-callout.is-black{background-color:#0a0a0a;color:#fff}.bd-callout.is-light{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.bd-callout.is-dark{background-color:#363636;color:#fff}.bd-callout.is-primary{background-color:#00d1b2;color:#fff}.bd-callout.is-link{background-color:#3273dc;color:#fff}.bd-callout.is-info{background-color:#3298dc;color:#fff}.bd-callout.is-success{background-color:#48c774;color:#fff}.bd-callout.is-warning{background-color:#ffdd57;color:rgba(0,0,0,.7)}.bd-callout.is-danger{background-color:#f14668;color:#fff}.bsa{padding:2rem}.bsa-cpc{min-height:1px}#_default_ .default-ad{background-color:rgba(0,0,0,.3);border-radius:2px;color:#fff;display:inline-block;font-size:10px;font-weight:700;padding:0 4px;text-transform:uppercase;vertical-align:top}#_default_>a{background-color:#fff;border-radius:6px;-webkit-box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);color:#4a4a4a;display:block;line-height:1.375;margin-top:15px;min-height:70px;padding:15px;padding-left:70px;position:relative}#_default_>a:focus,#_default_>a:hover{-webkit-box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px #3273dc;box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px #3273dc}#_default_>a:active{-webkit-box-shadow:inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #3273dc;box-shadow:inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #3273dc}#_default_>a span{display:block}#_default_>a .default-image{display:block;left:15px;height:40px;position:absolute;top:15px;width:40px}#_default_>a .default-image img{display:block;height:40px;width:40px}#_default_>a .default-title{color:#363636;display:inline;font-weight:700}#_default_>a .default-title::after{content:" \2014   "}#_default_>a .default-description{display:inline}@media screen and (min-width:769px),print{.bsa .columns{min-height:120px}#_default_{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}#_default_ .default-ad{left:100%;margin-left:2rem;position:absolute;top:0}#_default_>a{margin:0;width:calc(50% - 1rem)}#_default_>a:not(:nth-child(2)){margin-left:2rem}}.bd-tws-home{background-color:#fafafa}.bd-tw{background-color:#fafafa;border-radius:6px;color:#697882;-ms-flex-negative:0;flex-shrink:0;font-family:Helvetica,Roboto,"Segoe UI",Calibri,sans-serif;font-size:16px;max-width:420px;padding:20px;text-align:left}.bd-tw.bd-is-white{background-color:#fff}.bd-tw-header{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.bd-tw-author{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#363636;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.2}.bd-tw-author:hover{color:#2b7bb9}.bd-tw-avatar{-ms-flex-negative:0;flex-shrink:0;height:36px;margin-right:9px;width:36px}.bd-tw-avatar img{border-radius:290486px;display:block;height:36px;width:36px}.bd-tw-fullname{color:#363636;display:block;font-size:16px;font-weight:700}.bd-tw-username{color:#697882;display:block;font-size:14px}.bd-tw-content{color:#363636;font-size:16px;line-height:1.4;margin-top:14px}.bd-tw-content a{color:#2b7bb9}.bd-tw-content .Emoji{height:1.25em;padding:0 .05em 0 .1em;vertical-align:-.2em;width:1.25em}.bd-tw-date{font-size:14px;line-height:1.4;margin-top:3.2px}.bd-tw-date a{color:#697882}.bd-tw-date a:hover{color:#2b7bb9}.Tweet-actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:8.4px}.Tweet-action{margin-right:1.25rem}.TweetAction{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;min-width:24px}.TweetAction:hover .Icon--replyEdge{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%231DA1F2%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E)}.TweetAction:hover .Icon--retweetEdge{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2317BF63%22%20d%3D%22M23.77%2015.67c-.292-.293-.767-.293-1.06%200l-2.22%202.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414%200-.75.336-.75.75s.336.75.75.75h5.85c1.24%200%202.25%201.01%202.25%202.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06%200s-.294.768%200%201.06l3.5%203.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767%200-1.06zm-10.66%203.28H7.26c-1.24%200-2.25-1.01-2.25-2.25V6.46l2.22%202.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768%200-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06%200l-3.5%203.5c-.294.292-.294.767%200%201.06s.767.293%201.06%200l2.22-2.22V16.7c0%202.068%201.683%203.75%203.75%203.75h5.85c.414%200%20.75-.336.75-.75s-.337-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E)}.TweetAction:hover .Icon--heartEdge{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23E0245E%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E)}.Tweet-action--retweet:hover .TweetAction-stat{color:#17bf63}.Tweet-action--heart:hover .TweetAction-stat{color:#e0245e}.TweetAction-icon{background-size:contain;height:20px;width:20px}.TweetAction-stat{color:#697882;font-size:14px;margin-left:5px;margin-top:1px}.Icon--replyEdge{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E)}.Icon--retweetEdge{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M23.77%2015.67c-.292-.293-.767-.293-1.06%200l-2.22%202.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414%200-.75.336-.75.75s.336.75.75.75h5.85c1.24%200%202.25%201.01%202.25%202.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06%200s-.294.768%200%201.06l3.5%203.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767%200-1.06zm-10.66%203.28H7.26c-1.24%200-2.25-1.01-2.25-2.25V6.46l2.22%202.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768%200-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06%200l-3.5%203.5c-.294.292-.294.767%200%201.06s.767.293%201.06%200l2.22-2.22V16.7c0%202.068%201.683%203.75%203.75%203.75h5.85c.414%200%20.75-.336.75-.75s-.337-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E)}.Icon--heartEdge{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E)}@media screen and (max-width:768px){.bd-tws-home{padding:1.5rem}.bd-tws-home .bd-tw:not(:last-child){margin-bottom:1.5rem}}@media screen and (min-width:769px),print{.bd-tws-home{padding:3rem}.bd-tws-home .bd-tw+.bd-tw{margin-top:1.5rem}}@media screen and (max-width:1023px){.bd-tws-love .bd-tw:not(:last-child){margin-bottom:1.5rem}}@media screen and (min-width:1024px){.bd-tws-home{min-height:595px}.bd-tws-love{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-.75rem}.bd-tws-love .bd-tw{margin:.75rem;width:calc(33.3333% - 1.5rem)}}@media screen and (min-width:1216px){.bd-tws-home{min-height:653px}}@media screen and (min-width:1408px){.bd-tws-home{min-height:632px}}.twitter-tweet:not(.twitter-tweet-rendered){background-color:#fff;border:1px solid #e1e8ed;border-radius:5px;color:#697882;font-size:14px;padding:20px 20px 11.6px}.twitter-tweet:not(.twitter-tweet-rendered) a{color:currentColor}.twitter-tweet:not(.twitter-tweet-rendered) a:hover{text-decoration:underline}.twitter-tweet:not(.twitter-tweet-rendered) p{color:#363636;font-size:16px;margin-bottom:3.2px}.twitter-tweet:not(.twitter-tweet-rendered) p a{color:#2b7bb9}.twitter-tweet-rendered{border:none;border-radius:0;margin:0!important;padding:0!important}.bd-expo{background-color:#fff;padding:1.5rem}.bd-website{display:block;position:relative;text-align:center}.bd-website:last-child{margin-bottom:0}.bd-website-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1.5rem;position:relative}.bd-website-image:hover .bd-website-shadow{opacity:0}.bd-website-image:hover .bd-website-overlay{opacity:.25}.bd-website-image .b-lazy{opacity:0;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.bd-website-image .b-loaded{opacity:1}.bd-website-shadow{border:1px solid rgba(0,0,0,.04);-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.bd-website-overlay{background-color:#0a0a0a;opacity:0;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}@media screen and (max-width:768px){.bd-website:not(:last-child){margin-bottom:1.5rem}}@media screen and (min-width:769px),print{.bd-expo{padding-bottom:3rem;padding-top:3rem}.bd-websites{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bd-website{margin-bottom:3rem;width:calc(50% - 3rem)}.bd-website.bd-is-highlighted{width:100%}.bd-website-image{margin-bottom:3rem}}.bd-testimonials{background-color:#f5f5f5}.bd-testimonial{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bd-testimonial-tweet{background-color:#fff}.bd-more-loves{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1.5rem;text-align:center}.bd-more-loves .button{height:auto;padding:.75em 1.5em}.bd-more-loves .button span{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 86ms ease-out;transition:-webkit-transform 86ms ease-out;-o-transition:transform 86ms ease-out;transition:transform 86ms ease-out;transition:transform 86ms ease-out, -webkit-transform 86ms ease-out}.bd-more-loves .button:hover span{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)}@media screen and (max-width:768px){.bd-testimonials{padding:1.5rem}.bd-testimonial{margin-bottom:1.5rem}}@media screen and (min-width:769px),print{.bd-testimonials{padding:3rem}.bd-testimonial+.bd-testimonial{margin-top:1.5rem}}@media screen and (min-width:1024px){.bd-testimonials{min-height:595px}}@media screen and (min-width:1216px){.bd-testimonials{min-height:653px}}@media screen and (min-width:1408px){.bd-testimonials{min-height:632px}}.bd-rainbow{-webkit-animation:rainbow 8s ease infinite;animation:rainbow 8s ease infinite;background-image:-webkit-linear-gradient(326deg,#ff470f,#f14668,#b86bff,#3273dc);background-image:-o-linear-gradient(326deg,#ff470f,#f14668,#b86bff,#3273dc);background-image:linear-gradient(124deg,#ff470f,#f14668,#b86bff,#3273dc);background-size:800% 800%}.hero.bd-is-love .subtitle,.hero.bd-is-love .title{color:#fff}@-webkit-keyframes rainbow{0%{background-position:1% 80%}50%{background-position:99% 20%}100%{background-position:1% 80%}}@keyframes rainbow{0%{background-position:1% 80%}50%{background-position:99% 20%}100%{background-position:1% 80%}}.bd-hug{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.bd-hug{margin:1.5rem}.bd-embrace{text-align:center}.bd-embrace:not(:first-child){margin-top:1.5rem}.bd-embrace:not(:last-child){margin-bottom:1.5rem}.bd-embrace-button{margin-top:.75rem}}@media screen and (min-width:769px),print{.bd-embrace{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bd-embrace:not(:first-child){margin-top:3rem}.bd-embrace:not(:last-child){margin-bottom:3rem}.bd-embrace-button{margin-left:1.5rem}.bd-hugs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:3rem}.bd-hug{margin-top:1.5rem;width:calc(33.3333% - 1rem)}.bd-hug:nth-child(1),.bd-hug:nth-child(2),.bd-hug:nth-child(3){margin-top:0}.bd-hug:nth-child(3n),.bd-hug:nth-child(3n-1){margin-left:1.5rem}}.bd-shoutout{background-color:#f5f5f5;padding:2rem;text-align:center}.bd-shoutout:not(:last-child){margin-bottom:3rem}.bd-shoutout-text.title{opacity:.8}.bd-shoutout-text.subtitle{opacity:.5}.bd-shoutout-button{margin-top:-.75rem}.bd-bootstrap-table{margin:3rem 0}.bd-pros-heading{padding:0 2rem;text-align:center}.bd-pros-icon{margin-bottom:3rem;text-align:center}.bd-pros-icon svg{height:3rem;width:auto}.bd-pros-list{margin:0 auto;max-width:540px}.bd-pro .icon{position:relative;top:-1px}.bd-pro .title{margin-bottom:.5rem}.bd-pro+.pro{margin-top:2rem;padding-top:2rem}.bd-pro-content p:not(:last-child){margin-bottom:.5rem}.bd-pro.bd-is-bulma .icon{color:#00d1b2}.bd-pro.bd-is-bootstrap .icon{color:#6f5499}.bd-bootstrap-comparison{margin:0 auto;max-width:42rem}.bd-bootstrap-comparison .table{color:#f14668}.bd-bootstrap-comparison .table tfoot th,.bd-bootstrap-comparison .table thead th{font-size:1.5rem;text-align:center}.bd-bootstrap-comparison .table tfoot svg,.bd-bootstrap-comparison .table thead svg{height:1.5rem;margin-right:1rem;position:relative;top:.25rem;width:auto}.bd-bootstrap-comparison .table tbody th{font-size:1.25rem;text-align:center}.bd-bootstrap-comparison .table tbody td{font-family:monospace;width:50%}.bd-bootstrap-comparison .table tbody a{color:currentColor}.bd-bootstrap-comparison .table tbody a:hover{text-decoration:underline}.bd-bootstrap-comparison .table .bd-is-empty{background-color:#f5f5f5;color:#7a7a7a}.bd-bootstrap-comparison .table .bd-is-unique{background-color:rgba(72,199,116,.25);color:#363636;font-weight:700}.bd-bootstrap-comparison-header{margin-bottom:3rem}.bd-klmn{margin-bottom:1.5rem}.bd-klmn-gaps{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:1.25rem}.bd-klmn-label{margin:.25rem auto .25rem 0}.bd-klmn-gap{background-color:#f5f5f5;border-radius:4px;color:#f14668;font-family:monospace;font-size:.75rem;margin:.25rem 0 .25rem .5rem;padding:.375em .75em;text-align:center;vertical-align:middle!important;white-space:nowrap}.bd-klmn-gap.bd-is-selected{background-color:#48c774;color:#fff}.bd-klmn-columns:last-child .bd-notification{font-size:.75rem;white-space:nowrap}.bd-side-sponsrs{margin-top:3rem;text-align:center}.bd-banner-label,.bd-side-sponsor-label{color:#b5b5b5;font-size:.75rem;margin-bottom:.75rem}.bd-side-sponsor{display:inline-block;height:50px;vertical-align:top}.bd-side-sponsor img{display:block;max-height:100%}.bd-banner{border-radius:6px;display:block;margin-top:3rem;padding-bottom:1.5rem;position:relative;text-align:center;-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:border-color,color;-o-transition-property:border-color,color;transition-property:border-color,color}.bd-banner strong{color:currentColor}.bd-banner .tag{margin-bottom:.25em}.bd-banner.is-patreon{background-color:#052d49;color:#fff}.bd-banner .button{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition-duration:86ms;-o-transition-duration:86ms;transition-duration:86ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform}.bd-banner:hover{border-color:#3273dc;color:#3273dc}.bd-banner:hover .bd-banner-title{color:currentColor}.bd-banner:hover .button{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.bd-banner-background{bottom:0;left:0;position:absolute;right:0;top:0;background-image:url(/images/fortyfour-background.jpg);background-position:center center;background-size:cover;opacity:.5}.bd-banner-title{color:#363636;font-size:1.25em;font-weight:600;line-height:1.25;margin-bottom:.25em}.bd-banner-text{display:none;font-size:.875em;line-height:1.25;margin-bottom:.5rem;position:relative}.bd-banner-image{height:176px;margin-bottom:1rem;margin-top:1rem}.bd-banner-image img{display:inline-block;vertical-align:top}.bd-banner-button{display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:34px;position:relative;width:145px}.bd-banner-button img{max-height:100%}.hero.bd-is-patreon{background-color:#f96854}.bd-sponsors{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.bd-sponsors a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:3rem;width:150px}.bd-partnrs-list{margin:-3rem 0 3rem}.bd-partner-sponsors{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}.bd-partner-sponsor{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:.25rem 1rem;min-height:80px;text-align:center}.bd-partner-sponsor.is-text{color:#7a7a7a;line-height:1.25}.bd-partner-sponsor.is-text .bd-sponsor-item{display:inline}.bd-partner-sponsor.is-text .bd-sponsor-item:before{display:none}.bd-sponsor-item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.bd-sponsor-item img,.bd-sponsor-item strong{position:relative}.bd-partnrs{background-color:#fafafa}.bd-partnrs #carbonads .carbon-text{padding-bottom:0}.bd-partnrs #carbonads .carbon-poweredby{display:none}.bd-minis-title,.bd-partner-title{color:#b5b5b5;font-size:.875rem;margin-bottom:1rem}.bd-minis{margin-top:1rem;text-align:center}.bd-minis-link{color:#7a7a7a}.bd-minis-link .icon{margin-right:.25em}.bd-minis-link strong{color:#7a7a7a;margin-left:.25em}.bd-minis-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:-1rem}.bd-mini{-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1);margin:1rem}.bd-mini img{display:block}@media screen and (max-width:768px){.bd-minis-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width:769px),print{.bd-partnrs-list{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto}.bd-partner.bd-is-sponsor{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.bd-partner.bd-is-carbon{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-left:1rem;width:300px}.bd-partner-sponsor{width:12rem}}@media screen and (min-width:1216px){.bd-partner.bd-is-carbon{margin-left:3rem}.bd-partner-sponsors{min-height:120px}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes zoomIn{from{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{from{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.bd-book-banner{background-color:#00d1b2;position:relative}.bd-book-modal-column.bd-is-cover,.bd-book-pattern{background-image:url(/images/hab/lightpaperfibers_@2X.png);background-repeat:repeat;background-size:250px 150px}.bd-book-modal-column.bd-is-cover::before,.bd-book-pattern::before{bottom:0;left:0;position:absolute;right:0;top:0;background-color:rgba(255,237,215,.1);content:"";display:block}.bd-book-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.bd-book-header{position:relative}.bd-book-cover{padding-top:.75rem;position:relative;text-align:center}.bd-book-cover a{display:inline-block;vertical-align:top}.bd-book-cover img{display:block}.bd-book-content{-webkit-box-shadow:0 3rem 3rem -1rem rgba(10,10,10,.2);box-shadow:0 3rem 3rem -1rem rgba(10,10,10,.2);max-width:520px;padding:3rem}.bd-book-description{max-width:340px}.bd-book-tags{margin-bottom:1.5rem}.bd-book-tags .tags .tag{margin-right:1px}.bd-book-buttons .button{height:auto;padding-bottom:calc(1em - 1px);padding-top:calc(.5em - 1px)}.bd-book-buttons .button>span{font-size:.875em}.bd-book-buttons .button>span>em{display:block;font-size:.5em;font-style:normal;line-height:1em;margin-bottom:.5em;opacity:.5}.bd-book-buttons .button img{display:block;max-height:24px}.bd-book-buttons .button.bd-is-bleeding{background-color:#abf47c;border-color:transparent}.bd-book-buttons .button.bd-is-bleeding:hover{background-color:#9cf264}.bd-book-buttons .button.bd-is-amazon{background-color:#ffd863;border-color:transparent}.bd-book-buttons .button.bd-is-amazon:hover{background-color:#ffd24a}.bd-book-buttons .button.bd-is-amazon img{margin-bottom:-11px}.bd-book-columns{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto;max-width:1080px}.bd-book-modal-background{bottom:0;left:0;position:absolute;right:0;top:0;background-color:rgba(10,10,10,.86)}.bd-book-modal .bd-book-modal-background,.bd-book-modal .modal-content{-webkit-animation-duration:250ms;animation-duration:250ms;animation-easing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bd-book-modal .bd-book-modal-background{-webkit-animation-name:fadeIn;animation-name:fadeIn}.bd-book-modal .modal-content{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.bd-book-modal-cover{padding:2rem;position:relative}.bd-book-modal-columns{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.bd-book-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bd-book-buttons .button{width:100%}.bd-book-buttons .button:not(:last-child){margin-right:0;margin-bottom:1rem}.bd-book-modal .bd-book-content{padding:2rem}.bd-book-modal-column.bd-is-cover{display:none}}@media screen and (min-width:769px),print{.bd-book-columns{-ms-flex-pack:distribute;justify-content:space-around}.bd-book-header .tag{position:absolute;right:calc(100% + 1.25rem);top:.5rem}.bd-book-buttons .button{width:calc(50% - .5rem)}.bd-book-modal .modal-content{width:960px}.bd-book-inline-cover{display:none}.bd-book-modal-column{background-color:#fff;position:relative}.bd-book-modal-column.bd-is-cover{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem}.bd-book-modal-column.bd-is-content .bd-book-content{-webkit-box-shadow:none;box-shadow:none}}.native-js{display:none;font-size:1rem;opacity:0;position:relative;visibility:hidden}.native-js::before{bottom:0;left:0;position:absolute;right:0;top:0;background-color:#000;bottom:0;content:"";display:block;left:0;opacity:.02;pointer-events:none;right:0;top:0}.native-show{display:block;opacity:1;visibility:visible}.native-flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2em;position:relative;text-decoration:none}.native-flex:hover .native-cta{-webkit-box-shadow:0 1rem 2rem 0 rgba(10,10,10,.1);box-shadow:0 1rem 2rem 0 rgba(10,10,10,.1);-webkit-transform:translateY(-.25rem);-ms-transform:translateY(-.25rem);transform:translateY(-.25rem)}.native-img{border-radius:3px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;height:50px;width:125px}.native-details{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.native-main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;max-width:640px}.native-company{display:block;font-size:.625em;letter-spacing:2px;margin-bottom:4px;text-transform:uppercase}.native-desc{display:block}.native-cta{border:none;-webkit-box-shadow:0 .5rem 1rem 0 rgba(10,10,10,.2);box-shadow:0 .5rem 1rem 0 rgba(10,10,10,.2);-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-weight:600;height:auto;padding:.5em 1em;-webkit-transition-duration:172ms;-o-transition-duration:172ms;transition-duration:172ms;-webkit-transition-property:-webkit-box-shadow,-webkit-transform;transition-property:-webkit-box-shadow,-webkit-transform;-o-transition-property:box-shadow,transform;transition-property:box-shadow,transform;transition-property:box-shadow,transform,-webkit-box-shadow,-webkit-transform;will-change:box-shadow,transform}@media screen and (max-width:599px){.native-flex{display:block;text-align:center}.native-main{margin-bottom:2em}.native-details{margin:1em}}@media screen and (min-width:600px){.native-flex{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4em;text-align:left}.native-main{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:2em}.native-details{margin-left:2em}}@media screen and (min-width:1216px){.native-js{font-size:1.25rem}}@-webkit-keyframes bdGrow{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bdGrow{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bdSlideDown{from{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bdSlideDown{from{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bdSlideUp{from{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bdSlideUp{from{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.bd-focus-css3,.bd-focus-cube-1,.bd-focus-cube-2,.bd-focus-cube-3,.bd-focus-desktop,.bd-focus-github,.bd-focus-item .subtitle,.bd-focus-item .title,.bd-focus-mobile,.bd-focus-tablet,.intro-author,.intro-buttons .button,.intro-ghbtns,.intro-npm,.intro-title{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.14,.71,.29,.86);animation-timing-function:cubic-bezier(.14,.71,.29,.86);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.intro-title{-webkit-animation-name:bdSlideDown;animation-name:bdSlideDown}.intro-author,.intro-ghbtns{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:bdFadeIn;animation-name:bdFadeIn}.intro-npm{-webkit-animation-delay:250ms;animation-delay:250ms;-webkit-animation-name:bdSlowIn;animation-name:bdSlowIn}.intro-buttons .button{-webkit-animation-name:bdSlowIn;animation-name:bdSlowIn}.intro-buttons .button:first-child{-webkit-animation-delay:.5s;animation-delay:.5s}.intro-buttons .button:last-child{-webkit-animation-delay:750ms;animation-delay:750ms}.bd-focus-item .title{-webkit-animation-name:bdSlideDown;animation-name:bdSlideDown}.bd-focus-item .subtitle{-webkit-animation-name:bdSlideUp;animation-name:bdSlideUp}.bd-focus-item:nth-child(1) .title{-webkit-animation-delay:1s;animation-delay:1s}.bd-focus-item:nth-child(1) .subtitle{-webkit-animation-delay:1.125s;animation-delay:1.125s}.bd-focus-item:nth-child(2) .title{-webkit-animation-delay:1.5s;animation-delay:1.5s}.bd-focus-item:nth-child(2) .subtitle{-webkit-animation-delay:1.625s;animation-delay:1.625s}.bd-focus-item:nth-child(3) .title{-webkit-animation-delay:2s;animation-delay:2s}.bd-focus-item:nth-child(3) .subtitle{-webkit-animation-delay:2.125s;animation-delay:2.125s}.bd-focus-item:nth-child(4) .title{-webkit-animation-delay:2.5s;animation-delay:2.5s}.bd-focus-item:nth-child(4) .subtitle{-webkit-animation-delay:2.625s;animation-delay:2.625s}.bd-focus-desktop,.bd-focus-mobile,.bd-focus-tablet{-webkit-animation-name:bdGrow;animation-name:bdGrow;-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}.bd-focus-mobile{-webkit-animation-delay:1s;animation-delay:1s}.bd-focus-tablet{-webkit-animation-delay:1.25s;animation-delay:1.25s}.bd-focus-desktop{-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes bdCube1{0%{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);opacity:0}100%,25%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes bdCube1{0%{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);opacity:0}100%,25%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes bdCube2{0%{-webkit-transform:translate3d(-40px,30px,0);transform:translate3d(-40px,30px,0);opacity:0}100%,25%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes bdCube2{0%{-webkit-transform:translate3d(-40px,30px,0);transform:translate3d(-40px,30px,0);opacity:0}100%,25%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes bdCube3{0%{-webkit-transform:translate3d(40px,30px,0);transform:translate3d(40px,30px,0);opacity:0}100%,25%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes bdCube3{0%{-webkit-transform:translate3d(40px,30px,0);transform:translate3d(40px,30px,0);opacity:0}100%,25%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.bd-focus-cube-1,.bd-focus-cube-2,.bd-focus-cube-3{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bd-focus-cube-1{-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-name:bdCube1;animation-name:bdCube1}.bd-focus-cube-2{-webkit-animation-name:bdCube2;animation-name:bdCube2;-webkit-animation-delay:1.75s;animation-delay:1.75s}.bd-focus-cube-3{-webkit-animation-name:bdCube3;animation-name:bdCube3;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes bdFadeIn{from{opacity:0}to{opacity:1}}@keyframes bdFadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes bdSlowIn{from{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bdSlowIn{from{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bdScaleIn{from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bdScaleIn{from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.bd-focus-css3{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-name:bdScaleIn;animation-name:bdScaleIn}.bd-focus-github{-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:bdJellyPop;animation-name:bdJellyPop}@-webkit-keyframes bdJellyPop{0%{opacity:0;-webkit-transform:matrix3d(.1,0,0,0,0,.1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.1,0,0,0,0,.1,0,0,0,0,1,0,0,0,0,1)}3.4%{opacity:1;-webkit-transform:matrix3d(.384,0,0,0,0,.466,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.384,0,0,0,0,.466,0,0,0,0,1,0,0,0,0,1)}4.7%{-webkit-transform:matrix3d(.505,0,0,0,0,.639,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.505,0,0,0,0,.639,0,0,0,0,1,0,0,0,0,1)}6.81%{-webkit-transform:matrix3d(.693,0,0,0,0,.904,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.693,0,0,0,0,.904,0,0,0,0,1,0,0,0,0,1)}9.41%{-webkit-transform:matrix3d(.895,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.895,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1)}10.21%{-webkit-transform:matrix3d(.947,0,0,0,0,1.204,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.947,0,0,0,0,1.204,0,0,0,0,1,0,0,0,0,1)}13.61%{-webkit-transform:matrix3d(1.111,0,0,0,0,1.299,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.111,0,0,0,0,1.299,0,0,0,0,1,0,0,0,0,1)}14.11%{-webkit-transform:matrix3d(1.127,0,0,0,0,1.298,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.127,0,0,0,0,1.298,0,0,0,0,1,0,0,0,0,1)}17.52%{-webkit-transform:matrix3d(1.187,0,0,0,0,1.216,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.187,0,0,0,0,1.216,0,0,0,0,1,0,0,0,0,1)}18.72%{-webkit-transform:matrix3d(1.191,0,0,0,0,1.169,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.191,0,0,0,0,1.169,0,0,0,0,1,0,0,0,0,1)}21.32%{-webkit-transform:matrix3d(1.177,0,0,0,0,1.062,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.177,0,0,0,0,1.062,0,0,0,0,1,0,0,0,0,1)}24.32%{-webkit-transform:matrix3d(1.135,0,0,0,0,.964,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.135,0,0,0,0,.964,0,0,0,0,1,0,0,0,0,1)}25.23%{-webkit-transform:matrix3d(1.121,0,0,0,0,.944,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,.944,0,0,0,0,1,0,0,0,0,1)}29.03%{-webkit-transform:matrix3d(1.057,0,0,0,0,.907,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.057,0,0,0,0,.907,0,0,0,0,1,0,0,0,0,1)}29.93%{-webkit-transform:matrix3d(1.043,0,0,0,0,.909,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.043,0,0,0,0,.909,0,0,0,0,1,0,0,0,0,1)}35.54%{-webkit-transform:matrix3d(.981,0,0,0,0,.966,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.981,0,0,0,0,.966,0,0,0,0,1,0,0,0,0,1)}36.74%{-webkit-transform:matrix3d(.974,0,0,0,0,.981,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.974,0,0,0,0,.981,0,0,0,0,1,0,0,0,0,1)}41.04%{-webkit-transform:matrix3d(.965,0,0,0,0,1.02,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.965,0,0,0,0,1.02,0,0,0,0,1,0,0,0,0,1)}44.44%{-webkit-transform:matrix3d(.969,0,0,0,0,1.029,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.969,0,0,0,0,1.029,0,0,0,0,1,0,0,0,0,1)}52.15%{-webkit-transform:matrix3d(.992,0,0,0,0,1.006,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.992,0,0,0,0,1.006,0,0,0,0,1,0,0,0,0,1)}59.86%{-webkit-transform:matrix3d(1.005,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.005,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1)}63.26%{-webkit-transform:matrix3d(1.007,0,0,0,0,.993,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.007,0,0,0,0,.993,0,0,0,0,1,0,0,0,0,1)}75.28%{-webkit-transform:matrix3d(1.001,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.001,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1)}85.49%{-webkit-transform:matrix3d(.999,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.999,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}90.69%{-webkit-transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1)}100%{opacity:1;-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}@keyframes bdJellyPop{0%{opacity:0;-webkit-transform:matrix3d(.1,0,0,0,0,.1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.1,0,0,0,0,.1,0,0,0,0,1,0,0,0,0,1)}3.4%{opacity:1;-webkit-transform:matrix3d(.384,0,0,0,0,.466,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.384,0,0,0,0,.466,0,0,0,0,1,0,0,0,0,1)}4.7%{-webkit-transform:matrix3d(.505,0,0,0,0,.639,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.505,0,0,0,0,.639,0,0,0,0,1,0,0,0,0,1)}6.81%{-webkit-transform:matrix3d(.693,0,0,0,0,.904,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.693,0,0,0,0,.904,0,0,0,0,1,0,0,0,0,1)}9.41%{-webkit-transform:matrix3d(.895,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.895,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1)}10.21%{-webkit-transform:matrix3d(.947,0,0,0,0,1.204,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.947,0,0,0,0,1.204,0,0,0,0,1,0,0,0,0,1)}13.61%{-webkit-transform:matrix3d(1.111,0,0,0,0,1.299,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.111,0,0,0,0,1.299,0,0,0,0,1,0,0,0,0,1)}14.11%{-webkit-transform:matrix3d(1.127,0,0,0,0,1.298,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.127,0,0,0,0,1.298,0,0,0,0,1,0,0,0,0,1)}17.52%{-webkit-transform:matrix3d(1.187,0,0,0,0,1.216,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.187,0,0,0,0,1.216,0,0,0,0,1,0,0,0,0,1)}18.72%{-webkit-transform:matrix3d(1.191,0,0,0,0,1.169,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.191,0,0,0,0,1.169,0,0,0,0,1,0,0,0,0,1)}21.32%{-webkit-transform:matrix3d(1.177,0,0,0,0,1.062,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.177,0,0,0,0,1.062,0,0,0,0,1,0,0,0,0,1)}24.32%{-webkit-transform:matrix3d(1.135,0,0,0,0,.964,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.135,0,0,0,0,.964,0,0,0,0,1,0,0,0,0,1)}25.23%{-webkit-transform:matrix3d(1.121,0,0,0,0,.944,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,.944,0,0,0,0,1,0,0,0,0,1)}29.03%{-webkit-transform:matrix3d(1.057,0,0,0,0,.907,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.057,0,0,0,0,.907,0,0,0,0,1,0,0,0,0,1)}29.93%{-webkit-transform:matrix3d(1.043,0,0,0,0,.909,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.043,0,0,0,0,.909,0,0,0,0,1,0,0,0,0,1)}35.54%{-webkit-transform:matrix3d(.981,0,0,0,0,.966,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.981,0,0,0,0,.966,0,0,0,0,1,0,0,0,0,1)}36.74%{-webkit-transform:matrix3d(.974,0,0,0,0,.981,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.974,0,0,0,0,.981,0,0,0,0,1,0,0,0,0,1)}41.04%{-webkit-transform:matrix3d(.965,0,0,0,0,1.02,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.965,0,0,0,0,1.02,0,0,0,0,1,0,0,0,0,1)}44.44%{-webkit-transform:matrix3d(.969,0,0,0,0,1.029,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.969,0,0,0,0,1.029,0,0,0,0,1,0,0,0,0,1)}52.15%{-webkit-transform:matrix3d(.992,0,0,0,0,1.006,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.992,0,0,0,0,1.006,0,0,0,0,1,0,0,0,0,1)}59.86%{-webkit-transform:matrix3d(1.005,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.005,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1)}63.26%{-webkit-transform:matrix3d(1.007,0,0,0,0,.993,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.007,0,0,0,0,.993,0,0,0,0,1,0,0,0,0,1)}75.28%{-webkit-transform:matrix3d(1.001,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.001,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1)}85.49%{-webkit-transform:matrix3d(.999,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.999,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}90.69%{-webkit-transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1)}100%{opacity:1;-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}
.is-height-full {
  height: 100%!important;
  overflow: hidden;
}
.hide {
  display: none;
}
.pull-right {
  float: right!important;
}
.vertical-align:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.vertical-align-middle {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
.system-notification {
  border-radius: 3px;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1000;
  max-width: 400px;
  font-size: 14px;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
          box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
}
.system-notification.is-warning {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}
.system-notification.is-danger {
  background-color: #fff;
  color: #000;
}
.system-notification.is-danger img {
  position: relative;
  top: 3px;
}
.system-notification .delete {
  position: absolute;
  right: 5px;
  top: 5px;
}
.delete {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}
.delete:before,
.delete:after {
  background-color: white;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
      transform-origin: center center;
}
.delete:before {
  height: 2px;
  width: 50%;
}
.delete:after {
  height: 50%;
  width: 2px;
}
.tag:not(body) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: whitesmoke;
  border-radius: 3px;
  color: #4a4a4a;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25em;
  margin-right: -0.375em;
}
.tag:not(body).is-white {
  background-color: white;
  color: #0a0a0a;
}
.tag:not(body).is-black {
  background-color: #0a0a0a;
  color: white;
}
.tag:not(body).is-light {
  background-color: whitesmoke;
  color: #363636;
}
.tag:not(body).is-dark {
  background-color: #363636;
  color: whitesmoke;
}
.tag:not(body).is-primary {
  background-color: #00d1b2;
  color: #fff;
}
.tag:not(body).is-link {
  background-color: #3273dc;
  color: #fff;
}
.tag:not(body).is-info {
  background-color: #209cee;
  color: #fff;
}
.tag:not(body).is-success {
  background-color: #23d160;
  color: #fff;
}
.tag:not(body).is-warning {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-danger {
  background-color: #ff3860;
  color: #fff;
}
.tag:not(body).is-medium {
  font-size: 1rem;
}
.tag:not(body).is-large {
  font-size: 1.25rem;
}
.popover-titlesize-14 .ant-popover-title {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.ant-popover-inner {
  border-radius: 0px;
}
hr {
  margin: 20px 0px;
  height: 1px;
  background: #f1f1f1;
  border: none;
}
input.ant-input,
textarea.ant-input {
  height: 35px;
  font-size: 14px;
  padding: 6px 8px;
  font-weight: 400;
}
input.ant-input::-webkit-scrollbar,
textarea.ant-input::-webkit-scrollbar {
  display: none;
}
button.ant-btn-primary {
  border-color: #2196F3;
  background-color: #2196F3;
  padding: 6px 30px;
  font-weight: 400;
  border-radius: .215rem;
}
button.ant-btn-primary:focus,
button.ant-btn-primary:hover {
  border-color: #5DB1F4;
  background-color: #5DB1F4;
}
button.ant-btn-primary:active {
  border-color: #0B8BF2;
  background-color: #0B8BF2;
}
button.ant-btn {
  padding: 6px 30px;
  font-weight: 400;
  border-radius: 0px;
}
button.btn-block {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  padding: 0px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  border-right-color: rgba(0, 0, 0, 0.75);
}
.ant-tooltip-content .ant-tooltip-inner {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 8px 12px;
}
.ant-modal-content {
  border-radius: 0px!important;
}
.ant-message-notice-content {
  min-width: 300px;
  text-align: center;
  border-radius: 3px;
  padding: 0px;
}
.ant-message-notice-content .ant-message-custom-content {
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 3px;
}
.ant-message-notice-content .ant-message-custom-content.ant-message-error {
  background: #ff3860;
  color: #fff;
}
.ant-message-notice-content .ant-message-custom-content.ant-message-error i {
  display: none;
}
.ant-message-notice-content .ant-message-custom-content.ant-message-success {
  background: #23d160;
  color: #fff;
}
.ant-message-notice-content .ant-message-custom-content.ant-message-success i {
  display: none;
}
div.ant-tag {
  background-color: #efefef;
  color: rgba(0, 0, 0, 0.6);
  border: none;
  height: auto;
  line-height: 1.2;
  padding: 6px 10px;
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: .215rem;
}
div.ant-tag i {
  position: relative;
  left: 3px;
  color: inherit!important;
}
div.ant-alert {
  border-radius: 0px;
  font-size: 14px;
}
div.ant-alert.ant-alert-no-icon {
  padding: 10px 15px;
}
div.ant-alert.ant-alert-info {
  background-color: rgba(232, 241, 248, 0.8);
  color: #62a8ea;
  border-color: #e8f1f8;
}
.pagination-body {
  padding: 20px;
  text-align: center;
}
.pagination-body li {
  float: none;
  display: inline-block;
  border-radius: 0px;
  position: relative;
  border-color: #e4eaec;
  margin: 0px;
  margin-left: -1px;
  min-width: 30px;
}
.pagination-body li.ant-pagination-prev {
  bottom: 2px;
}
.pagination-body li.ant-pagination-next {
  bottom: 1px;
}
.pagination-body li.ant-pagination-item-active {
  background-color: #62a8ea;
  border-color: #62a8ea;
}
.pagination-body li:hover:not(.ant-pagination-item-active) {
  background-color: #f9f9f9;
}
.pagination-body li:hover:not(.ant-pagination-item-active) a {
  color: #89BCEB;
}
dl.fromlist {
  margin: 0px 0px 20px;
  position: relative;
  font-size: 14px;
}
dl.fromlist dt {
  position: absolute;
  left: 0px;
  width: 100px;
  padding: 5px;
}
dl.fromlist dd {
  margin-left: 100px;
}
dl.fromlist dd input {
  width: 200px;
}
dl.fromlist dd textarea {
  width: 300px;
}
dl.fromlist dd .ant-form-item-control {
  display: inline-block;
}
dl.fromlist dd .has-success:after,
dl.fromlist dd .has-error:after,
dl.fromlist dd .has-feedback:after {
  font-size: 16px!important;
  top: 3px!important;
  right: 0px!important;
}
dl.fromlist dd.txt {
  padding: 5px;
}
dl.fromlist-portrait {
  margin: 0px 0px 20px;
  font-size: 14px;
}
dl.fromlist-portrait dt {
  margin-bottom: 10px;
}
dl.fromlist-portrait dd input {
  width: 200px;
}
dl.fromlist-portrait dd textarea {
  width: 300px;
}
.word-wrap {
  word-break: break-all;
}
.yike-scroll-style {
  overflow-y: auto!important;
  overflow-x: hidden!important;
}
.yike-scroll-style::-webkit-scrollbar {
  background: transparent;
  width: 7px;
}
.yike-scroll-style::-webkit-scrollbar-thumb {
  width: 7px;
  border-radius: 20px;
  background: #888;
}
.yike-scroll-style::-webkit-scrollbar-track {
  background: transparent;
}
.ant-badge {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
      transform: scale(1) !important;
}
.ant-badge .ant-badge-count {
  line-height: 21px!important;
}
.ant-badge .ant-scroll-number-only {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.loader-spot:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -10px;
  height: 6px;
  width: 6px;
  border-radius: 6px;
  -webkit-animation: loader_spot_b 2s ease-in-out infinite;
  animation: loader_spot_b 2s ease-in-out infinite;
}
.loader-spot {
  position: relative;
  width: 6px;
  height: 6px;
  top: 46%;
  left: 46%;
  border-radius: 6px;
  -webkit-animation: loader_spot 2s ease-in-out infinite;
  animation: loader_spot 2s ease-in-out infinite;
}
.loader-spot:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 10px;
  height: 6px;
  width: 6px;
  border-radius: 6px;
  -webkit-animation: loader_spot_a 2s ease-in-out infinite;
  animation: loader_spot_a 2s ease-in-out infinite;
}
@-webkit-keyframes loader_spot_b {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: #ffffff;
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@keyframes loader_spot_b {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: #ffffff;
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@-webkit-keyframes loader_spot {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: #ffffff;
  }
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@keyframes loader_spot {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: #ffffff;
  }
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@-webkit-keyframes loader_spot_a {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  75% {
    background-color: #ffffff;
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@keyframes loader_spot_a {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  75% {
    background-color: #ffffff;
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
[class*=animation-] {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animation-hover:not(:hover),
.animation-hover:not(:hover) [class*=animation-],
.touch .animation-hover:not(.hover),
.touch .animation-hover:not(.hover) [class*=animation-] {
  -webkit-animation-name: none;
  animation-name: none;
}
.animation-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animation-repeat {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animation-fade {
  -webkit-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-scale {
  -webkit-animation-name: scale-12;
  animation-name: scale-12;
}
.animation-scale-up {
  -webkit-animation-name: fade-scale-02;
  animation-name: fade-scale-02;
}
.animation-scale-down {
  -webkit-animation-name: fade-scale-18;
  animation-name: fade-scale-18;
}
.animation-slide-top {
  -webkit-animation-name: slide-top;
  animation-name: slide-top;
}
.animation-slide-bottom {
  -webkit-animation-name: slide-bottom;
  animation-name: slide-bottom;
}
.animation-slide-left {
  -webkit-animation-name: slide-left;
  animation-name: slide-left;
}
.animation-slide-right {
  -webkit-animation-name: slide-right;
  animation-name: slide-right;
}
.animation-shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
.animation-duration-10 {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}
.animation-duration-9 {
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
}
.animation-duration-8 {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
}
.animation-duration-7 {
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
}
.animation-duration-6 {
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
}
.animation-duration-5 {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}
.animation-duration-4 {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}
.animation-duration-3 {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.animation-duration-2 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animation-duration-1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animation-delay-100 {
  -webkit-animation-duration: 100ms;
  animation-duration: 100ms;
}
.animation-duration-250 {
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
}
.animation-duration-300 {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
}
.animation-duration-500 {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.animation-duration-750 {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
}
.animation-delay-1000 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animation-delay-900 {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}
.animation-delay-800 {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.animation-delay-700 {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
}
.animation-delay-600 {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.animation-delay-500 {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.animation-delay-400 {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.animation-delay-300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
.animation-delay-200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-delay-100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
.animation-top-left {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.animation-top-center {
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.animation-top-right {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.animation-middle-left {
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.animation-middle-right {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.animation-bottom-left {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.animation-bottom-center {
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.animation-bottom-right {
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.animation-easing-easeInOut {
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.animation-easing-easeInQuad {
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.animation-easing-easeInCubic {
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.animation-easing-easeInQuart {
  -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.animation-easing-easeInQuint {
  -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);
}
.animation-easing-easeInSine {
  -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.animation-easing-easeInExpo {
  -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
.animation-easing-easeInCirc {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.animation-easing-easeInBack {
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.animation-easing-eastOutQuad {
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animation-easing-easeOutCubic {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.animation-easing-easeOutQuart {
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.animation-easing-easeOutQuint {
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.animation-easing-easeOutSine {
  -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.animation-easing-easeOutExpo {
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.animation-easing-easeOutCirc {
  -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.animation-easing-easeOutBack {
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.animation-easing-easeInOutQuad {
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.animation-easing-easeInOutCubic {
  -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);
}
.animation-easing-easeInOutQuart {
  -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.animation-easing-easeInOutQuint {
  -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.animation-easing-easeInOutSine {
  -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.animation-easing-easeInOutExpo {
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
}
.animation-easing-easeInOutCirc {
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.animation-easing-easeInOutBack {
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.animation-easing-easeInOutElastic {
  -webkit-animation-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
  animation-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-12 {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-12 {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fade-scale-18 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fade-scale-18 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slide-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
  20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  30% {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  70% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
  20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  30% {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  70% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}
html,
body {
  color: #363636;
  overflow-y: hidden;
}
html a,
body a {
  text-decoration: none !important;
}
html a:active,
body a:active,
html a:hover,
body a:hover {
  text-decoration: none !important;
}
.browsehappy {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 10px 10px;
  background-color: #ffdd57;
  opacity: .95;
  filter: alpha(opacity=90);
}
html,
body,
button,
input,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Microsoft YaHei, Arial, sans-serif !important;
}
.height100 {
  height: 100% !important;
}
#nexchat {
  height: 100% !important;
  overflow: hidden;
}
#nexchat .is-doubleeleven-body > .is-doubleeleven {
  margin-bottom: 0px;
  padding: 0px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
}
#nexchat .is-doubleeleven-body > .is-doubleeleven a {
  color: #3273dc;
}
#nexchat .is-doubleeleven-body > .is-doubleeleven .delete {
  top: 15px;
}
#nexchat .is-doubleeleven-body > .dashboard {
  height: calc(100% - 50px);
}
.dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.dashboard .dashboard-nav {
  -ms-flex-preferred-size: 70px;
      flex-basis: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: rgba(0, 0, 0, 0.8);
  background: #282931;
  height: 100%;
  position: relative;
}
.dashboard .dashboard-body {
  border-top: 1px solid #ececec;
  height: 100%;
  background-color: #ececec;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.nexchat-disconnect {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #FFFAE7;
  font-size: 14px;
  padding: 0px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.nexchat-disconnect i {
  font-size: 20px;
  margin-right: 15px;
  position: relative;
  top: 2px;
  color: #FA7A7A;
}
.dashboard-nav {
  background: rgba(0, 0, 0, 0.8);
}
.dashboard-nav .logo {
  background: #333;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  margin: 30px auto 30px;
  position: relative;
}
.dashboard-nav .logo span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard-nav .logo img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  cursor: pointer;
}
.dashboard-nav .logo i {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-radius: 100px;
  border: 2px solid #333;
  background: #ccc;
}
.dashboard-nav .logo i.off {
  background: #f96868;
}
.dashboard-nav .logo i.on {
  background: #73d84d;
}
.dashboard-nav ul li {
  padding: 0px !important;
  margin-top: 8px;
}
.dashboard-nav ul li.is-disabled a i {
  color: #555;
}
.dashboard-nav ul li a {
  position: relative;
  display: block;
  color: rgba(255, 255, 255, 0.67);
  text-decoration: none !important;
}
.dashboard-nav ul li a:hover {
  color: #fff;
}
.dashboard-nav ul li a i {
  display: block;
  font-size: 20px;
  margin: 0px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  position: relative;
}
.dashboard-nav ul li a i.icon-home {
  font-size: 23px;
}
.dashboard-nav ul li a i.icon-chatyq {
  font-size: 22px;
}
.dashboard-nav ul li a i.icon-chart {
  font-size: 25px;
  bottom: 2px;
}
.dashboard-nav ul li a i.icon-customers {
  font-size: 24px;
}
.dashboard-nav ul li a i.icon-visitor {
  font-size: 33px;
}
.dashboard-nav ul li a i.icon-hckf {
  font-size: 26px;
}
.dashboard-nav ul li a i.icon-setting {
  font-size: 23px;
}
.dashboard-nav ul li a i.icon-poweroff {
  font-size: 18px;
}
.dashboard-nav ul li a i.icon-time {
  font-size: 21px;
}
.dashboard-nav ul li a .ant-badge {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 12px;
  -webkit-transform: scale(0.9);
}
.dashboard-nav ul li a .ant-badge .ant-badge-dot {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dashboard-nav ul li a .ant-badge .ant-badge-count {
  font-weight: 100 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dashboard-nav ul li.now {
  background-color: #3273dc;
}
.dashboard-nav ul li.now a {
  color: #fff;
}
.dashboard-nav .chat-leftbar-foot {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
}
.dashboard-nav .chat-leftbar-foot ul li {
  margin-top: 8px;
}
.dashboard-nav .chat-leftbar-foot ul li a[disabled] i {
  color: #555;
}
.dashboard-nav .chat-leftbar-foot ul li i {
  height: 42px;
  line-height: 42px;
}
.chat-leftbar-userstate .ant-popover-inner {
  border-radius: 3px;
}
.chat-leftbar-userstate .ant-popover-inner-content {
  width: 135px;
  padding: 0px 0px;
}
.chat-leftbar-userstate .is-user-centent .is-head li {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.chat-leftbar-userstate .is-user-centent .is-head li.now {
  background: #eee;
}
.chat-leftbar-userstate .is-user-centent .is-head li i {
  position: relative;
  top: 1px;
  background: #73d84d;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 100%;
}
.chat-leftbar-userstate .is-user-centent .is-head li i.off {
  background: #f96868;
}
.chat-leftbar-userstate .is-user-centent .is-head li i.break {
  background: #ccc;
}
.chat-leftbar-userstate .is-user-centent hr {
  margin: 5px 0px;
}
.chat-leftbar-userstate .is-user-centent .is-setting li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
}
.chat-leftbar-userstate .is-user-centent .is-setting li div {
  width: 40px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chat-leftbar-userstate .is-user-centent .is-setting li div i {
  font-size: 16px;
  color: #999;
  position: relative;
}
.chat-leftbar-userstate .is-user-centent .is-setting li div i.icon-auto {
  font-size: 22px;
  top: 1px;
}
.chat-leftbar-userstate .is-user-centent .is-setting li div i.icon-remind {
  font-size: 18px;
  top: 1px;
}
.chat-leftbar-userstate .is-user-centent .is-setting li div i.icon-keyboard {
  font-size: 18px;
}
.chat-leftbar-userstate .is-user-centent .is-setting li div i.icon-convenient {
  font-size: 18px;
}
.chat-leftbar-userstate .is-user-centent .is-setting li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px;
  color: #595959;
}
.chat-leftbar-userstate .is-user-centent ul li {
  height: 40px;
  font-size: 14px;
}
.chat-leftbar-userstate .is-user-centent ul li:hover {
  background-color: #f9f9f9;
}
.chat-leftbar-userstate .is-user-centent ul li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.chat-leftbar-userstate .is-user-centent ul li:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.chat-offline {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-offline div {
  text-align: center;
  width: 100%;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.3);
}
.loader-body {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
}
.loader-body .loader {
  font-size: 30px;
}
.hljs {
  display: block;
  overflow-x: auto;
  padding: 20px 40px;
  color: #333;
  background: #f8f8f8;
}
.hljs * {
  font-weight: 300 !important;
  font-family: Menlo, Monaco, Consolas, Courier New, monospace;
}
.hljs .hljs-tag {
  color: #c82829;
}
.hljs .hljs-tag .hljs-name {
  color: #3e999f;
}
.hljs .javascript .hljs-function {
  color: #f5871f;
}
.hljs .javascript .hljs-function .hljs-params {
  color: #f5871f;
}
.hljs .javascript .hljs-built_in,
.hljs .javascript .hljs-literal,
.hljs .javascript .hljs-number {
  color: #f5871f;
}
.hljs .javascript .hljs-keyword {
  color: #8959a8;
}
.hljs .javascript .hljs-string {
  color: #718c00;
}
/* Collection default theme */
/* Grid default theme */
/* Table default theme */
.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}
.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}
/* List default theme */
.global-setting-region {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  padding: 30px;
  margin-bottom: 30px;
  min-height: 100px;
  max-width: 600px;
}
.global-setting-region .head {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
.global-setting-region .head span.txt {
  font-size: 14px;
  padding-right: 10px;
  color: #333;
}
.global-setting-region .head .ant-switch {
  position: relative;
  bottom: 2px;
}
.global-setting-region .head p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  margin-top: 12px;
}
.global-setting-region .body p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
.global-setting-region .body .tips {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  margin-top: 15px;
}
.global-setting-region .body .checkbox {
  margin-right: 15px;
  line-height: 1.8;
  font-size: 14px;
}
.global-setting-region .body .checkbox input {
  margin-right: 5px;
}
.global-setting-region .body.bordertop {
  padding-top: 15px;
  margin-top: 20px;
  border-top: 1px solid #f1f1f1;
}
.global-setting-region .overtime {
  margin-bottom: 10px;
  font-size: 14px;
}
.global-setting-region .overtime input {
  height: 25px;
  width: 60px;
  margin: 0px 8px;
}
.global-setting-region .overtime .ant-radio-wrapper {
  font-size: 14px;
}
@font-face {
  font-family: 'iconfont';
  /* Project id 330553 */
  src: url('https://static.letchat.net/static/fonts/font_330553_uop0d5xgdm.woff2?t=1668147410271') format('woff2'), url('https://static.letchat.net/static/fonts/font_330553_uop0d5xgdm.woff?t=1668147410271') format('woff'), url('https://static.letchat.net/static/fonts/font_330553_uop0d5xgdm.ttf?t=1668147410271') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-home:before {
  content: "\E635";
}
.icon-refresh:before {
  content: "\E679";
}
.icon-chart:before {
  content: "\E617";
}
.icon-look:before {
  content: "\E641";
}
.icon-close:before {
  content: "\E69A";
}
.icon-pic:before {
  content: "\E6A8";
}
.icon-smile:before {
  content: "\E6AF";
}
.icon-attachment:before {
  content: "\E6C0";
}
.icon-chat:before {
  content: "\E602";
}
.icon-download:before {
  content: "\E714";
}
.icon-poweroff:before {
  content: "\EAD4";
}
.icon-setting:before {
  content: "\E649";
}
.icon-customer:before {
  content: "\E6A0";
}
.icon-team:before {
  content: "\E60C";
}
.icon-search:before {
  content: "\E612";
}
.icon-desktop:before {
  content: "\E664";
}
.icon-mobile:before {
  content: "\E600";
}
.icon-weixin:before {
  content: "\E629";
}
.icon-transformation:before {
  content: "\E655";
}
.icon-top:before {
  content: "\E6C6";
}
.icon-peronal:before {
  content: "\E683";
}
.icon-company:before {
  content: "\E6AE";
}
.icon-nexchatlogo:before {
  content: "\E618";
}
.icon-convenient:before {
  content: "\E674";
}
.icon-auto:before {
  content: "\E884";
}
.icon-rule:before {
  content: "\E609";
}
.icon-tag:before {
  content: "\E6F9";
}
.icon-card:before {
  content: "\E628";
}
.icon-appearance:before {
  content: "\E619";
}
.icon-email:before {
  content: "\E642";
}
.icon-upload:before {
  content: "\E61A";
}
.icon-loading:before {
  content: "\EEE3";
}
.icon-help:before {
  content: "\E61B";
}
.icon-zan:before {
  content: "\E69F";
}
.icon-yaoqing:before {
  content: "\E72C";
}
.icon-bottom:before {
  content: "\E68B";
}
.icon-more_2:before {
  content: "\E616";
}
.icon-yidong:before {
  content: "\E644";
}
.icon-add:before {
  content: "\E61C";
}
.icon-correct:before {
  content: "\E61D";
}
.icon-paixu:before {
  content: "\E61E";
}
.icon-open_blank:before {
  content: "\E605";
}
.icon-macosdeicon:before {
  content: "\E6BA";
}
.icon-chrome:before {
  content: "\E64F";
}
.icon-edge:before {
  content: "\E672";
}
.icon-ios:before {
  content: "\E620";
}
.icon-safari:before {
  content: "\E7DA";
}
.icon-opera:before {
  content: "\E706";
}
.icon-firefox:before {
  content: "\E73B";
}
.icon-android:before {
  content: "\E61F";
}
.icon-ie:before {
  content: "\E604";
}
.icon-more:before {
  content: "\E60A";
}
.icon-time:before {
  content: "\E99B";
}
.icon-shaixuan:before {
  content: "\E630";
}
.icon-folder:before {
  content: "\E638";
}
.icon-haoping:before {
  content: "\E6B1";
}
.icon-zhongping:before {
  content: "\E65A";
}
.icon-chaping:before {
  content: "\E6B0";
}
.icon-yichu:before {
  content: "\E71B";
}
.icon-chatyq:before {
  content: "\E656";
}
.icon-zhiding:before {
  content: "\E72D";
}
.icon-link:before {
  content: "\E79B";
}
.icon-link2:before {
  content: "\E615";
}
.icon-network-united:before {
  content: "\E608";
}
.icon-feiyong:before {
  content: "\E69D";
}
.icon-up:before {
  content: "\E601";
}
.icon-down:before {
  content: "\E684";
}
.icon-hckf:before {
  content: "\E603";
}
.icon-back:before {
  content: "\E606";
}
.icon-visitor:before {
  content: "\E65E";
}
.icon-customers:before {
  content: "\E673";
}
.icon-yuyin:before {
  content: "\E667";
}
.icon-web:before {
  content: "\E6E9";
}
.icon-xcx:before {
  content: "\E623";
}
.icon-info:before {
  content: "\E681";
}
.icon-why:before {
  content: "\E610";
}
.icon-blacklist:before {
  content: "\E60B";
}
.icon-remind:before {
  content: "\E632";
}
.icon-role:before {
  content: "\E624";
}
.icon-keyboard:before {
  content: "\E6E3";
}
.icon-form:before {
  content: "\E625";
}
.icon-right:before {
  content: "\E646";
}
.icon-arrow-right:before {
  content: "\E646";
}
.icon-distribution:before {
  content: "\E639";
}
.icon-face:before {
  content: "\E60D";
}
.icon-user:before {
  content: "\E63C";
}
.icon-delete:before {
  content: "\E62A";
}
.icon-plus:before {
  content: "\E853";
}
.icon-mobile-keyboard:before {
  content: "\E627";
}
.icon-photo:before {
  content: "\E613";
}
.icon-mobil-smile:before {
  content: "\E626";
}
.icon-shot:before {
  content: "\E60E";
}
.icon-keywords:before {
  content: "\E60F";
}
.icon-keyword:before {
  content: "\E631";
}
.icon-preset:before {
  content: "\E666";
}
.icon-edit:before {
  content: "\E62B";
}
.icon-screenshot:before {
  content: "\E611";
}
.icon-open:before {
  content: "\E614";
}
.icon-app:before {
  content: "\E6D7";
}
.icon-tuijian:before {
  content: "\E62C";
}
.icon-shiming:before {
  content: "\E65C";
}
.icon-baidu:before {
  content: "\E62E";
}
.icon-export:before {
  content: "\E62D";
}
.icon-end:before {
  content: "\E6DF";
}
.icon-dontdisturb:before {
  content: "\E62F";
}
.icon-screen:before {
  content: "\E657";
}
.icon-calendar:before {
  content: "\E630";
}
.icon-dustbin:before {
  content: "\E645";
}
.icon-addandcircular:before {
  content: "\E661";
}
.icon-channel:before {
  content: "\E668";
}
.icon-queue:before {
  content: "\E682";
}
.icon-drag:before {
  content: "\E685";
}
.icon-crown:before {
  content: "\E633";
}
.icon-copycontact:before {
  content: "\E634";
}
.icon-shopcard:before {
  content: "\E6A3";
}
.icon-downmore:before {
  content: "\E636";
}
.icon-threeright:before {
  content: "\E718";
}
.icon-bingsearchlogo:before {
  content: "\E8C9";
}
.icon-baidusearchlogo:before {
  content: "\E66A";
}
.icon-googlesearchlogo:before {
  content: "\EAA8";
}
.icon-sogousearchlogo:before {
  content: "\E637";
}
.icon-sosearchlogo:before {
  content: "\E63A";
}
.icon-smsearchlog:before {
  content: "\E63B";
}
.icon-zhihusearchlogo:before {
  content: "\E6BB";
}
.icon-huaweilogo:before {
  content: "\E68A";
}
.icon-vivologo:before {
  content: "\E675";
}
.icon-uclogo:before {
  content: "\EAFA";
}
.icon-qihulogo:before {
  content: "\E686";
}
.icon-miuilog:before {
  content: "\E660";
}
.icon-oppologo:before {
  content: "\E72E";
}
.icon-qqlogo:before {
  content: "\E640";
}
.icon-wechatlog:before {
  content: "\E643";
}
.icon-mobileapp:before {
  content: "\E64B";
}
.icon-program:before {
  content: "\E64A";
}
.icon-group:before {
  content: "\E687";
}
.icon-trend:before {
  content: "\E63D";
}
.icon-exportnew:before {
  content: "\EABF";
}
.icon-serach:before {
  content: "\E63E";
}
@font-face {
  font-family: "iconfontNew";
  src: url("https://static.letchat.net/static/fonts/font_4185063_3pkk9zfy4vp.woff2?t=1694594440914") format("woff2"), url("https://static.letchat.net/static/fonts/font_4185063_3pkk9zfy4vp.woff?t=1694594440914") format("woff"), url("https://static.letchat.net/static/fonts/font_4185063_3pkk9zfy4vp.ttf?t=1694594440914") format("truetype");
}
.iconfontNew {
  font-family: "iconfontNew";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-instagram:before {
  content: "\E87F";
}
.icon-messenger:before {
  content: "\E8DC";
}
.icon-whatsapp:before {
  content: "\E8BE";
}
.icon-line:before {
  content: "\EBF5";
}
.icon-telegram:before {
  content: "\E8DB";
}
.icon-instagram-base:before {
  content: "\E600";
  color: transparent;
  -webkit-background-clip: text;
  background-image: -webkit-radial-gradient(circle farthest-corner at 28% 100%, #fcdf8f 0%, #fbd377 10%, #fa8e37 22%, #f73344 35%, transparent 65%), -webkit-linear-gradient(305deg, #3051f1 10%, #c92bb7 70%);
  background-image: -o-radial-gradient(circle farthest-corner at 28% 100%, #fcdf8f 0%, #fbd377 10%, #fa8e37 22%, #f73344 35%, transparent 65%), -o-linear-gradient(305deg, #3051f1 10%, #c92bb7 70%);
  background-image: radial-gradient(circle farthest-corner at 28% 100%, #fcdf8f 0%, #fbd377 10%, #fa8e37 22%, #f73344 35%, transparent 65%), linear-gradient(145deg, #3051f1 10%, #c92bb7 70%);
}
.icon-messenger-base:before {
  content: "\E8D5";
  color: transparent;
  -webkit-background-clip: text;
  background-image: -webkit-linear-gradient(45deg, #0099ff 5.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
  background-image: -o-linear-gradient(45deg, #0099ff 5.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
  background-image: linear-gradient(45deg, #0099ff 5.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
}
.icon-whatsapp-base:before {
  content: "\E8EC";
}
.icon-line-base:before {
  content: "\F1E6";
}
.icon-telegram-base:before {
  content: "\E614";
}
/* 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-switch {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  min-width: 44px;
  line-height: 20px;
  vertical-align: middle;
  border-radius: 20px;
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  -webkit-transition: all 0.36s;
  -o-transition: all 0.36s;
  transition: all 0.36s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-switch-inner {
  color: #fff;
  font-size: 12px;
  margin-left: 24px;
  margin-right: 6px;
  display: block;
}
.ant-switch:after {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 1px;
  top: 1px;
  border-radius: 18px;
  background-color: #fff;
  content: " ";
  cursor: pointer;
  -webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-switch:active:after {
  width: 24px;
}
.ant-switch:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
          box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
  outline: 0;
}
.ant-switch:focus:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-switch-small {
  height: 14px;
  min-width: 28px;
  line-height: 12px;
}
.ant-switch-small .ant-switch-inner {
  margin-left: 18px;
  margin-right: 3px;
}
.ant-switch-small:after {
  width: 12px;
  height: 12px;
  top: 0;
  left: 0.5px;
}
.ant-switch-small:active:after {
  width: 16px;
}
.ant-switch-small.ant-switch-checked:after {
  left: 100%;
  margin-left: -12.5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-left: 3px;
  margin-right: 18px;
}
.ant-switch-small:active.ant-switch-checked:after {
  margin-left: -16.5px;
}
.ant-switch-checked {
  background-color: #108ee9;
}
.ant-switch-checked .ant-switch-inner {
  margin-left: 6px;
  margin-right: 24px;
}
.ant-switch-checked:after {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-checked:active:after {
  margin-left: -25px;
}
.ant-switch-disabled {
  cursor: not-allowed;
  background: #f4f4f4;
}
.ant-switch-disabled:after {
  background: #ccc;
  cursor: not-allowed;
}
.ant-switch-disabled .ant-switch-inner {
  color: rgba(0, 0, 0, 0.25);
}
.confirm-popover {
  z-index: 1060!important;
}
.confirm-popover .ant-popover-inner-content {
  padding: 8px 0px;
}
.chat-list-head-popover {
  z-index: 100;
}
.chat-list-head-popover .ant-popover-inner-content {
  padding: 0px;
  width: 260px;
  width: 430px;
}
.chat-list-head-popover .content {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-list-head-popover .content .is-left {
  width: 180px;
}
.chat-list-head-popover .content .is-right {
  padding-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-list-head-popover .content .is-right .is-morebutton {
  text-align: center;
  font-size: 13px;
  font-weight: normal;
}
.chat-list-head-popover .content .is-right .is-morebutton a {
  color: #aaa;
}
.chat-list-head-popover .content h3 {
  font-size: 13px;
  font-weight: normal;
  color: #999;
}
.chat-list-head-popover .content .field {
  margin: 0px;
}
.chat-list-head-popover .content .is-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.chat-list-head-popover .content .is-list li {
  padding: 0px;
  margin: 0px;
}
.chat-list-head-popover .content .is-list li a.button {
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-list-head-popover .content .is-list.is-button li {
  width: 50%;
  width: 100%;
  margin-bottom: 8px;
}
.chat-list-head-popover .content .is-list.is-button li a.button {
  font-size: 14px;
}
.chat-list-head-popover .content .is-list.is-sort li {
  width: 100%;
  margin-bottom: 8px;
}
.chat-list-head-popover .content .is-list.is-sort a.button {
  font-size: 14px;
}
.chat-list-head-popover .content .is-switch {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  margin-bottom: 10px;
  background: #f8f8f8;
  padding: 0px 12px;
  border-radius: 12px;
  height: 45px;
}
.chat-list-head-popover .content .is-switch dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-list-head-popover .content .is-tips {
  font-size: 13px;
  color: #999;
  margin-bottom: 5px;
}
.components-channel-header {
  height: 40px;
  width: 40px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-channel-header img {
  width: 40px;
  height: 40px;
  padding: 0px;
  border-radius: 100%;
}
.components-channel-header i {
  width: 40px;
  height: 40px;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  font-size: 18px;
  border-radius: 100%;
}
.components-channel-header i.is-smaller::before {
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  position: relative;
  right: 1px;
}
.components-channel-header i.icon-messenger {
  background: -webkit-linear-gradient(45deg, #0099ff 5.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
  background: -o-linear-gradient(45deg, #0099ff 5.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
  background: linear-gradient(45deg, #0099ff 5.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
}
.components-channel-header i.icon-instagram {
  background-image: -webkit-radial-gradient(circle farthest-corner at 28% 100%, #fcdf8f 0%, #fbd377 10%, #fa8e37 22%, #f73344 35%, transparent 65%), -webkit-linear-gradient(305deg, #3051f1 10%, #c92bb7 70%);
  background-image: -o-radial-gradient(circle farthest-corner at 28% 100%, #fcdf8f 0%, #fbd377 10%, #fa8e37 22%, #f73344 35%, transparent 65%), -o-linear-gradient(305deg, #3051f1 10%, #c92bb7 70%);
  background-image: radial-gradient(circle farthest-corner at 28% 100%, #fcdf8f 0%, #fbd377 10%, #fa8e37 22%, #f73344 35%, transparent 65%), linear-gradient(145deg, #3051f1 10%, #c92bb7 70%);
}
.components-channel-header i.icon-whatsapp {
  background-color: #25d366;
}
.components-queuelist-popover .ant-popover-inner-content {
  padding: 0px;
  margin: 0px;
}
.components-queuelist-popover .comqueue-is-content {
  height: 320px;
  width: 240px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-head {
  height: 45px;
  font-size: 14px;
  padding: 15px 0px 15px 15px;
  border-bottom: 1px solid #eee;
  color: #000000;
  opacity: 0.65;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body .is-body-content .is-nohave {
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body .is-body-content ul {
  width: 100%;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body .is-body-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 4px;
  height: 50px;
  padding: 0px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body .is-body-content ul li .is-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body .is-body-content ul li .is-left .components-channel-header {
  width: 35px;
  height: 35px;
  -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0px 8px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body .is-body-content ul li .is-left .is-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
  color: #363636;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body .is-body-content ul li .is-right {
  width: 16px;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body .is-body-content ul li .is-right i {
  color: #48c774;
}
.components-queuelist-popover .comqueue-is-content .comqueue-is-body .is-body-content ul li:hover {
  background-color: #f9f9f9;
}
.comcontrols-is-popover .ant-popover-inner-content {
  padding: 0px;
  margin: 0px;
}
.comcontrols-is-popover .comcontrols-is-popo {
  height: 250px;
  width: 240px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-popohead {
  height: 45px;
  font-size: 14px;
  padding: 15px 0px 15px 15px;
  border-bottom: 1px solid #eee;
  color: #000000;
  opacity: 0.65;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent .is-nohave {
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul {
  width: 100%;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 100%;
  padding: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li .comcontrols-is-popoimag {
  width: 30px;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li .comcontrols-is-popoimag img {
  border-radius: 50%;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li .comcontrols-is-popoimag i {
  width: 6px;
  height: 6px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-radius: 100px;
  background: #ccc;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li .comcontrols-is-popoimag i.on {
  background: #73d84d;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li .comcontrols-is-poponames {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li .comcontrols-is-poponames .comcontrols-is-poponame {
  font-size: 14px;
  width: 100%;
  color: black;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li .comcontrols-is-poponames .comcontrols-is-poponickname {
  font-size: 13px;
  width: 100%;
  color: #aaa;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li .comcontrols-is-poporight {
  width: 16px;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li .comcontrols-is-poporight i {
  color: #48c774;
}
.comcontrols-is-popover .comcontrols-is-popo .comcontrols-is-scroll .comcontrols-is-popocontent ul li:hover {
  background-color: #f9f9f9;
}
.ChatCustomerHead-head {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 22px;
  background-color: #62A8EA;
  color: #fff;
}
.ChatCustomerHead-head.icon-vivologo {
  font-size: 18px;
}
.ChatCustomerHead-head.icon-mobile.is-window::before {
  position: relative;
  bottom: 2px;
}
.ChatCustomerHead-head.icon-mobile.is-mac::before {
  position: relative;
  bottom: 2px;
}
.ChatCustomerHead-head.is-window.icon-baidu::before,
.ChatCustomerHead-head.is-window.icon-sogousearchlogo::before,
.ChatCustomerHead-head.is-window.icon-sosearchlogo::before,
.ChatCustomerHead-head.is-window.icon-qihulogo::before,
.ChatCustomerHead-head.is-window.icon-qqlogo::before,
.ChatCustomerHead-head.is-window.icon-uclogo::before,
.ChatCustomerHead-head.is-window.icon-bingsearchlogo::before,
.ChatCustomerHead-head.is-window.icon-googlesearchlogo::before,
.ChatCustomerHead-head.is-window.icon-zhihusearchlogo::before {
  position: relative;
  bottom: 0px;
}
.ChatCustomerHead-head.is-window.icon-smsearchlog::before {
  position: relative;
  bottom: 0px;
}
.ChatCustomerHead-head.icon-desktop.is-window::before {
  position: relative;
  bottom: 0px;
}
.ChatCustomerHead-head.icon-desktop.is-mac::before {
  position: relative;
  bottom: 1px;
}
.ChatCustomerHead-head.is-chatOnline-head {
  width: 24px;
  height: 24px;
}
.ChatCustomerHead-head.is-chatOnline-head.icon-mobile::before {
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
}
.ChatCustomerHead-head.is-chatOnline-head.icon-vivologo::before {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}
.ChatCustomerHead-head.is-chatOnline-head.icon-oppologo {
  font-size: 14px;
}
.ChatCustomerHead-head.is-chatOnline-head.icon-qihulogo {
  font-size: 15px;
}
.ChatCustomerHead-head.is-message-head {
  width: 35px;
  height: 35px;
}
.ChatCustomerHead-head.is-message-head.icon-vivologo::before {
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}
.ChatCustomerHead-head.is-message-head.icon-baidu::before {
  font-size: 20px;
}
.zh-chatlist-itemstyle {
  border-bottom: 1px solid #eee;
  background: #fff;
  list-style: none;
  position: relative;
}
.zh-chatlist-itemstyle .slide-tools {
  display: none;
}
.zh-chatlist-itemstyle .customertags .tag {
  margin-top: 5px;
  margin-right: 5px;
}
.zh-chatlist-itemstyle.is-disturb .media .media-left .ant-badge {
  top: 1px;
  right: 1px;
}
.zh-chatlist-itemstyle.und {
  cursor: pointer;
}
.zh-chatlist-itemstyle.und i.head {
  background: #ff3860 !important;
  font-size: 22px !important;
}
.zh-chatlist-itemstyle.control {
  cursor: pointer;
}
.zh-chatlist-itemstyle.control i.head {
  background: #00d1b2 !important;
}
.zh-chatlist-itemstyle.customer-offline i.head {
  background: #ccc !important;
}
.zh-chatlist-itemstyle.top {
  background: #f8f8f8;
}
.zh-chatlist-itemstyle.state-close .media-left i {
  background: #ddd !important;
}
.zh-chatlist-itemstyle.state-close p {
  color: #ccc !important;
}
.zh-chatlist-itemstyle.state-close .chat-list-info {
  color: #ccc !important;
}
.zh-chatlist-itemstyle.state-leave {
  position: relative;
}
.zh-chatlist-itemstyle.state-leave span.leave {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 25px;
  line-height: 25px;
  background: #E91E63;
  padding: 0px 15px 0px;
  color: #fff;
  font-size: 12px;
}
.zh-chatlist-itemstyle.active {
  background: #eee;
}
.zh-chatlist-itemstyle .media {
  font-weight: 300;
  height: 40px;
}
.zh-chatlist-itemstyle .media .media-left {
  position: relative;
}
.zh-chatlist-itemstyle .media .media-left .ant-badge {
  position: absolute;
  right: 0px;
  top: 5px;
}
.zh-chatlist-itemstyle .media .media-left .ant-badge .ant-badge-count {
  font-weight: 300;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.zh-chatlist-itemstyle .media .media-left .ant-badge .ant-badge-dot {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.zh-chatlist-itemstyle .media .media-left img.img-head {
  border-radius: 3px;
}
.zh-chatlist-itemstyle .media .media-content {
  font-size: 12px;
  font-weight: normal;
}
.zh-chatlist-itemstyle .media .media-content .time {
  color: #a3afb7;
}
.zh-chatlist-itemstyle .media .media-content .name {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  color: #a3afb7;
}
.zh-chatlist-itemstyle .media span.draft {
  color: #f96868;
  padding-right: 5px;
}
.zh-chatlist-itemstyle .media span.is-transfer {
  color: #62A8EA;
  padding-right: 5px;
}
.zh-chatlist-itemstyle .chat-list-info {
  height: 18px;
  margin-top: 4px;
  font-size: 14px;
  color: #777;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.zh-chatlist-itemstyle .chat-list-info img {
  vertical-align: middle;
  margin: 0px 3px;
}
.zh-chatlist-itemstyle .chat-list-info .is-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  word-break: break-all;
  height: 18px;
  line-height: 18px;
}
.zh-chatlist-itemstyle .chat-list-info .is-text.is-searchmessage span.keyword {
  color: #3273dc;
}
.zh-chatlist-itemstyle .chat-list-info .disturb i {
  font-size: 13px;
  color: #ddd;
}
.zh-chatlist-itemstyle .chat-list-info .is-tools {
  padding-left: 5px;
}
.zh-chatlist-itemstyle .chat-list-info .is-tools a.button {
  height: 1.8em;
}
/* 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 */
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: text-bottom;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #108ee9;
}
.ant-checkbox-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #108ee9;
  content: '';
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  visibility: hidden;
}
.ant-checkbox:hover:after,
.ant-checkbox-wrapper:hover .ant-checkbox:after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background-color: #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-checkbox-inner:after {
  -webkit-transform: rotate(45deg) scale(0);
      -ms-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  position: absolute;
  left: 4px;
  top: 1px;
  display: table;
  width: 5px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  -o-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-checkbox-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ant-checkbox-indeterminate .ant-checkbox-inner:after {
  content: ' ';
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  position: absolute;
  left: 2px;
  top: 5px;
  width: 8px;
  height: 1px;
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-checked .ant-checkbox-inner:after {
  -webkit-transform: rotate(45deg) scale(1);
      -ms-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  -o-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ant-checkbox-checked .ant-checkbox-inner,
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #108ee9;
  border-color: #108ee9;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
  -webkit-animation-name: none;
          animation-name: none;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  border-color: #d9d9d9 !important;
  background-color: #f7f7f7;
}
.ant-checkbox-disabled .ant-checkbox-inner:after {
  -webkit-animation-name: none;
          animation-name: none;
  border-color: #f7f7f7;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-wrapper {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox-wrapper + span,
.ant-checkbox + span {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-checkbox-group {
  font-size: 12px;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
@media \0screen {
  .ant-checkbox-checked .ant-checkbox-inner:before,
  .ant-checkbox-checked .ant-checkbox-inner:after {
    font-family: 'anticon';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E632";
    font-weight: bold;
    font-size: 8px;
    border: 0;
    color: #fff;
    left: 2px;
    top: 3px;
    position: absolute;
  }
}
html,
body {
  height: 100%;
}
.account-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.account-box .logoimg {
  position: fixed;
  top: 20px;
  left: 100px;
  width: 138px;
  height: 32px;
}
.account-box .account-left {
  width: 50%;
  height: 100%;
  min-width: 630px;
  background-color: #f3f7ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-box .account-right {
  width: 50%;
  height: 100%;
  min-width: 630px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-box .account-right .cont {
  width: 450px;
}
.account-box .account-right .cont h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  color: #0c1b4d;
  margin-bottom: 40px;
}
.account-box .account-right .cont .ipt-name {
  font-weight: 350;
  font-size: 15px;
  line-height: 100%;
  color: #0c1b4d;
  margin-bottom: 12px;
}
.account-box .account-right .cont .ipt-box {
  position: relative;
  margin-bottom: 20px;
}
.account-box .account-right .cont .ipt-box.error input {
  color: #e30b34;
  border: 1px solid #e30b34;
  background-color: #fff9f9;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(227, 11, 52, 0.3);
          box-shadow: 0px 0px 0px 3px rgba(227, 11, 52, 0.3);
}
.account-box .account-right .cont .ipt-box.error:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(227, 11, 52, 0.3);
          box-shadow: 0px 0px 0px 3px rgba(227, 11, 52, 0.3);
}
.account-box .account-right .cont .ipt-box input {
  width: 100%;
  height: 48px;
  border: 1px solid #e0e5f2;
  border-radius: 4px;
  padding: 0 15px;
  font-size: 15px;
  color: #0c1b4d;
}
.account-box .account-right .cont .ipt-box input:focus {
  outline: 1px solid #4568f1;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(9, 13, 236, 0.3);
          box-shadow: 0px 0px 0px 3px rgba(9, 13, 236, 0.3);
}
.account-box .account-right .cont .ipt-box .eye {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://app.nexchat.net/static/eye1.665a243f.svg);
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}
.account-box .account-right .cont .ipt-box .eye.open {
  background-image: url(https://app.nexchat.net/static/eye2.0d5935ab.svg);
}
.account-box .account-right .cont .ipt-box .ver-code {
  width: 100px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  color: #687194;
  cursor: pointer;
}
.account-box .account-right .cont .ipt-box .ver-code::after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #d1d1dc;
}
.account-box .account-right .cont .error-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.account-box .account-right .cont .error-box i {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://app.nexchat.net/static/ico_tip.927721f1.svg);
  margin-right: 4px;
}
.account-box .account-right .cont .error-box p {
  font-weight: 300;
  font-size: 13px;
  line-height: 100%;
  color: #e30b34;
}
.account-box .account-right .cont .agreement-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.account-box .account-right .cont .agreement-box .agm-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.account-box .account-right .cont .agreement-box .agm-l .click-k {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://app.nexchat.net/static/agreement_click.cc25a7c4.svg);
  margin-right: 5px;
  cursor: pointer;
}
.account-box .account-right .cont .agreement-box .agm-l .click-k.active {
  background-image: url(https://app.nexchat.net/static/agreement_click1.8a328b79.svg);
}
.account-box .account-right .cont .agreement-box .agm-l > p {
  font-weight: 350;
  font-size: 13px;
  line-height: 100%;
  color: #687194;
}
.account-box .account-right .cont .agreement-box a {
  font-weight: 350;
  font-size: 13px;
  line-height: 100%;
  color: #4568f1;
}
.account-box .account-right .cont .chat-btn {
  padding: 0 50px;
  height: 48px;
  width: 100%;
  background-color: #4568f1;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  line-height: 148.5%;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  border: none;
}
.account-box .account-right .cont .chat-btn.com-disabled {
  background-color: #d1d1dc;
  pointer-events: none;
}
.account-box .account-right .cont .chat-btn:hover {
  background-color: #3157ee;
}
.account-box .account-right .cont .chat-btn {
  margin-top: 40px;
  font-size: 16px;
}
.account-box .account-right .cont .chat-btn1 {
  font-size: 16px;
}
.account-box .account-right .cont .fot-swit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 300;
  font-size: 14px;
  margin-top: 10px;
}
.account-box .account-right .cont .fot-swit span {
  color: #5e6278;
}
.account-box .account-right .cont .fot-swit a {
  color: #4568f1;
}
.asterisk {
  color: #fc3838;
}
@media only screen and (max-width: 820px) {
  .account-box {
    background-color: #f3f7ff;
  }
  .account-box .logoimg {
    display: none !important;
    width: 100%;
    height: 66px;
    padding: 15px;
    top: 0 !important;
    left: 0 !important;
    background-color: #fff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 4px 10px rgba(28, 32, 77, 0.05);
            box-shadow: 0px 4px 10px rgba(28, 32, 77, 0.05);
  }
  .account-box .account-left {
    display: none !important;
  }
  .account-box .account-right {
    min-width: 0 !important;
    width: 100% !important;
    padding: 15px;
  }
  .account-box .account-right .cont {
    width: 100% !important;
    margin-top: 66px;
  }
  .account-box .account-right .cont h3 {
    font-size: 30 !important;
  }
}
.chat-list-visitor-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chat-list-visitor-body .chat-list-visitor-title {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.chat-list-visitor-body .chat-list-visitor-title h3 {
  margin-left: 15px;
  font-size: 14px;
}
.chat-list-visitor-body .chat-list-visitor-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-list-visitor-body .chat-list-visitor-list ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  padding: 0px 15px;
  border-bottom: 1px solid #eee;
}
.chat-list-visitor-body .chat-list-visitor-list ul li .name {
  margin-left: 10px;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-list-visitor-body .chat-list-visitor-list .tool a.button {
  font-size: 12px;
  height: 2em;
}
.chat-list > .chat-list-serach {
  background-color: #ededed;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chat-list > .chat-list-serach > .is-head {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 15px;
}
.chat-list > .chat-list-serach > .is-head > .is-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 15px;
  position: relative;
}
.chat-list > .chat-list-serach > .is-head > .is-input .input {
  border: none;
  font-size: 14px;
  height: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.chat-list > .chat-list-serach > .is-head > .is-input .input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.chat-list > .chat-list-serach > .is-head > .is-input .icon {
  height: 30px;
}
.chat-list > .chat-list-serach > .is-head > .is-input .icon i {
  font-size: 20px;
  color: #ccc;
}
.chat-list > .chat-list-serach > .is-head > .is-input .is-delete {
  position: absolute;
  right: 5px;
  top: 7px;
  z-index: 9999;
  border-radius: 100%;
  width: 18px;
  height: 18px;
}
.chat-list > .chat-list-serach > .is-head > .is-input .is-delete:hover {
  background-color: #363636;
}
.chat-list > .chat-list-serach > .is-head > .is-button {
  font-size: 14px;
}
.chat-list > .chat-list-serach > .is-tips {
  font-size: 14px;
}
.chat-list > .chat-list-serach > .is-tips .is-explain {
  padding: 20px;
}
.chat-list > .chat-list-serach > .is-tips .is-explain h4 {
  color: #999;
  border-bottom: 1px solid #ddd;
  height: 30px;
}
.chat-list > .chat-list-serach > .is-tips .is-explain ul {
  padding: 10px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chat-list > .chat-list-serach > .is-tips .is-explain ul li {
  width: 50%;
  color: #666;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-list > .chat-list-serach > .is-listbody {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-list > .chat-list-serach > .is-listbody .is-list {
  margin-bottom: 15px;
  font-size: 14px;
  background-color: #fff;
  padding: 15px 0px;
}
.chat-list > .chat-list-serach > .is-listbody .is-list h4 {
  color: #999;
  border-bottom: 1px solid #eee;
  height: 30px;
  margin: 0px 15px;
}
.chat-list {
  height: 100%;
  border-right: 1px solid #e5e5e5;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chat-list > .tabs a {
  font-size: 13px;
  height: 36px;
  color: #4a4a4a !important;
}
.chat-list > .tabs .is-active a {
  color: #1f2329 !important;
}
.chat-list .chat-list-head .chat-list-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  border-bottom: 1px solid #eee;
}
.chat-list .chat-list-head .chat-list-navs {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 5px;
}
.chat-list .chat-list-head .chat-list-navs ul {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
}
.chat-list .chat-list-head .chat-list-navs ul li a.button {
  font-size: 13px;
  margin-left: 10px;
  height: 24px;
  line-height: 24px;
  padding: 0px 12px;
  position: relative;
}
.chat-list .chat-list-head .chat-list-navs ul li a.button .ant-badge {
  position: absolute;
  top: 3px;
  right: 3px;
}
.chat-list .chat-list-head .chat-list-navs ul li:nth-child(1) a.button {
  margin-left: 0px;
}
.chat-list .chat-list-head .chat-list-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  padding-right: 10px;
}
.chat-list .chat-list-head .chat-list-tool a {
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-list .chat-list-head .chat-list-tool a.is-serach {
  margin-right: 5px;
  width: 25px;
  height: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
}
.chat-list .chat-list-head .chat-list-tool a.is-serach i {
  font-size: 18px;
}
.chat-list .chat-list-head .chat-list-screen {
  padding: 10px 15px 10px;
  border-bottom: 1px solid #eee;
}
.chat-list .chat-list-head .chat-list-screen .is-screen-head {
  margin-bottom: 7px;
}
.chat-list .chat-list-head .chat-list-screen .is-screen-head .button {
  font-size: 13px;
  height: 24px;
  padding: 0px 12px;
  margin-right: 10px;
}
.chat-list .chat-list-head .chat-list-screen .is-screen-head a {
  font-size: 13px;
}
.chat-list .chat-list-head .chat-list-screen .field {
  margin: 0px;
}
.chat-list .chat-list-head .chat-list-screen .is-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.chat-list .chat-list-head .chat-list-screen .is-list li {
  padding: 0px;
  margin: 0px;
}
.chat-list .chat-list-head .chat-list-screen .is-list li a {
  font-size: 13px;
  color: #999;
  margin: 0px;
  margin-right: 10px;
}
.chat-list .chat-list-head .chat-list-screen .is-list li a.is-link {
  color: #3273dc;
}
.chat-list .chat-list-title-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eee;
}
.chat-list .chat-list-title-tab ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-list .chat-list-title-tab ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  margin-bottom: -1px;
  border-bottom: 1px solid #eee;
  position: relative;
  cursor: pointer;
}
.chat-list .chat-list-title-tab ul li:hover {
  border-bottom-color: #999;
}
.chat-list .chat-list-title-tab ul li:hover a {
  color: #222;
}
.chat-list .chat-list-title-tab ul li a {
  color: #4a4a4a;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.chat-list .chat-list-title-tab ul li.is-active {
  border-bottom-color: #3583ca;
}
.chat-list .chat-list-title-tab ul li.is-active a {
  color: #3583ca;
}
.chat-list .chat-list-title-tab ul li.is-active:hover .more,
.chat-list .chat-list-title-tab ul li.is-active.morevisible .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-list .chat-list-title-tab ul li.is-active.morevisible .more {
  background: #f9f9f9;
}
.chat-list .chat-list-title-tab ul li .more {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 15px;
  height: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
  cursor: pointer;
}
.chat-list .chat-list-title-tab ul li .more:hover {
  background: #f9f9f9;
}
.chat-list .chat-list-title-tab ul li .more:after {
  position: relative;
  top: 2px;
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  border: solid #999;
  border-width: 1px 1px 0 0;
  -webkit-transform: translate(0, -50%) rotate(135deg);
      -ms-transform: translate(0, -50%) rotate(135deg);
          transform: translate(0, -50%) rotate(135deg);
}
.chat-list .chat-list-set {
  position: absolute;
  right: 0px;
  top: 0px;
}
.chat-list .chat-list-set i {
  color: #999;
  cursor: pointer;
}
.chat-list .chat-list-set i:hover {
  color: #666;
}
.chat-list .chat-list-title {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-list .chat-list-title h3 {
  font-weight: normal;
  margin-left: 15px;
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-list .chat-list-title .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
}
.chat-list .chat-list-title .info .icon-info {
  font-size: 22px;
  color: #dfdfdf;
}
.chat-list .chat-list-title .back {
  width: 40px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}
.chat-list .chat-list-title .back i {
  font-size: 22px;
  position: relative;
  bottom: 1px;
}
.chat-list .chat-list-title h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.chat-list .chat-list-title h4 a {
  margin-right: 15px;
  font-size: 13px;
  padding: 0px 15px;
  max-width: 120px;
  overflow: hidden;
}
.chat-list .chat-list-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-list .chat-list-body > .is-break {
  height: 150px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
  text-align: center;
}
.chat-list .chat-list-body > a.is-loading {
  width: 100%;
  height: 100%;
  border: none;
  font-size: 22px;
}
.chat-list .chat-list-body .chat-list-describe {
  text-align: center;
  font-size: 13px;
  padding: 15px;
  color: rgba(0, 0, 0, 0.3);
}
.chat-list .chat-list-body .chat-list-describe p.empty {
  margin-top: 3px;
}
.chat-list .chat-list-body .empty {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #aaa;
}
.chat-list .chat-list-body .empty i {
  font-size: 30px;
  color: #ddd;
  display: none;
}
.chat-list .chat-list-body .empty p {
  font-size: 16px;
  margin-top: 5px;
}
.chat-list-colleague-popover .ant-popover-inner-content {
  padding: 10px;
}
.chat-list-colleague-popover ul {
  padding: 0px;
}
.chat-list-colleague-popover ul li {
  width: 180px;
}
.chat-list-colleague-popover ul li.all {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.chat-list-colleague-popover ul li.all a {
  font-size: 14px;
  padding: 6px 0px;
  height: auto;
}
.chat-list-colleague-popover ul li.active a {
  background: #f9f9f9;
}
.chat-list-colleague-popover ul li.active dl {
  background: #f9f9f9;
}
.chat-list-colleague-popover ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.chat-list-colleague-popover ul li dl:hover {
  background: #f9f9f9;
}
.chat-list-colleague-popover ul li dl dt {
  width: 35px;
  height: 35px;
  margin-right: 12px;
  font-size: 0px;
  position: relative;
  background: #eee;
  border-radius: 50%;
}
.chat-list-colleague-popover ul li dl dt img {
  border-radius: 50%;
}
.chat-list-colleague-popover ul li dl dt i {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 100px;
}
.chat-list-colleague-popover ul li dl dt i.off {
  background: #f96868;
}
.chat-list-colleague-popover ul li dl dt i.on {
  background: #73d84d;
}
.chat-list-colleague-popover ul li dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.chat-list-colleague-popover ul li dl dd h3 {
  font-size: 13px;
}
.chat-list-colleague-popover ul li dl dd p {
  font-size: 13px;
  color: #999;
}
@-webkit-keyframes chat_list_twinkle {
  0% {
    background: #fff;
  }
  10% {
    background: rgba(255, 221, 87, 0.5);
  }
  30% {
    background: #fff;
  }
  50% {
    background: rgba(255, 221, 87, 0.5);
  }
  60% {
    background: #fff;
  }
  80% {
    background: rgba(255, 221, 87, 0.5);
  }
  100% {
    background: #fff;
  }
}
html,
body {
  overflow-y: hidden;
}
.mobile-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.mobile-body input,
.mobile-body textarea {
  -webkit-user-select: auto;
}
.mobile-body .modal {
  z-index: 999;
}
.mobile-body .mobile-head {
  background: #2196F3;
  height: 55px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-body .mobile-head .mobile-head-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
  height: 55px;
  line-height: 55px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.mobile-body .mobile-head .mobile-head-back {
  width: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobile-body .mobile-head .mobile-head-back i {
  font-size: 24px;
  position: relative;
  bottom: 2px;
}
.mobile-body .mobile-head .mobile-head-back .unread {
  position: absolute;
  right: -10px;
  top: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.mobile-body .mobile-head .mobile-head-back .unread span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  min-width: 20px;
  border-radius: 10px;
  background: #ff3860;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  padding: 0px 6px;
}
.mobile-body .mobile-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f0f1f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.mobile-body .mobile-foot {
  background: #fff;
  position: relative;
}
.mobile-body .mobile-foot:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 15;
  top: 0;
  border-top: 1px solid #e1e1e1;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .mobile-foot ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.mobile-body .mobile-foot ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.mobile-body .mobile-foot ul li a {
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 55px;
  font-size: 12px;
  line-height: 1;
}
.mobile-body .mobile-foot ul li a i {
  font-size: 24px;
  margin-bottom: 6px;
  display: block;
  height: 24px;
}
.mobile-body .mobile-foot ul li a i.icon-visitor {
  font-size: 38px;
}
.mobile-body .mobile-foot ul li a i.icon-visitor::before {
  position: relative;
  bottom: 6px;
}
.mobile-body .mobile-foot ul li a span {
  -webkit-transform: scale(0.875);
      -ms-transform: scale(0.875);
          transform: scale(0.875);
}
.mobile-body .mobile-foot ul li.active a {
  color: #2196F3;
}
.mobile-body .mobile-foot ul li .unread {
  position: absolute;
  left: 0px;
  top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.mobile-body .mobile-foot ul li .unread span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  min-width: 20px;
  border-radius: 10px;
  background: #ff3860;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  padding: 0px 6px;
  position: relative;
  left: 15px;
}
.mobile-body .bottom-border-fine {
  position: relative;
}
.mobile-body .bottom-border-fine:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.mobile-body .loader-body {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}
.mobile-body .details-block {
  -webkit-user-select: auto;
  -webkit-touch-callout: inherit;
  padding-top: 20px;
}
.mobile-body .details-block h3 {
  padding-left: 15px;
  color: #999;
  margin-bottom: 5px;
  font-size: 14px;
}
.mobile-body .details-block ul {
  background: #fff;
  position: relative;
}
.mobile-body .details-block ul:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .details-block ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 15px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.mobile-body .details-block ul li:active {
  background: #eee;
}
.mobile-body .details-block ul li .name {
  width: 100px;
}
.mobile-body .details-block ul li .value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  color: #aaa;
  font-size: 14px;
  overflow: hidden;
}
.mobile-body .details-block ul li .center {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.mobile-body .details-block ul li .to {
  width: 20px;
  text-align: right;
  position: relative;
  left: 5px;
  color: #aaa;
}
.mobile-body .details-block ul li:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 15;
  top: 0;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .details-block ul li:last-child:after {
  border: none;
}
.mobile-body .details-block.is-active-none li:active {
  background: #fff;
}
.mobile-body .empty {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  color: #999;
  text-align: center;
}
.mobile-body .empty i {
  display: none;
}
.mobile-body .modal-content {
  opacity: 1;
  -webkit-animation: mobile_edit_body 0.3s;
          animation: mobile_edit_body 0.3s;
}
.mobile-body .controlList-body li {
  padding: 10px;
  position: relative;
  background: #fff;
}
.mobile-body .controlList-body li.all {
  text-align: left;
  padding: 18px 12px;
}
.mobile-body .controlList-body li:active {
  background: #eee;
}
.mobile-body .controlList-body li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-body .controlList-body li dl dt {
  margin-right: 10px;
  font-size: 0px;
}
.mobile-body .controlList-body li dl dt img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
}
.mobile-body .controlList-body li dl dd h3 {
  font-size: 16px;
}
.mobile-body .controlList-body li dl dd p {
  font-size: 14px;
  color: #aaa;
}
@-webkit-keyframes mobile_edit_body {
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 30px);
            transform: translate(0px, 30px);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.mobile-modal .modal-background {
  background-color: rgba(10, 10, 10, 0.66);
}
.mobile-modal .modal-content {
  background: #fff;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  max-height: 100%;
}
.mobile-body .mobile-edit-body {
  background: #fff;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
  padding: 5px 0px;
  -webkit-user-select: auto;
  -webkit-touch-callout: inherit;
}
.mobile-body .mobile-edit-body:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 15;
  top: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .mobile-edit-body input,
.mobile-body .mobile-edit-body textarea {
  border: none;
  resize: none;
  font-size: 16px;
}
.mobile-body .mobile-edit-body input:focus,
.mobile-body .mobile-edit-body textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.chat-customer-body .currenturl {
  font-size: 13px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  color: #999;
}
.chat-customer-body .currenturl span {
  color: #999;
  padding-right: 10px;
}
.chat-customer-body .currenturl .currenturl-head {
  padding: 0px 15px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
}
.chat-customer-body .currenturl .currenturl-head .currenturl-head-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-customer-body .currenturl .currenturl-head .currenturl-head-right {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.chat-customer-body .currenturl .currenturl-head .currenturl-head-right i.iconfont {
  font-size: 18px;
  position: relative;
  top: 2px;
}
.chat-customer-body .currenturl .currenturl-body {
  height: 130px;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
}
.chat-customer-body .currenturl .currenturl-body .currenturl-body-list {
  height: 100%;
}
.chat-customer-body .currenturl .currenturl-body .currenturl-body-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  font-size: 13px;
}
.chat-customer-body .currenturl .currenturl-body .currenturl-body-list .list:hover {
  background: #f9f9f9;
}
.chat-customer-body .currenturl .currenturl-body .currenturl-body-list .list .list-time {
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  overflow: hidden;
  color: #999;
}
.chat-customer-body .currenturl .currenturl-body .currenturl-body-list .list .list-title {
  overflow: hidden;
  margin: 0px 8px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: left;
}
.chat-customer-body .currenturl .currenturl-body .currenturl-body-list .list .list-res {
  -ms-flex-preferred-size: 140px;
      flex-basis: 140px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
  overflow: hidden;
  color: #999;
}
.chat-customer-body .currenturl .currenturl-body .currenturl-body-list .nodata {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-customer-body .currenturl .currenturl-body .currenturl-body-list .nodata p {
  text-align: center;
  width: 100%;
  font-size: 14px;
}
.chat-customer-body .currenturl .currenturl-body .loader {
  font-size: 24px;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url("https://static.letchat.net/static/default-skin.png") 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (-o-min-device-pixel-ratio: 35/32), (min-resolution: 105dpi), (-o-min-device-pixel-ratio: 11/10), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url("https://static.letchat.net/static/default-skin.svg");
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}
/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
.pswp__caption--empty {
  display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}
/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url("https://static.letchat.net/work/photoswipe/preloader.gif") 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}
.components-chat-message-item-image {
  position: relative;
}
.components-chat-message-item-image .is-ogload {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-chat-message-item-image .is-download {
  position: absolute;
  right: -20px;
  top: 5px;
  width: 15px;
  height: 15px;
}
.components-chat-message-item-image .is-download a {
  border: none;
  background: none;
  width: 15px;
  max-width: 15px;
  height: 15px;
  padding: 0px;
}
.components-chat-message-item-image .is-download a:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-chat-message-item-image .is-download a img {
  width: 15px !important;
  height: 15px !important;
  opacity: 0.15;
}
.components-chat-message-item-customer-file {
  font-size: 14px;
  width: 220px;
}
.components-chat-message-item-customer-file .file-head {
  height: 100px;
  line-height: 100px;
  background: #62a8ea;
  color: #Fff;
  font-size: 40px;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.components-chat-message-item-customer-file .file-body {
  padding: 8px 15px;
  position: relative;
  background: #fff;
  border: 1px solid #fff;
  border-top: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #000;
}
.components-chat-message-item-customer-file .file-body h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 3px;
}
.components-chat-message-item-customer-file .file-body p {
  font-size: 12px;
  color: #999;
}
.components-chat-message-item-customer-file .file-body a {
  position: absolute;
  bottom: 0px;
  color: #3273dc!important;
  text-decoration: none!important;
}
.components-chat-message-item-customer-file .file-body a i {
  font-size: 22px;
}
.components-chat-message-item-customer-file .file-body a i.icon-download {
  font-size: 14px;
}
.components-chat-message-item-customer-file .file-body a.down {
  right: 8px;
  bottom: 5px;
  font-size: 12px;
}
.components-chat-message-item-customer-file .file-body a.online {
  right: 40px;
  color: #ccc!important;
  bottom: 1px;
}
.components-chat-message-item-customer-file .file-body a.online i {
  font-size: 18px;
}
.components-chat-message-item-customer-file.pdf .file-head {
  background: #677AE4;
}
.components-chat-message-item-customer-file.text .file-head {
  background: #526069;
}
.components-chat-message-item-customer-file.excel .file-head {
  background: #57c7d4;
}
.components-chat-message-item-customer-file.ppt .file-head {
  background: #f96868;
}
.components-chat-message-item-customer-file.unknown .file-head {
  background: #526069;
}
.components-messageparsing-card {
  max-width: 280px !important;
  width: 280px !important;
}
.components-messageparsing-card.is-noedition {
  background-color: white !important;
}
.components-messageparsing-card.is-noedition:before {
  border-right-color: white !important;
}
.components-messageparsingitem-card {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-messageparsingitem-card.is-center {
  background: white;
}
.components-messageparsingitem-card .card-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-messageparsingitem-card .card-list .is-body {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-messageparsingitem-card .card-list .is-body .is-left {
  text-align: center;
  width: 75px;
  height: 75px;
  font-size: 0px;
}
.components-messageparsingitem-card .card-list .is-body .is-left img {
  width: 100%;
  height: 100%;
  border: 0px;
}
.components-messageparsingitem-card .card-list .is-body .is-right {
  padding-left: 10px;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.components-messageparsingitem-card .card-list .is-body .is-right .is-titles .cardtitle {
  line-height: 18px;
  color: #000;
}
.components-messageparsingitem-card .card-list .is-body .is-right .is-titles .description {
  margin-top: 3px;
  color: #aaa;
  line-height: 18px;
}
.components-messageparsingitem-card .card-list .is-body .is-right .is-pricenumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.components-messageparsingitem-card .card-list .is-body .is-right .is-pricenumber .price {
  margin-top: 5px;
  font-weight: bold;
  color: #000;
}
.components-messageparsingitem-card .card-list .is-body .is-right .is-pricenumber .is-number {
  margin-top: 5px;
  color: #bbb;
  font-size: 13px;
}
.components-chat-message-item-form {
  background: #fff;
  width: 100%;
  max-width: 280px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
}
.components-chat-message-item-form .chat-form-body {
  padding: 20px;
}
.components-chat-message-item-form .chat-form-body .control {
  font-size: 14px;
}
.components-chat-message-item-form .chat-form-body label {
  font-size: 14px;
  font-weight: normal;
}
.components-chat-message-item-form .chat-form-body input.input {
  font-size: 14px;
  padding-left: 10px;
  height: 40px;
  background: #fcfcfc;
}
.components-chat-message-item-form .chat-form-body input.input:hover {
  border-color: #dbdbdb;
}
.components-chat-message-item-form .chat-form-body input.input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #fff;
  border-color: #dbdbdb;
}
.components-chat-message-item-form .chat-form-body textarea.textarea {
  font-size: 14px;
  background: #fcfcfc;
}
.components-chat-message-item-form .chat-form-body textarea.textarea:hover {
  border-color: #dbdbdb;
}
.components-chat-message-item-form .chat-form-body textarea.textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #fff;
  border-color: #dbdbdb;
}
.components-chat-message-item-form .chat-form-body button {
  font-size: 14px;
}
.components-chat-message-item-form .chat-form-body .select {
  display: block;
}
.components-chat-message-item-form .chat-form-body .select select {
  width: 100%;
}
.components-chat-message-item-form .chat-form-body .radio {
  margin-right: 15px;
  margin-left: 0px;
  line-height: 1.8;
}
.components-chat-message-item-form .chat-form-body .radio input {
  margin-right: 5px;
}
.components-chat-message-item-form .chat-form-body .checkbox {
  margin-right: 15px;
  line-height: 1.8;
}
.components-chat-message-item-form .chat-form-body .checkbox input {
  margin-right: 5px;
}
.components-chat-message-item-form .chat-form-body .field {
  position: relative;
}
.components-chat-message-item-form .chat-form-body .operation {
  position: absolute;
  right: -5px;
  top: -2px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.components-chat-message-item-form .chat-form-body .operation .button {
  font-size: 12px;
  height: 2em;
}
.components-chat-message-item-form .chat-form-body .fuse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-chat-message-item-form .chat-form-body .fuse input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0px;
}
.components-chat-message-item-form .chat-form-body .fuse a.button {
  height: 40px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 45px;
}
.components-chat-message-item-voice {
  height: 35px;
  max-width: 100%;
  padding: 0px 6px;
  cursor: pointer;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-chat-message-item-voice p {
  font-size: 13px;
  color: #333!important;
}
.components-chat-message-item-voice:active {
  background-color: #f1f1f1;
}
.components-chat-message-item-voice.is-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.components-chat-message-item-voice.is-left:active {
  background-color: #A5D36D;
}
.components-chat-message-item-voice.is-left .wifi-box {
  -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
          transform: scale(0.4);
}
.components-chat-message-item-voice .wifi-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-transform: scale(0.4) rotateY(180deg);
          transform: scale(0.4) rotateY(180deg);
}
.components-chat-message-item-voice .wifi-box .wifi-symbol {
  width: 25px;
  height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.components-chat-message-item-voice .wifi-box .wifi-circle {
  border: 5px solid #333;
  border-radius: 50%;
  position: absolute;
}
.components-chat-message-item-voice .wifi-box .first {
  width: 5px;
  height: 5px;
  background: #333;
  top: 25px;
  left: 20px;
}
.components-chat-message-item-voice .wifi-box .second {
  width: 25px;
  height: 25px;
  top: 15px;
  left: 10px;
  -webkit-animation: components_chat_message_item_voice_fadeInDe 1s infinite 0.2s;
          animation: components_chat_message_item_voice_fadeInDe 1s infinite 0.2s;
}
.components-chat-message-item-voice .wifi-box .second.is-play {
  -webkit-animation: components_chat_message_item_voice_fadeInOut 1s infinite 0.2s;
          animation: components_chat_message_item_voice_fadeInOut 1s infinite 0.2s;
}
.components-chat-message-item-voice .wifi-box .third {
  width: 40px;
  height: 40px;
  top: 5px;
  left: 0px;
  -webkit-animation: components_chat_message_item_voice_fadeInDe 1s infinite 0.4s;
          animation: components_chat_message_item_voice_fadeInDe 1s infinite 0.4s;
}
.components-chat-message-item-voice .wifi-box .third.is-play {
  -webkit-animation: components_chat_message_item_voice_fadeInOut 1s infinite 0.4s;
          animation: components_chat_message_item_voice_fadeInOut 1s infinite 0.4s;
}
@-webkit-keyframes components_chat_message_item_voice_fadeInDe {
  0% {
    opacity: 1;
    /*初始状态 透明度为0*/
  }
  100% {
    opacity: 1;
    /*结尾状态 透明度为1*/
  }
}
@keyframes components_chat_message_item_voice_fadeInDe {
  0% {
    opacity: 1;
    /*初始状态 透明度为0*/
  }
  100% {
    opacity: 1;
    /*结尾状态 透明度为1*/
  }
}
@-webkit-keyframes components_chat_message_item_voice_fadeInOut {
  0% {
    opacity: 0;
    /*初始状态 透明度为0*/
  }
  100% {
    opacity: 1;
    /*结尾状态 透明度为1*/
  }
}
@keyframes components_chat_message_item_voice_fadeInOut {
  0% {
    opacity: 0;
    /*初始状态 透明度为0*/
  }
  100% {
    opacity: 1;
    /*结尾状态 透明度为1*/
  }
}
/* 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-radio-group {
  display: inline-block;
  font-size: 12px;
}
.ant-radio-wrapper {
  font-size: 12px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio {
  white-space: nowrap;
  outline: none;
  display: inline-block;
  position: relative;
  line-height: 1;
  vertical-align: text-bottom;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
.ant-radio:hover .ant-radio-inner,
.ant-radio-focused .ant-radio-inner {
  border-color: #108ee9;
}
.ant-radio-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #108ee9;
  content: '';
  -webkit-animation: antRadioEffect 0.36s ease-in-out;
          animation: antRadioEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  visibility: hidden;
}
.ant-radio:hover:after,
.ant-radio-wrapper:hover .ant-radio:after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  border-width: 1px;
  border-style: solid;
  border-radius: 14px;
  border-color: #d9d9d9;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-radio-inner:after {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 3px;
  top: 3px;
  border-radius: 4px;
  display: table;
  border-top: 0;
  border-left: 0;
  content: ' ';
  background-color: #108ee9;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #108ee9;
}
.ant-radio-checked .ant-radio-inner:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9 !important;
  background-color: #f7f7f7;
}
.ant-radio-disabled .ant-radio-inner:after {
  background-color: #ccc;
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-radio-button-wrapper {
  margin: 0;
  height: 28px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.65);
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-left: 0;
  background: #fff;
  padding: 0 16px;
  position: relative;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-radio-button-wrapper > .ant-radio-button {
  margin-left: 0;
  display: block;
  width: 0;
  height: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 32px;
  line-height: 30px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 22px;
  line-height: 20px;
  padding: 0 12px;
}
.ant-radio-group-small .ant-radio-button-wrapper:first-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-group-small .ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  content: "";
  display: block;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #d9d9d9;
}
.ant-radio-button-wrapper:first-child {
  border-radius: 4px 0 0 4px;
  border-left: 1px solid #d9d9d9;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover,
.ant-radio-button-wrapper-focused {
  color: #108ee9;
  position: relative;
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type="checkbox"],
.ant-radio-button-wrapper input[type="radio"] {
  opacity: 0;
  filter: alpha(opacity=0);
  width: 0;
  height: 0;
}
.ant-radio-button-wrapper-checked {
  background: #fff;
  border-color: #108ee9;
  color: #108ee9;
  -webkit-box-shadow: -1px 0 0 0 #108ee9;
          box-shadow: -1px 0 0 0 #108ee9;
  z-index: 1;
}
.ant-radio-button-wrapper-checked::before {
  background-color: #108ee9 !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:first-child {
  border-color: #108ee9;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:hover {
  border-color: #49a9ee;
  -webkit-box-shadow: -1px 0 0 0 #49a9ee;
          box-shadow: -1px 0 0 0 #49a9ee;
  color: #49a9ee;
}
.ant-radio-button-wrapper-checked:active {
  border-color: #0e77ca;
  -webkit-box-shadow: -1px 0 0 0 #0e77ca;
          box-shadow: -1px 0 0 0 #0e77ca;
  color: #0e77ca;
}
.ant-radio-button-wrapper-disabled {
  border-color: #d9d9d9;
  background-color: #f7f7f7;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  border-color: #d9d9d9;
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.25);
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@-webkit-keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.chat-transfer-body {
  width: 180px;
  padding: 5px;
}
.chat-transfer-body .nothing {
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
}
.chat-transfer-body .body .type {
  text-align: center;
  padding-bottom: 15px;
}
.chat-transfer-body .body .list {
  height: 200px;
  overflow-y: auto;
}
.chat-transfer-body .body .list .service dl {
  cursor: pointer;
  padding: 10px 10px;
  border-radius: 4px;
}
.chat-transfer-body .body .list .service dl dt {
  width: 30px;
  float: left;
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.chat-transfer-body .body .list .service dl dt img {
  border-radius: 50%;
}
.chat-transfer-body .body .list .service dl dt i {
  width: 6px;
  height: 6px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-radius: 100px;
  background: #ccc;
}
.chat-transfer-body .body .list .service dl dt i.on {
  background: #73d84d;
}
.chat-transfer-body .body .list .service dl dd {
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  color: #444;
  overflow: hidden;
  position: relative;
}
.chat-transfer-body .body .list .service dl dd i.loading {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #999;
}
.chat-transfer-body .body .list .service dl:hover {
  background: #f9f9f9;
}
.chat-transfer-body .body .list .group li {
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 13px;
  padding: 0px 10px;
  overflow: hidden;
  position: relative;
}
.chat-transfer-body .body .list .group li:hover {
  background: #f9f9f9;
}
.chat-transfer-body .body .list .group li.now {
  background: #efefef;
}
.chat-transfer-popover {
  z-index: 1060!important;
}
.chat-transfer-popover .ant-popover-inner-content {
  padding: 10px;
}
.chat-smile-popover {
  z-index: 1060!important;
}
.chat-smile-popover .ant-popover-inner-content {
  padding: 0px;
}
.chat-smile-list {
  width: 260px;
  height: 220px;
}
.chat-smile-list li {
  display: inline-block;
  padding: 7px 9px;
  border-radius: 4px;
}
.chat-smile-list li:hover {
  background: #F3F7F9;
}
.chat-smile-list li img {
  position: relative;
  top: 3px;
}
#emoji-smile-body {
  width: 445px;
  height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#emoji-smile-body .is-loading {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#emoji-smile-body .is-loading button {
  border: none;
  font-size: 22px;
}
em-emoji-picker {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.chat-onpaste-body {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 99;
  height: 170px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  text-align: center;
}
.chat-onpaste-body img {
  max-height: 170px;
  max-width: 100%;
}
.chat-onpaste-body .tool {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 99;
  text-align: right;
  background: rgba(0, 0, 0, 0.4);
  padding: 5px 10px;
  font-size: 12px;
}
.chat-onpaste-body .tool p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 300;
}
/* 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-upload {
  font-size: 12px;
  outline: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type="file"] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-select-picture-card {
  border: 1px dashed #d9d9d9;
  width: 96px;
  height: 96px;
  border-radius: 4px;
  background-color: #fbfbfb;
  text-align: center;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  margin-bottom: 8px;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 0;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #108ee9;
}
.ant-upload.ant-upload-drag {
  border: 1px dashed #d9d9d9;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border: 2px dashed #49a9ee;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #49a9ee;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  height: 60px;
  margin-bottom: 24px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  font-size: 80px;
  margin-top: -5px;
  color: #49a9ee;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  font-size: 14px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload.ant-upload-drag .anticon-plus {
  font-size: 30px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: rgba(0, 0, 0, 0.25);
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload-list {
  overflow: hidden;
}
.ant-upload-list-item {
  overflow: hidden;
  margin-top: 8px;
  font-size: 12px;
  position: relative;
  height: 24px;
}
.ant-upload-list-item-name {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 16px;
  width: 100%;
  display: inline-block;
}
.ant-upload-list-item-info {
  line-height: 24px;
  padding: 0 12px 0 4px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  margin-right: 4px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
  position: absolute;
  top: 5.5px;
}
.ant-upload-list-item .anticon-cross {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 4px;
  color: rgba(0, 0, 0, 0.43);
  line-height: 24px;
}
:root .ant-upload-list-item .anticon-cross {
  -webkit-filter: none;
          filter: none;
}
:root .ant-upload-list-item .anticon-cross {
  font-size: 12px;
}
.ant-upload-list-item .anticon-cross:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #ecf6fd;
}
.ant-upload-list-item:hover .anticon-cross {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f04134;
}
.ant-upload-list-item-error .anticon-cross {
  opacity: 1;
  color: #f04134 !important;
}
.ant-upload-list-item-progress {
  line-height: 0;
  font-size: 12px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  height: 66px;
  position: relative;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f04134;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  width: 48px;
  height: 48px;
  display: block;
  overflow: hidden;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before {
  line-height: 48px;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 0 8px;
  line-height: 44px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  padding-left: 48px;
  padding-right: 8px;
  max-width: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-left: 56px;
  margin-top: 0;
  bottom: 24px;
  width: calc(100% - 24px);
}
.ant-upload-list-picture .anticon-cross,
.ant-upload-list-picture-card .anticon-cross {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 1;
}
.ant-upload-list-picture-card {
  display: inline;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 96px;
  height: 96px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:before {
  content: ' ';
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info:before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  font-size: 16px;
  width: 16px;
  color: rgba(255, 255, 255, 0.91);
  margin: 0 4px;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  position: static;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fbfbfb;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info:before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-left: 0;
  bottom: 32px;
}
.ant-upload-list .ant-upload-success-icon {
  color: #00a854;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  -webkit-animation-name: uploadAnimateIn;
          animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  -webkit-animation-name: uploadAnimateOut;
          animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  -webkit-animation-name: uploadAnimateInlineIn;
          animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-name: uploadAnimateInlineOut;
          animation-name: uploadAnimateInlineOut;
}
@-webkit-keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
  }
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
  }
}
@-webkit-keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
  }
}
@-webkit-keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
/* 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-progress {
  display: inline-block;
}
.ant-progress-line {
  width: 100%;
  font-size: 12px;
  position: relative;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  padding-right: 2.75em;
  margin-right: -2.75em;
}
.ant-progress-inner {
  display: inline-block;
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 100px;
  vertical-align: middle;
}
.ant-progress-circle-trail {
  stroke: #f7f7f7;
}
.ant-progress-circle-path {
  stroke: #108ee9;
  -webkit-animation: ant-progress-appear 0.3s;
          animation: ant-progress-appear 0.3s;
}
.ant-progress-bg {
  border-radius: 100px;
  background-color: #108ee9;
  -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  -o-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  position: relative;
}
.ant-progress-text {
  word-break: normal;
  width: 2em;
  text-align: left;
  font-size: 1em;
  margin-left: 0.75em;
  vertical-align: middle;
  display: inline-block;
}
.ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-status-active .ant-progress-bg:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 10px;
  -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
          animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f04134;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f04134;
}
.ant-progress-status-exception .ant-progress-circle-path {
  stroke: #f04134;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #00a854;
}
.ant-progress-status-success .ant-progress-text {
  color: #00a854;
}
.ant-progress-status-success .ant-progress-circle-path {
  stroke: #00a854;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-family: tahoma;
  margin: 0;
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle .ant-progress-status-exception .ant-progress-text {
  color: #f04134;
}
.ant-progress-circle .ant-progress-status-success .ant-progress-text {
  color: #00a854;
}
@-webkit-keyframes ant-progress-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ant-progress-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ant-progress-active {
  0% {
    opacity: 0.1;
    width: 0;
  }
  20% {
    opacity: 0.5;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
@keyframes ant-progress-active {
  0% {
    opacity: 0.1;
    width: 0;
  }
  20% {
    opacity: 0.5;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
.chat-item-quicktool {
  position: absolute;
  left: 15px;
  top: 0px;
  width: 20px;
  height: 20px;
}
.popover-components-chat-item-quicktool .ant-popover-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px;
  background: none;
}
.popover-components-chat-item-quicktool .ant-popover-inner .ant-popover-inner-content {
  padding: 0px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 #ddd;
          box-shadow: 0 0 10px 0 #ddd;
  border-radius: 4px;
  background: #f8f8f8;
}
.popover-components-chat-item-quicktool .chat-item-quicktool-body {
  width: 280px;
  height: 200px;
  border-radius: 4px;
  overflow: hidden;
}
.popover-components-chat-item-quicktool .chat-item-quicktool-body dl {
  height: 30px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-top: 1px;
  font-size: 13px;
}
.popover-components-chat-item-quicktool .chat-item-quicktool-body dl:first-child {
  margin-top: 0px;
}
.popover-components-chat-item-quicktool .chat-item-quicktool-body dl:hover {
  background: #fafafa;
}
.popover-components-chat-item-quicktool .chat-item-quicktool-body dl.is-active {
  background: #209cee;
}
.popover-components-chat-item-quicktool .chat-item-quicktool-body dl.is-active dt {
  color: #fff;
}
.popover-components-chat-item-quicktool .chat-item-quicktool-body dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #000;
  margin-right: 5px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.popover-components-chat-item-quicktool .chat-item-quicktool-body dl dd {
  display: none;
}
.popover-components-chat-item-quicktool .chat-item-quicktool-body dl dd .tag {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.chat-dbox .chat-dbox-send {
  background: #fff;
  height: 170px;
  border-top: 1px solid #e5e5e5;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool {
  height: 45px;
  overflow: hidden;
  line-height: 45px;
  padding: 0px 15px 0px;
  padding-right: 0px;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool li {
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool li i {
  font-size: 19px;
  color: #999;
  position: relative;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool li i:active,
.chat-dbox .chat-dbox-send .chat-dbox-tool li i:hover {
  color: #62a8ea;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool li i.icon-zan {
  font-size: 22px;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool li i.icon-folder {
  font-size: 20px;
  position: relative;
  bottom: 1px;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool li i.icon-screenshot {
  font-size: 17px;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool .remarks {
  cursor: default;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool .remarks .ant-switch {
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool .tool-quick {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-top: 5px;
  padding-right: 5px;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool .tool-quick a.button {
  height: 2em;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool .tool-quick a.button.is-light i {
  color: #62a8ea;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool .tool-quick i {
  font-size: 18px;
  margin-right: 3px;
  color: #bbb;
}
.chat-dbox .chat-dbox-send .chat-dbox-tool .tool-quick span {
  font-size: 13px;
  color: #666;
}
.chat-dbox .chat-dbox-send input,
.chat-dbox .chat-dbox-send textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.chat-dbox .chat-dbox-send textarea {
  height: 125px;
  resize: none;
  background: transparent;
  border-style: none;
  font-size: 16px;
  padding: 0px 15px;
}
.chat-dbox .chat-dbox-send .chat-dbox-send-body {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.chat-dbox .chat-dbox-send .chat-dbox-send-body a.button {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 9;
  padding: 0px 20px;
  font-size: 14px;
}
.chat-dbox .chat-dbox-send .chat-dbox-send-body .chat-dbox-send-tips {
  position: absolute;
  right: 10px;
  bottom: 0px;
  color: #eee;
  text-align: right;
}
.chat-customer-card {
  margin: 10px 20px 20px;
}
.chat-customer-card h4 {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: normal;
  padding: 8px 0px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.chat-customer-card h4 .chat-customer-card-invitation {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-customer-card h4 .chat-customer-card-invitation a {
  font-size: 13px;
}
.chat-customer-card .list {
  font-size: 13px;
  margin-top: 10px;
  cursor: pointer;
}
.chat-customer-card .list:hover .edit .tips {
  display: block;
}
.chat-customer-card .list .name {
  color: #aaa;
}
.chat-customer-card .list .edit span {
  word-wrap: break-word;
}
.chat-customer-card .list .edit textarea {
  height: 19px;
  padding: 0px;
  font-size: 13px;
  border: none;
  resize: none;
  background: transparent;
}
.chat-customer-card .list .edit textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.chat-customer-card .list .edit .tips {
  display: none;
  color: #aaa;
}
.chat-customer-card .att {
  margin-top: 20px;
}
.chat-customer-card .att .list {
  cursor: default;
}
.chat-customer-card.remarks .control {
  font-size: 13px!important;
  cursor: pointer;
}
.chat-customer-card.remarks .textbody:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.chat-customer-card.remarks textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 13px;
  padding: 0px;
  border: none;
  height: auto;
  min-height: 6px;
  resize: none;
  margin: 0px;
}
.chat-customer-card-invitation-popover .ant-popover-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px;
  background: none;
}
.chat-customer-card-invitation-popover .ant-popover-inner .ant-popover-inner-content {
  padding: 0px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 #ddd;
          box-shadow: 0 0 10px 0 #ddd;
  border-radius: 4px;
}
.chat-customer-card-invitation-popover .popover-list {
  width: 180px;
  height: 200px;
  border-radius: 4px;
  overflow: hidden;
  margin: 0px 8px;
  padding: 0px 8px;
  background: #fafafa;
}
.chat-customer-card-invitation-popover .popover-list .field {
  margin: 5px 0px;
}
.chat-customer-card-invitation-popover .popover-list label.checkbox {
  font-size: 14px;
  color: #333;
}
.chat-customer-card-invitation-popover .popover-list label.checkbox input {
  margin-right: 5px;
}
.chat-customer-card-invitation-popover .popover-button {
  padding: 8px;
}
.chat-customer-card-invitation-popover .popover-button a.button {
  width: 100%;
  font-size: 14px;
}
#chat-customer-tag {
  margin: 10px 20px 20px;
}
#chat-customer-tag h4 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  padding: 8px 0px;
  border-bottom: 1px solid #e5e5e5;
}
#chat-customer-tag .ant-tag {
  margin-top: 5px;
}
#chat-customer-tag input {
  height: 30px;
  font-size: 12px;
}
#chat-customer-tag .inputbox {
  position: relative;
  margin: 15px 0px 0px;
}
#chat-customer-tag .inputbox i {
  position: absolute;
  right: 8px;
  height: 30px;
  line-height: 30px;
}
#chat-customer-tag .is-choose-tag a.button {
  background: #bfbfbf;
}
#chat-customer-tag .is-choose-tag a.button:hover {
  background: #48c774;
}
#chat-customer-tag .is-choose-tag a {
  color: #999;
  font-size: 13px;
}
#chat-customer-tag .is-choose-tag a:hover {
  color: #3273dc;
}
.components-tag .is-comptag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}
.components-tag .is-comptag-list .is-tag-li {
  margin: 5px 5px 3px 0px;
  list-style-type: none;
}
.components-tag .is-comptag-list .is-tag-li span {
  padding: 10px 10px 10px 10px;
  background-color: #f5f5f5;
  color: black;
  font-size: 12px;
}
.components-tag .is-comptag-list .is-tag-li .is-mydelete {
  font-size: 12px;
}
.components-tag .is-choose-tag {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.components-tag .is-choose-tag .is-tool {
  margin-right: 10px;
  font-size: 14px;
}
.components-tag .is-choose-tag .is-image a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  padding: 0px;
}
.components-tag .is-choose-tag .is-image i {
  font-size: 13px;
  color: white;
}
.is-tag-coloritem {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.is-tag-coloritem .is-addcontent-color {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 15px 0px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
}
.is-tag-coloritem .is-addcontent-color ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.is-tag-coloritem .is-addcontent-color ul li {
  width: calc(100%/5);
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.is-tag-coloritem .is-addcontent-color ul li a {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.is-tag-coloritem .is-addcontent-color ul li a i {
  color: #fff;
}
.is-tag-coloritem .is-addcontent-color ul li a:nth-child(n < 4) {
  margin-top: 0px;
}
.is-tag-coloritem .is-addcontent-color ul li a:nth-child(5n) {
  margin-right: 0px;
}
.is-tag-coloritem .is-addcontent-surebtn {
  padding: 0px;
  height: 40px;
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.is-tag-coloritem .is-addcontent-surebtn a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  width: 100%;
}
.is-tag-coloritem.is-search {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0px 15px;
  height: 150px;
}
.history-sreen-showcolor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.history-sreen-showcolor .is-addpage-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
}
.history-sreen-showcolor .is-addpage-content .is-addcontent-input {
  padding: 0px;
  height: 35px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.history-sreen-showcolor .is-addpage-content .is-addcontent-input input {
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.history-sreen-showcolor .is-addpage-content .is-addcontent-input .is-addcontent-showcolor {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-left: 5px;
}
.history-sreen-showcolor .select {
  width: 100%;
  height: 38px;
  margin-top: 15px;
}
.history-sreen-showcolor .select select {
  width: 100%;
  font-size: 14px;
  height: 38px;
}
.components-tags-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  padding-top: 5px;
}
.components-tags-group .button {
  font-size: 14px;
}
.components-tags-group .is-addview .field {
  padding: 15px 15px;
  border-top: 1px solid #eee;
}
.components-tags-group .is-addview .field .control {
  margin-bottom: 10px;
}
.components-tags-group .is-addview .field .control .select {
  width: 100%;
  height: 38px;
}
.components-tags-group .is-addview .field .control .select select {
  width: 100%;
  font-size: 14px;
  height: 38px;
}
.components-tags-group .is-addview .field .input {
  font-size: 14px;
}
.components-tags-group .is-addview .field .button {
  margin-right: 8px;
}
.components-tags-group .is-addview .is-addicon {
  padding: 10px 15px;
}
.components-tags-group .is-addview .is-addicon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-tags-group dl {
  color: #999;
}
.components-tags-group dl dt {
  padding-left: 15px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-tags-group dl dd ul > li > .is-groupitem {
  padding-left: 40px;
}
.components-tags-group dl dd ul > li > .is-item-body {
  padding-left: 40px;
}
.components-tags-group dl dd ul > li ol > li .is-item-body {
  padding-left: 65px;
}
.components-tags-group dl dd .is-item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 10px;
}
.components-tags-group dl dd .is-item-body .is-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-tags-group dl dd .is-item-body .is-item .is-color {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.components-tags-group dl dd .is-item-body .is-item .is-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  padding-left: 8px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  color: #363636;
}
.components-tags-group dl dd .is-item-body:hover {
  background-color: #f9f9f9;
}
.components-tags-group dl dd .is-item-body:hover .is-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-tags-group dl dd .is-item-body .is-edit {
  display: none;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-tags-group dl dd .is-item-body .is-edit a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  border: 0;
  border-radius: 0px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
}
.components-tags-group dl dd .is-item-body .is-edit a:hover i {
  color: #3273dc;
}
.components-tags-group dl dd .is-item-body .is-edit a i {
  font-size: 14px;
  color: #999;
}
.components-tags-group dl dd .is-item-body .is-edit a i.icon-edit {
  position: relative;
  top: 2px;
}
.components-tags-group dl dd .is-item-body .is-edit a i.icon-dustbin {
  font-size: 18px;
}
.components-tags-group dl dd .is-item-body .is-selected {
  width: 24px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-tags-group dl dd .is-item-body .is-selected .is-selected {
  color: #48c774;
}
.components-tags-group dl dd.is-add {
  padding-left: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-tags-group dl .is-groupitem {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  width: 100%;
}
.components-tags-group dl .is-groupitem .is-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  color: #888;
}
.components-tags-group dl .is-groupitem .is-edit {
  display: none;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
}
.components-tags-group dl .is-groupitem .is-edit a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  border: 0;
  border-radius: 0px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
}
.components-tags-group dl .is-groupitem .is-edit a:hover i {
  color: #3273dc;
}
.components-tags-group dl .is-groupitem .is-edit a i {
  font-size: 14px;
  color: #999;
}
.components-tags-group dl .is-groupitem .is-edit a i.icon-edit {
  position: relative;
  top: 2px;
}
.components-tags-group dl .is-groupitem .is-edit a i.icon-dustbin {
  font-size: 18px;
}
.components-tags-group dl .is-groupitem:hover .is-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history-screen-addtagpopover .is-loading-more {
  background: #fff;
  text-align: center;
  color: #aaa;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
.history-screen-addtagpopover .is-loading-more p {
  font-size: 14px;
  color: #ccc;
}
.history-screen-addtagpopover .ant-popover-inner-content {
  padding: 0px;
  margin: 0px;
}
.history-screen-addtagpopover .choosetag-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 280px;
  height: 335px;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eee;
  height: 55px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-searchinput-page {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-width: 0px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-searchinput-page h4 {
  font-size: 14px;
  padding-left: 15px;
  color: #aaa;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-searchinput-page input {
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
  border: 0px;
  padding-left: 15px;
  outline: none;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-searchinput-page input::-webkit-input-placeholder {
  color: #aaa;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-searchinput-page input::-moz-placeholder {
  color: #aaa;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-searchinput-page input::-ms-input-placeholder {
  color: #aaa;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-searchinput-page input::placeholder {
  color: #aaa;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-head-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 12px;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-head-image a.button {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  padding: 0px;
  margin-left: 8px;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-head-image a.button.is-light i {
  color: rgba(0, 0, 0, 0.7);
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-head-image a.button.is-clear i {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  font-size: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-head-image i {
  font-size: 18px;
  color: white;
  position: relative;
  top: 1;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tagepag-header .is-head-image i.icon-group {
  font-size: 24px;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-loading {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-tips-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #aaa;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-choosetag-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-choosetag-item .is-choosetag-color {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-choosetag-item .is-choosetag-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  padding-left: 8px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  color: #363636;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-choosetag-imag {
  width: 24px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-edit {
  display: none;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-edit a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  border: 0;
  border-radius: 0px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-edit a:hover i {
  color: #3273dc;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-edit a i {
  font-size: 14px;
  color: #999;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-edit a i.icon-edit {
  position: relative;
  top: 2px;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-edit a i.icon-dustbin {
  font-size: 18px;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem:hover {
  background-color: #f9f9f9;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem:hover .is-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem:hover .is-choosetag-item .is-choosetag-imag {
  display: none;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-listitem .is-selected {
  color: #48c774;
}
.history-screen-addtagpopover .choosetag-content .is-tagpage .is-contentbg .is-content-more {
  height: 200px;
}
.history-screen-addtagpopover .choosetag-content .is-addpage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.history-screen-addtagpopover .choosetag-content .is-addpage .is-addpage-header {
  height: 55px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eee;
}
.history-screen-addtagpopover .choosetag-content .is-addpage .is-addpage-header div {
  padding: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.history-screen-addtagpopover .choosetag-content .is-addpage .is-addpage-header a {
  margin-right: 15px;
}
.chat-customer-route {
  margin: 10px 20px 20px;
}
.chat-customer-route h3 {
  text-align: center;
}
.chat-customer-route h3 i {
  font-size: 26px;
  color: rgba(0, 0, 0, 0.2);
  margin-right: 10px;
  position: relative;
  top: 5px;
  cursor: pointer;
}
.chat-customer-route-body {
  width: 280px;
  padding: 15px 5px 0px;
}
.chat-customer-route-body dl {
  margin-bottom: 15px;
}
.chat-customer-route-body dl dt {
  font-size: 13px;
  color: #aaa;
  margin-bottom: 3px;
}
.chat-customer-route-body dl dd {
  white-space: pre-wrap;
  word-break: break-all;
  line-height: 1.2;
}
.chat-customer-route-body dl dd i {
  display: none;
}
.chat-customer-route-body dl.line dt,
.chat-customer-route-body dl.line dd {
  display: inline;
}
.chat-customer-route-body dl.line dd {
  padding-left: 10px;
}
.history-dialog-summary {
  margin: 10px 20px 20px;
}
.history-dialog-summary h3 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  padding: 8px 0px;
  border-bottom: 1px solid #e5e5e5;
}
.history-dialog-summary .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  margin-bottom: 8px;
}
.history-dialog-summary .list .list-title {
  color: rgba(0, 0, 0, 0.3);
}
.history-dialog-summary .list .list-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.chat-customer-slot .chat-customer-slotedit {
  padding: 15px 15px;
}
.chat-customer-slot .chat-customer-slotedit .tips {
  font-size: 14px;
  color: #257942;
  background: #effaf3;
  padding: 8px;
  border-radius: 4px;
  word-break: break-all;
}
.chat-customer-slot .chat-customer-slotedit button {
  font-size: 14px;
}
.chat-customer-slot h3 {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.chat-customer-slot input {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  height: 2.5em;
}
.chat-customer-slot textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  margin-bottom: 5px;
}
.chat-customer-slot .demo {
  padding: 25px 0px;
}
.chat-customer-slot .demo h4 {
  font-size: 14px;
  margin-bottom: 10px;
}
.chat-customer-slot .demo p {
  margin-top: 10px;
  font-size: 14px;
  color: #aaa;
}
.chat-customer-slot-iframe {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.chat-customer-slot-iframe iframe {
  width: 100%;
  height: 100%;
}
.chat-customer-slot-iframe .chat-customer-slot-tool {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
}
.chat-customer-slot-iframe .chat-customer-slot-tool .buttons {
  margin-bottom: 0px;
  height: 30px;
  margin: 5px;
}
.chat-customer-slot-iframe .chat-customer-slot-tool .button {
  height: 30px;
  font-size: 13px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.nexchat-editor {
  border: 1px solid #dbdbdb;
  background: #fff;
}
.nexchat-editor .is-editor-toolbar {
  border-bottom: 1px solid #ededed;
}
.nexchat-editor .is-editor-toolbar .title {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}
.nexchat-editor .is-editor-toolbar .w-e-bar-item-menus-container .w-e-bar-item button {
  display: block;
}
.nexchat-editor .is-editor-toolbar .w-e-bar-item-menus-container .w-e-bar-item svg {
  display: none;
}
.nexchat-editor .is-editor-content {
  height: 200px;
  padding: 10px 0px;
  color: #000;
}
.nexchat-editor .is-editor-content p {
  font-size: 14px;
  margin: 0px;
  line-height: 1.5;
}
.nexchat-editor .is-editor-content p span {
  color: #000;
}
.nexchat-editor .is-editor-content strong {
  color: inherit;
}
.nexchat-editor .is-editor-content strong span {
  color: inherit;
}
.nexchat-editor .is-editor-content .w-e-image-container {
  margin: 0px;
}
.components-service-select-popover .ant-popover-inner-content {
  padding: 0px;
}
.components-service-select-popover .popver-body {
  position: relative;
  width: 230px;
  padding: 15px;
}
.components-service-select-popover .popver-body .popver-object .tabs {
  margin-bottom: 0px;
}
.components-service-select-popover .popver-body .popver-object .tabs li {
  font-size: 14px;
}
.components-service-select-popover .popver-body .popver-list {
  height: 150px;
  margin: 10px 0px;
}
.components-service-select-popover .popver-body .popver-list li a.button {
  display: block;
  text-align: left;
  font-size: 14px;
  height: 2.4em;
}
.components-service-select-popover .popver-body .popver-list li.empty {
  font-size: 14px;
  color: #999;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-service-select-popover .popver-body .popver-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-service-select-popover .popver-body .popver-footer a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
}
.components-service-select-popover .popver-body .popver-footer a.button:first-child {
  margin-right: 10px;
}
.components-content-editor .edit-body .card-body .tabs {
  margin-bottom: 0px;
}
.components-content-editor .edit-body .card-body .tabs li {
  font-size: 14px;
}
.components-content-editor .edit-body .card-body .card-body-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 0px;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 10px;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-left {
  width: 75px;
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  font-size: 0px;
  position: relative;
  margin-top: 3px;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-left a.is-loading {
  border: none;
  background: none;
  font-size: 20px;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-left a .cardtips {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #000;
  width: 100%;
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.6;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-left a .cardtips i {
  font-size: 22px;
  color: #fff;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-left a .cardtips.is-imgsrc {
  height: 100%;
  display: none;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-left a img {
  width: 75px;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-left:hover a .is-imgsrc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.3;
  padding-left: 10px;
  font-size: 14px;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-right .description {
  margin-top: 5px;
  color: #bbb;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-right .is-pricenumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-right .is-pricenumber .is-bg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-right .is-pricenumber .is-bg .is-price {
  margin-top: 5px;
  color: #ff3860;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .is-body .is-right .is-pricenumber .is-bg .is-number {
  margin-top: 5px;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .urlbody {
  background: #fff;
  padding: 5px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #f3f3f3;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .urlbody i {
  font-size: 12px;
  margin-right: 5px;
  color: #ccc;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .urlbody .url {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .urlbody .url input {
  height: 14px;
  color: #aaa;
  border: none;
  padding: 0px;
  font-size: 14px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-content-editor .edit-body .card-body .card-body-product .card-body-product-list .urlbody .url input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-content-editor .edit-body .card-body textarea.textarea {
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px !important;
  resize: none;
  background: none;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
}
.components-content-editor .edit-body .card-body textarea.textarea::-webkit-scrollbar {
  display: none;
}
.components-content-editor .edit-body .card-body textarea.textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-content-editor .edit-body-form {
  padding: 10px;
}
.components-contenteditor-form {
  background: #fff;
  width: 100%;
  max-width: 280px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
}
.components-contenteditor-form .chat-form-body {
  padding: 20px;
}
.components-contenteditor-form .chat-form-body .control {
  font-size: 14px;
}
.components-contenteditor-form .chat-form-body label {
  font-size: 14px;
  font-weight: normal;
}
.components-contenteditor-form .chat-form-body input.input {
  font-size: 14px;
  padding-left: 10px;
  height: 40px;
  background: #fcfcfc;
}
.components-contenteditor-form .chat-form-body input.input:hover {
  border-color: #dbdbdb;
}
.components-contenteditor-form .chat-form-body input.input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #fff;
  border-color: #dbdbdb;
}
.components-contenteditor-form .chat-form-body textarea.textarea {
  font-size: 14px;
  background: #fcfcfc;
}
.components-contenteditor-form .chat-form-body textarea.textarea:hover {
  border-color: #dbdbdb;
}
.components-contenteditor-form .chat-form-body textarea.textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #fff;
  border-color: #dbdbdb;
}
.components-contenteditor-form .chat-form-body button {
  font-size: 14px;
}
.components-contenteditor-form .chat-form-body .select {
  display: block;
}
.components-contenteditor-form .chat-form-body .select select {
  width: 100%;
}
.components-contenteditor-form .chat-form-body .radio {
  margin-right: 15px;
  margin-left: 0px;
  line-height: 1.8;
}
.components-contenteditor-form .chat-form-body .radio input {
  margin-right: 5px;
}
.components-contenteditor-form .chat-form-body .checkbox {
  margin-right: 15px;
  line-height: 1.8;
}
.components-contenteditor-form .chat-form-body .checkbox input {
  margin-right: 5px;
}
.components-contenteditor-form .chat-form-body .field {
  position: relative;
}
.components-contenteditor-form .chat-form-body .operation {
  position: absolute;
  right: -5px;
  top: -2px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.components-contenteditor-form .chat-form-body .operation .button {
  font-size: 12px;
  height: 2em;
}
.components-contenteditor-form .chat-form-body .fuse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-contenteditor-form .chat-form-body .fuse input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0px;
}
.components-contenteditor-form .chat-form-body .fuse a.button {
  height: 40px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 45px;
}
.setting-chat-form-popover .ant-popover-inner-content {
  padding: 0px;
}
.setting-chat-form-popover .popver-body {
  position: relative;
  width: 260px;
  padding: 15px;
  padding-top: 15px;
}
.setting-chat-form-popover .popver-body .popver-form input.input {
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 2.5em;
}
.setting-chat-form-popover .popver-body .popver-form .select {
  display: block;
  height: 2.5em;
}
.setting-chat-form-popover .popver-body .popver-form .select select {
  width: 100%;
  height: 2.5em;
  font-size: 14px;
}
.setting-chat-form-popover .popver-body .popver-form .option {
  margin-top: 15px;
  font-size: 14px;
}
.setting-chat-form-popover .popver-body .popver-form .option .option-list {
  margin-bottom: 5px;
}
.setting-chat-form-popover .popver-body .popver-form .option .option-list .tags {
  margin-bottom: 0px;
}
.setting-chat-form-popover .popver-body .popver-form .option .option-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-chat-form-popover .popver-body .popver-form .option .option-add input {
  border: none;
  padding: 0px;
  height: 17px;
  padding-left: 5px;
}
.setting-chat-form-popover .popver-body .popver-form .option .option-add a {
  display: block;
  width: 80px;
  text-align: center;
}
.setting-chat-form-popover .popver-body .popver-form .checkbox {
  margin-top: 15px;
  font-size: 14px;
  display: block;
}
.setting-chat-form-popover .popver-body .popver-form .checkbox input {
  margin-right: 8px;
}
.setting-chat-form-popover .popver-body .popver-form .field {
  margin-bottom: 15px;
}
.setting-chat-form-popover .popver-body .popver-form .popver-form-iptype {
  height: 30px;
  text-align: center;
}
.setting-chat-form-popover .popver-body .popver-form .tips {
  font-size: 14px;
  color: #bbb;
}
.setting-chat-form-popover .popver-body .popver-footer {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-chat-form-popover .popver-body .popver-footer a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
}
.setting-chat-form-popover .popver-body .popver-footer a.button:first-child {
  margin-right: 10px;
}
.components-content-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.components-content-editor.is-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-content-editor.is-vertical > .edit {
  margin-left: 0px;
  margin-top: 10px;
  width: 100%;
}
.components-content-editor > .edit {
  margin-left: 10px;
  width: 300px;
  padding: 5px;
  background: #f3f3f3;
  border-radius: 4px;
}
.components-content-editor > .edit .nexchat-editor {
  border: none;
  border-radius: 4px;
}
.components-content-editor > .edit .nexchat-editor .nexchat-editor-body {
  min-height: 102px;
  font-size: 14px;
}
.components-content-editor > .edit .edit-type {
  margin-bottom: 5px;
}
.components-content-editor > .edit .edit-type a {
  font-size: 14px;
}
.components-content-editor > .edit .edit-type ul {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px;
  padding-bottom: 5px;
  border-radius: 4px;
}
.components-content-editor > .edit .edit-type ul li {
  width: calc(20%);
  font-size: 14px;
  text-align: center;
  margin-bottom: 3px;
}
.components-content-editor > .edit .edit-type ul li.is-active a {
  color: #000;
}
.components-content-editor > .edit .edit-type ul li.is-five {
  width: calc(20%);
}
.components-content-editor > .edit .edit-body .edit-body-text textarea.textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  height: 135px;
  border: none;
  resize: none;
}
.components-content-editor > .edit .edit-body .edit-body-img {
  height: 135px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-content-editor > .edit .edit-body .edit-body-img a {
  font-size: 14px;
  height: 2.5em;
  padding: 0px 15px;
}
.components-content-editor > .edit .edit-body .edit-body-img p {
  font-size: 13px;
  color: #999;
  margin-top: 8px;
  text-align: center;
}
.components-content-editor > .edit .edit-body .edit-menu textarea.textarea {
  min-height: 37px;
  width: 100%;
  border: none;
  padding: 8px 15px;
  resize: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  color: #000;
}
.components-content-editor > .edit .edit-body .edit-menu textarea.textarea::-webkit-scrollbar {
  display: none;
}
.components-content-editor > .edit .edit-body .edit-menu textarea.textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-content-editor > .edit .edit-body .edit-menu .edit-menu-list {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px;
}
.components-content-editor > .edit .edit-body .edit-menu .edit-menu-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.components-content-editor > .edit .edit-body .edit-menu .edit-menu-list ul li .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.components-content-editor > .edit .edit-body .edit-menu .edit-menu-list ul li .name .is-drag {
  cursor: move;
}
.components-content-editor > .edit .edit-body .edit-menu .edit-menu-list ul li .name .is-drag .icon-drag {
  font-size: 12px;
  color: #888;
  padding-right: 5px;
}
.components-content-editor > .edit .edit-body .edit-menu .edit-menu-list ul li .option {
  display: none;
  margin-left: 15px;
}
.components-content-editor > .edit .edit-body .edit-menu .edit-menu-list ul li .option a {
  margin-left: 10px;
}
.components-content-editor > .edit .edit-body .edit-menu .edit-menu-list ul li:hover .option {
  display: block;
}
.components-content-editor > .edit .edit-body .edit-menu .edit-menu-list .addbutton a {
  font-size: 14px;
  color: #00d1b2;
}
.components-content-editor > .edit .edit-body .edit-menu-item {
  padding: 10px;
}
.components-content-editor > .edit .edit-body .edit-menu-item input.input {
  max-width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  height: 2.5em;
}
.components-content-editor > .edit .edit-body .edit-menu-item .edit-menu-item-title {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.components-content-editor > .edit .edit-body .edit-menu-item .buttons .button {
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-content-editor > .edit .edit-body .edit-menu-item .field p {
  font-size: 14px;
  color: #999;
  margin-top: 8px;
}
.components-content-editor > .edit .edit-body .edit-menu-item .edit-menu-item-service a.button {
  font-size: 14px;
  height: 2.5em;
  width: 100%;
}
.components-content-editor > .edit .edit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
.components-content-editor > .edit .edit-button a.button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.components-content-editor > .edit .edit-button a.button:first-child {
  margin-right: 10px;
}
.components-content-editor .chat-content {
  cursor: pointer;
}
.components-chat-message-item-customer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-chat-message-item-customer .chat-avatar {
  width: 35px;
  height: 35px;
}
.components-chat-message-item-customer .chat-avatar img.avatar {
  border-radius: 50%;
}
.components-chat-message-item-customer .chat-avatar i.head {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  background: #ccc;
  color: #fff;
  font-size: 18px;
}
.components-chat-message-item-customer .chat-avatar i.head.mb {
  background: #57c7d4;
}
.components-chat-message-item-customer .chat-fail {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
}
.components-chat-message-item-customer i.loading {
  position: absolute;
  left: -25px;
  top: 12px;
  color: #999;
}
.components-chat-message-item-customer .chat-content {
  position: relative;
  margin-left: 10px;
  width: 220px;
  min-width: 20px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
}
.components-chat-message-item-customer .chat-content .txt-message {
  padding: 8px 15px;
  font-size: 14px;
}
.components-chat-message-item-customer .chat-content .txt-message p {
  color: #000;
}
.components-chat-message-item-customer .chat-content .txt-message strong {
  color: inherit;
}
.components-chat-message-item-customer .chat-content img.smile {
  vertical-align: bottom;
  margin: 0px 3px;
}
.components-chat-message-item-customer .chat-content img.img {
  max-width: 100%;
  cursor: pointer;
  border-radius: 4px;
  display: block;
}
.components-chat-message-item-customer .chat-content > p:last-child {
  margin-bottom: 0;
}
.components-chat-message-item-customer .chat-content:before {
  position: absolute;
  top: 10px;
  left: -10px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-right-color: #f3f3f3;
}
.components-chat-message-item-customer.animation {
  -webkit-animation: grshowchatmsg 0.1s;
          animation: grshowchatmsg 0.1s;
}
.components-chat-message-item-customer.right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.components-chat-message-item-customer.right .chat-content {
  background-color: #209cee;
  color: #fff;
}
.components-chat-message-item-customer.right .chat-content a {
  color: #fff;
  text-decoration: underline;
}
.components-chat-message-item-customer.right .chat-content::before {
  display: none;
}
.components-chat-message-item-customer.right.animation {
  -webkit-animation: grshowchatmsgright 0.15s;
          animation: grshowchatmsgright 0.15s;
}
.components-chat-message-item-customer.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-chat-message-item-customer.center .chat-content::before {
  display: none;
}
.components-chat-message-item-customer.center.animation {
  -webkit-animation: grshowchatmsgcenter 0.15s;
          animation: grshowchatmsgcenter 0.15s;
}
.components-quick-addmod {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-quick-addmod .components-quick-addmod-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-quick-addmod .components-quick-addmod-body .components-quick-addmod-body-content {
  padding: 0px 15px 20px;
}
.components-quick-addmod input.addmodtitle {
  max-width: 200px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  height: 2.5em;
}
.components-quick-addmod .select {
  font-size: 14px;
}
.components-quick-addmod .components-quick-addmod-title {
  font-size: 14px;
  color: #999;
  margin-bottom: 10px;
  margin-top: 20px;
}
.components-quick-addmod .components-quick-addmod-foot {
  height: 50px;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px;
}
.components-quick-addmod .components-quick-addmod-foot .components-quick-addmod-back {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-quick-addmod .components-quick-addmod-foot .button {
  font-size: 13px;
}
.components-quick-grouping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-quick-grouping .is-body-ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  padding: 10px 5px;
  padding-bottom: 5px;
}
.components-quick-grouping .is-body-ul li {
  font-size: 14px;
  margin: 0px 10px;
  margin-bottom: 5px;
  height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-quick-grouping .is-body-ul li.is-active a {
  color: #000;
}
.components-quick-grouping .is-body-ul li.is-edit {
  width: 100%;
}
.components-quick-grouping .is-body-ul li input {
  font-size: 14px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px;
}
.components-quick-grouping .is-body-ul li input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-quick-grouping .is-addgroup {
  padding: 0px;
  margin: 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 15px 10px 15px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-quick-grouping .is-addgroup .is-image {
  border-radius: 50%;
  background-color: #00d1b2;
  height: 18px;
  width: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-quick-grouping .is-addgroup .is-image i {
  font-size: 12px;
  color: white;
}
.components-quick-grouping .is-addgroup input {
  font-size: 14px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  height: 21px;
  padding: 0px;
}
.components-quick-grouping .is-addgroup input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-quick-grouping .is-addgroup a {
  padding-left: 5px;
  font-size: 14px;
}
.popover-components-quick-grouping-eidt .ant-popover-inner-content {
  padding: 3px 5px;
}
.popover-components-quick-grouping-eidt .is-groupname-edit .button {
  font-size: 12px;
  border: 0;
  border-radius: 0px;
  height: 30px;
  width: 30px;
}
.popover-components-quick-grouping-eidt .is-groupname-edit .button i {
  font-size: 14px;
}
.popover-components-quick-grouping-eidt .is-groupname-edit .button:nth-child(2) i {
  font-size: 18px;
}
.components-isquick-listitemnew {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-isquick-listitemnew .is-item {
  margin: 1px 0px 0px 0px;
}
.components-isquick-listitemnew .is-item dl.is-edit {
  padding-right: 0px;
}
.components-isquick-listitemnew .is-item dl.is-edit dd {
  height: 100%;
}
.components-isquick-listitemnew .is-on {
  border-bottom: 1px solid #3273dc;
}
.components-quick-grouphead {
  background: #fff;
  height: 40px;
}
.components-quick-grouphead input {
  padding: 0px;
  font-size: 14px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}
.components-quick-grouphead input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-quick-grouphead .isquick-addgroup-h3 {
  background: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-quick-grouphead .isquick-addgroup-h3 .name {
  color: #00d1b2;
  padding-left: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.components-quick-grouphead .isquick-addgroup-h3 .isquick-edit-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #00d1b2;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.components-quick-grouphead .isquick-addgroup-h3 .isquick-edit-add i {
  color: white;
  font-size: 13px;
}
.components-quick-ismoerpopover .ant-popover-inner-content {
  padding: 0px;
}
.components-quick-ismoerpopover .is-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100px;
}
.components-quick-ismoerpopover .is-content a {
  border: 0px;
  margin: 0px;
  padding: 0px 15px;
  border-radius: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-quick-ismoerpopover .is-content a i {
  font-size: 14px;
  padding-top: 3px;
  color: #666;
  display: none;
}
.components-quick-ismoerpopover .is-content a div {
  font-size: 14px;
  color: #363636;
}
.components-quick-ismoerpopover .is-content a[disabled] div {
  color: #999;
}
.components-quick-ismoerpopover .is-content a:hover {
  background-color: #f9f9f9;
}
.components-quick-addpopover .ant-popover-inner-content {
  padding: 0px;
}
.components-quick-addpopover .components-quick-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-quick-addpopover .components-quick-add .is-input {
  margin: 15px 20px;
}
.components-quick-addpopover .components-quick-add .is-input .input {
  width: 200px;
  font-size: 14px;
}
.components-quick-addpopover .components-quick-add .is-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: #f1f1f1 solid 1px;
  padding-top: 10px;
}
.components-quick-addpopover .components-quick-add .is-foot a.button {
  font-size: 14px;
  width: 100px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.components-quick-addpopover .components-quick-add .is-foot a.button:last-child {
  margin-right: 10px;
}
.components-quick-addpopover .components-quick-add .is-add-btn {
  padding: 0px;
  font-size: 14px;
  height: 40px;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #363636;
}
.components-quick-addpopover .components-quick-add .is-add-btn:hover {
  background-color: #f1f1f1;
}
.components-quicknew {
  background: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.components-quicknew .is-quick-search {
  padding: 10px 15px 10px;
  background: #fff;
}
.components-quicknew .is-quick-search .contentbody {
  position: relative;
}
.components-quicknew .is-quick-search .contentbody .close {
  position: absolute;
  right: 0px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  height: 30px;
  border-radius: 20px;
  cursor: pointer;
}
.components-quicknew .is-quick-search .contentbody .close:hover i {
  color: #666;
}
.components-quicknew .is-quick-search .contentbody .close i {
  color: #000;
  font-size: 13px;
}
.components-quicknew .is-quick-search .input {
  border-radius: 290486px;
  height: 30px;
  font-size: 14px;
  padding: 0px 15px;
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-quicknew .is-quick-head {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eee;
}
.components-quicknew .is-quick-head > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 5px 0px 15px;
}
.components-quicknew .is-quick-head > div h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-quicknew .is-quick-head > div .is-head-nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
}
.components-quicknew .is-quick-head > div .is-head-nav a {
  font-size: 13px;
  border-radius: 12px;
  height: 24px;
  padding: 0px 15px;
  margin: 0px;
  color: #000000B3;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-quicknew .is-quick-head > div .is-head-nav a:nth-child(2) {
  margin-left: 10px;
}
.components-quicknew .is-quick-head > div .is-head-nav a.is-active {
  background-color: #3273dc;
  color: #fff;
}
.components-quicknew .is-quick-head > div .is-headsetting-nav h3 {
  font-size: 16px;
  color: #363636;
  padding-left: 10px;
}
.components-quicknew .is-quick-head > div .is-head-toolset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.components-quicknew .is-quick-head > div .is-head-toolset a {
  width: 25px;
  height: 25px;
  margin-left: 5px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-quicknew .is-quick-head > div .is-head-toolset a.is-active {
  background: #eef3fc;
}
.components-quicknew .is-quick-head > div .is-head-toolset a.is-active i {
  font-size: 12px;
  color: #2160c4;
}
.components-quicknew .is-quick-head > div .is-head-toolset a i {
  color: #999;
  font-size: 16px;
}
.components-quicknew .is-quick-head > div .is-head-toolset a i.icon-close {
  font-size: 18px;
}
.components-quicknew .is-quick-head > div .is-head-toolset a.is-onset {
  border-radius: 100%;
  background-color: #00d1b2;
  height: 22px;
  width: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 5px;
}
.components-quicknew .is-quick-head > div .is-head-toolset a.is-onset i {
  color: #fff;
  font-size: 16px;
  background-color: rgba(250, 250, 250, 0);
}
.components-quicknew .is-quick-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f8f8f8;
}
.components-quicknew .is-quick-type {
  margin: 5px 0px 5px;
}
.components-quicknew .is-quick-type ul.is-quick-typelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  padding: 10px;
  padding-bottom: 5px;
}
.components-quicknew .is-quick-type ul.is-quick-typelist li {
  width: calc(20%);
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
}
.components-quicknew .is-quick-type ul.is-quick-typelist li.is-active a {
  color: #000;
}
.components-quicknew .is-quick-contentlist {
  padding: 0px 0px 0px;
}
.components-quicknew .is-quick-contentlist ul li h3 {
  background: #fff;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 1px;
  font-size: 14px;
  cursor: pointer;
  color: #000;
}
.components-quicknew .is-quick-contentlist ul li h3 .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-quicknew .is-quick-contentlist ul li h3 .name i {
  font-size: 12px;
  color: #ddd;
}
.components-quicknew .is-quick-contentlist ul li h3 .name .arrow {
  margin-right: 5px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.components-quicknew .is-quick-contentlist ul li h3 .tools .count {
  color: #aaa;
  font-size: 12px;
}
.components-quicknew .is-quick-contentlist ul li h3:hover {
  background: #fafafa;
}
.components-quicknew .is-quick-contentlist ul li.is-grouplist-ison {
  border-bottom: 1px solid #3273dc;
}
.components-quicknew .is-quick-contentlist ul li.is-edit h3 {
  padding-right: 0px;
}
.components-quicknew .is-quick-contentlist ul li.is-edit h3 .tools {
  height: 100%;
}
.components-quicknew .is-quick-contentlist ul li.is-edit h3 .tools .istools-editbg {
  height: 100%;
  padding-right: 10px;
}
.components-quicknew .is-quick-contentlist ul li.is-edit h3 .tools .istools-editbg .button {
  font-size: 12px;
  border: 0;
  border-radius: 0px;
  height: 100%;
  width: 30px;
  background: none;
}
.components-quicknew .is-quick-contentlist ul li.is-edit h3 .tools .istools-editbg .button i {
  font-size: 14px;
  color: #999;
}
.components-quicknew .is-quick-contentlist ul li.is-edit h3 .tools .istools-editbg .button i.icon-edit {
  position: relative;
  top: 1px;
}
.components-quicknew .is-quick-contentlist ul li.is-edit h3 .tools .istools-editbg .button:hover i {
  color: #3273dc;
}
.components-quicknew .is-quick-contentlist ul li.is-edit h3 .tools .istools-editbg .button:nth-child(2) i {
  font-size: 18px;
}
.components-quicknew .is-quick-contentlist ul li.is-editid h3 {
  background: #fff !important;
}
.components-quicknew .is-quick-contentlist ul li.is-editid h3 input {
  padding: 0px;
  font-size: 14px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  height: 100%;
  color: #000;
}
.components-quicknew .is-quick-contentlist ul li.is-editid h3 input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-quicknew .is-quick-contentlist ul li.is-active h3 {
  background: #fafafa;
}
.components-quicknew .is-quick-contentlist ul li.is-active h3 .arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.components-quicknew .is-quick-contentlist ul li dl {
  padding-left: 33px;
}
.components-quicknew .is-quick-contentlist ul li dl:first-child {
  margin-top: 1px;
}
.components-quicknew .is-quick-contentlist dl {
  height: 40px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-top: 1px;
  font-size: 14px;
}
.components-quicknew .is-quick-contentlist dl:first-child {
  margin-top: 0px;
}
.components-quicknew .is-quick-contentlist dl:hover {
  background: #fafafa;
}
.components-quicknew .is-quick-contentlist dl:hover dd {
  display: block;
}
.components-quicknew .is-quick-contentlist dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #000;
  margin-right: 5px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.components-quicknew .is-quick-contentlist dl dt i {
  font-size: 12px;
  color: #ddd;
  margin-right: 5px;
}
.components-quicknew .is-quick-contentlist dl dd a {
  font-size: 12px;
  height: 2em;
}
.components-quicknew .is-quick-contentlist dl dd.usage {
  display: block;
  margin-left: 5px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.components-quicknew .is-quick-contentlist dl dd.type {
  display: block;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.components-quicknew .is-quick-contentlist dl dd.is-grouplist-aditbg {
  height: 100%;
  padding-right: 10px;
}
.components-quicknew .is-quick-contentlist dl dd.is-grouplist-aditbg .button {
  font-size: 12px;
  border: 0;
  border-radius: 0px;
  height: 100%;
  width: 30px;
  background: none;
}
.components-quicknew .is-quick-contentlist dl dd.is-grouplist-aditbg .button i {
  font-size: 14px;
  color: #999;
}
.components-quicknew .is-quick-contentlist dl dd.is-grouplist-aditbg .button i.icon-edit {
  position: relative;
  top: 1px;
}
.components-quicknew .is-quick-contentlist dl dd.is-grouplist-aditbg .button:hover i {
  color: #3273dc;
}
.components-quicknew .is-quick-contentlist dl dd.is-grouplist-aditbg .button:nth-child(2) i {
  font-size: 18px;
}
.components-quicknew .is-quick-contentlist dl.is-edit {
  padding-right: 0px;
}
.components-quicknew .is-quick-contentlist dl.is-edit dd {
  height: 100%;
}
.components-quicknew .components-quick-setup {
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 99;
  opacity: 1;
  -webkit-animation: setupVisible 0.3s;
          animation: setupVisible 0.3s;
  position: absolute;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-quicknew .components-quick-setup .isquick-setup-close {
  height: 50px;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px;
}
.components-quicknew .components-quick-setup .isquick-setup-close .back {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-quicknew .components-quick-setup .isquick-setup-close .button {
  font-size: 13px;
}
.components-quicknew .components-quick-setup .isquick-setup-list {
  padding: 20px 15px 20px;
}
.components-quicknew .components-quick-setup .isquick-setup-list h3 {
  font-size: 14px;
  margin-bottom: 5px;
}
.components-quicknew .components-quick-setup .isquick-setup-list p {
  font-size: 14px;
  color: #999;
  margin-top: 3px;
}
.components-quicknew .components-quick-setup .isquick-setup-list .libox {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.components-quicknew .components-quick-setup .isquick-setup-list .libox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-quicknew .components-quick-setup .isquick-setup-list .libox dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
}
.components-quicknew .components-quick-setup .isquick-setup-list .libox .txt {
  font-size: 14px;
  color: #aaa;
  margin-top: 5px;
}
.components-quicknew .components-quick-setup .isquick-setup-list .control {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.components-quicknew .components-quick-setup .isquick-setup-list .control label {
  font-size: 14px;
  margin-right: 10px;
}
.components-quicknew .components-quick-setup .isquick-setup-list .control label input {
  margin-right: 8px;
}
.components-quicknew .components-quick-setup .isquick-setup-list .control:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.components-quicknew .components-quick-setup .isquick-setup-list .control.is-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-quicknew .components-quick-setup .isquick-setup-list .control.is-vertical label {
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-customer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.chat-customer-body .chat-customer-body-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-customer-body .chat-customer-title div.title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  height: 50px;
  margin-bottom: 0px;
  padding-left: 15px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.chat-customer-body .chat-customer-title div.title .title-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}
.chat-customer-body .chat-customer-title div.title h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0px;
  font-weight: normal;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-customer-body .chat-customer-title div.title h3 .item {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
}
.chat-customer-body .chat-customer-title div.title h3 .offline {
  margin-left: 15px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
}
.chat-customer-body .chat-customer-title div.title h3 .many {
  margin-left: 15px;
}
.chat-customer-body .chat-customer-title div.title h3 .icon-mobile {
  margin-left: 10px;
  font-size: 22px;
  position: relative;
  bottom: 1px;
}
.chat-customer-body .chat-customer-title div.title h3 .icon-weixin {
  margin-left: 10px;
  font-size: 22px;
  position: relative;
  color: #23d160;
}
.chat-customer-body .chat-customer-title div.title h3 .icon-xcx {
  margin-left: 10px;
  font-size: 22px;
  color: #3273dc;
}
.chat-customer-body .chat-customer-title div.title i.source {
  font-size: 34px;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
  top: 3px;
  color: #999;
}
.chat-customer-body .chat-customer-title div.title .right-tools {
  margin-right: 15px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.chat-customer-body .chat-customer-title div.title .right-tools a {
  font-size: 13px;
}
.chat-customer-body .chat-customer-title div.title .right-tools li {
  display: inline-block;
  font-size: 14px;
}
.chat-customer-body .chat-customer-title div.title .right-tools li a {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 20px;
}
.chat-customer-body .chat-customer-title div.title .right-tools li.is-disturb a,
.chat-customer-body .chat-customer-title div.title .right-tools li.is-top a {
  color: #aaa;
}
.chat-customer-body .chat-customer-title div.title .right-tools li i {
  position: relative;
  margin-right: 5px;
}
.chat-customer-body .chat-customer-title div.title .right-tools li i.icon-zhiding {
  font-size: 16px;
  top: 2px;
}
.chat-customer-body .chat-customer-title div.title .right-tools li i.icon-transformation {
  font-size: 18px;
}
.chat-customer-body .chat-customer-title div.title .right-tools li i.icon-poweroff {
  top: 1px;
  font-size: 18px;
}
.chat-customer-body .chat-customer-title div.title .right-tools li i.icon-end {
  top: 1px;
}
.chat-customer-body .chat-customer-title div.title .right-tools li i.icon-dontdisturb {
  font-size: 13px;
  top: 2px;
}
.chat-customer-body .chat-customer-title div.title .right-tools li.goblack a {
  color: #999;
}
.chat-customer-body .chat-customer-title div.title .right-tools .buttons .button {
  font-size: 14px;
}
.chat-customer-quick-column {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  border-left: 1px solid #e5e5e5;
}
.chat-customer-extend {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  background: #fff;
}
@media screen and (min-width: 1200px) {
}
.chat-customer-quick {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  opacity: 1;
  background: #fff;
}
.chat-customer-quick.is-whole {
  height: auto;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
}
.chat-dbox {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  height: 100%;
  background: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chat-dbox .inputing .inputing-loader-body {
  width: 30px;
  margin-left: 5px;
  display: inline-block;
}
.chat-dbox .leaveonline {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  z-index: 99;
  height: 35px;
  line-height: 35px;
  background: rgba(255, 255, 255, 0.7);
}
.chat-customer-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  background: #fff;
}
.chat-customer-info .chat-customer-tabs .tabs li {
  font-size: 13px;
  background: #fff;
}
.chat-customer-info .chat-customer-tabs .tabs li a {
  height: 41px;
  padding: 0px;
  color: #363636;
}
.chat-customer-info .chat-customer-tabs .tabs li a:hover {
  border-bottom-color: #999;
}
.chat-customer-info .chat-customer-tabs .tabs li.is-add {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  width: 30px;
  background: #f8f8f8;
}
.chat-customer-info .chat-customer-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-customer-info .chat-customer-body .chat-customer-bodyscroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.chat-customer-info .blacklist {
  padding: 10px 20px;
}
.chat-customer-info .blacklist a.button {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #666;
}
.popover-chatitem-export .ant-popover-inner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 340px;
  height: 226px;
  padding: 20px;
}
.popover-chatitem-export .ant-popover-inner-content p {
  font-size: 14px;
  color: #999;
}
.popover-chatitem-export .ant-popover-inner-content input {
  font-size: 14px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.popover-chatitem-export .ant-popover-inner-content input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.popover-chatitem-export .ant-popover-inner-content a.button {
  font-size: 14px;
}
@-webkit-keyframes quickVisible {
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 30px);
            transform: translate(0px, 30px);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.chat-message-clue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: white;
  border-top: 1px solid #e5e5e5;
  opacity: 0.7;
}
.chat-message-clue .is-right {
  margin: 5px 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-message-clue .is-right span {
  margin: 2px 0px 2px 10px;
}
.chat-message-clue p {
  margin-top: 10px;
  padding-left: 15px;
  font-size: 13px;
  color: #aaa;
}
.chat-dbox-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  background: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.chat-dbox-body .is-news {
  position: absolute;
  right: 10px;
  width: 90px;
  height: 35px;
  bottom: 10px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}
.chat-dbox-body .is-news i {
  margin-right: 3px;
  font-size: 13px;
  margin-top: 2px;
  color: #363636;
}
.chat-dbox-body .is-chat-bg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.chat-dbox-body .is-chat-bg .system-text {
  text-align: center;
  font-size: 13px;
  color: #999;
  margin-bottom: 26px;
}
.chat-dbox-body .is-chat-bg .evaluate {
  text-align: center;
  background: #fff;
  padding: 15px;
  width: 300px;
  margin: 20px auto 30px;
  border-radius: 5px;
  font-size: 14px;
}
.chat-dbox-body .is-chat-bg .evaluate .evaluate-icon i {
  display: block;
  line-height: 1.4;
  font-size: 40px;
}
.chat-dbox-body .is-chat-bg .evaluate .evaluate-icon i.icon-haoping {
  color: #46BE8A;
}
.chat-dbox-body .is-chat-bg .evaluate .evaluate-icon i.icon-zhongping {
  color: #f2a654;
}
.chat-dbox-body .is-chat-bg .evaluate .evaluate-icon i.icon-chaping {
  color: #f96868;
}
.chat-dbox-body .is-chat-bg .evaluate .evaluate-content {
  padding: 15px;
  background: #f9f9f9;
  margin-top: 20px;
  border-radius: 5px;
  text-align: left;
}
.chat-dbox-body .is-chat-bg .loading-more-msg {
  text-align: center;
  color: #aaa;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}
.chat-dbox-body .is-chat-bg .loading-more-msg p {
  font-size: 12px;
  font-weight: 300;
  color: #ccc;
}
.chat-dbox-body .is-chat-bg .chat {
  margin-top: 16px;
  padding: 0px 20px;
}
.chat-dbox-body .is-chat-bg .chat:last-child {
  margin-bottom: 26px;
}
.chat-dbox-body .is-chat-bg .chat .chat-time {
  line-height: 2;
  color: #b5b5b5;
  font-size: 12px;
}
.chat-dbox-body .is-chat-bg .chat .chat-time span.name {
  padding-left: 8px;
}
.chat-dbox-body .is-chat-bg .chat .chat-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-dbox-body .is-chat-bg .chat .chat-avatar {
  width: 35px;
  height: 35px;
}
.chat-dbox-body .is-chat-bg .chat .chat-avatar img.avatar {
  border-radius: 3px;
}
.chat-dbox-body .is-chat-bg .chat .chat-avatar img.img-head {
  border-radius: 3px;
  height: 37px !important;
  width: 37px !important;
}
.chat-dbox-body .is-chat-bg .chat .chat-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-dbox-body .is-chat-bg .chat .chat-loading i.loading {
  color: #aaa;
}
.chat-dbox-body .is-chat-bg .chat .chat-fail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.3);
}
.chat-dbox-body .is-chat-bg .chat .chat-content {
  position: relative;
  margin: 0px 10px;
  max-width: 400px;
  color: #000;
  background-color: #b0e36e;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
}
.chat-dbox-body .is-chat-bg .chat .chat-content .txt-message {
  padding: 8px 15px;
  font-size: 14px;
}
.chat-dbox-body .is-chat-bg .chat .chat-content img.smile {
  vertical-align: bottom;
  position: relative;
  bottom: 1px;
  margin: 0px 3px;
}
.chat-dbox-body .is-chat-bg .chat .chat-content img.img {
  max-width: 100%;
  max-height: 300px;
  cursor: pointer;
  border-radius: 4px;
  display: block;
  border: 1px solid #ddd;
}
.chat-dbox-body .is-chat-bg .chat .chat-content i.loading {
  position: absolute;
  left: -25px;
  top: 12px;
  color: #999;
}
.chat-dbox-body .is-chat-bg .chat .chat-content:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  top: 13px;
  left: -10px;
  border-right-color: #afe46e;
}
.chat-dbox-body .is-chat-bg .chat .chat-form {
  background: #fff;
  width: 280px;
  max-width: 280px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
}
.chat-dbox-body .is-chat-bg .chat .chat-form .chat-form-body {
  padding: 20px;
}
.chat-dbox-body .is-chat-bg .chat .chat-form .chat-form-body .control {
  font-size: 14px;
}
.chat-dbox-body .is-chat-bg .chat .chat-form .chat-form-body label {
  font-size: 14px;
  font-weight: normal;
}
.chat-dbox-body .is-chat-bg .chat.right .chat-time {
  text-align: right;
}
.chat-dbox-body .is-chat-bg .chat.right .chat-flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.chat-dbox-body .is-chat-bg .chat.right .chat-content {
  background-color: #fff;
}
.chat-dbox-body .is-chat-bg .chat.right .chat-content:before {
  border-right-color: transparent;
  border-left-color: #fff;
  left: auto;
  right: -10px;
}
.chat-dbox-body .is-chat-bg .chat.center .chat-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chat-dbox-body .is-chat-bg .chat.center .chat-content {
  background-color: rgba(0, 0, 0, 0);
  color: #b5b5b5;
}
.chat-dbox-body .is-chat-bg .chat.center .chat-content .txt-message {
  font-size: 12px;
}
.chat-dbox-body .is-chat-bg .chat.center .chat-content:before {
  display: none;
}
.chat-dbox-body .is-chat-bg .chat.internal .chat-content {
  background: #F8E59B;
}
.chat-message-body-form-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chat-message-body-form-content span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #23d160;
  border-radius: 4px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: .75rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.5;
  padding: 8px 15px;
  white-space: nowrap;
  text-align: center;
}
.chat-message-body-system {
  margin: 15px auto;
  text-align: center;
  font-size: 12px;
}
.chat-message-body-system span {
  background-color: #f3f3f3;
  padding: 6px 20px;
  color: #333;
  border-radius: 4px;
}
.popover-components-chat-message-tools .ant-popover-inner {
  border-radius: 3px;
}
.popover-components-chat-message-tools .ant-popover-inner .ant-popover-inner-content {
  padding: 2px;
}
.popover-components-chat-message-tools .buttons {
  margin-bottom: 0px;
}
.popover-components-chat-message-tools .buttons .button {
  margin-bottom: 0px;
  font-size: 12px;
}
.components-quick {
  background: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.components-quick .components-quick-search {
  padding: 10px 10px 10px;
  background: #fff;
}
.components-quick .components-quick-search .contentbody {
  position: relative;
}
.components-quick .components-quick-search .contentbody .close {
  position: absolute;
  right: 0px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  height: 30px;
  border-radius: 20px;
  cursor: pointer;
}
.components-quick .components-quick-search .contentbody .close:hover i {
  color: #666;
}
.components-quick .components-quick-search .contentbody .close i {
  color: #000;
  font-size: 13px;
}
.components-quick .components-quick-search .input {
  border-radius: 290486px;
  height: 30px;
  font-size: 14px;
  padding: 0px 15px;
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-quick .components-quick-head .tabs li {
  font-size: 13px;
  background: #fff;
}
.components-quick .components-quick-head .tabs li a {
  height: 41px;
  padding: 0px;
}
.components-quick .components-quick-head .tabs li a:hover {
  border-bottom-color: #999;
}
.components-quick .components-quick-head .tabs.is-whole li a {
  height: 35px;
}
.components-quick .components-quick-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f8f8f8;
}
.components-quick .components-quick-type {
  margin: 5px 0px 5px;
}
.components-quick .components-quick-type ul.components-quick-typelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  padding: 10px;
  padding-bottom: 5px;
}
.components-quick .components-quick-type ul.components-quick-typelist li {
  width: calc(20%);
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
}
.components-quick .components-quick-type ul.components-quick-typelist li.is-active a {
  color: #000;
}
.components-quick .components-quick-list {
  padding: 0px 0px 40px;
}
.components-quick .components-quick-list ul li.addgroup {
  background: #fff;
  height: 40px;
}
.components-quick .components-quick-list ul li.addgroup button {
  font-size: 14px;
  margin-left: 32px;
  margin-top: 3px;
}
.components-quick .components-quick-list ul li.addgroup input {
  padding: 0px;
  font-size: 14px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}
.components-quick .components-quick-list ul li.addgroup input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-quick .components-quick-list ul li.addgroup h3 {
  background: #fff!important;
}
.components-quick .components-quick-list ul li.addgroup h3 .name {
  color: #00d1b2;
}
.components-quick .components-quick-list ul li h3 {
  background: #fff;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 1px;
  font-size: 14px;
  cursor: pointer;
  color: #000;
}
.components-quick .components-quick-list ul li h3 .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-quick .components-quick-list ul li h3 .name i {
  font-size: 12px;
  color: #ddd;
}
.components-quick .components-quick-list ul li h3 .name .arrow {
  margin-right: 5px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.components-quick .components-quick-list ul li h3 .tools .count {
  color: #aaa;
  font-size: 12px;
}
.components-quick .components-quick-list ul li h3 .tools .buttons .button {
  font-size: 12px;
}
.components-quick .components-quick-list ul li h3:hover {
  background: #fafafa;
}
.components-quick .components-quick-list ul li.is-edit h3 .tools .buttons {
  display: none;
}
.components-quick .components-quick-list ul li.is-edit h3:hover .tools .count {
  display: none;
}
.components-quick .components-quick-list ul li.is-edit h3:hover .tools .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-quick .components-quick-list ul li.is-editid h3 {
  background: #fff!important;
}
.components-quick .components-quick-list ul li.is-editid h3 input {
  padding: 0px;
  font-size: 14px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  height: 100%;
  color: #000;
}
.components-quick .components-quick-list ul li.is-editid h3 input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-quick .components-quick-list ul li.is-active h3 {
  background: #fafafa;
}
.components-quick .components-quick-list ul li.is-active h3 .arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.components-quick .components-quick-list ul li dl {
  padding-left: 33px;
}
.components-quick .components-quick-list ul li dl:first-child {
  margin-top: 1px;
}
.components-quick .components-quick-list dl {
  height: 40px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-top: 1px;
  font-size: 14px;
}
.components-quick .components-quick-list dl:first-child {
  margin-top: 0px;
}
.components-quick .components-quick-list dl:hover {
  background: #fafafa;
}
.components-quick .components-quick-list dl:hover dd {
  display: block;
}
.components-quick .components-quick-list dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #000;
  margin-right: 5px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.components-quick .components-quick-list dl dt i {
  font-size: 12px;
  color: #ddd;
  margin-right: 5px;
}
.components-quick .components-quick-list dl dd {
  display: none;
}
.components-quick .components-quick-list dl dd a {
  font-size: 12px;
  height: 2em;
}
.components-quick .components-quick-list dl dd.usage {
  display: block;
  margin-left: 5px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.components-quick .components-quick-list dl dd.type {
  display: block;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.components-quick .components-quick-list dl.is-edit:hover dd.usage {
  display: none;
}
.components-quick .components-quick-tool {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 40px;
}
.components-quick .components-quick-tool .buttons {
  margin-bottom: 0px;
  height: 30px;
  margin: 5px;
}
.components-quick .components-quick-tool .button {
  height: 30px;
  font-size: 13px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-quick .components-quick-setup {
  height: 100%;
  width: 100%;
  background: #fff;
  opacity: 1;
  -webkit-animation: setupVisible 0.3s;
          animation: setupVisible 0.3s;
  position: absolute;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-quick .components-quick-setup .components-quick-setup-close {
  height: 50px;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px;
}
.components-quick .components-quick-setup .components-quick-setup-close .back {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-quick .components-quick-setup .components-quick-setup-close .button {
  font-size: 13px;
}
.components-quick .components-quick-setup .components-quick-setup-list {
  padding: 20px 15px 20px;
}
.components-quick .components-quick-setup .components-quick-setup-list h3 {
  font-size: 14px;
  margin-bottom: 5px;
}
.components-quick .components-quick-setup .components-quick-setup-list p {
  font-size: 14px;
  color: #999;
  margin-top: 3px;
}
.components-quick .components-quick-setup .components-quick-setup-list .libox {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.components-quick .components-quick-setup .components-quick-setup-list .libox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-quick .components-quick-setup .components-quick-setup-list .libox dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
}
.components-quick .components-quick-setup .components-quick-setup-list .libox .txt {
  font-size: 14px;
  color: #aaa;
  margin-top: 5px;
}
.components-quick .components-quick-setup .components-quick-setup-list .control {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.components-quick .components-quick-setup .components-quick-setup-list .control label {
  font-size: 14px;
  margin-right: 10px;
}
.components-quick .components-quick-setup .components-quick-setup-list .control label input {
  margin-right: 8px;
}
.components-quick .components-quick-setup .components-quick-setup-list .control:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.components-quick .components-quick-setup .components-quick-setup-list .control.is-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-quick .components-quick-setup .components-quick-setup-list .control.is-vertical label {
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popover-components-quick-list-preview .ant-popover-arrow {
  display: none;
}
.popover-components-quick-list-preview .ant-popover-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 5px;
  background: none;
}
.popover-components-quick-list-preview .ant-popover-inner .ant-popover-inner-content {
  padding: 0px;
  background: none;
  position: relative;
  right: 8px;
  background: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(150, 165, 190, 0.24);
          box-shadow: 0 0 20px 0 rgba(150, 165, 190, 0.24);
}
.popover-components-quick-list-preview .ant-popover-inner .ant-popover-inner-content .components-chat-message-item-customer {
  padding: 5px;
}
.popover-components-quick-list-preview .ant-popover-inner .ant-popover-inner-content .components-chat-message-item-customer .chat-avatar {
  display: none;
}
.popover-components-quick-list-preview .ant-popover-inner .ant-popover-inner-content .components-chat-message-item-customer .chat-content {
  margin-left: 0px;
}
.popover-components-quick-list-preview .ant-popover-inner .ant-popover-inner-content .components-chat-message-item-customer .chat-content::before {
  display: none;
}
@-webkit-keyframes setupVisible {
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 30px);
            transform: translate(0px, 30px);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.mobile-body .chat-item-quick {
  background: #f0f1f3;
  height: 100%;
}
.mobile-body .chat-item-quick .components-quick a:hover,
.mobile-body .chat-item-quick .components-quick a:active {
  color: #3273dc;
}
.mobile-body .chat-item-quick .components-quick .components-quick-head .tabs li {
  font-size: 16px;
}
.mobile-body .chat-item-quick .components-quick .components-quick-type ul.components-quick-typelist li {
  font-size: 16px;
}
.mobile-body .chat-item-quick .components-quick .components-quick-grouping li {
  font-size: 16px;
}
.mobile-body .chat-item-quick .components-quick .components-quick-grouping li.is-active a:hover,
.mobile-body .chat-item-quick .components-quick .components-quick-grouping li.is-active a:active {
  color: #000;
}
.mobile-body .chat-item-quick .components-quick .components-quick-list dl {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
}
.mobile-body .chat-item-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f5f5f6;
  min-height: 55px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.mobile-body .chat-item-input:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-top: 1px solid #ddd;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.mobile-body .chat-item-input .chat-item-input-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 10px;
}
.mobile-body .chat-item-input .chat-item-input-body textarea {
  margin: 7px 0px;
  border: none;
  min-height: 40px;
  font-size: 16px;
  padding: 8px 7px;
  resize: none;
}
.mobile-body .chat-item-input .chat-item-input-body textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.mobile-body .chat-item-input .chat-item-input-tools {
  padding: 0px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-body .chat-item-input .chat-item-input-tools .smile {
  margin-right: 8px;
}
.mobile-body .chat-item-input .chat-item-input-tools .smile i {
  font-size: 32px;
  color: #888;
  position: relative;
}
.mobile-body .chat-item-input .chat-item-input-tools .smile i.icon-mobil-smile {
  bottom: 3px;
}
.mobile-body .chat-item-input .chat-item-input-tools .plus i {
  font-size: 28px;
  width: 28px;
  height: 28px;
  border: 1px solid #888;
  border-radius: 100%;
  color: #888;
}
.mobile-body .chat-item-input .chat-item-input-tools .send a.button {
  font-size: 15px;
}
.mobile-body .chat-item-foot .chat-item-smile {
  background: #fff;
  padding: 8px;
}
.mobile-body .chat-item-foot .chat-item-smile ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.mobile-body .chat-item-foot .chat-item-smile ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobile-body .chat-item-foot .chat-item-smile ul li i {
  font-size: 30px;
  color: #888;
}
.mobile-body .chat-item-foot .chat-item-plus {
  padding: 30px 20px;
  position: relative;
}
.mobile-body .chat-item-foot .chat-item-plus:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-top: 1px solid #ddd;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.mobile-body .chat-item-foot .chat-item-plus ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-body .chat-item-foot .chat-item-plus ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mobile-body .chat-item-foot .chat-item-plus ul li > div {
  height: 55px;
  width: 55px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-bottom: 8px;
}
.mobile-body .chat-item-foot .chat-item-plus ul li > div:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-radius: 8px;
  border: 1px solid #dedede;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .chat-item-foot .chat-item-plus ul li > div i {
  font-size: 24px;
  color: #777;
}
.mobile-body .chat-item-foot .chat-item-plus ul li > div i.icon-convenient {
  font-size: 32px;
}
.mobile-body .chat-item-foot .chat-item-plus ul li > div i.icon-zan {
  font-size: 28px;
}
.mobile-body .chat-item-foot .chat-item-plus ul li > div:active {
  background: #eee;
}
.mobile-body .chat-item-foot .chat-item-plus ul li p {
  font-size: 13px;
  color: #777;
}
.mobile-body .chat-item-transfer {
  height: 100%;
}
.mobile-body .chat-item-transfer dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  position: relative;
}
.mobile-body .chat-item-transfer dl:active {
  background: #eee;
}
.mobile-body .chat-item-transfer dl:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .chat-item-transfer dl dt {
  margin-right: 10px;
  font-size: 0px;
}
.mobile-body .chat-item-transfer dl dt img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
}
.mobile-body .chat-item-transfer dl dd h3 {
  font-size: 16px;
}
.mobile-body .chat-item-transfer dl dd p {
  font-size: 14px;
  color: #aaa;
}
.mobile-body .chat-item-tag {
  height: 100%;
}
.mobile-body .chat-item-tag ul li {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.mobile-body .chat-item-tag ul li:active {
  background: #eee;
}
.mobile-body .chat-item-tag ul li:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .chat-item-tag ul li .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-body .chat-item-tag ul li .active i {
  color: #23d160;
}
.mobile-body .chat-item-tag ul .is-loading-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobile-body .chat-item-details {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.mobile-body .mobile-content-chat-item {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mobile-body .mobile-content-chat-item > .loader-body {
  background: #f0f1f3!important;
}
.mobile-body .currenturl .currenturl-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 12px;
  background: #fff;
  font-size: 14px;
}
.mobile-body .currenturl .currenturl-head .currenturl-head-left {
  -webkit-user-select: auto;
  -webkit-touch-callout: inherit;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.mobile-body .currenturl .currenturl-head .currenturl-head-left .offline {
  color: #999;
}
.mobile-body .currenturl .currenturl-head .currenturl-head-left .ctips {
  display: none;
}
.mobile-body .currenturl .currenturl-head .currenturl-head-right a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #23d160;
}
.mobile-body .currenturl .currenturl-head .currenturl-head-right i {
  font-size: 22px;
}
.mobile-body .currenturl .currenturl-body {
  height: 160px;
  background: #fff;
  position: relative;
}
.mobile-body .currenturl .currenturl-body:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-top: 1px solid #ddd;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .currenturl .currenturl-body .currenturl-body-list {
  height: 100%;
  -webkit-user-select: auto;
  -webkit-touch-callout: inherit;
}
.mobile-body .currenturl .currenturl-body .currenturl-body-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  padding-top: 10px;
}
.mobile-body .currenturl .currenturl-body .currenturl-body-list .list .list-time {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  color: #999;
}
.mobile-body .currenturl .currenturl-body .currenturl-body-list .list .list-title {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-body .currenturl .currenturl-body .currenturl-body-list .list .list-res {
  width: 100px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
}
.mobile-body .currenturl .currenturl-body .currenturl-body-list .nodata {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
}
.mobile-body .chat-dbox-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f0f1f3;
}
.mobile-body .chat-dbox-body .time-interval {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
}
.mobile-body .chat-dbox-body .time-interval span {
  background: #cdcdcd;
  color: #fff;
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 12px;
}
.mobile-body .chat-dbox-body .chat {
  padding: 0px 12px;
}
.mobile-body .chat-dbox-body .chat .chat-time {
  font-size: 13px;
  color: #ccc;
}
.mobile-body .chat-dbox-body .chat .chat-avatar {
  width: 40px;
  height: 40px;
}
.mobile-body .chat-dbox-body .chat .chat-avatar i.head {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #2196F3;
}
.mobile-body .chat-dbox-body .chat .chat-avatar img.img-head {
  width: 40px!important;
  height: 40px!important;
}
.mobile-body .chat-dbox-body .chat .chat-content {
  max-width: 220px;
  -webkit-user-select: auto;
  -webkit-touch-callout: inherit;
}
.mobile-body .chat-dbox-body .chat .chat-content .txt-message {
  font-size: 16px;
  padding: 8px 10px;
}
.mobile-body .chat-dbox-body .chat .chat-content img.img {
  border: none;
}
.mobile-body .chat-dbox-body .chat .chat-content .components-chat-message-item-voice {
  height: 40px;
}
.mobile-body .chat-dbox-body .chat .chat-form .chat-form-body {
  -webkit-user-select: auto;
  -webkit-touch-callout: inherit;
}
.mobile-body .chat-dbox-body .chat .chat-form .chat-form-body label {
  font-size: 16px;
}
.mobile-body .chat-dbox-body .chat .chat-form .chat-form-body .control {
  font-size: 16px;
}
.mobile-body .chat-dbox-body .inputing .chat-time {
  display: none;
}
.mobile-body .chat-dbox-body .inputing .inputing-loader-body {
  width: 30px;
  margin-left: 5px;
  display: inline-block;
}
.mobile-body .mobile-head .controlList-show {
  color: #fff;
  margin-right: 15px;
}
.mobile-body .mobile-offline {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 18px;
  color: #999;
}
.mobile-body .mobile-disconnect {
  position: absolute;
  z-index: 99;
  top: 0px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ffdd57;
  width: 100%;
}
.mobile-body .mobile-disconnect i {
  font-size: 20px;
  margin-right: 8px;
}
.mobile-body .mobile-chat-list {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.mobile-body .mobile-chat-list li {
  background: #fff;
  position: relative;
  overflow: hidden;
  list-style: none;
}
.mobile-body .mobile-chat-list li:active {
  background: #eee;
}
.mobile-body .mobile-chat-list li > a {
  padding: 13px 10px!important;
}
.mobile-body .mobile-chat-list li.und i.head {
  background: #ff3860!important;
}
.mobile-body .mobile-chat-list li.isqueue i.head {
  background: #ffe08a!important;
  color: rgba(0, 0, 0, 0.7) !important;
}
.mobile-body .mobile-chat-list li.is-robot i.head {
  background: #ff3860!important;
}
.mobile-body .mobile-chat-list li.customer-offline i.head {
  background: #ccc!important;
}
.mobile-body .mobile-chat-list li.control i.head {
  background: #00d1b2!important;
}
.mobile-body .mobile-chat-list li.top {
  background: #f8f8f8;
}
.mobile-body .mobile-chat-list li.is-disturb .media .media-left .ant-badge {
  top: 1px;
  right: 1px;
}
.mobile-body .mobile-chat-list li .media {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-body .mobile-chat-list li .media-left {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  position: relative;
}
.mobile-body .mobile-chat-list li .media-left .ant-badge {
  position: absolute;
  right: 0px;
  top: 5px;
}
.mobile-body .mobile-chat-list li .media-left .ant-badge .ant-badge-count {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #ff3860;
}
.mobile-body .mobile-chat-list li .media-left .ant-badge .ant-badge-count p {
  visibility: hidden;
}
.mobile-body .mobile-chat-list li .media-left .ant-badge .ant-badge-count p.current {
  visibility: visible;
}
.mobile-body .mobile-chat-list li .media-left .ant-badge .ant-badge-dot {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mobile-body .mobile-chat-list li .media-left i.head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 3px;
  background: #2196F3;
  color: #fff;
  font-size: 26px;
}
.mobile-body .mobile-chat-list li .media-left img {
  width: 48px!important;
  height: 48px!important;
  border-radius: 3px;
  background: #2196F3;
}
.mobile-body .mobile-chat-list li .media-content p.name {
  color: #000;
  font-size: 16px;
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin-bottom: 5px;
}
.mobile-body .mobile-chat-list li .media-content p.time {
  color: #ccc;
  font-size: 13px;
}
.mobile-body .mobile-chat-list li .media-content .chat-list-info {
  color: #999;
  font-size: 14px;
  line-height: 1;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-body .mobile-chat-list li .media-content .chat-list-info .is-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  word-break: break-all;
  height: 18px;
  line-height: 18px;
}
.mobile-body .mobile-chat-list li .media-content .chat-list-info .disturb i {
  font-size: 13px;
  color: #ddd;
}
.mobile-body .mobile-chat-list li .media-content .chat-list-info .is-tools {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.mobile-body .mobile-chat-list li .media-content .chat-list-info .is-tools a.button {
  font-size: 14px;
  width: 70px;
  height: 28px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.mobile-body .mobile-chat-list li .media-content .chat-list-info .is-tools a.button.is-light {
  display: none;
}
.mobile-body .mobile-chat-list li .media-content span.draft {
  color: #f96868;
  padding-right: 5px;
}
.mobile-body .mobile-chat-list li .media-content span.is-transfer {
  color: #62A8EA;
  padding-right: 5px;
}
.mobile-body .mobile-chat-list li .customertags span.tag {
  margin-top: 5px;
  margin-right: 5px;
}
.mobile-body .mobile-chat-list li:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 10px;
  top: 0;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.mobile-body .mobile-chat-list li .tool {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.mobile-body .mobile-chat-list li .tool .button {
  font-size: 14px;
  width: 70px;
  height: 30px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.mobile-body .mobile-chat-list li .tool .button.is-light {
  display: none;
}
.mobile-body .mobile-chat-list li .slide-tools {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 0px;
  overflow: hidden;
}
.mobile-body .mobile-chat-list li .slide-tools a.button {
  width: 70px;
  height: 100%;
  border-radius: 0px;
}
.mobile-body .mobile-chat-list .empty {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  color: #999;
}
.mobile-body .mobile-chat-list .empty i {
  display: none;
}
.chat-layoutbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.chat-layoutbody .chat-layoutleft {
  width: 300px;
  height: 100%;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1200px) {
}
.chat-layoutbody .chat-layoutleft .chat-layout-drop {
  height: 100%;
  position: absolute;
  bottom: 0px;
  cursor: move;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  background: none;
  width: 4px;
  right: -2px;
}
.chat-layoutbody .chat-layoutleft .chat-layout-drop:hover {
  width: 20px;
  right: -10px;
}
.chat-layoutbody .chat-layoutcontent {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  background: #ececec;
  overflow: hidden;
}
.chat-layoutbody .chat-layoutcontent .chat-layout-drop {
  height: 100%;
  position: absolute;
  bottom: 0px;
  cursor: move;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  background: none;
  width: 4px;
  left: -2px;
}
.chat-layoutbody .chat-layoutcontent .chat-layout-drop:hover {
  width: 20px;
  left: -10px;
}
.hc-indexpage .is-indexpage-report {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.hc-indexpage .is-indexpage-report .indexpage-report-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 25px;
  padding: 25px 0px 20px;
  border-bottom: 1px solid #f1f1f1;
}
.hc-indexpage .is-indexpage-report .indexpage-report-type h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: normal;
}
.hc-indexpage .is-indexpage-report .indexpage-report-type .buttons a.button {
  font-size: 13px;
}
.hc-indexpage .is-indexpage-report .indexpage-report-head {
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #f1f1f1;
  color: #999;
  padding: 25px 0px 20px;
  margin: 0px 25px;
}
.hc-indexpage .is-indexpage-report .indexpage-report-list {
  font-size: 14px;
  text-align: center;
  padding: 20px 0px;
  margin: 0px 25px;
  border-bottom: 1px solid #f1f1f1;
}
.hc-indexpage .is-indexpage-report .indexpage-report-list p {
  font-size: 13px;
  color: #999;
}
.hc-indexpage .is-indexpage-report .areachart-body {
  padding: 20px;
  position: relative;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-chart {
  font-size: 12px;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-chart .custom-tooltip {
  background: #fff;
  padding: 10px;
  opacity: 0.95;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-chart .custom-tooltip .label {
  font-size: 13px;
  font-weight: normal;
  margin: 0px;
  color: #666;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-chart .custom-tooltip .intro {
  margin: 0px;
  font-size: 13px;
  color: #000;
  font-family: Roboto, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 150px;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-chart .custom-tooltip .intro .dot {
  width: 10px;
  height: 10px;
  background: red;
  opacity: 0.8;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-chart .custom-tooltip .intro .name {
  margin: 0px 5px;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-chart .custom-tooltip .intro .value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-tips .areachart-tips-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-tips .areachart-tips-li .dot {
  width: 10px;
  height: 10px;
  background: red;
  opacity: 0.8;
  margin: 0px 5px;
}
.hc-indexpage .is-indexpage-report .areachart-body .areachart-tips .areachart-tips-li .name {
  font-size: 12px;
  color: #999;
}
.hc-indexpage .is-indexpage-report .is-chart-body .is-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 20px;
  margin-top: 10px;
}
.hc-indexpage .is-indexpage-report .is-chart-body .is-type .is-data {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hc-indexpage .is-indexpage-report .is-chart-body .is-type .button {
  font-size: 14px;
  margin-right: 0px;
}
.hc-indexpage .is-indexpage-report .is-chart-body .is-chart {
  padding: 30px;
  height: 360px;
}
.hc-indexpage .is-left .table-body {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  height: 100%;
}
.hc-indexpage .is-left .table-body table {
  font-size: 14px;
}
.hc-indexpage .is-left .table-body table th {
  font-weight: normal;
  border-width: 0 0 1px;
  border-color: #f1f1f1;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  height: 45px;
}
.hc-indexpage .is-left .table-body table td {
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  height: 59px;
  overflow: hidden;
  border-width: 0 0 1px;
  border-color: #f1f1f1;
}
.hc-indexpage .is-left .table-body table td a {
  margin-right: 10px;
}
.hc-indexpage .is-left .table-body table tbody {
  overflow-y: auto;
  height: 235px;
  width: 100%;
  display: block;
}
.hc-indexpage .is-left .table-body table thead,
.hc-indexpage .is-left .table-body tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.hc-indexpage .is-left .table-body .is-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  height: 100%;
}
.hc-indexpage .is-left .table-body .is-head dt {
  font-size: 0px;
  width: 35px;
  height: 35px;
  position: relative;
  background: #eee;
  border-radius: 50%;
}
.hc-indexpage .is-left .table-body .is-head dt img {
  border-radius: 50%;
}
.hc-indexpage .is-left .table-body .is-head dt i {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 100px;
}
.hc-indexpage .is-left .table-body .is-head dt i.off {
  background: #f96868;
}
.hc-indexpage .is-left .table-body .is-head dt i.on {
  background: #73d84d;
}
.hc-indexpage .is-left .table-body .is-head dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 10px;
}
.hc-indexpage .is-left .table-body .is-head dd p {
  font-size: 13px;
  color: #999;
}
.index-isloignCorde-popover .ant-popover-inner-content {
  padding: 0px 0px 5px;
}
.index-isloignCorde-popover .is-body {
  height: 300px;
  width: 400px;
}
.index-isloignCorde-popover .is-body .isloading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index-isloignCorde-popover .is-body .is-nohave {
  text-align: center;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index-isloignCorde-popover .is-body table {
  width: 100%;
}
.index-isloignCorde-popover .is-body table .istable-header tr {
  height: 40px;
}
.index-isloignCorde-popover .is-body table .istable-header tr th {
  text-align: center;
  border-width: 0 0 1px;
  border-color: #f1f1f1;
  font-weight: normal;
  font-size: 14px;
}
.index-isloignCorde-popover .is-body table tbody tr td {
  font-size: 14px;
  height: 45px;
  vertical-align: middle;
  text-align: center;
  border-width: 0 0 1px;
  border-color: #f1f1f1;
}
.hc-indexpage .is-right {
  margin-right: 20px;
}
.hc-indexpage .is-right .contact-body {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  height: 100%;
}
.hc-indexpage .is-right .contact-body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
  list-style: none;
  padding: 0px 25px;
  padding-top: 20px;
}
.hc-indexpage .is-right .contact-body ul a.button {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 175px;
}
.hc-indexpage .is-right .contact-body ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hc-indexpage .is-right .contact-body ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.hc-indexpage .is-right .contact-body ul li dl dt {
  width: 60px;
  color: #999;
}
.hc-indexpage .is-right .contact-body ul li .is-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hc-indexpage .is-right .contact-body ul li .is-btns .button {
  width: 45%;
  margin-right: 10px;
}
.hc-indexpage .is-right .contact-body ul .is-service {
  text-align: center;
  width: 120px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.hc-indexpage .is-right .contact-body ul .is-service img {
  width: 120px;
  height: 120px;
}
.hc-indexpage .is-right .contact-body ul .is-service h3 {
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
  padding-top: 3px;
  color: #999;
}
.hc-indexpage .is-right .contact-body .is-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px 20px;
  padding-top: 20px;
}
.hc-indexpage .is-right .contact-body .is-tools a.button {
  width: 110px;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 35px;
}
.hc-indexpage .is-right .contact-body .is-tools a.button:nth-child(3n) {
  margin-right: 0px;
}
.hc-indexpage {
  height: 100%;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hc-indexpage .hc-indexpage-head {
  height: 50px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
}
.hc-indexpage .gc-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding-bottom: 30px;
}
.hc-indexpage .gc-container .hc-indexpage-content {
  margin: 20px;
  max-width: 1200px;
  height: 100%;
  overflow-y: auto;
}
.hc-indexpage .gc-container .hc-indexpage-content .is-realNameauth {
  margin-bottom: 20px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.hc-indexpage .gc-container .hc-indexpage-content .hc-indexpage-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 280px;
  margin-bottom: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.hc-indexpage .gc-container .hc-indexpage-content .hc-indexpage-top .is-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.hc-indexpage .gc-container .hc-indexpage-content .hc-indexpage-top .is-right {
  width: 400px;
  height: 100%;
}
.hc-indexpage .gc-container .gc-index-messages {
  margin: 20px 20px 20px 0;
  width: 100%;
  background: white;
  padding: 0;
  min-width: 320px;
  height: 100%;
  overflow-y: scroll;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-title {
  background-color: #276cda;
  height: 40px;
  line-height: 40px;
  text-indent: 16px;
  color: #fff;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container {
  background: #fff;
  border-radius: 2px;
  position: relative;
  max-width: 800px;
  margin: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  padding: 15px;
  cursor: pointer;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container:hover {
  background-color: #f7f9f9;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container .message-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  line-height: 40px;
  margin: 0 0 6px;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container .message-date div {
  margin-right: 8px;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container .message-date .push-head {
  width: 40px;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container .message-date .push-head img {
  border-radius: 40px;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container .message-date .push-auth {
  font-size: 15px;
  font-weight: 700;
  display: grid;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container .message-date .push-time {
  color: #536471;
  font-size: 14px;
  font-weight: 600;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container .message-title {
  color: #3373dc;
  font-size: 18px;
  font-weight: 400;
  word-wrap: break-word;
  line-height: 20px;
  cursor: pointer;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container .message-context {
  margin-top: 12px;
  word-wrap: break-word;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-message-container .message-context img {
  border-radius: 10px;
  width: 50%;
}
.hc-indexpage .gc-container .gc-index-messages .gc-i-no-message {
  margin-top: 20%;
  text-align: center;
  color: gray;
  font-size: 18px;
}
.gc-message-modal .ant-modal-content .ant-modal-body {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}
.gc-message-modal .ant-modal-content .ant-modal-body span {
  word-wrap: break-word;
}
.mobile-body .mobile-head {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobile-body .is-head-center {
  border-radius: 15px;
}
.mobile-body .is-head-center a {
  font-size: 12px;
  margin-bottom: 0px;
  border-radius: 15px;
  border: white solid 1px !important;
}
.mobile-body .is-head-center a.is-success {
  background-color: #2196F3;
}
.mobile-body .mobile-visitor {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.mobile-body .mobile-visitor.is-novip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-body .mobile-visitor .is-tip {
  font-size: 18px;
  color: #999;
  padding: 20px;
  text-align: center;
}
.mobile-body .mobile-visitor ul li dl {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding: 13px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-body .mobile-visitor ul li dl:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 10px;
  top: 0;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.mobile-body .mobile-visitor ul li dl:active {
  background: #eee;
}
.mobile-body .mobile-visitor ul li dl dt {
  width: 48px;
  height: 48px;
  margin-right: 10px;
}
.mobile-body .mobile-visitor ul li dl dt i.head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 3px;
  background: #2196F3;
  color: #fff;
  font-size: 26px;
}
.mobile-body .mobile-visitor ul li dl dt img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 3px;
  background: #2196F3;
}
.mobile-body .mobile-visitor ul li dl dd {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-body .mobile-visitor ul li dl dd h3 {
  color: #000;
  font-size: 16px;
  margin-bottom: 5px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  padding-right: 60px;
}
.mobile-body .mobile-visitor ul li dl dd p {
  color: #999;
  font-size: 14px;
  line-height: 1;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.mobile-body .mobile-visitor ul li dl dd p.tag {
  margin-left: 10px;
  padding: 3px 15px;
}
.mobile-body .mobile-visitor ul li dl dd .is-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mobile-body .mobile-visitor ul li dl dd .is-time {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #aaa;
  font-size: 14px;
}
.mobile-body .mobile-visitor-details {
  height: 100%;
  background: #f0f1f3;
}
.mobile-body .mobile-visitor-details .mobile-visitor-routes {
  height: 150px;
  background: #fff;
  position: relative;
  -webkit-user-select: auto;
  -webkit-touch-callout: inherit;
}
.mobile-body .mobile-visitor-details .mobile-visitor-routes:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .mobile-visitor-details .mobile-visitor-routes-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  padding-top: 10px;
}
.mobile-body .mobile-visitor-details .mobile-visitor-routes-li .time {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  color: #999;
}
.mobile-body .mobile-visitor-details .mobile-visitor-routes-li .name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-body .mobile-visitor-details .mobile-visitor-routes-li .restime {
  width: 100px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
}
.hc-daterange-body .hc-daterange-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hc-daterange-body .hc-daterange-list:first-child {
  margin-bottom: 10px;
}
.hc-daterange-body .hc-daterange-list .day {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hc-daterange-body .hc-daterange-list .day .DayPickerInput {
  display: block;
  width: 100%;
}
.hc-daterange-body .hc-daterange-list .day .DayPickerInput input {
  padding: 0px 8px;
}
.hc-daterange-body .hc-daterange-list .day span.icon {
  cursor: pointer;
  pointer-events: auto;
  height: 100%;
}
.hc-daterange-body .hc-daterange-list .time {
  margin-left: 8px;
  width: 65px;
}
.hc-daterange-body .hc-daterange-list .time input {
  text-align: center;
}
.hc-daterange-body .hc-daterange-list input {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
  height: 2.25em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(-0.625em);
  padding-left: calc(-0.375em);
  padding-right: calc(-0.375em);
  padding-top: calc(-0.625em);
  position: relative;
  vertical-align: top;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  color: #656565;
  max-width: 100%;
  width: 100%;
  font-size: 14px;
}
/* DayPicker styles */
.DayPicker {
  display: inline-block;
}
.DayPicker-wrapper {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 1rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.DayPicker-wrapper:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.DayPicker-Months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.DayPicker-Month {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 1rem;
  margin-top: 1rem;
}
.DayPicker-NavButton {
  position: absolute;
  cursor: pointer;
  top: 1rem;
  right: 1.5rem;
  margin-top: 2px;
  color: #8b9898;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.DayPicker-NavButton:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.DayPicker-NavButton:hover {
  opacity: 0.8;
}
.DayPicker-NavButton--prev {
  margin-right: 1.5rem;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}
.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}
.DayPicker-NavButton--interactionDisabled {
  display: none;
}
.DayPicker-Caption {
  padding: 0 0.5rem;
  display: table-caption;
  text-align: left;
  margin-bottom: 0.5rem;
}
.DayPicker-Caption > div {
  font-size: 1.15rem;
  font-weight: 500;
}
.DayPicker-Weekdays {
  margin-top: 1rem;
  display: table-header-group;
}
.DayPicker-WeekdaysRow {
  display: table-row;
}
.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5rem;
  font-size: 0.875em;
  text-align: center;
  color: #8b9898;
}
.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
.DayPicker-Body {
  display: table-row-group;
}
.DayPicker-Week {
  display: table-row;
}
.DayPicker-Day {
  display: table-cell;
  padding: 0.5rem;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 50%;
}
.DayPicker-Day:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5rem;
  text-align: right;
  vertical-align: middle;
  min-width: 1rem;
  font-size: 0.75em;
  cursor: pointer;
  color: #8b9898;
  border-right: 1px solid #eaecec;
}
.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}
.DayPicker-Footer {
  padding-top: 0.5rem;
}
.DayPicker-TodayButton {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  color: #4a90e2;
  font-size: 0.875em;
}
/* Default modifiers */
.DayPicker-Day--today {
  color: #d0021b;
  font-weight: 700;
}
.DayPicker-Day--outside {
  cursor: default;
  color: #8b9898;
}
.DayPicker-Day--disabled {
  color: #dce0e0;
  cursor: default;
  /* background-color: #eff1f1; */
}
/* Example modifiers */
.DayPicker-Day--sunday {
  background-color: #f7f8f8;
}
.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #dce0e0;
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  color: #f0f8ff;
  background-color: #4a90e2;
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51a0fa;
}
.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #f0f8ff;
}
/* DayPickerInput */
.DayPickerInput {
  display: inline-block;
}
.DayPickerInput-OverlayWrapper {
  position: relative;
}
.DayPickerInput-Overlay {
  left: 0;
  z-index: 1;
  position: absolute;
  background: white;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.rc-time-picker {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-time-picker * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-time-picker-input[disabled] {
  color: #ccc;
  background: #f7f7f7;
  cursor: not-allowed;
}
.rc-time-picker-panel {
  z-index: 1070;
  width: 170px;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-time-picker-panel * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-time-picker-panel-inner {
  display: inline-block;
  position: relative;
  outline: none;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px #ccc;
          box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
  line-height: 1.5;
}
.rc-time-picker-panel-narrow {
  max-width: 113px;
}
.rc-time-picker-panel-input {
  margin: 0;
  padding: 0;
  width: 100%;
  cursor: auto;
  line-height: 1.5;
  outline: 0;
  border: 1px solid transparent;
}
.rc-time-picker-panel-input-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 6px;
  border-bottom: 1px solid #e9e9e9;
}
.rc-time-picker-panel-input-invalid {
  border-color: red;
}
.rc-time-picker-panel-clear-btn {
  position: absolute;
  right: 6px;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 6px;
  margin: 0;
}
.rc-time-picker-panel-clear-btn:after {
  content: "x";
  font-size: 12px;
  color: #aaa;
  display: inline-block;
  line-height: 1;
  width: 20px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.rc-time-picker-panel-clear-btn:hover:after {
  color: #666;
}
.rc-time-picker-panel-select {
  float: left;
  font-size: 12px;
  border: 1px solid #e9e9e9;
  border-width: 0 1px;
  margin-left: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 56px;
  max-height: 144px;
  overflow-y: auto;
  position: relative;
}
.rc-time-picker-panel-select-active {
  overflow-y: auto;
}
.rc-time-picker-panel-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.rc-time-picker-panel-select:last-child {
  border-right: 0;
}
.rc-time-picker-panel-select ul {
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
}
.rc-time-picker-panel-select li {
  list-style: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  padding: 0 0 0 16px;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rc-time-picker-panel-select li:hover {
  background: #edfaff;
}
li.rc-time-picker-panel-select-option-selected {
  background: #f7f7f7;
  font-weight: bold;
}
li.rc-time-picker-panel-select-option-disabled {
  color: #ccc;
}
li.rc-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.visitor-select-popover {
  background-color: white;
  min-width: 100px;
  width: 111px;
}
.visitor-select-popover.is-noarrow {
  padding-top: 0px;
}
.visitor-select-popover.is-noarrow .ant-popover-arrow {
  display: none;
  height: 0px;
}
.visitor-select-popover .ant-popover-inner-content {
  padding: 0px;
}
.visitor-select-popover .is-select-body ul {
  padding: 10px 0px;
}
.visitor-select-popover .is-select-body ul li {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 15px;
  position: relative;
}
.visitor-select-popover .is-select-body ul li:hover {
  background-color: #f9f9f9;
}
.visitor-select-popover .is-select-body ul li h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #333;
}
.visitor-select-popover .is-select-body ul li .icon-correct {
  color: #48c774;
  font-size: 16px;
}
.visitor-select-popover .is-select-body ul li .icon-arrow-right {
  font-size: 14px;
}
.visitor-select-popover .is-select-body ul li .is-searchItemSecend {
  background-color: white;
  position: absolute;
  top: 0px;
  left: 140px;
}
.visitor-search {
  padding: 10px 25px;
  background-color: white;
  margin: 20px;
  max-width: 1200px;
}
.visitor-search hr {
  margin: 15px 0px 10px;
}
.visitor-search .is-search-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
}
.visitor-search .is-search-head .button {
  font-size: 14px;
  min-width: 111px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 32px;
}
.visitor-search .is-search-head .button i {
  margin-left: 5px;
  color: #999;
  font-size: 13px;
}
.visitor-search .is-search-head .button.is-link {
  margin-left: 10px;
  min-width: 50px;
}
.visitor-search .is-search-head .is-input-bg {
  position: relative;
}
.visitor-search .is-search-head .is-input-bg .input {
  font-size: 14px;
  margin-left: 10px;
  width: 200px;
  height: 32px;
}
.visitor-search .is-search-head .is-input-bg .is-clear {
  position: absolute;
  right: 3px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
}
.visitor-search .is-search-head .is-input-bg .is-clear i {
  color: #000;
}
.visitor-search .is-getmore {
  font-size: 14px;
  color: #999;
  padding-left: 20px;
}
.visitor-search .is-getmore i {
  font-size: 12px;
  margin-left: 2px;
}
.visitor-search .is-search-body .is-body-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.visitor-search .is-search-body .is-body-head .is-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.visitor-search .is-search-body .is-body-head .is-danger {
  font-size: 12px;
  height: 24px;
  padding: 0px 10px;
}
.visitor-search .is-search-body .is-itemname {
  font-size: 14px;
  margin-right: 20px;
}
.visitor-search .is-search-body .is-itemname.is-noselected {
  color: #333;
}
.visitor-search .is-search-body .is-itemname.is-channel {
  margin-left: 20px;
}
.visitor-search .is-search-body .is-body-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.visitor-search .is-search-body .is-search-item {
  padding: 8px 0px;
  margin-right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.visitor-search .is-search-body .is-search-item .hc-daterange-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.visitor-search .is-search-body .is-search-item .hc-daterange-body .hc-daterange-list {
  margin: 0px 20px 0px;
}
.visitor-search .is-search-body .is-search-item .hc-daterange-body .hc-daterange-list:nth-child(2) {
  margin-left: 0px;
}
.visitor-search .is-search-body .is-search-item h3 {
  font-size: 14px;
  margin-right: 10px;
  padding-top: 1px;
  color: #999;
}
.visitor-search .is-search-body .is-search-item h3.is-down {
  min-width: 57px;
}
.visitor-search .is-search-body .is-search-item .is-item-bg {
  margin-left: 20px;
}
.visitor-more-popover .ant-popover-inner-content {
  padding: 0px;
}
.visitor-more-popover .is-body {
  position: relative;
  width: 460px;
  padding: 15px;
}
.visitor-more-popover .is-body .is-fromlist {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.visitor-more-popover .is-body .is-fromlist:last-child {
  margin-bottom: 0px;
}
.visitor-more-popover .is-body .is-fromlist dt {
  width: 130px;
  color: #999;
}
.visitor-more-popover .is-body .is-fromlist .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.visitor-more-popover .is-body .is-fromlist .button {
  font-size: 14px;
  height: 21;
}
.visitor-more-popover .is-body .button {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 12px;
  padding: 0px 10px;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
.visitor-layoutcontent {
  height: 100%;
}
.visitor-content {
  height: 100%;
  overflow-y: scroll;
}
.visitor-content .visitor-head {
  height: 50px;
  line-height: 50px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.visitor-content .visitor-head .buttons {
  margin-left: 20px;
}
.visitor-content .visitor-head .buttons a {
  font-size: 14px;
}
.visitor-content .visitor-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  margin: 20px;
  max-width: 1200px;
}
.visitor-content .visitor-body .table {
  margin-bottom: 0px;
}
.visitor-content .visitor-body .table th {
  font-weight: normal;
  font-size: 14px;
  color: #999;
  height: 40px;
  line-height: 40px;
  border-color: #f1f1f1;
}
.visitor-content .visitor-body .table th.utm a {
  font-size: 12px;
  margin-left: 5px;
  color: #dfdfdf;
}
.visitor-content .visitor-body .table th .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
}
.visitor-content .visitor-body .table td {
  border-bottom: 1px solid #f1f1f1;
  vertical-align: middle;
  font-size: 14px;
}
.visitor-content .visitor-body .table td .tags {
  margin-bottom: 5px;
}
.visitor-content .visitor-body .table td .tags .tag {
  margin-bottom: 0px;
}
.visitor-content .visitor-body .table td .is-number {
  padding: 3px 9px;
  margin-top: 5px;
}
.visitor-content .visitor-body .table td.utm {
  padding-top: 8px;
}
.visitor-content .visitor-body .is-tip,
.visitor-content .visitor-body .chat-offline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.visitor-content .visitor-body .is-tip p,
.visitor-content .visitor-body .chat-offline p {
  font-size: 14px;
  color: #999;
}
.visitor-content .visitor-body .is-moreload {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.visitor-content .visitor-body .is-moreload a {
  font-size: 14px;
  background-color: white;
}
.visitor-content .visitor-body article.media {
  margin: 12px 0px;
  padding-left: 10px;
}
.visitor-content .visitor-body article.media .media-left {
  margin: 2px 10px 0px;
  margin-right: 20px;
}
.visitor-content .visitor-body article.media .media-left img {
  border-radius: 3px;
  width: 38px !important;
  height: 38px !important;
}
.visitor-content .visitor-body article.media .media-content h3 {
  font-size: 15px;
}
.visitor-content .visitor-body article.media .media-content p {
  font-size: 14px;
  color: #999;
}
.visitor-content .visitor-body article.media .media-content .tag {
  font-size: 12px;
  padding: 3px 5px;
  -webkit-transform: scale(0.85, 0.85);
      -ms-transform: scale(0.85, 0.85);
          transform: scale(0.85, 0.85);
  position: relative;
  bottom: 1px;
}
.visitor-content .visitor-body article.media .media-content .tag.is-primary {
  margin-top: 3px;
}
.visitor-content .visitor-body .routes {
  margin-left: 10px;
  color: #999;
  min-width: 43px;
}
.visitor-content .visitor-body .routes.is-more {
  margin-left: 0px;
}
.visitor-content .visitor-body .routes i {
  font-size: 12px;
  position: relative;
  bottom: 1px;
  margin-left: 3px;
}
.visitor-content .visitor-body .current .is-bgv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 90%;
}
.visitor-content .visitor-body .underway {
  color: #aaa;
  text-align: center;
}
.visitor-content .visitor-body .underway i {
  margin-right: 5px;
  display: none;
}
.visitor-content .visitor-body .invitation {
  text-align: center;
}
.visitor-content .visitor-body .invitation a.button {
  font-size: 13px;
  margin: 0px 8px;
}
.visitor-outes-popover .ant-popover-inner-content {
  padding: 0px;
}
.visitor-outes-popover .body .loadingbody {
  width: 100px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.visitor-outes-popover .body .loadingbody .loader {
  font-size: 20px;
}
.visitor-outes-popover .body .listbody {
  width: 420px;
  height: 170px;
  overflow: hidden;
  padding: 8px 0px;
}
.visitor-outes-popover .body .listbody .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 13px;
}
.visitor-outes-popover .body .listbody .list:hover {
  background: #f8f8f8;
}
.visitor-outes-popover .body .listbody .list .list-time {
  width: 120px;
  text-align: center;
  color: #999;
}
.visitor-outes-popover .body .listbody .list .list-title {
  width: 160px;
  overflow: hidden;
  margin: 0px 5px;
}
.visitor-outes-popover .body .listbody .list .list-title a {
  display: block;
}
.visitor-outes-popover .body .listbody .list .list-res {
  margin-left: 5px;
  width: 120px;
  text-align: left;
  color: #999;
}
.main-analysis .main-analysis-dialog .is-region .is-region-head h1 {
  color: #999;
}
.main-analysis .main-analysis-dialog .is-region .is-region-head h1 .is-channeltype {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-analysis .main-analysis-dialog .is-region .is-region-head h1 .is-channeltype i {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-left: 5px;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0px 30px;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 25px;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dt {
  font-size: 14px;
  color: #999;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dt i {
  font-size: 14px;
  margin-left: 5px;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd {
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd span {
  font-size: 12px;
  color: #999;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd span.is-evaluate {
  margin-left: 20px;
  color: #aaa;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd .is-number {
  font-size: 32px;
  margin-right: 5px;
  color: #333;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd.is-ringratio {
  height: 20px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd.is-ringratio > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd.is-ringratio > div span {
  color: #f14668;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd.is-ringratio > div span.is-name {
  margin-right: 3px;
  color: #aaa;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd.is-ringratio > div.is-drop span {
  color: #48c78e;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl dd.is-ringratio > div.is-drop span.is-name {
  color: #aaa;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl.is-middle {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data dl:last-child {
  border-left: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-dialog .is-region .is-region-data.is-more {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 30px;
}
.main-analysis .main-analysis-dialog .is-region .is-region-chart {
  padding: 0px 30px 30px;
}
.main-analysis .main-analysis-dialog .is-region .is-region-chart .is-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
}
.main-analysis .main-analysis-dialog .is-region .is-region-chart .is-type .is-time {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .main-analysis-dialog .is-region .is-region-chart .is-type .is-data .button {
  width: 70px;
}
.main-analysis .main-analysis-dialog .is-region .is-region-chart .is-type .button {
  width: 50px;
  font-size: 12px;
  margin-right: 0px;
}
.main-analysis .main-analysis-dialog .is-channeldata {
  position: relative;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-export {
  position: absolute;
  right: -35px;
  top: 0px;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-export a {
  width: 30px;
  height: 30px;
  padding: 0px;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-export a i {
  font-size: 24px;
  color: #ccc;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul {
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f1f1f1;
  padding: 0px 20px;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul li.is-head > div {
  color: #999;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul li.is-head > div i {
  margin-left: 5px;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul li.is-head:hover {
  background-color: #fff;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul li > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul li > div.is-name {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 150px;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul li:hover {
  background-color: #fafafa;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul li.is-empty,
.main-analysis .main-analysis-dialog .is-channeldata .is-table ul li.is-loading {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #999;
  border-bottom: 0;
}
.main-analysis .main-analysis-dialog .is-channeldata .is-chart {
  padding: 30px 20px 30px;
}
.main-analysis .main-analysis-dialog .subordinate-list {
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 1200px;
  max-width: calc(100% - 40px);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background: #fff;
  position: relative;
}
.main-analysis .main-analysis-dialog .subordinate-list .is-export {
  position: absolute;
  right: -35px;
  top: 0px;
}
.main-analysis .main-analysis-dialog .subordinate-list .is-export a {
  width: 30px;
  height: 30px;
  padding: 0px;
}
.main-analysis .main-analysis-dialog .subordinate-list .is-export a i {
  font-size: 24px;
  color: #ccc;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  border-bottom: 1px solid #f1f1f1;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  font-family: Roboto, sans-serif;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li:hover {
  background: #fafafa;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li:last-child {
  border-bottom: none;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th {
  color: #999;
  cursor: pointer;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th:hover {
  background: none;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th p {
  border: none;
  color: #999;
  font-size: 13px;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th .triangle {
  display: inline;
  cursor: pointer;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th .triangle > div {
  width: 0;
  height: 0;
  margin-left: 3px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th .triangleup {
  border-bottom: 5px solid #eee;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th .triangleup:hover {
  border-bottom: 5px solid #999;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th .triangleup.is-asc {
  border-bottom: 5px solid #999;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th .triangledown {
  margin-top: 3px;
  border-top: 5px solid #eee;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th .triangledown:hover {
  border-top: 5px solid #999;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th .triangledown.is-asc {
  border-top: 5px solid #999;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li .time {
  width: 170px;
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li .li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th-top > div {
  height: 30px;
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li.list-th-top > div:last-child {
  border-right: none;
}
.main-analysis .main-analysis-dialog .subordinate-list ul li > div {
  text-align: center;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #f1f1f1;
}
.comcontrols-controls .comcontrols-is-popoverbg {
  margin-top: 10px;
}
.comcontrols-controls .comcontrols-is-popoverbg a {
  font-size: 14px;
}
.comcontrols-controls .comcontrols-is-selectitem {
  padding: 0px;
  margin: 0px;
}
.comcontrols-controls .comcontrols-is-selectitem .comcontrols-is-selectitemul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}
.comcontrols-controls .comcontrols-is-selectitem .comcontrols-is-selectitemul .comcontrols-is-selectitemli {
  list-style-type: none;
  margin: 5px 5px 3px 0px;
}
.comcontrols-controls .comcontrols-is-selectitem .comcontrols-is-selectitemul .comcontrols-is-selectitemli span {
  padding: 10px 10px 10px 10px;
  background-color: #f5f5f5;
  color: black;
  font-size: 12px;
}
.comcontrols-controls .comcontrols-is-selectitem .comcontrols-is-selectitemul .comcontrols-is-selectitemli a {
  font-size: 12px;
}
.main-analysis .main-analysis-servicenew .is-service-trend {
  max-width: 1500px;
  margin-top: 0px;
  width: calc(100% - 40px);
}
.main-analysis .main-analysis-servicenew .is-service-trend .is-select-service {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 20px;
}
.main-analysis .main-analysis-servicenew .is-service-trend .is-select-service .comcontrols-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-servicenew .is-service-trend .is-select-service .comcontrols-is-selectitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}
.main-analysis .main-analysis-servicenew .is-service-trend .is-select-service .comcontrols-is-popoverbg {
  margin: 0px;
}
.main-analysis .main-analysis-servicenew .is-service-trend .is-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 20px;
  margin-top: 10px;
}
.main-analysis .main-analysis-servicenew .is-service-trend .is-type .is-data {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .main-analysis-servicenew .is-service-trend .is-type .button {
  font-size: 14px;
  margin-right: 0px;
}
.main-analysis .main-analysis-servicenew .is-service-trend .is-chart {
  padding: 30px;
  height: 460px;
}
.main-analysis .main-analysis-servicenew .subordinate-list {
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: calc(100% - 40px);
  max-width: 1500px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.main-analysis .main-analysis-servicenew .subordinate-list .is-export .button {
  border: 0;
}
.main-analysis .main-analysis-servicenew .subordinate-list .is-export .button i {
  font-size: 22px;
  color: #ccc;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  border-bottom: 1px solid #f1f1f1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  font-family: Roboto, sans-serif;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li:hover {
  background: #fafafa;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li:last-child {
  border-bottom: none;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th {
  color: #999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th > div {
  height: 80px;
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th:hover {
  background: none;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th h3 {
  height: 35px;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th .is-login {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th .is-dialog {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th .is-response {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th .is-evaluate {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th .is-transfer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th .is-th-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li.list-th .is-th-body .is-th {
  height: 45px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li .list-head {
  width: 120px;
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0px 15px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li .list-head dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li .list-head dl dt {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0px 8px rgba(0, 0, 0, 0.08);
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li .list-head dl dt img {
  width: 32px;
  height: 32px;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li .list-head dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li .list-head dl dd h4 {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li .list-head dl dd p {
  font-size: 12px;
  color: #aaa;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li > div {
  height: 55px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li > div.rightbd {
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-servicenew .subordinate-list ul li > div:last-child {
  border-right: none;
}
.main-analysis .main-analysis-servicenew .subordinate-list .triangle {
  display: inline;
  cursor: pointer;
}
.main-analysis .main-analysis-servicenew .subordinate-list .triangle > div {
  width: 0;
  height: 0;
  margin-left: 3px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.main-analysis .main-analysis-servicenew .subordinate-list .triangleup {
  border-bottom: 5px solid #eee;
}
.main-analysis .main-analysis-servicenew .subordinate-list .triangleup:hover {
  border-bottom: 5px solid #999;
}
.main-analysis .main-analysis-servicenew .subordinate-list .triangleup.is-asc {
  border-bottom: 5px solid #999;
}
.main-analysis .main-analysis-servicenew .subordinate-list .triangledown {
  margin-top: 3px;
  border-top: 5px solid #eee;
}
.main-analysis .main-analysis-servicenew .subordinate-list .triangledown:hover {
  border-top: 5px solid #999;
}
.main-analysis .main-analysis-servicenew .subordinate-list .triangledown.is-asc {
  border-top: 5px solid #999;
}
.main-analysis .main-analysis-servicenew .is-service-ranking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0px 20px 0px;
  max-width: 1500px;
}
.main-analysis .main-analysis-servicenew .is-service-ranking .is-region {
  width: calc(50% - 20px);
  margin: 0px 0px 20px;
}
.main-analysis .main-analysis-servicenew .is-service-ranking .is-region.is-left {
  width: 50%;
  margin-right: 20px;
}
.main-analysis .main-analysis-servicenew .is-service-ranking .is-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
}
.main-analysis .main-analysis-servicenew .is-service-ranking .is-type .button {
  width: 80px;
  font-size: 14px;
  margin-right: 0px;
}
.main-analysis .main-analysis-servicenew .is-service-ranking .is-chart {
  padding: 20px;
  padding-right: 40px;
  height: 450px;
}
.main-analysis .main-analysis-visit .is-region .is-region-head {
  border-bottom: 0;
  padding-right: 10px;
}
.main-analysis .main-analysis-visit .is-region .is-region-head h1 {
  color: #999;
}
.main-analysis .main-analysis-visit .is-region .is-region-head h1 .is-title {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-analysis .main-analysis-visit .is-region .is-region-head h1 .is-title i {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-left: 5px;
}
.main-analysis .main-analysis-visit .is-region .is-region-head .is-devicetype {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.main-analysis .main-analysis-visit .is-devicetype {
  margin-left: 20px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-visit .is-devicetype .buttons {
  margin: 0px;
}
.main-analysis .main-analysis-visit .is-devicetype .button {
  height: 30px;
  font-size: 12px;
  margin: 0px;
}
.main-analysis .main-analysis-visit .is-region-data {
  border-top: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0px 30px;
}
.main-analysis .main-analysis-visit .is-region-data dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 25px;
}
.main-analysis .main-analysis-visit .is-region-data dl dt {
  font-size: 14px;
  color: #999;
}
.main-analysis .main-analysis-visit .is-region-data dl dt i {
  font-size: 14px;
  margin-left: 5px;
}
.main-analysis .main-analysis-visit .is-region-data dl dd {
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-visit .is-region-data dl dd > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .main-analysis-visit .is-region-data dl dd span {
  font-size: 12px;
  color: #999;
}
.main-analysis .main-analysis-visit .is-region-data dl dd span.is-evaluate {
  margin-left: 20px;
  color: #aaa;
}
.main-analysis .main-analysis-visit .is-region-data dl dd .is-number {
  font-size: 32px;
  margin-right: 5px;
  color: #333;
}
.main-analysis .main-analysis-visit .is-region-data dl dd.is-ringratio {
  height: 20px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.main-analysis .main-analysis-visit .is-region-data dl dd.is-ringratio > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .main-analysis-visit .is-region-data dl dd.is-ringratio > div span {
  color: #f14668;
}
.main-analysis .main-analysis-visit .is-region-data dl dd.is-ringratio > div span.is-name {
  margin-right: 3px;
  color: #aaa;
}
.main-analysis .main-analysis-visit .is-region-data dl dd.is-ringratio > div.is-drop span {
  color: #48c78e;
}
.main-analysis .main-analysis-visit .is-region-data dl dd.is-ringratio > div.is-drop span.is-name {
  color: #aaa;
}
.main-analysis .main-analysis-visit .is-region-data dl.is-middle {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-visit .is-region-data dl:last-child {
  border-left: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-visit .is-visitor-chart {
  padding: 0px 30px 30px;
}
.main-analysis .main-analysis-visit .is-visitor-chart .is-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
}
.main-analysis .main-analysis-visit .is-visitor-chart .is-type .button {
  width: 50px;
  font-size: 12px;
  margin-right: 0px;
}
.main-analysis .main-analysis-visit .subordinate-head {
  width: 1000px;
  height: 50px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background: #fff;
  margin-left: 20px;
  margin-top: 20px;
}
.main-analysis .main-analysis-visit .subordinate-head .subordinate-head-body {
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-visit .subordinate-head h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-visit .subordinate-head h3 .buttons {
  margin-left: 10px;
  margin-bottom: 0px;
}
.main-analysis .main-analysis-visit .subordinate-head h3 .buttons a.button {
  font-size: 12px;
  margin-bottom: 0px;
}
.main-analysis .main-analysis-visit .subordinate-head a.button {
  font-size: 13px;
}
.main-analysis .main-analysis-visit .subordinate-head .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-visit .subordinate-head .type .buttons {
  margin-bottom: 0px;
  margin-left: 10px;
}
.main-analysis .main-analysis-visit .subordinate-head .type .buttons .button {
  margin-bottom: 0px;
}
.main-analysis .main-analysis-visit .subordinate-head .buttons {
  margin-left: 10px;
}
.main-analysis .main-analysis-visit .subordinate-head .buttons .button {
  font-size: 13px;
}
.main-analysis .main-analysis-visit .subordinate-chart {
  margin-left: 20px;
  width: 1000px;
  height: 410px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body {
  padding: 10px;
  position: relative;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-chart {
  font-size: 12px;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-chart .custom-tooltip {
  background: #fff;
  padding: 10px;
  opacity: 0.95;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-chart .custom-tooltip .label {
  font-size: 13px;
  font-weight: normal;
  margin: 0px;
  color: #666;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-chart .custom-tooltip .intro {
  margin: 0px;
  font-size: 13px;
  color: #000;
  font-family: Roboto, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 150px;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-chart .custom-tooltip .intro .dot {
  width: 10px;
  height: 10px;
  background: red;
  opacity: 0.8;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-chart .custom-tooltip .intro .name {
  margin: 0px 5px;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-chart .custom-tooltip .intro .value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-tips .areachart-tips-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-tips .areachart-tips-li .dot {
  width: 10px;
  height: 10px;
  background: red;
  opacity: 0.8;
  margin: 0px 5px;
}
.main-analysis .main-analysis-visit .subordinate-chart .areachart-body .areachart-tips .areachart-tips-li .name {
  font-size: 12px;
  color: #999;
}
.main-analysis .main-analysis-visit .subordinate-list {
  position: relative;
}
.main-analysis .main-analysis-visit .subordinate-list .is-export {
  position: absolute;
  right: -35px;
  top: 0px;
}
.main-analysis .main-analysis-visit .subordinate-list .is-export a {
  width: 30px;
  height: 30px;
  padding: 0px;
}
.main-analysis .main-analysis-visit .subordinate-list .is-export a i {
  font-size: 24px;
  color: #ccc;
}
.main-analysis .main-analysis-visit .subordinate-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  border-bottom: 1px solid #f1f1f1;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  font-family: Roboto, sans-serif;
}
.main-analysis .main-analysis-visit .subordinate-list ul li:hover {
  background: #fafafa;
}
.main-analysis .main-analysis-visit .subordinate-list ul li:last-child {
  border-bottom: none;
}
.main-analysis .main-analysis-visit .subordinate-list ul li.list-th {
  color: #999;
}
.main-analysis .main-analysis-visit .subordinate-list ul li.list-th:hover {
  background: none;
}
.main-analysis .main-analysis-visit .subordinate-list ul li .time {
  width: 170px;
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-visit .subordinate-list ul li .txt {
  width: 300px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 20px;
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-visit .subordinate-list ul li .li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-visit .subordinate-list ul li.list-th-top > div {
  height: 30px;
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-visit .subordinate-list ul li.list-th-top > div:last-child {
  border-right: none;
}
.main-analysis .main-analysis-visit .subordinate-list ul li > div {
  text-align: center;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-analysis .main-analysis-visit .subordinate-list ul li > div.rightbd {
  border-right: 1px solid #f1f1f1;
}
.main-analysis .main-analysis-visit .subordinate-list ul li .nodata {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
}
.main-analysis .main-analysis-visit .subordinate-list .triangle {
  display: inline;
  cursor: pointer;
}
.main-analysis .main-analysis-visit .subordinate-list .triangle > div {
  width: 0;
  height: 0;
  margin-left: 3px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.main-analysis .main-analysis-visit .subordinate-list .triangle:hover .triangleup {
  border-bottom: 5px solid #bbb;
}
.main-analysis .main-analysis-visit .subordinate-list .triangle:hover .triangledown {
  border-top: 5px solid #bbb;
}
.main-analysis .main-analysis-visit .subordinate-list .triangleup {
  border-bottom: 5px solid #eee;
}
.main-analysis .main-analysis-visit .subordinate-list .triangleup.is-asc {
  border-bottom: 5px solid #999!important;
}
.main-analysis .main-analysis-visit .subordinate-list .triangledown {
  margin-top: 3px;
  border-top: 5px solid #eee;
}
.main-analysis .main-analysis-visit .subordinate-list .triangledown.is-asc {
  border-top: 5px solid #999!important;
}
.main-analysis-visitor-navs .ant-popover-inner-content {
  padding: 0px;
}
.main-analysis-visitor-navs .is-content {
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-analysis-visitor-navs .is-content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  margin-top: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 20px;
  color: #363636;
  position: relative;
  font-size: 14px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  border: 0;
}
.main-analysis-visitor-navs .is-content a:hover,
.main-analysis-visitor-navs .is-content a.is-active {
  background-color: #f2f3f5;
}
.main-analysis-visitor-navs .is-content a i {
  position: absolute;
  right: 10px;
  top: 8px;
  margin-left: 5px;
  color: #48c774;
}
.component-modal .modal-background {
  background-color: #0a0a0a75;
}
.component-modal .modal-card {
  width: 870px;
  max-width: 95%;
}
.component-modal .modal-card .modal-card-head {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eee;
  background-color: white;
  padding: 8px 30px 0px;
}
.component-modal .modal-card .modal-card-head h3 {
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.component-modal .modal-card .modal-card-head a {
  text-align: center;
}
.component-modal .modal-card .modal-card-head a i {
  font-size: 26px;
  color: #666;
}
.component-modal .modal-card .modal-card-body {
  padding: 0px;
  font-size: 14px;
  max-height: 550px;
}
.component-modal .modal-card .modal-card-foot {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border-top: 1px solid #eee;
}
.component-modal .modal-card .modal-card-foot a {
  font-size: 16px;
  color: #3273dc;
  background: none;
}
.component-modal .modal-card .modal-card-foot a:hover {
  background: none;
}
.main-analysis .main-analysis-tag .is-list-body {
  min-height: 492px;
  padding: 0px 0px 8px;
  font-size: 14px;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  border-bottom: 1px solid #f1f1f1;
  padding: 0px 20px;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-head .is-name {
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-head .is-name i {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-left: 5px;
  cursor: pointer;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-head .is-progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-head .is-usage {
  width: 150px;
  text-align: center;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-head .is-trend {
  width: 50px;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-head .is-export a {
  border: none;
  width: 100%;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-head .is-export a i {
  color: #ccc;
  font-size: 22px;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
  padding: 0px 20px;
  cursor: pointer;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item:hover {
  background-color: #fafafa;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item:hover .is-progress progress::-webkit-progress-bar {
  background-color: #fafafa;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-name {
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-name .is-color {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 8px;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-name h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-progress progress {
  border-radius: 0px;
  position: relative;
  height: 10px;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-progress progress span {
  position: absolute;
  top: 0px;
  right: 5px;
  font-size: 16px;
  color: #333;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-progress progress::-webkit-progress-bar {
  background-color: #fff;
  border-radius: 0px;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-usage {
  width: 150px;
  text-align: center;
  color: #999;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-trend {
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-item .is-trend i {
  color: #aaa;
}
.main-analysis .main-analysis-tag .is-list-body dl {
  margin-top: 4px;
}
.main-analysis .main-analysis-tag .is-list-body dl dt {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .main-analysis-tag .is-list-body dl dd ul > li > .is-groupitem {
  padding-left: 50px;
}
.main-analysis .main-analysis-tag .is-list-body dl dd ul > li > .is-groupitem .is-name {
  width: 250px;
}
.main-analysis .main-analysis-tag .is-list-body dl dd ul > li > .is-list-item {
  padding-left: 50px;
}
.main-analysis .main-analysis-tag .is-list-body dl dd ul > li > .is-list-item .is-name {
  width: 250px;
}
.main-analysis .main-analysis-tag .is-list-body dl dd ul > li ol > li .is-list-item {
  padding-left: 75px;
}
.main-analysis .main-analysis-tag .is-list-body dl dd ul > li ol > li .is-list-item .is-name {
  width: 225px;
}
.main-analysis .main-analysis-tag .is-list-body dl .is-groupitem {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  width: 100%;
  cursor: default;
}
.main-analysis .main-analysis-tag .is-list-body dl .is-groupitem .is-name {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  color: #888;
}
.main-analysis .main-analysis-tag .is-list-body .is-list-empty {
  height: 252px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #aaa;
}
.main-analysis .main-analysis-tag .modal-card-body {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.main-analysis .main-analysis-tag .is-tag-trend-body {
  padding: 40px 30px;
}
.main-analysis .main-analysis-tag .is-tag-trend-body .is-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #aaa;
  height: 460px;
}
.main-analysis-listtypeselect .ant-popover-inner-content {
  padding: 0px;
}
.main-analysis-listtypeselect .is-content {
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-analysis-listtypeselect .is-content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 20px;
  color: #363636;
  position: relative;
}
.main-analysis-listtypeselect .is-content a:hover,
.main-analysis-listtypeselect .is-content a.is-active {
  background-color: #f9f9f9;
}
.main-analysis-listtypeselect .is-content a i {
  position: absolute;
  right: 10px;
  top: 8px;
  margin-left: 5px;
  color: #48c774;
}
.main-analysis {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-analysis .analysis-head {
  height: 50px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-analysis .analysis-head h1 {
  margin-left: 20px;
  font-size: 16px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-analysis .analysis-head h1 .is-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.main-analysis .analysis-head h1 i {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-left: 5px;
  font-size: 18px;
}
.main-analysis .analysis-head .analysis-screen {
  margin-left: 15px;
}
.main-analysis .analysis-head .analysis-screen a.button {
  font-size: 13px;
  padding: 0px 18px;
}
.main-analysis .analysis-head .oldpage {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  padding-right: 10px;
}
.main-analysis .analysis-head .oldpage a.button {
  font-size: 13px;
}
.main-analysis .is-flexleft {
  width: 200px;
  border-right: 1px solid #ddd;
  background-color: #fff;
}
.main-analysis .is-flexleft > h1 {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 10px;
}
.main-analysis .is-flexleft ul {
  padding: 8px;
}
.main-analysis .is-flexleft ul li {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 4px;
  border-radius: 2px;
  color: #4e5969;
}
.main-analysis .is-flexleft ul li.is-active {
  color: #3273dc;
}
.main-analysis .is-flexleft ul li:hover,
.main-analysis .is-flexleft ul li.is-active {
  background-color: #f2f3f5;
}
.main-analysis .is-flexright {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-analysis .is-region {
  margin: 20px;
  width: 1200px;
  max-width: calc(100% - 40px);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.main-analysis .is-region > .is-region-head {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f1f1f1;
  padding: 0px 20px;
}
.main-analysis .is-region > .is-region-head h1,
.main-analysis .is-region > .is-region-head h2,
.main-analysis .is-region > .is-region-head h3 {
  font-size: 14px;
}
.main-analysis-navs .ant-popover-inner-content {
  padding: 0px;
}
.main-analysis-navs .is-content {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-analysis-navs .is-content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 45px;
  margin-top: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 20px;
  color: #363636;
  position: relative;
  font-size: 14px;
}
.main-analysis-navs .is-content a:hover,
.main-analysis-navs .is-content a.is-active {
  background-color: #f2f3f5;
}
.main-analysis-navs .is-content a i {
  position: absolute;
  right: 10px;
  top: 8px;
  margin-left: 5px;
  color: #48c774;
}
.analysis-screen-opover .ant-popover-inner-content {
  padding: 0px;
}
.analysis-screen-opover .body ul {
  width: 150px;
}
.analysis-screen-opover .body ul li {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
  padding: 0px 20px;
  color: #108ee9;
}
.analysis-screen-opover .body ul li:hover {
  background: #f5f5f5;
}
.analysis-screen-opover .body ul li.zdy {
  border-top: 1px solid #f1f1f1;
}
.analysis-screen-opover .body ul li i {
  margin-left: 10px;
}
.analysis-screen-opover .body .custom {
  width: 200px;
  padding: 18px;
}
.analysis-screen-opover .body .custom h3 {
  font-size: 16px;
  display: none;
  font-weight: normal;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.analysis-screen-opover .body .custom .ant-calendar-picker {
  width: 95px;
}
.analysis-screen-opover .body .custom .ant-calendar-picker .ant-calendar-picker-icon {
  display: none;
}
.analysis-screen-opover .body .custom .dian {
  padding: 0px 5px;
  color: rgba(0, 0, 0, 0.2);
}
.analysis-screen-opover .body .custom .is-preset {
  margin-top: 10px;
}
.analysis-screen-opover .body .custom .is-preset a {
  margin-right: 10px;
}
.analysis-screen-opover .body .custom a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}
.components-queues .components-is-popoverbg .is-tool {
  font-size: 14px;
}
.components-queues .components-is-selectitem {
  padding: 0px;
  margin: 0px 0px 10px 0px;
}
.components-queues .components-is-selectitem .components-is-selectitemul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}
.components-queues .components-is-selectitem .components-is-selectitemul .components-is-selectitemli {
  list-style-type: none;
  margin: 5px 5px 3px 0px;
}
.components-queues .components-is-selectitem .components-is-selectitemul .components-is-selectitemli span {
  padding: 10px 10px 10px 10px;
  background-color: #f5f5f5;
  color: black;
  font-size: 12px;
}
.components-queues .components-is-selectitem .components-is-selectitemul .components-is-selectitemli a {
  font-size: 12px;
}
.components-dialgoscreen .is-condition {
  margin-bottom: .75rem;
}
.components-dialgoscreen .is-condition h3 {
  font-size: 14px;
}
.components-dialgoscreen .is-condition select {
  font-size: 14px;
}
.components-dialgoscreen .is-condition input::-webkit-outer-spin-button,
.components-dialgoscreen .is-condition input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.components-dialgoscreen .is-condition .is-search-btn {
  margin-top: 5px;
}
.components-dialgoscreen .is-condition input {
  margin-top: 0px;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 380px;
}
.history-screen {
  height: 100%;
  border-right: 1px solid #e5e5e5;
  background: #fff;
  position: relative;
  clear: both;
}
.history-screen .is-historylist-search {
  overflow: hidden;
  z-index: 9;
  background: #fff;
  border-bottom: 1px solid #eee;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.history-screen .is-back {
  padding-left: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.history-screen .is-back i {
  font-size: 20px;
}
.history-screen .is-back a {
  font-size: 15px;
}
.history-screen .is-head-right {
  padding-right: 15px;
}
.history-screen .is-head-right a.button {
  font-size: 14px;
}
.history-screen .is-historyserach-body {
  height: calc(100% - 50px);
}
.history-screen .is-historyserach-body .is-quick-time {
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.history-screen .is-historyserach-body .is-quick-time a {
  font-size: 14px;
  padding-right: 10px;
}
.history-screen .is-historyserach-body .is-quick-time a.is-link {
  color: #333 ;
}
.history-screen .is-historyserach-body .is-quick-time :nth-child(1) {
  margin-left: 0px;
}
.history-screen .is-historyserach-body > div > div {
  padding: 0px 15px 10px;
}
.history-screen .is-historyserach-body h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
}
.history-screen .is-historyserach-body .is-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.history-screen .is-historyserach-body .is-list.is-clue {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.history-screen .is-historyserach-body .is-list.is-clue li:nth-last-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.history-screen .is-historyserach-body .is-list.is-clue li:nth-last-child(1) {
  margin-right: 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.history-screen .is-historyserach-body .is-list.is-three li {
  width: calc((100% - 10px)/3);
}
.history-screen .is-historyserach-body .is-list.is-three li:nth-child(3n) {
  margin-right: 0px;
}
.history-screen .is-historyserach-body .is-list li {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 130px;
}
.history-screen .is-historyserach-body .is-list li a.button {
  height: 2.3em;
  width: 100%;
  font-size: 14px;
}
.history-screen .is-historyserach-body .is-list li a {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 5px 0px 5px;
}
.history-screen .is-historyserach-body .is-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.history-screen .is-historyserach-body .is-tag-list li {
  margin: 5px;
}
.history-screen .is-historyserach-body .is-tag-list span {
  padding: 10px 10px 10px 10px;
  background-color: #f5f5f5;
  color: black;
  font-size: 14px;
}
.history-screen .is-historyserach-body .is-tag-list .is-mydelete {
  width: 28px;
  height: 28px;
}
.history-screen .is-historyserach-body .is-choose-tag {
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.history-screen .is-historyserach-body .is-choose-tag a {
  margin-right: 10px;
  font-size: 14px;
}
.history-screen .is-historyserach-body input {
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.history-screen .is-historyserach-body .is-search-btn {
  margin-top: 5px;
}
.history-screen .is-historyserach-body .is-search-btn .button {
  font-size: 14px;
  padding: 9px;
}
.history-screen .is-historyserach-body .is-search-btn .is-search-btnbg {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.history-screen .is-historyserach-body .is-search-btn .is-search-btnbg a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2px;
  font-size: 14px;
}
.history-screen .is-historyserach-body .is-search-btn .is-search-btnbg :nth-child(1) {
  margin-left: 0px;
}
.history-screen .is-historyserach-body .is-search-input {
  margin-top: 10px;
}
.history-screen .is-historyserach-body .is-tips {
  font-size: 14px;
  color: #aaa;
  margin-top: 0px;
}
.history-screen .is-historyserach-body .is-quicksearch-input {
  margin-bottom: 5px;
}
.history-screen .is-historyserach-body .is-end-time {
  margin-bottom: 20px;
}
.history-screen .is-historyserach-body .is-provinces {
  font-size: 14px;
}
.history-screen .is-historyserach-body .is-history-msgnum {
  margin-top: 0px;
}
.history-screen .is-historyserach-body .is-history-msgnum .is-msgnum-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history-screen .is-historyserach-body .is-history-msgnum .is-msgnum-content input::-webkit-outer-spin-button,
.history-screen .is-historyserach-body .is-history-msgnum .is-msgnum-content input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.history-screen .is-historyserach-body .is-history-msgnum .is-msgnum-content input {
  margin-top: 0px;
  font-size: 14px;
  margin-left: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.history-screen .is-historyserach-body .is-history-msgnum .is-msgnum-content .select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
}
.history-screen .is-historyserach-body .is-history-msgnum .is-msgnum-content .select .is-msgnum-formual {
  width: 100%;
  height: 35px;
  font-size: 14px;
  padding: 3px;
  padding-left: 8px;
}
#history-list {
  height: 100%;
  border-right: 1px solid #e5e5e5;
  background: #fff;
  position: relative;
  clear: both;
}
#history-list > .tabs a {
  font-size: 13px;
  height: 36px;
  color: #4a4a4a!important;
}
#history-list > .tabs .is-active a {
  color: #1f2329!important;
}
#history-list .history-list-search {
  height: 45px;
  overflow: hidden;
  z-index: 9;
  background: #fff;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#history-list .history-list-search h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 15px;
  font-size: 16px;
  font-weight: normal;
}
#history-list .history-list-search .history-list-tools {
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#history-list .history-list-search .history-list-tools a.button {
  font-size: 13px;
  margin: 0px 5px 0px 15px;
  height: 24px;
  padding: 0px 12px;
}
#history-list .history-list-search .back {
  padding-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#history-list .history-list-search .back a.button {
  font-size: 15px;
}
#history-list .history-list-search .back i {
  font-size: 20px;
}
#history-list .history-list-search .right {
  padding-right: 10px;
}
#history-list .history-list-search .right a.button {
  font-size: 14px;
}
#history-list .history-list-body {
  height: calc(100% - 45px - 36px);
}
#history-list .history-list-body .media .media-left {
  width: 40px;
  height: 40px;
}
#history-list .history-list-body .media .media-left img.img-head {
  border-radius: 3px;
}
#history-list .history-list-body .media .media-content {
  font-size: 12px;
  font-weight: normal;
  height: 40px;
  overflow: hidden;
}
#history-list .history-list-body .media .media-content .time {
  color: #a3afb7;
}
#history-list .history-list-body .media .media-content .name {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  color: #a3afb7;
}
#history-list .history-list-body .media .media-content .info {
  height: 18px;
  line-height: 18px;
  margin-top: 4px;
  font-size: 14px;
  overflow: hidden;
  word-break: break-all;
  color: #777;
  font-weight: 400;
}
#history-list .history-list-body .media .media-content .info img {
  vertical-align: middle;
  margin: 0px 3px;
}
#history-list .history-list-body li {
  cursor: pointer;
  padding: 12px 15px;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
}
#history-list .history-list-body li .customertags .tag {
  margin-top: 5px;
  margin-right: 5px;
}
#history-list .history-list-body li.remarks {
  display: block;
  height: auto;
  border: 0px;
}
#history-list .history-list-body li.remarks.active .remarks-body {
  border-color: #eee;
}
#history-list .history-list-body li.remarks .remarks-body {
  min-height: 70px;
  border-left: 1px solid #f5f5f5;
  padding-left: 15px;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
#history-list .history-list-body li.remarks .remarks-body:before {
  content: '';
  position: absolute;
  left: -3px;
  top: 18px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #aaa;
}
#history-list .history-list-body li.remarks .remarks-body h4 {
  font-size: 14px;
  min-height: 14px;
}
#history-list .history-list-body li.remarks .remarks-body h4 span {
  color: #aaa!important;
}
#history-list .history-list-body li.remarks .remarks-body .remarks-more {
  font-size: 12px;
  margin-top: 5px;
}
#history-list .history-list-body li.active {
  background: #eee;
}
#history-list .history-list-body li.state-close .media-left i {
  background: #ccc!important;
}
#history-list .history-list-body li.state-close p {
  color: #aaa!important;
}
#history-list .history-list-body li.state-close .txt-message {
  color: #aaa!important;
}
#history-list .history-list-count {
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #eee;
  font-size: 12px;
  color: #aaa;
}
#history-list .loading-more {
  text-align: center;
  color: #aaa;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
}
#history-list .loading-more p {
  font-size: 14px;
  color: #ccc;
}
#history-list .loading-more a {
  font-size: 14px;
}
.mobile-body .mobile-history {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.mobile-body .mobile-history li {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding: 13px 10px;
}
.mobile-body .mobile-history li:active {
  background: #eee;
}
.mobile-body .mobile-history li .media-left {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  position: relative;
}
.mobile-body .mobile-history li .media-left .ant-badge {
  position: absolute;
  right: 0px;
  top: 5px;
}
.mobile-body .mobile-history li .media-left .ant-badge .ant-badge-count {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #ff3860;
}
.mobile-body .mobile-history li .media-left .ant-badge .ant-badge-count p {
  visibility: hidden;
}
.mobile-body .mobile-history li .media-left .ant-badge .ant-badge-count p.current {
  visibility: visible;
}
.mobile-body .mobile-history li .media-left i.head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 3px;
  background: #ccc;
  color: #fff;
  font-size: 26px;
}
.mobile-body .mobile-history li .media-left img {
  width: 48px!important;
  height: 48px!important;
  border-radius: 3px;
  background: #ccc;
}
.mobile-body .mobile-history li .media-content p.name {
  color: #000;
  font-size: 16px;
  margin-bottom: 5px;
}
.mobile-body .mobile-history li .media-content p.time {
  color: #ccc;
  font-size: 13px;
}
.mobile-body .mobile-history li .media-content .info {
  color: #999;
  font-size: 14px;
  line-height: 1;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
}
.mobile-body .mobile-history li .customertags span.tag {
  margin-top: 5px;
  margin-right: 5px;
}
.mobile-body .mobile-history li:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 10px;
  top: 0;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
      transform: scale(0.5);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.mobile-body .mobile-history .loading-more {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #999;
}
.mobile-body .mobile-history-screen {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.mobile-body .mobile-history-screen .input-body {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding: 5px 5px;
  -webkit-user-select: auto;
  -webkit-touch-callout: inherit;
}
.mobile-body .mobile-history-screen .input-body:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 15;
  top: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .mobile-history-screen .input-body input,
.mobile-body .mobile-history-screen .input-body textarea {
  border: none;
  resize: none;
  font-size: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mobile-body .mobile-history-screen .input-body input:focus,
.mobile-body .mobile-history-screen .input-body textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.mobile-body .mobile-history-screen .time-body input {
  border: none;
  background: none;
  display: block;
  width: 100%;
}
.mobile-body .mobile-history-screen .time-body .date {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 26px;
}
.mobile-body .mobile-history-screen .time-body .date .rise:before {
  content: '\8D77';
  color: #999;
}
.mobile-body .mobile-history-screen .time-body .date .rise.full:before {
  content: none;
}
.mobile-body .mobile-history-screen .time-body .date .stop:before {
  content: '\6B62';
  color: #999;
}
.mobile-body .mobile-history-screen .time-body .date .stop.full:before {
  content: none;
}
.mobile-body .mobile-history-screen .time-body .time {
  width: 80px;
  text-align: center;
}
.mobile-body .mobile-history-screen .text-body li {
  padding: 5px 15px;
}
.mobile-body .mobile-history-screen .text-body input {
  border: none;
  resize: none;
  font-size: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px;
  margin: 0px;
}
.mobile-body .mobile-history-screen .text-body input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.history-layoutbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.history-layoutbody .history-layoutleft {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100%;
}
@media screen and (min-width: 1200px) {
}
.history-layoutbody .history-layoutcontent {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  height: 100%;
}
#history-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
#history-dialog .history-dialog-right {
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
  #history-dialog .history-dialog-right {
    -ms-flex-preferred-size: 320px;
        flex-basis: 320px;
  }
}
#history-dialog .history-dialog-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  height: 100%;
  background: #fff;
  position: relative;
}
#history-dialog .history-dialog-body h3.title {
  font-size: 16px;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  padding: 0px 15px;
  border-bottom: 1px solid #e5e5e5;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #fff;
  z-index: 9;
}
#history-dialog .history-dialog-body .chat-dbox-body {
  height: calc(100% - 50px - 120px);
  margin-top: 50px;
}
#history-dialog .chat-customer-info {
  height: 100%;
  overflow-y: scroll;
  background: #fff;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
/* 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-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 8px;
  line-height: 1;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.43);
  display: inline-block;
  font-size: 12px;
  font-size: 9px \9;
  -webkit-transform: scale(0.75) rotate(0deg);
      -ms-transform: scale(0.75) rotate(0deg);
          transform: scale(0.75) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
.ant-select-arrow:before {
  display: block;
  font-family: "anticon" !important;
}
:root .ant-select-arrow {
  -webkit-filter: none;
          filter: none;
}
:root .ant-select-arrow {
  font-size: 12px;
}
.ant-select-arrow * {
  display: none;
}
.ant-select-arrow:before {
  content: '\E61D';
  transition: -webkit-transform 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ant-select-selection {
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection:hover {
  border-color: #49a9ee;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #49a9ee;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
          box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-select-selection__clear {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  opacity: 0;
  position: absolute;
  right: 8px;
  z-index: 1;
  background: #fff;
  top: 50%;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  width: 12px;
  height: 12px;
  margin-top: -6px;
  line-height: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  -o-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-select-selection__clear:before {
  display: block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E62E";
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.43);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 14px;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f7f7f7;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  background: #eee;
  color: #aaa;
  padding-right: 10px;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  height: 28px;
  position: relative;
  cursor: pointer;
}
.ant-select-selection__rendered {
  display: block;
  margin-left: 7px;
  margin-right: 7px;
  position: relative;
  line-height: 26px;
}
.ant-select-selection__rendered:after {
  content: '.';
  visibility: hidden;
  pointer-events: none;
  display: inline-block;
  width: 0;
}
.ant-select-lg .ant-select-selection--single {
  height: 32px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 30px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 24px;
  line-height: 24px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear {
  top: 16px;
}
.ant-select-sm .ant-select-selection--single {
  height: 22px;
}
.ant-select-sm .ant-select-selection__rendered {
  line-height: 20px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 22px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 14px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear {
  top: 11px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
  display: inline-block;
  position: relative;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  right: 9px;
  color: #bfbfbf;
  line-height: 20px;
  height: 20px;
  max-width: 100%;
  margin-top: -10px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.ant-select-search__field__placeholder {
  left: 8px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: -9999px;
  white-space: pre;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  height: 100%;
  width: 100%;
}
.ant-select-selection--multiple .ant-select-search--inline {
  float: left;
  position: static;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  border-width: 0;
  font-size: 100%;
  height: 100%;
  width: 100%;
  background: transparent;
  outline: 0;
  border-radius: 4px;
  line-height: 1;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 28px;
  cursor: text;
  padding-bottom: 3px;
  zoom: 1;
}
.ant-select-selection--multiple:before,
.ant-select-selection--multiple:after {
  content: " ";
  display: table;
}
.ant-select-selection--multiple:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-select-selection--multiple .ant-select-search--inline {
  width: auto;
  padding: 0;
  max-width: 100%;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  max-width: 100%;
  width: 0.75em;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  margin-left: 5px;
  margin-bottom: -3px;
  height: auto;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  margin-top: 3px;
  height: 20px;
  line-height: 20px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  color: rgba(0, 0, 0, 0.65);
  background-color: #f3f3f3;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 4px;
  max-width: 99%;
  position: relative;
  overflow: hidden;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0 20px 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 100%;
  -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  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;
  color: rgba(0, 0, 0, 0.43);
  line-height: inherit;
  cursor: pointer;
  font-weight: bold;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  -webkit-transform: scale(0.66666667) rotate(0deg);
      -ms-transform: scale(0.66666667) rotate(0deg);
          transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  position: absolute;
  right: 4px;
  padding: 0 0 0 8px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
  display: block;
  font-family: "anticon" !important;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  -webkit-filter: none;
          filter: none;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: #404040;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
  content: "\E633";
}
.ant-select-selection--multiple .ant-select-selection__clear {
  top: 14px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -ms-transform: rotate(180deg);
}
.ant-select-open .ant-select-arrow:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #49a9ee;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
          box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  height: 100%;
  width: 100%;
  float: none;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1050;
  left: -9999px;
  top: -9999px;
  position: absolute;
  outline: none;
  overflow: hidden;
  font-size: 12px;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow: auto;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 16px;
}
.ant-select-dropdown-menu-item-group-title {
  color: rgba(0, 0, 0, 0.43);
  line-height: 1.5;
  padding: 8px;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 7px 8px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover {
  background-color: #ecf6fd;
}
.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-selected,
.ant-select-dropdown-menu-item-selected:hover {
  background-color: #f7f7f7;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}
.ant-select-dropdown-menu-item-active {
  background-color: #ecf6fd;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  line-height: 0;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E632";
  color: transparent;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 8px;
  font-weight: bold;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
}
:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
  -webkit-filter: none;
          filter: none;
}
:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
  font-size: 12px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover:after {
  color: #ddd;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled:after {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after {
  color: #108ee9;
  display: inline-block;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
.customer-screen-opover .ant-popover-inner-content {
  padding: 0px;
}
#customer-search-body {
  width: 280px;
}
#customer-search-body dl {
  padding: 20px 20px 0px;
  font-size: 14px;
}
#customer-search-body dl.sves {
  height: 65px;
}
#customer-search-body dl dt {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.6);
}
#customer-search-body dl dd .ant-calendar-picker {
  width: 110px;
}
#customer-search-body dl dd .ant-calendar-picker .ant-calendar-picker-icon {
  display: none;
}
#customer-search-body dl dd .dian {
  padding: 0px 5px;
  color: rgba(0, 0, 0, 0.2);
}
#customer-search-body dl dd .ant-checkbox-group .ant-checkbox-wrapper {
  font-size: 14px!important;
}
#customer-search-body dl dd .ant-checkbox-group label {
  margin-right: 20px;
  margin-bottom: 8px;
}
#customer-search-body dl dd.many .ant-select {
  bottom: 1px;
}
#customer-search-body dl dd.many .ant-select-selection--single {
  height: 34px;
}
#customer-search-body dl dd.many .ant-select-selection--single .ant-select-selection__rendered {
  line-height: 32px;
}
#customer-search-body dl dd.many input {
  display: inline-block;
  width: 80px;
  margin-left: 10px;
}
#customer-search-body .screenbutton {
  clear: both;
  text-align: center;
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
  border-top: 1px solid #f1f1f1;
}
#customer-search-body .screenbutton a {
  font-size: 14px;
}
#customer-search-body .screenbutton a i {
  margin-left: 10px;
}
#customer-search-body .ant-calendar-picker {
  width: 120px;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
.customer-content {
  height: 100%;
  overflow-y: scroll;
}
.customer-content .customer-body {
  margin: 20px;
}
.customer-content .customer-head {
  height: 50px;
  line-height: 50px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.customer-content .customer-head h3 {
  margin-left: 20px;
  font-size: 16px;
  font-weight: normal;
  float: left;
}
.customer-content .customer-head .screen {
  float: left;
  margin-left: 20px;
}
.customer-content .customer-head .screen a {
  height: 28px;
  font-size: 13px;
  margin-top: 10px;
  padding: 0px 20px;
}
#customer-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  min-height: 100px;
  margin-bottom: 20px;
  padding: 0px 0px 0px;
}
#customer-body hr {
  margin: 30px 0px;
}
#customer-body .customer-title {
  height: 50px;
  line-height: 50px;
  padding: 0px 20px;
  border-bottom: 1px solid #f1f1f1;
}
#customer-body .customer-title h3 {
  font-size: 14px;
  font-weight: normal;
  float: left;
}
#customer-body .customer-title .export {
  float: right;
  font-size: 14px;
}
#customer-body .customer-list {
  width: 100%;
  overflow: auto;
}
#customer-body .customer-list table {
  width: auto;
  min-width: 100%;
  max-width: none;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 13px;
}
#customer-body .customer-list table thead tr {
  border-bottom: 1px solid #f1f1f1;
}
#customer-body .customer-list table thead td {
  padding: 10px 20px;
  color: rgba(0, 0, 0, 0.4);
  min-width: 80px;
  white-space: nowrap;
}
#customer-body .customer-list .list:nth-of-type(even) {
  background: #f9f9f9;
}
#customer-body .customer-list .list td {
  padding: 10px 20px;
  white-space: nowrap;
}
#customer-body .customer-list .list td.many span {
  display: inline-block;
  min-width: 20px;
  line-height: 20px;
  padding: 0px 6px;
  text-align: center;
  background: #f3f3f3;
  border-radius: 50%;
  color: #999;
  cursor: default;
  font-weight: 300;
  font-size: 12px;
}
#customer-body .customer-list .empty {
  font-size: 14px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  color: rgba(0, 0, 0, 0.3);
}
#customer-body .loading-more {
  border-top: 1px solid #f1f1f1;
  text-align: center;
  color: #aaa;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}
#customer-body .loading-more p {
  font-size: 14px;
  font-weight: 300;
  color: #ccc;
}
.components-channel-setnametype {
  background: #ececec;
  padding: 10px 30px 10px;
}
.components-channel-setnametype .is-stepone-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 20px;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li {
  width: 255px;
  padding-right: 20px;
  padding-bottom: 20px;
  position: relative;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li:nth-child(3) {
  margin-right: 0px;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl {
  position: relative;
  background: #fff;
  cursor: pointer;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dt {
  font-size: 16px;
  font-weight: bold;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #f1f1f1;
  color: #1f2329;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dt i {
  font-size: 20px;
  margin-right: 8px;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd {
  padding: 0px 0px;
  font-size: 14px;
  height: 170px;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd p {
  margin-bottom: 10px;
  color: #555;
  height: 42px;
  overflow: hidden;
  padding: 0px 20px;
  text-align: center;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon {
  margin: 10px 0px;
  height: 90px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i {
  font-size: 45px;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i.icon-web {
  color: #209cee;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i.icon-link {
  font-size: 55px;
  color: #ff3860;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i.icon-app {
  color: #00d1b2;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i.icon-weixin {
  color: #23d160;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i.icon-xcx {
  color: #3273dc;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i.icon-telegram-base {
  color: #0088d2;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i.icon-line-base {
  color: #03c100;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i.icon-messenger-base {
  color: #363636;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li dl dd .is-icon i.icon-whatsapp-base {
  color: #25d366;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li .is-correct {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #3273dc;
  color: #fff;
  width: 100%;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li .is-correct i {
  font-size: 20px;
}
.components-channel-setnametype .is-stepone-type .is-stepone-body ul li.is-active dl dd .is-icon {
  height: 70px;
}
.components-channel-setweb {
  padding: 20px 30px;
}
.components-channel-setweb .content ul {
  margin-top: 0px;
}
.components-channel-setweb .is-content-code {
  position: relative;
  margin-bottom: 15px;
}
.components-channel-setweb .is-content-code pre {
  line-height: 1.8;
}
.components-channel-setweb .is-content-code .copy {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
}
.components-channel-setweb .is-content-code .copy a {
  font-size: 14px;
}
.components-channel-setwebway {
  padding: 30px 30px;
}
.components-channel-setwebway .notification {
  margin-bottom: 20px;
}
.components-channel-setwebway .is-type {
  margin-bottom: 20px;
}
.components-channel-setwebway .is-type .button {
  font-size: 14px;
  border-radius: 3px;
  margin: 0px;
  margin-right: 10px!important;
  width: 140px;
  height: 40px;
  border-radius: 4px!important;
}
.components-channel-setwebway hr {
  margin: 20px 0px;
}
.components-channel-setwebway .is-radio .is-radio-title {
  margin-bottom: 10px;
}
.components-channel-setwebway .is-radio .ant-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-channel-setwebway .is-radio .ant-radio-group .ant-radio {
  height: 14px;
}
.components-channel-setwebway .is-radio label {
  font-size: 14px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-channel-setwebway .is-autoshow {
  margin-top: 5px;
}
.components-channel-setwebway .is-autoshow .is-delaytime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px 0px 10px 0px;
}
.components-channel-setwebway .is-autoshow .is-delaytime .input {
  width: 60px;
  height: 25px;
  margin: 0px 8px;
  font-size: 14px;
}
.components-channel-setwebway .is-autoshow label {
  font-size: 14px;
}
.components-channel-setwebway .is-autoshow label input {
  margin-right: 8px;
}
.components-channel-setwebway .is-autoshow label.is-hide-checkbox {
  margin-top: 10px;
}
/* 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-spin {
  color: #108ee9;
  vertical-align: middle;
  text-align: center;
  opacity: 0;
  position: absolute;
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  font-size: 12px;
  display: none;
}
.ant-spin-spinning {
  opacity: 1;
  position: static;
  display: inline-block;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  height: 100%;
  max-height: 320px;
  width: 100%;
  z-index: 4;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 6px;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 3px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 12px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
}
.ant-spin-blur {
  overflow: hidden;
  opacity: 0.7;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
  /* autoprefixer: off */
  filter: progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1, MakeShadow\=false);
  -webkit-transform: translateZ(0);
}
.ant-spin-blur:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.3;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: 10;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.43);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: antRotate 1.2s infinite linear;
          animation: antRotate 1.2s infinite linear;
}
.ant-spin-dot i {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #108ee9;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  display: block;
  position: absolute;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
          animation: antSpinMove 1s infinite linear alternate;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.ant-spin-dot i:nth-child(1) {
  left: 0;
  top: 0;
}
.ant-spin-dot i:nth-child(2) {
  right: 0;
  top: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.ant-spin-dot i:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.ant-spin-dot i:nth-child(4) {
  left: 0;
  bottom: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.ant-spin-sm .ant-spin-dot {
  width: 14px;
  height: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  width: 32px;
  height: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@-webkit-keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
@keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
.whatsapp_web .modal-card .modal-card-head {
  display: none;
}
.components-channel-setwhatsapp-web .whatsappweb_t1 {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 180px;
  background-color: #00a884;
}
.components-channel-setwhatsapp-web .whatsappweb_t2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 90%;
  min-height: 39px;
  margin: 0 auto 28px;
  position: relative;
  z-index: 2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-top: 24px;
}
.components-channel-setwhatsapp-web .whatsappweb_t3 {
  display: inline-block;
  vertical-align: top;
}
.components-channel-setwhatsapp-web .whatsappweb_title {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  vertical-align: middle;
  margin-left: 14px;
}
.components-channel-setwhatsapp-web .whatsppweb_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 90%;
  overflow: hidden;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 17px 50px 0 rgba(11, 20, 26, 0.19), 0 12px 15px 0 rgba(11, 20, 26, 0.24);
  box-shadow: 0 17px 50px 0 rgba(11, 20, 26, 0.19), 0 12px 15px 0 rgba(11, 20, 26, 0.24);
  margin-right: auto;
  margin-left: auto;
}
.components-channel-setwhatsapp-web .whatsppweb_b7 {
  padding: 64px 60px 60px;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.components-channel-setwhatsapp-web .whatsppweb_b7 ._ss_3ph9F8qu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.components-channel-setwhatsapp-web .whatsppweb_2rf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.components-channel-setwhatsapp-web .whatsppweb_0au {
  max-width: 500px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.components-channel-setwhatsapp-web .whatsppweb_0au strong {
  display: inline-block;
  font-weight: 500;
  line-height: 24px;
  color: #3b4a54;
}
.components-channel-setwhatsapp-web .whatsppweb_0au .whatsppweb_u9s {
  font-size: 28px;
  font-weight: 300;
  line-height: normal;
  color: #41525d;
  margin-bottom: 40px;
}
.components-channel-setwhatsapp-web .whatsppweb_0au ol {
  list-style: none;
  list-style-type: decimal;
  padding: 0 0 0 24px;
}
.components-channel-setwhatsapp-web .whatsppweb_0au ol li {
  margin-top: 18px;
  font-size: 18px;
  line-height: 28px;
  color: #3b4a54;
}
.components-channel-setwhatsapp-web .whatsppweb_0au ol li strong {
  display: inline-block;
  font-weight: 500;
  line-height: 24px;
  padding: 0 4px;
}
.components-channel-setwhatsapp-web .whatsppweb_0au ol li strong span {
  display: inline-block;
  vertical-align: top;
}
.components-channel-setwhatsapp-web .whatsppweb_bdS {
  margin-left: 40px;
  position: relative;
}
.components-channel-setwhatsapp-web .whatsppweb_r9f {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 264px;
  height: 264px;
  overflow: hidden;
}
.components-channel-setwhatsapp-web .whatsppweb_3u8 {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 64px;
  height: 64px;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.1, 0.82, 0.25, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.1, 0.82, 0.25, 1);
  transition: opacity 0.5s cubic-bezier(0.1, 0.82, 0.25, 1);
}
.components-channel-setwhatsapp-web .whatsppweb_3u9 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-channel-setwhatsapp-web .whatsppweb_3u9 .whatsppweb_circle {
  cursor: pointer;
  width: 180px;
  height: 180px;
  background-color: #60c6b1;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-channel-setwhatsapp-web .whatsppweb_3u9 .whatsppweb_circle .whatsppweb_reload {
  display: grid;
}
.components-channel-setwhatsapp-web .whatsppweb_3u9 .whatsppweb_circle .whatsppweb_reload span {
  color: #e9edef;
  font-size: 14px;
  font-weight: bold;
  padding-top: 20px;
}
.components-channel-set-tow-whatsapp-web {
  padding: 20px 30px;
}
.components-channel-set-tow-whatsapp-web .content ul {
  margin-top: 0px;
}
.components-channel-set-tow-whatsapp-web .is-content-code {
  position: relative;
  margin-bottom: 15px;
}
.components-channel-set-tow-whatsapp-web .is-content-code pre {
  line-height: 1.8;
}
.components-channel-set-tow-whatsapp-web .is-content-code .copy {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
}
.components-channel-set-tow-whatsapp-web .is-content-code .copy a {
  font-size: 14px;
}
.components-channel-link {
  padding: 20px 30px;
}
.components-channel-link h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
.components-channel-link h3 a {
  margin-left: 10px;
}
.components-channel-link .notification {
  margin-bottom: 10px;
}
.components-channel-link .notification a {
  color: #3273dc!important;
}
.components-channel-link .notification.is-qrcode {
  width: 200px;
  height: 200px;
  padding: 10px!important;
}
.components-channel-link .notification.is-qrcode img {
  width: 100%!important;
}
.components-channel-link .notification .is-loading {
  width: 180px;
  height: 180px;
  border: none;
  background: none;
  border-radius: 0px;
}
.components-channel-setApp {
  padding: 20px 30px;
}
.components-channel-setApp .notification a {
  color: #3273dc!important;
}
.components-channel-welcome {
  padding: 20px 30px;
}
.components-channel-welcome .is-body-tip {
  color: #0000004d;
  padding: 10px;
}
.components-channel-welcome .is-body-addbtn {
  margin-top: 20px;
}
.components-channel-welcome .is-body-addbtn p {
  color: #999;
}
.components-channel-welcome .notification {
  margin-bottom: 0px;
}
.components-channel-welcome .is-body-list .is-li {
  border-bottom: 0.5px solid #f1f1f1;
  margin: 0px;
  padding: 20px 0px;
  padding-right: 20px;
}
.components-channel-welcome .is-body-list .is-li .advert-li-edit-second {
  background: #fff;
  margin-top: 5px;
  border-radius: 4px;
  font-size: 14px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-channel-welcome .is-body-list .is-li .advert-li-edit-second input {
  height: 22px;
  width: 30px;
  margin: 0px 5px;
  padding: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  font-size: 14px;
}
.components-channel-welcome .is-body-list .is-li .advert-li-edit-second select {
  background: #fff;
  margin-right: 5px;
}
.components-channel-welcome .is-body-list .is-li .components-content-editor {
  width: 100%;
}
.components-channel-welcome .is-body-list .is-li .is-li-tool {
  height: 37px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.components-channel-welcome .is-body-list .is-li .is-li-tool .is-tool-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-channel-welcome .is-body-list .is-li .is-li-tool .is-tool-left .is-tag {
  padding: 2px 5px;
  height: 24px;
  margin: 0px 3px 0px 6px;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  font-size: 12px;
}
.components-channel-welcome .is-body-list .is-li .is-li-tool .is-tool-left .is-usered {
  width: 54px;
  height: 24px;
}
.components-channel-welcome .is-body-list .is-li .is-li-tool .is-tool-left .is-arrow > a {
  width: 50px;
  height: 30px;
  margin-left: 3px;
  padding: 5px 12px;
  background-color: #f5f5f5;
  font-size: 12px;
}
.components-channel-welcome .is-body-list .is-li .is-li-tool .is-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-channel-welcome .is-body-list .is-li .is-li-tool .is-edit > p > a {
  font-size: 12px;
}
.components-channel-settelegram {
  padding: 20px 30px;
}
.components-channel-settelegram .content ul {
  margin-top: 0px;
}
.components-channel-settelegram .is-content-code {
  position: relative;
  margin-bottom: 15px;
}
.components-channel-settelegram .is-content-code pre {
  line-height: 1.8;
}
.components-channel-settelegram .is-content-code .copy {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
}
.components-channel-settelegram .is-content-code .copy a {
  font-size: 14px;
}
.components-channel-settelegram .is-telegram img {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  margin-right: 10px;
}
.components-channel-setline {
  padding: 20px 30px;
}
.components-channel-setline .content ul {
  margin-top: 0px;
}
.components-channel-setline .is-content-code {
  position: relative;
  margin-bottom: 15px;
}
.components-channel-setline .is-content-code pre {
  line-height: 1.8;
}
.components-channel-setline .is-content-code .copy {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
}
.components-channel-setline .is-content-code .copy a {
  font-size: 14px;
}
/* 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-avatar {
  display: inline-block;
  text-align: center;
  background: #ccc;
  color: #fff;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
}
.ant-avatar > * {
  line-height: 32px;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
}
.ant-avatar-lg > * {
  line-height: 40px;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
}
.ant-avatar-sm > * {
  line-height: 24px;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  width: 100%;
  height: 100%;
  display: block;
}
.components-channel-setfacebook {
  padding: 20px 30px;
}
.components-channel-setfacebook .content ul {
  margin-top: 0px;
}
.components-channel-setfacebook .fb-content {
  padding: 12px;
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-channel-setfacebook .fb-content .itemContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  line-height: 46px;
  height: 46px;
}
.components-channel-setfacebook .fb-content .itemContent .itemTitle {
  min-width: 126px;
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
.components-channel-setfacebook .fb-content .itemContent .itemInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.components-channel-setwhatsapp {
  padding: 20px 30px;
}
.components-channel-setwhatsapp .content ul {
  margin-top: 0px;
}
.components-channel-setwhatsapp .is-content-code {
  position: relative;
  margin-bottom: 15px;
}
.components-channel-setwhatsapp .is-content-code pre {
  line-height: 1.8;
}
.components-channel-setwhatsapp .is-content-code .copy {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
}
.components-channel-setwhatsapp .is-content-code .copy a {
  font-size: 14px;
}
.components-keywords-import .ant-popover-inner-content {
  padding: 0px;
}
.components-keywords-import .is-content {
  width: 260px;
  font-size: 14px;
}
.components-keywords-import .is-content .is-head {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #f1f1f1;
  padding: 0px 15px;
}
.components-keywords-import .is-content .is-head h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-keywords-import .is-content .is-head a {
  width: 25px;
  height: 25px;
}
.components-keywords-import .is-content .is-head a i {
  color: #666;
  font-size: 21px;
}
.components-keywords-import .is-content .is-body {
  padding: 15px;
}
.components-keywords-import .is-content .is-body p {
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.3);
}
.components-keywords-import .is-content .is-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #f1f1f1;
  height: 45px;
}
.components-keywords-import .is-content .is-foot a {
  font-size: 14px;
  color: #3273dc;
  background: none;
}
.components-keywords-import .is-content .is-foot a:hover {
  background: none;
}
.components-keywords .is-robotconfig .is-workhours a.button {
  font-size: 14px;
  margin-right: 15px;
}
.components-keywords .is-robotconfig .is-robotinfo dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.components-keywords .is-robotconfig .is-robotinfo dl dt {
  width: 130px;
}
.components-keywords .is-robotconfig .is-robotinfo dl dd {
  padding: 10px 0px;
}
.components-keywords .is-robotconfig .is-robotinfo dl dd input {
  width: 240px;
  padding: 0px 10px;
}
.components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead .is-loading,
.components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead .icon-upload {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead .is-loading.button,
.components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead .icon-upload.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead:hover .icon-upload {
  display: block;
  color: #fff;
}
.components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.components-keywords .global-setting-region {
  max-width: 700px;
}
.components-keywords .keywords-list .keywords-list-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f1f1f1;
}
.components-keywords .keywords-list .keywords-list-ul .keywords-list-li {
  width: calc(25%);
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  overflow: hidden;
}
.components-keywords .keywords-list .keywords-list-ul .keywords-list-li.name {
  font-size: 14px;
}
.components-keywords .keywords-list .keywords-list-ul .keywords-list-li.operation {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.components-keywords .keywords-list .keywords-list-ul .keywords-list-li.operation .button {
  font-size: 12px;
  height: 2em;
}
.components-keywords .keywords-list .keywords-list-ul .keywords-list-li.search input {
  height: 2.2em;
  font-size: 14px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-keywords .keywords-list .keywords-list-ul .keywords-list-li.search input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-keywords .keywords-list .keywords-list-ul .keywords-list-li.search a.button {
  font-size: 14px;
  height: 2.2em;
  padding: 0px 8px;
}
.components-keywords .keywords-list .keywords-list-ul .keywords-list-li.search .is-delete {
  position: absolute;
  right: 6px;
  top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
  border-radius: 100%;
  width: 20px;
  height: 20px;
}
.components-keywords .keywords-list .keywords-list-head .keywords-list-li {
  font-size: 14px;
  color: #999;
}
.components-keywords .is-listempty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100px;
}
.components-keywords .is-listempty a.button {
  border: none;
  font-size: 20px;
}
.components-keywords .keywords-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-keywords .keywords-foot .keywords-page .pagination .pagination-previous,
.components-keywords .keywords-foot .keywords-page .pagination .pagination-next {
  display: none;
}
.components-keywords .keywords-foot .keywords-page .pagination .pagination-link,
.components-keywords .keywords-foot .keywords-page .pagination .pagination-ellipsis {
  font-size: 12px;
}
.components-keywords .keywords-foot .keywords-addlink {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-keywords .keywords-foot .keywords-addlink > a {
  margin-right: 15px;
}
.components-keywords .keywords-foot .keywords-addlink .button {
  font-size: 13px;
}
.components-keywords .keywords-foot .keywords-addlink .is-loading {
  border: none;
  background: none;
  height: 20px;
  padding: 0px;
  padding-left: 25px;
}
.components-keywords .keywords-setup-body {
  margin-top: 20px;
}
.components-keywords .keywords-setup-body input.input {
  max-width: 220px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  height: 2.5em;
}
.components-keywords .keywords-setup-body .keywords-setupx-title {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 25px;
}
.components-keywords .keywords-setup-body .keywords-setupx-keyli .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-keywords .keywords-setup-body .keywords-setupx-keyli .control select {
  font-size: 14px;
  color: #666;
  height: 2.5em;
  margin-right: 10px;
}
.components-keywords .keywords-setup-body .keywords-setupx-keyli .control .operation {
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components-keywords .keywords-setup-body .keywords-setupx-keyli .control .operation a {
  font-size: 12px;
  height: 2.5em;
  position: relative;
  bottom: 3px;
}
.components-keywords .keywords-setup-body .keywords-setupx-content {
  margin-bottom: 15px;
}
.components-keywords .keywords-setup-body .keywords-setupx-content .components-content-editor {
  margin-top: 15px;
}
.components-keywords .keywords-setup-body .keywords-setupx-content .keywords-setup-content-remove {
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 37px;
}
.components-keywords .keywords-setup-body .keywords-setupx-content .keywords-setup-content-remove a {
  font-size: 12px;
}
.components-keywords .keywords-setup-body .keywords-setupx-content .keywords-setup-content-remove a.button {
  font-size: 12px;
  margin-right: 5px;
}
.components-keywords .keywords-setup-body .keywords-setup-replytype label {
  font-size: 14px;
  margin-right: 10px;
}
.components-keywords .keywords-setup-body .keywords-setup-replytype input[type='radio'] {
  margin-right: 5px;
}
.components-keywords .keywords-setup-foot {
  margin-top: 20px;
  border-top: 1px solid #f1f1f1;
  padding-top: 20px;
}
.components-keywords .keywords-setup-foot .button {
  font-size: 14px;
  width: 100px;
  margin-right: 10px;
}
.components-keywords .is-head {
  margin-bottom: 0px;
  border-bottom: 1px solid #f1f1f1;
}
.components-keywords .is-head span.txt {
  font-size: 14px;
  padding: 5px 0px;
  color: #333;
}
.components-keywords .is-head .ant-switch {
  margin-left: 10px;
}
.components-keywords .is-head p {
  font-size: 14px;
  margin: 10px 0px;
  color: rgba(0, 0, 0, 0.3);
}
.components-keywords .is-disturb .is-disturb-keywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.components-keywords .is-disturb .is-disturb-keywords a.button {
  font-size: 13px;
  height: 2em;
}
.components-keywords .is-disturb .is-disturb-keywords li {
  margin-right: 8px;
}
.components-keywords .is-disturb .is-disturb-keywords li .tag {
  font-size: 13px;
}
.components-keywords .is-disturb .is-disturb-condition .checkbox {
  margin-top: 10px;
}
.components-keywords .is-disturb .is-disturb-condition .checkbox .input {
  width: 40px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-size: 14px;
  height: 25px;
}
.components-keywords .is-disturb .is-disturb-condition .checkbox .input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.setting-chat-keywords-disturb {
  padding: 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-chat-keywords-disturb input {
  font-size: 13px;
  width: 120px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.setting-chat-keywords-disturb input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.setting-chat-keywords-disturb a.button {
  font-size: 13px;
  margin-left: 10px;
}
/* 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-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper:before,
.ant-table-wrapper:after {
  content: " ";
  display: table;
}
.ant-table-wrapper:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-table {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
  position: relative;
  border-radius: 4px 4px 0 0;
}
.ant-table-body {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ant-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.ant-table-thead > tr > th {
  background: #f7f7f7;
  font-weight: 500;
  -webkit-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
  text-align: left;
  color: rgba(0, 0, 0, 0.85);
}
.ant-table-thead > tr > th[colspan] {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: relative;
  margin-left: 4px;
  font-size: 12px;
  cursor: pointer;
  color: #999;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  width: 14px;
}
.ant-table-thead > tr > th .anticon-filter:hover,
.ant-table-thead > tr > th .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-thead > tr > th .anticon-filter:after,
.ant-table-thead > tr > th .ant-table-filter-icon:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 50px;
  left: 0;
  top: -19px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  color: #108ee9;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e9e9e9;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-table-thead > tr.ant-table-row-hover > td,
.ant-table-tbody > tr.ant-table-row-hover > td,
.ant-table-thead > tr:hover > td,
.ant-table-tbody > tr:hover > td {
  background: #ecf6fd;
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  padding: 16px 8px;
  background: #f7f7f7;
  border-radius: 0 0 4px 4px;
  position: relative;
}
.ant-table-footer:before {
  content: '';
  height: 1px;
  background: #f7f7f7;
  position: absolute;
  top: -1px;
  width: 100%;
  left: 0;
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e9e9e9;
}
.ant-table-title {
  padding: 16px 0;
  position: relative;
  top: 1px;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  border: 1px solid #e9e9e9;
  padding-left: 8px;
  padding-right: 8px;
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row-selected {
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #eee;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 8px;
  word-break: break-all;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom {
  padding-left: 16px;
  padding-right: 0;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
  min-width: 62px;
  width: 62px;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  text-align: center;
  min-width: 50px;
  width: 50px;
}
.ant-table-header {
  background: #f7f7f7;
  overflow: hidden;
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  height: 20px;
  line-height: 20px;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  position: absolute;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-middle .ant-table-thead > tr > th,
.ant-table-middle .ant-table-tbody > tr > td {
  padding: 10px 8px;
}
.ant-table-middle .ant-table-title,
.ant-table-middle .ant-table-footer {
  padding: 10px 8px;
}
.ant-table-middle .ant-table-column-sorter-up:after {
  top: -13px;
  height: 13px;
}
.ant-table-middle .ant-table-column-sorter-down:after {
  bottom: -11px;
  height: 13px;
}
.ant-table-middle .ant-table-thead > tr > th .anticon-filter:after,
.ant-table-middle .ant-table-thead > tr > th .ant-table-filter-icon:after {
  height: 38px;
  top: -13px;
}
.ant-table-small {
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.ant-table-small .ant-table-header > table,
.ant-table-small .ant-table-body > table {
  border: 0;
  padding: 0 8px;
}
.ant-table-small .ant-table-thead > tr > th {
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
}
.ant-table-small .ant-table-tbody > tr > td {
  padding: 6px 8px;
}
.ant-table-small .ant-table-title,
.ant-table-small .ant-table-footer,
.ant-table-small .ant-table-thead > tr > th {
  padding: 10px 8px;
}
.ant-table-small .ant-table-title {
  border-bottom: 1px solid #e9e9e9;
  top: 0;
}
.ant-table-small .ant-table-header {
  background: #fff;
}
.ant-table-small .ant-table-placeholder,
.ant-table-small .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small .ant-table-column-sorter-up:after {
  top: -14px;
  height: 13px;
}
.ant-table-small .ant-table-column-sorter-down:after {
  bottom: -11px;
  height: 13px;
}
.ant-table-small .ant-table-thead > tr > th .anticon-filter:after,
.ant-table-small .ant-table-thead > tr > th .ant-table-filter-icon:after {
  height: 39px;
  top: -14px;
}
.ant-table-column-sorter {
  position: relative;
  margin-left: 4px;
  display: inline-block;
  width: 14px;
  vertical-align: middle;
  text-align: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  line-height: 4px;
  display: block;
  width: 14px;
  height: 6px;
  cursor: pointer;
}
.ant-table-column-sorter-up:hover .anticon,
.ant-table-column-sorter-down:hover .anticon {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-column-sorter-up.on .anticon-caret-up,
.ant-table-column-sorter-down.on .anticon-caret-up,
.ant-table-column-sorter-up.on .anticon-caret-down,
.ant-table-column-sorter-down.on .anticon-caret-down {
  color: #108ee9;
}
.ant-table-column-sorter-up:after,
.ant-table-column-sorter-down:after {
  position: absolute;
  content: '';
  height: 20px;
  width: 14px;
  left: 0;
}
.ant-table-column-sorter-up:after {
  top: -19px;
}
.ant-table-column-sorter-down:after {
  bottom: -17px;
}
.ant-table-column-sorter .anticon-caret-up,
.ant-table-column-sorter .anticon-caret-down {
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  -webkit-transform: scale(0.66666667) rotate(0deg);
      -ms-transform: scale(0.66666667) rotate(0deg);
          transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  line-height: 4px;
  height: 4px;
  color: #999;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
:root .ant-table-column-sorter .anticon-caret-up,
:root .ant-table-column-sorter .anticon-caret-down {
  -webkit-filter: none;
          filter: none;
}
:root .ant-table-column-sorter .anticon-caret-up,
:root .ant-table-column-sorter .anticon-caret-down {
  font-size: 12px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-placeholder {
  border: 0;
}
.ant-table-bordered .ant-table-thead > tr > th {
  border-bottom: 1px solid #e9e9e9;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e9e9e9;
}
.ant-table-bordered.ant-table-small {
  border-right: 0;
}
.ant-table-bordered.ant-table-small .ant-table-header > table,
.ant-table-bordered.ant-table-small .ant-table-body > table,
.ant-table-bordered.ant-table-small .ant-table-fixed-left table,
.ant-table-bordered.ant-table-small .ant-table-fixed-right table {
  border: 0;
  padding: 0;
}
.ant-table-bordered.ant-table-small .ant-table-title {
  border: 0;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.ant-table-bordered.ant-table-small .ant-table-footer {
  border: 0;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.ant-table-bordered.ant-table-small .ant-table-footer:before {
  display: none;
}
.ant-table-bordered.ant-table-small .ant-table-placeholder {
  border-left: 0;
  border-bottom: 0;
}
.ant-table-placeholder {
  position: relative;
  padding: 16px 8px;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.43);
  z-index: 1;
}
.ant-table-placeholder .anticon {
  margin-right: 4px;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
  float: right;
}
.ant-table-filter-dropdown {
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px 4px 0 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu {
  max-height: 400px;
  overflow-x: hidden;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
  color: #108ee9;
  font-weight: bold;
  text-shadow: 0 0 2px #d2eafb;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  overflow: hidden;
  padding: 7px 8px;
  border-top: 1px solid #e9e9e9;
}
.ant-table-filter-dropdown-link {
  color: #108ee9;
}
.ant-table-filter-dropdown-link:hover {
  color: #49a9ee;
}
.ant-table-filter-dropdown-link:active {
  color: #0e77ca;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #999;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.ant-table-selection-menu .ant-action-down {
  color: #999;
}
.ant-table-selection-down {
  cursor: pointer;
  padding: 0;
  display: inline-block;
  line-height: 1;
}
.ant-table-selection-down:hover .anticon-down {
  color: #666;
}
.ant-table-row-expand-icon {
  cursor: pointer;
  display: inline-block;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 14px;
  border: 1px solid #e9e9e9;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #fff;
}
.ant-table-row-expanded:after {
  content: '-';
}
.ant-table-row-collapsed:after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced:after {
  content: '.';
}
.ant-table-row[class*="ant-table-row-level-0"] .ant-table-selection-column > span {
  display: inline-block;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  width: auto;
  min-width: 100%;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  overflow: scroll;
  padding-bottom: 20px;
  margin-bottom: -20px;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  border-radius: 0;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.2);
          box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.2);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-right {
  right: 0;
  -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.2);
          box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.2);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  -webkit-box-shadow: none;
          box-shadow: none;
}
/* 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-dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1050;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  -webkit-filter: none;
          filter: none;
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down:before {
  transition: -webkit-transform 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ant-dropdown-wrap-open .anticon-down:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  outline: none;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.ant-dropdown-menu-item-group-title {
  color: rgba(0, 0, 0, 0.43);
  padding: 6px 8px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  padding: 7px 8px;
  margin: 0;
  clear: both;
  font-size: 12px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  color: rgba(0, 0, 0, 0.65);
  display: block;
  padding: 7px 8px;
  margin: -7px -8px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-dropdown-menu-item > a:focus,
.ant-dropdown-menu-submenu-title > a:focus {
  text-decoration: none;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #108ee9;
  background-color: #ecf6fd;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #ecf6fd;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item:first-child,
.ant-dropdown-menu-submenu-title:first-child,
.ant-dropdown-menu-item:first-child > a,
.ant-dropdown-menu-submenu-title:first-child > a {
  border-radius: 4px 4px 0 0;
}
.ant-dropdown-menu-item:last-child,
.ant-dropdown-menu-submenu-title:last-child,
.ant-dropdown-menu-item:last-child > a,
.ant-dropdown-menu-submenu-title:last-child > a {
  border-radius: 0 0 4px 4px;
}
.ant-dropdown-menu-item:only-child,
.ant-dropdown-menu-submenu-title:only-child,
.ant-dropdown-menu-item:only-child > a,
.ant-dropdown-menu-submenu-title:only-child > a {
  border-radius: 4px;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  overflow: hidden;
  background-color: #e9e9e9;
  line-height: 0;
}
.ant-dropdown-menu-submenu-title:after {
  font-family: "anticon" !important;
  position: absolute;
  content: "\E61F";
  right: 8px;
  color: rgba(0, 0, 0, 0.43);
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-dropdown-menu-submenu-title:after {
  -webkit-filter: none;
          filter: none;
}
:root .ant-dropdown-menu-submenu-title:after {
  font-size: 12px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  top: 0;
  left: 100%;
  position: absolute;
  min-width: 100%;
  margin-left: 4px;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title:after {
  color: rgba(0, 0, 0, 0.25);
}
.ant-dropdown-menu-submenu:first-child .ant-dropdown-menu-submenu-title {
  border-radius: 4px 4px 0 0;
}
.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0 0 4px 4px;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-dropdown-trigger .anticon-down,
.ant-dropdown-link .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-dropdown-trigger .anticon-down,
:root .ant-dropdown-link .anticon-down {
  -webkit-filter: none;
          filter: none;
}
:root .ant-dropdown-trigger .anticon-down,
:root .ant-dropdown-link .anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
}
.ant-dropdown-button .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
}
:root .ant-dropdown-button .anticon-down {
  -webkit-filter: none;
          filter: none;
}
:root .ant-dropdown-button .anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #404040;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.67);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:after {
  color: rgba(255, 255, 255, 0.67);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  background: #108ee9;
  color: #fff;
}
/* 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-pagination {
  font-size: 12px;
}
.ant-pagination:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ant-pagination-total-text {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  line-height: 28px;
  margin-right: 8px;
}
.ant-pagination-item {
  cursor: pointer;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  margin-right: 8px;
  font-family: Arial;
  outline: 0;
}
.ant-pagination-item a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  margin: 0 6px;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  border-color: #108ee9;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #108ee9;
}
.ant-pagination-item-active {
  background-color: #108ee9;
  border-color: #108ee9;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  background-color: #49a9ee;
  border-color: #49a9ee;
}
.ant-pagination-item-active a,
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #fff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev:after,
.ant-pagination-jump-next:after {
  content: "\2022\2022\2022";
  display: block;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
}
.ant-pagination-jump-prev:focus:after,
.ant-pagination-jump-next:focus:after,
.ant-pagination-jump-prev:hover:after,
.ant-pagination-jump-next:hover:after {
  color: #108ee9;
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  -webkit-transform: scale(0.66666667) rotate(0deg);
      -ms-transform: scale(0.66666667) rotate(0deg);
          transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  letter-spacing: -1px;
  font-family: "anticon";
}
:root .ant-pagination-jump-prev:focus:after,
:root .ant-pagination-jump-next:focus:after,
:root .ant-pagination-jump-prev:hover:after,
:root .ant-pagination-jump-next:hover:after {
  -webkit-filter: none;
          filter: none;
}
:root .ant-pagination-jump-prev:focus:after,
:root .ant-pagination-jump-next:focus:after,
:root .ant-pagination-jump-prev:hover:after,
:root .ant-pagination-jump-next:hover:after {
  font-size: 12px;
}
.ant-pagination-jump-prev:focus:after,
.ant-pagination-jump-prev:hover:after {
  content: "\E620\E620";
}
.ant-pagination-jump-next:focus:after,
.ant-pagination-jump-next:hover:after {
  content: "\E61F\E61F";
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  font-family: Arial;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  list-style: none;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: inline-block;
  vertical-align: middle;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  color: #108ee9;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  display: block;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination-next .ant-pagination-item-link:after {
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  -webkit-transform: scale(0.66666667) rotate(0deg);
      -ms-transform: scale(0.66666667) rotate(0deg);
          transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  display: block;
  height: 26px;
  line-height: 26px;
  font-family: "anticon";
  text-align: center;
  font-weight: 500;
}
:root .ant-pagination-prev .ant-pagination-item-link:after,
:root .ant-pagination-next .ant-pagination-item-link:after {
  -webkit-filter: none;
          filter: none;
}
:root .ant-pagination-prev .ant-pagination-item-link:after,
:root .ant-pagination-next .ant-pagination-item-link:after {
  font-size: 12px;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  border-color: #108ee9;
  color: #108ee9;
}
.ant-pagination-prev .ant-pagination-item-link:after {
  content: "\E620";
  display: block;
}
.ant-pagination-next .ant-pagination-item-link:after {
  content: "\E61F";
  display: block;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  border-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
}
.ant-pagination-options-size-changer {
  display: inline-block;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 28px;
  line-height: 28px;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  padding: 4px 7px;
  width: 100%;
  height: 28px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin: 0 8px;
  width: 50px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #49a9ee;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #49a9ee;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
          box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #e2e2e2;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: all .3s, height 0s;
  -o-transition: all .3s, height 0s;
  transition: all .3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6px 7px;
  height: 32px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 1px 7px;
  height: 22px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  border: 0;
  height: 24px;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after {
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  margin-right: 8px;
  height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 0 6px;
  height: 100%;
  text-align: center;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #108ee9;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-item {
  border: 0;
  margin: 0;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  margin: 0;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  border: 0;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after {
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 8px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 20px;
  line-height: 20px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  padding: 1px 7px;
  height: 22px;
  width: 44px;
}
@media only screen and (max-width: 1024px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
/* 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-tag {
  display: inline-block;
  line-height: 20px;
  height: 22px;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  background: #f3f3f3;
  font-size: 12px;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 1;
  margin-right: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tag-text a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-cross {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  cursor: pointer;
  font-weight: bold;
  margin-left: 3px;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0.66;
}
:root .ant-tag .anticon-cross {
  -webkit-filter: none;
          filter: none;
}
:root .ant-tag .anticon-cross {
  font-size: 12px;
}
.ant-tag .anticon-cross:hover {
  opacity: 1;
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-cross,
.ant-tag-has-color .anticon-cross:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #108ee9;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #108ee9;
}
.ant-tag-checkable:active {
  background-color: #0e77ca;
}
.ant-tag-close {
  width: 0 !important;
  padding: 0;
  margin: 0;
}
.ant-tag-zoom-enter,
.ant-tag-zoom-appear {
  -webkit-animation: antFadeIn 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation: antFadeIn 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-tag-zoom-leave {
  -webkit-animation: antZoomOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation: antZoomOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-tag-pink {
  color: #f5317f;
  background: #fdd8e7;
  border-color: #fdd8e7;
}
.ant-tag-pink-inverse {
  background: #f5317f;
  border-color: #f5317f;
  color: #fff;
}
.ant-tag-red {
  color: #f04134;
  background: #fcdbd9;
  border-color: #fcdbd9;
}
.ant-tag-red-inverse {
  background: #f04134;
  border-color: #f04134;
  color: #fff;
}
.ant-tag-orange {
  color: #f56a00;
  background: #fde3cf;
  border-color: #fde3cf;
}
.ant-tag-orange-inverse {
  background: #f56a00;
  border-color: #f56a00;
  color: #fff;
}
.ant-tag-yellow {
  color: #ffbf00;
  background: #fff3cf;
  border-color: #fff3cf;
}
.ant-tag-yellow-inverse {
  background: #ffbf00;
  border-color: #ffbf00;
  color: #fff;
}
.ant-tag-cyan {
  color: #00a2ae;
  background: #cfedf0;
  border-color: #cfedf0;
}
.ant-tag-cyan-inverse {
  background: #00a2ae;
  border-color: #00a2ae;
  color: #fff;
}
.ant-tag-green {
  color: #00a854;
  background: #cfefdf;
  border-color: #cfefdf;
}
.ant-tag-green-inverse {
  background: #00a854;
  border-color: #00a854;
  color: #fff;
}
.ant-tag-blue {
  color: #108ee9;
  background: #d2eafb;
  border-color: #d2eafb;
}
.ant-tag-blue-inverse {
  background: #108ee9;
  border-color: #108ee9;
  color: #fff;
}
.ant-tag-purple {
  color: #7265e6;
  background: #e4e2fa;
  border-color: #e4e2fa;
}
.ant-tag-purple-inverse {
  background: #7265e6;
  border-color: #7265e6;
  color: #fff;
}
#content-container .trigger-add-btn {
  margin: 0 0 10px 0;
}
#content-container .trigger-table-list {
  background: #fff;
  border: 1px solid #d9dbe4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
#content-container .trigger-table-list .ant-pagination {
  padding-right: 10px;
}
#content-container .ant-form-item {
  margin-bottom: 0;
}
#content-container .dashed-condition {
  padding: 6px 20px;
}
#content-container .anticon {
  cursor: pointer;
}
#content-container .error-tips {
  color: #f04134;
}
.content-add {
  background: #fff;
  margin-right: 0;
  margin-bottom: 10px;
}
/* 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-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  margin-left: 0;
  margin-right: 0;
  height: 100%;
  line-height: 28px;
}
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-left: 8px;
  margin-right: 8px;
}
.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}
.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}
.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}
.ant-select-auto-complete.ant-select .ant-input {
  background: transparent;
  border-width: 1px;
  line-height: 1.5;
  height: 28px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #49a9ee;
}
.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 32px;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  padding-top: 6px;
  padding-bottom: 6px;
  height: 32px;
}
.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 22px;
}
.ant-select-auto-complete.ant-select-sm .ant-input {
  padding-top: 1px;
  padding-bottom: 1px;
  height: 22px;
}
.channel-item-setbody .is-channel-rightbody .is-uploadtxt {
  font-size: 14px;
}
.channel-item-setbody .is-channel-rightbody .is-channelhead {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.channel-item-setbody .is-channel-rightbody .is-channelhead .is-loading,
.channel-item-setbody .is-channel-rightbody .is-channelhead .icon-upload {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.channel-item-setbody .is-channel-rightbody .is-channelhead .is-loading.button,
.channel-item-setbody .is-channel-rightbody .is-channelhead .icon-upload.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.channel-item-setbody .is-channel-rightbody .is-channelhead:hover .icon-upload {
  display: block;
  color: #fff;
}
.channel-item-setbody .is-channel-rightbody .is-channelhead img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.channel-item-setbody .is-channel-rightbody .is-coder .components-channel-setweb,
.channel-item-setbody .is-channel-rightbody .is-coder .components-channel-setApp,
.channel-item-setbody .is-channel-rightbody .is-coder .components-channel-link {
  padding: 0px;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
.ischannel-set-autoreply {
  padding: 20px;
}
.ischannel-set-autoreply .auto-reply-typelist {
  margin-bottom: 15px;
  position: absolute;
  top: 0px;
  left: 100px;
  z-index: 1001;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ischannel-set-autoreply .auto-reply-typelist a.button {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 10px;
  font-size: 14px;
}
.ischannel-set-autoreply .auto-reply-region {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  margin-bottom: 30px;
  min-height: 100px;
  padding: 30px;
}
.ischannel-set-autoreply .auto-reply-region .head {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
.ischannel-set-autoreply .auto-reply-region .head.is-replaystop-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ischannel-set-autoreply .auto-reply-region .head span.txt {
  font-size: 14px;
  padding-right: 10px;
  color: #333;
}
.ischannel-set-autoreply .auto-reply-region .head .ant-switch {
  position: relative;
  bottom: 2px;
}
.ischannel-set-autoreply .auto-reply-region .head p {
  font-size: 14px;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.3);
}
.ischannel-set-autoreply .auto-reply-region .body .chat-content textarea {
  min-height: 37px;
  width: 100%;
  border: none;
  padding: 8px 15px;
  resize: none;
  background: none;
  font-size: 14px;
  color: #000;
}
.ischannel-set-autoreply .auto-reply-region .body .chat-content textarea::-webkit-scrollbar {
  display: none;
}
.ischannel-set-autoreply .auto-reply-region .body .chat-content textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ischannel-set-autoreply .auto-reply-region .body .head {
  border-bottom: 0px;
  margin-bottom: 0px;
}
.ischannel-set-autoreply .auto-reply-region .body .head span.txt {
  color: rgba(0, 0, 0, 0.3);
}
.ischannel-set-autoreply .auto-reply-region .body.aotu {
  border-top: 1px solid #f1f1f1;
  margin-top: 20px;
  padding-top: 20px;
}
.ischannel-set-autoreply .auto-reply-region .body .overtime {
  margin-bottom: 15px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
.ischannel-set-autoreply .auto-reply-region .body .overtime input {
  height: 25px;
  width: 60px;
  margin: 0px 5px;
}
.ischannel-set-autoreply .auto-reply-region .body .chat {
  overflow: hidden;
}
.ischannel-set-autoreply .auto-reply-region .body .chat .chat-avatar {
  float: left;
}
.ischannel-set-autoreply .auto-reply-region .body .chat .chat-avatar .avatar {
  width: 35px;
  border-radius: 50%;
}
.ischannel-set-autoreply .auto-reply-region .body .chat .chat-content {
  position: relative;
  float: left;
  margin-left: 10px;
  width: 220px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
  cursor: pointer;
  font-size: 0px;
}
.ischannel-set-autoreply .auto-reply-region .body .chat .chat-content .txt-message {
  padding: 8px 15px;
  font-size: 14px;
}
.ischannel-set-autoreply .auto-reply-region .body .chat .chat-content:before {
  position: absolute;
  top: 10px;
  left: -10px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-right-color: #f3f3f3;
}
.ischannel-set-autoreply .auto-reply-region .body .autoreplay-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ischannel-set-autoreply .auto-reply-region .body .autoreplay-editor > .edit {
  margin-left: 10px;
  max-width: 310px;
  padding: 10px;
  background: #f3f3f3;
  border-radius: 4px;
}
.ischannel-set-autoreply .auto-reply-region .body .autoreplay-editor > .edit .nexchat-editor .nexchat-editor-body {
  min-height: 100px;
  font-size: 14px;
}
.ischannel-set-autoreply .auto-reply-region .body .autoreplay-editor > .edit .edit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.ischannel-set-autoreply .auto-reply-region .body .autoreplay-editor > .edit .edit-button a.button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.ischannel-set-autoreply .auto-reply-region .body .autoreplay-editor > .edit .edit-button a.button:first-child {
  margin-right: 10px;
}
.ischannel-set-autoreply .auto-reply-region .advert-list .advert-li {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.ischannel-set-autoreply .auto-reply-region .advert-li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-edit-second {
  background: #fff;
  margin-top: 5px;
  border-radius: 4px;
  font-size: 14px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-edit-second input {
  height: 22px;
  width: 30px;
  margin: 0px 5px;
  padding: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  font-size: 14px;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-edit-second select {
  background: #fff;
  margin-right: 5px;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-tool {
  margin-left: 5px;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-tool .tag {
  font-size: 12px;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-tool ul {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-tool ul li {
  margin-left: 8px;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-tool ul li a.button {
  font-size: 12px;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-tool .arrow {
  display: inline;
}
.ischannel-set-autoreply .auto-reply-region .advert-li .advert-li-tool .arrow a.button {
  font-size: 12px;
  margin-left: 5px;
}
.ischannel-set-autoreply .auto-reply-region .advert-li:hover .advert-li-tool ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ischannel-set-autoreply .auto-reply-region .advert-replaystop {
  position: absolute;
  right: 0px;
  top: 0px;
}
.ischannel-set-autoreply .auto-reply-region .advert-replaystop input {
  margin-right: 5px;
}
.ischannel-set-autoreply .auto-reply-region .advert-replaystop label {
  font-size: 14px;
  color: #999;
}
.is-channelset-autoreply {
  height: 100%;
}
.autoinvi input {
  height: 26px!important;
}
.autoinvi .ant-select {
  position: relative;
  bottom: 1px;
  margin-left: 5px;
  width: 80px;
}
.autoinvi .tipsbody {
  background: #f3f3f3;
  margin-bottom: 0px!important;
  position: relative;
  margin-top: 15px;
}
.autoinvi .tipsbody textarea {
  min-height: 60px;
  width: 280px;
  border: none;
  padding: 20px 24px;
  font-size: 14px;
  resize: none;
  background: none;
  color: #000;
}
.autoinvi .tipsbody textarea::-webkit-scrollbar {
  display: none;
}
.autoinvi .tipsbody textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.autoinvi .layout {
  padding: 10px;
}
.autoinvi .layout .layout-head {
  overflow: hidden;
}
.autoinvi .layout .layout-head .logo {
  background: #fdfdfd;
  height: 15px;
  width: 40px;
}
.autoinvi .layout .layout-head ul {
  float: right;
}
.autoinvi .layout .layout-head ul li {
  float: right;
  height: 15px;
  width: 40px;
  margin-left: 10px;
  background: #fdfdfd;
}
.autoinvi .layout .banner {
  margin-top: 10px;
  width: 100%;
  background: #fdfdfd;
  height: 70px;
}
.autoinvi .layout .cont1 {
  margin-top: 10px;
  width: 90%;
  background: #fdfdfd;
  height: 20px;
}
.autoinvi .layout .cont2 {
  margin-top: 10px;
  width: 73%;
  background: #fdfdfd;
  height: 20px;
}
.autoinvi .layout .cont3 {
  margin-top: 10px;
  width: 48%;
  background: #fdfdfd;
  height: 20px;
}
.autoinvi .layout .cont4 {
  margin-top: 10px;
  width: 85%;
  background: #fdfdfd;
  height: 20px;
}
.autoinvi .chat {
  position: absolute;
}
.autoinvi .chat.bt {
  right: 10px;
  bottom: 15px;
}
.autoinvi .chat.ct {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.autoinvi .chat.ct .chat-content:before {
  display: none;
}
.autoinvi .chat .chat-content {
  position: relative;
  float: left;
  margin-right: 10px;
  max-width: 280px;
  clear: both;
  color: #000;
  background-color: #fff;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
}
.autoinvi .chat .chat-content:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
}
.autoinvi .chat .chat-content .txt-message {
  padding: 20px 24px;
  font-size: 14px;
}
.autoinvi .chat .chat-content:before {
  position: absolute;
  bottom: 5px;
  right: -10px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-left-color: #fff;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#invitation-body .invitation-region {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  padding: 30px;
  margin-bottom: 30px;
  min-height: 100px;
  max-width: 600px;
}
#invitation-body .invitation-region .head {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
#invitation-body .invitation-region .head span.txt {
  font-size: 14px;
  padding-right: 10px;
  color: #333;
}
#invitation-body .invitation-region .head .ant-switch {
  position: relative;
  bottom: 2px;
}
#invitation-body .invitation-region .head p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  margin-top: 12px;
}
#invitation-body .invitation-region .head .overtime {
  margin-bottom: 10px;
  font-size: 14px;
}
#invitation-body .invitation-region .head .overtime input {
  height: 25px;
  width: 60px;
  margin: 0px 8px;
}
#invitation-body .invitation-region .head .overtime .ant-radio-wrapper {
  font-size: 14px;
}
#invitation-body .invitation-region .body p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
#invitation-body .invitation-region .body .tips {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  margin-top: 15px;
}
.is-channelset-AutoInvitation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
.is-channelset-AutoInvitation #invitation-body {
  width: 100%;
}
.is-channelset-AutoInvitation #invitation-body #setting-invitation-body {
  width: 100%;
  background-color: white;
}
.is-channelset-AutoInvitation #invitation-body #setting-invitation-body .invitation-region {
  max-width: 100%;
}
.components-form {
  width: 100%;
}
.is-channelset-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 20px;
}
.is-channelset-form .setting-region {
  max-width: none;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
.setting-header {
  position: fixed;
  width: calc(100% - 70px);
  background: #fff;
  height: 50px;
  line-height: 50px;
  left: 70px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.setting-header h2 {
  font-weight: normal;
  text-align: center;
  font-size: 16px;
  border-right: 1px solid #bbb;
}
.setting-header h3 {
  padding: 0px 20px;
  font-weight: normal;
  font-size: 16px;
}
.setting-side {
  height: 100%;
  border-right: 1px solid #bbb;
}
.setting-side .setting-side-body {
  height: 100%;
  padding-top: 50px;
  overflow: hidden;
}
.setting-side .setting-side-body::-webkit-scrollbar {
  display: none;
}
.setting-side h3 {
  font-size: 13px;
  padding-left: 15px;
  margin-bottom: 5px;
  color: #999;
}
.setting-side ul.original {
  background: #fff;
  margin: 0px 0px 15px;
  border-top: 1px solid #e5e5e5;
}
.setting-side ul.original li {
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.setting-side ul.original li:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.setting-side ul.original li .experience {
  position: absolute;
  right: 10px;
  top: 11px;
}
.setting-side ul.original li i {
  font-size: 16px;
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  font-weight: 500;
}
.setting-side ul.original li i.icon-remind:before {
  position: relative;
  bottom: 1px;
}
.setting-side ul.original li i.icon-role {
  font-size: 15px;
}
.setting-side ul.original li i.icon-auto {
  font-size: 19px;
}
.setting-side ul.original li i.icon-rule {
  font-size: 13px;
}
.setting-side ul.original li i.icon-chat {
  font-size: 14px;
}
.setting-side ul.original li i.icon-tag:before {
  position: relative;
  left: 1px;
}
.setting-side ul.original li i.icon-form {
  font-size: 20px;
}
.setting-side ul.original li a {
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  overflow: hidden;
  padding: 0px 15px;
  position: relative;
  font-size: 14px;
}
.setting-side ul.original li a:before {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 34px;
  color: #999;
}
.setting-side ul.original li a[disabled] {
  color: rgba(0, 0, 0, 0.2);
}
.setting-side ul.original li a[disabled] i {
  background: #ccc!important;
}
.setting-side ul.original li.now {
  background: #4E97D9;
  border-color: #4E97D9;
}
.setting-side ul.original li.now a {
  color: rgba(255, 255, 255, 0.95);
}
.setting-side ul.innovate {
  background: #fff;
  margin: 0px 0px 22px;
  border-top: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.setting-side ul.innovate li {
  width: calc(33.33333333%);
  position: relative;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  height: 75px;
}
.setting-side ul.innovate li:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.setting-side ul.innovate li .experience {
  position: absolute;
  right: 10px;
  top: 11px;
}
.setting-side ul.innovate li i {
  font-size: 20px;
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
}
.setting-side ul.innovate li i.icon-keywords {
  font-size: 22px;
}
.setting-side ul.innovate li i.icon-peronal {
  font-size: 18px;
}
.setting-side ul.innovate li i.icon-remind {
  font-size: 21px;
}
.setting-side ul.innovate li i.icon-remind:before {
  position: relative;
}
.setting-side ul.innovate li i.icon-keyboard {
  font-size: 22px;
}
.setting-side ul.innovate li i.icon-team {
  font-size: 22px;
}
.setting-side ul.innovate li i.icon-feiyong {
  font-size: 17px;
}
.setting-side ul.innovate li i.icon-shiming {
  font-size: 17px;
}
.setting-side ul.innovate li i.icon-tuijian {
  font-size: 24px;
}
.setting-side ul.innovate li i.icon-rule {
  font-size: 16px;
}
.setting-side ul.innovate li i.icon-distribution {
  font-size: 19px;
}
.setting-side ul.innovate li i.icon-chat {
  font-size: 18px;
}
.setting-side ul.innovate li i.icon-zan {
  font-size: 18px;
}
.setting-side ul.innovate li i.icon-tag {
  font-size: 19px;
}
.setting-side ul.innovate li i.icon-tag:before {
  position: relative;
  left: 1px;
}
.setting-side ul.innovate li i.icon-auto {
  font-size: 26px;
}
.setting-side ul.innovate li i.icon-form {
  font-size: 24px;
}
.setting-side ul.innovate li i.icon-web {
  font-size: 17px;
}
.setting-side ul.innovate li i.icon-link {
  font-size: 23px;
}
.setting-side ul.innovate li i.icon-export {
  font-size: 23px;
}
.setting-side ul.innovate li a {
  color: #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  overflow: hidden;
  position: relative;
  font-size: 14px;
}
.setting-side ul.innovate li a:before {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 34px;
  color: #999;
}
.setting-side ul.innovate li a[disabled] {
  color: rgba(0, 0, 0, 0.2);
}
.setting-side ul.innovate li a h4 {
  margin-top: 3px;
  font-size: 14px;
  color: #222;
}
.setting-side ul.innovate li.now {
  background: #fafafa;
}
.setting-side ul.innovate li.is-disabled i {
  color: #999!important;
}
.setting-side ul.innovate li.is-disabled h4 {
  color: #999;
}
.setting-content {
  height: 100%;
  overflow-y: scroll;
}
.setting-content .setting-body {
  margin: 20px;
  padding-top: 50px;
  min-height: calc(50%);
}
.setting-content .setting-body > .loader-body {
  height: 600px;
  max-width: 700px;
}
.setting-standard-body {
  max-width: 700px;
  margin: 20px;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.setting-region {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  padding: 30px;
  margin-bottom: 30px;
  min-height: 100px;
  max-width: 900px;
}
.setting-region .head {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
.setting-region .head span.txt {
  font-size: 14px;
  padding-right: 10px;
  color: #333;
}
.setting-region .head .ant-switch {
  position: relative;
  bottom: 2px;
}
.setting-region .head p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  margin-top: 12px;
}
.setting-region .body p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
.setting-region .body .tips {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  margin-top: 15px;
}
.setting-region .body .checkbox {
  margin-right: 15px;
  line-height: 1.8;
  font-size: 14px;
}
.setting-region .body .checkbox input {
  margin-right: 5px;
}
.setting-region .body.bordertop {
  padding-top: 15px;
  margin-top: 20px;
  border-top: 1px solid #f1f1f1;
}
.setting-region .overtime {
  margin-bottom: 10px;
  font-size: 14px;
}
.setting-region .overtime input {
  height: 25px;
  width: 60px;
  margin: 0px 8px;
}
.setting-region .overtime .ant-radio-wrapper {
  font-size: 14px;
}
.chat-simulator {
  width: 370px;
  background: #fcfcfc;
  padding: 20px;
  border: 1px solid #f1f1f1;
}
.chat-simulator .chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
.chat-simulator .chat .chat-avatar {
  width: 35px;
}
.chat-simulator .chat .chat-avatar img.avatar {
  border-radius: 50%;
}
.chat-simulator .chat .chat-content {
  position: relative;
  margin-left: 10px;
  width: 220px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
}
.chat-simulator .chat .chat-content .txt-message {
  padding: 8px 15px;
  font-size: 14px;
}
.chat-simulator .chat .chat-content .txt-message p {
  color: inherit;
}
.chat-simulator .chat .chat-content:before {
  position: absolute;
  top: 10px;
  left: -10px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-right-color: #f3f3f3;
}
.chat-simulator .chat .chat-content textarea {
  display: block;
  min-height: 37px;
  width: 100%;
  border: none;
  padding: 8px 15px;
  resize: none;
  background: none;
  color: #000;
  font-size: 14px;
}
.chat-simulator .chat .chat-content textarea::-webkit-scrollbar {
  display: none;
}
.chat-simulator .chat .chat-content textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.chat-simulator .chat .chat-form {
  background: #fff;
  width: 280px;
  max-width: 280px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
}
.chat-simulator .chat .chat-form .chat-form-body {
  padding: 20px;
}
.chat-simulator .chat .chat-form .chat-form-body .control {
  font-size: 14px;
}
.chat-simulator .chat .chat-form .chat-form-body label {
  font-size: 14px;
  font-weight: normal;
}
.chat-simulator .chat .chat-form .chat-form-body input.input {
  font-size: 14px;
  padding-left: 10px;
  height: 40px;
  background: #fcfcfc;
}
.chat-simulator .chat .chat-form .chat-form-body input.input:hover {
  border-color: #dbdbdb;
}
.chat-simulator .chat .chat-form .chat-form-body input.input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #fff;
  border-color: #dbdbdb;
}
.chat-simulator .chat .chat-form .chat-form-body textarea.textarea {
  font-size: 14px;
  background: #fcfcfc;
}
.chat-simulator .chat .chat-form .chat-form-body textarea.textarea:hover {
  border-color: #dbdbdb;
}
.chat-simulator .chat .chat-form .chat-form-body textarea.textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #fff;
  border-color: #dbdbdb;
}
.chat-simulator .chat .chat-form .chat-form-body button {
  font-size: 14px;
}
.chat-simulator .chat .chat-form .chat-form-body .select {
  display: block;
}
.chat-simulator .chat .chat-form .chat-form-body .select select {
  width: 100%;
}
.chat-simulator .chat .chat-form .chat-form-body .radio {
  margin-right: 15px;
  margin-left: 0px;
  line-height: 1.8;
}
.chat-simulator .chat .chat-form .chat-form-body .radio input {
  margin-right: 5px;
}
.chat-simulator .chat .chat-form .chat-form-body .checkbox {
  margin-right: 15px;
  line-height: 1.8;
}
.chat-simulator .chat .chat-form .chat-form-body .checkbox input {
  margin-right: 5px;
}
.chat-simulator .chat .chat-form .chat-form-body .field {
  position: relative;
}
.chat-simulator .chat .chat-form .chat-form-body .operation {
  position: absolute;
  right: -5px;
  top: -2px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.chat-simulator .chat .chat-form .chat-form-body .operation .button {
  font-size: 12px;
  height: 2em;
}
.chat-simulator .chat .chat-form .chat-form-body .fuse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-simulator .chat .chat-form .chat-form-body .fuse input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0px;
}
.chat-simulator .chat .chat-form .chat-form-body .fuse a.button {
  height: 40px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 45px;
}
.chat-simulator .chat.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.chat-simulator .chat.right .chat-content {
  background-color: #209cee;
  color: #fff;
}
.chat-simulator .chat.right .chat-content::before {
  display: none;
}
.chat-simulator .chat.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chat-simulator .chat.center .chat-content::before {
  display: none;
}
.chat-simulator.onffline-only .chat:first-child {
  margin-top: 0px;
}
.chat-simulator.onffline-only .chat .chat-content {
  width: 95%!important;
  max-width: 95%!important;
  margin-left: 0px!important;
}
.chat-simulator.onffline-only .chat .chat-form {
  width: 95%!important;
  max-width: 95%!important;
}
.is-channelset-triggerway {
  height: 100%;
  padding: 20px;
}
.is-channelset-triggerway .buttons.has-addons .button:not(:last-child) {
  margin-right: 5px;
}
.is-channelset-triggerway .components-channel-setwechtway {
  background-color: white;
}
.cahnnel-setguide-list > ul > li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 1px solid #f1f1f1;
  padding: 0px 5px;
}
.cahnnel-setguide-list > ul > li .guide-addinput {
  padding: 10px 0px;
}
.cahnnel-setguide-list > ul > li .guide-addinput .textarea {
  font-size: 14px;
}
.cahnnel-setguide-list > ul > li.is-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #999;
}
.cahnnel-setguide-list > ul > li.is-head .is-li-center {
  padding-left: 5px;
}
.cahnnel-setguide-list > ul > li > div {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cahnnel-setguide-list > ul > li ol li {
  padding: 3px 0px;
}
.cahnnel-setguide-list > ul > li.is-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  font-size: 15px;
}
.cahnnel-setguide-list > ul > li.is-bottom {
  padding: 10px 0px 0px;
  border-bottom: 0px;
}
.cahnnel-setguide-list > ul > li.is-bottom .button {
  font-size: 14px;
  padding: 0px 20px;
}
.cahnnel-setguide-list > ul > li .is-li-left {
  width: 200px;
  padding-right: 30px;
}
.cahnnel-setguide-list > ul > li .is-li-left ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cahnnel-setguide-list > ul > li .is-li-left ol li {
  margin-right: 5px;
}
.cahnnel-setguide-list > ul > li .is-li-center {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 0px;
}
.cahnnel-setguide-list > ul > li .is-li-center .tag {
  max-width: 353px;
}
.cahnnel-setguide-list > ul > li .is-li-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cahnnel-setguide-list > ul > li .is-li-right a .iconfont {
  font-size: 18px;
  color: #999;
}
.cahnnel-setguide-list > ul > li .is-li-right a:nth-child(2) .iconfont {
  padding-right: 0px;
}
.cahnnel-setguide-list > ul > li .is-li-right a:hover i {
  color: #3273dc;
}
.cahnnel-setguide-list > ul > li .is-li-right :nth-child(1) {
  padding-top: 3px;
}
.cahnnel-setguide-list > ul > li .is-li-right :nth-child(2) i {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 5px 0px 10px;
}
.cahnnel-setguide-list > ul > li .is-li-right.is-sure {
  padding-left: 15px;
}
.cahnnel-setguide-list > ul > li .is-li-right.is-sure a {
  font-size: 13px;
}
.cahnnel-setguide-list > ul > li .is-li-right.is-sure a:nth-child(2) {
  margin-left: 5px;
}
.components-controlsGroup-popover .ant-popover-inner-content {
  padding: 0px;
  margin: 0px;
}
.components-controlsGroup-popover .comcontrols-is-popo {
  height: 250px;
  width: 240px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.components-controlsGroup-popover .comcontrols-is-popo .is-head {
  height: 45px;
  font-size: 14px;
  padding: 15px 0px 15px 15px;
  border-bottom: 1px solid #eee;
  color: #000000;
  opacity: 0.65;
}
.components-controlsGroup-popover .comcontrols-is-popo .is-scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-controlsGroup-popover .comcontrols-is-popo .is-scroll .is-group-item {
  cursor: pointer;
  height: 50px;
  border-bottom: 0.5px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.components-controlsGroup-popover .comcontrols-is-popo .is-scroll .is-group-item p {
  padding-left: 15px;
}
.components-controlsGroup-popover .comcontrols-is-popo .is-scroll .is-group-item .is-right {
  padding-right: 16px;
}
.components-controlsGroup-popover .comcontrols-is-popo .is-scroll .is-group-item .is-right > i {
  color: #48c774;
}
.components-controlsGroup-popover .comcontrols-is-popo .is-scroll .is-group-item:hover {
  background-color: #f9f9f9;
}
.components-controlsGroup-popover .comcontrols-is-popo .is-scroll > p {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0000004d;
}
.components-controlsgroup .controlsGroup-is-popoverbg {
  margin-top: 10px;
}
.components-controlsgroup .controlsGroup-is-popoverbg a {
  font-size: 14px;
}
.components-controlsgroup .is-group-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}
.components-controlsgroup .is-group-list .is-group-li {
  list-style-type: none;
  margin: 5px 5px 3px 0px;
}
.components-controlsgroup .is-group-list .is-group-li span {
  padding: 10px 10px 10px 10px;
  background-color: #f5f5f5;
  color: black;
  font-size: 12px;
}
.components-controlsgroup .is-group-list .is-group-li a {
  font-size: 12px;
}
.is-adddistribution-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.is-adddistribution-content .is-adddistribution-center {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #efefef;
  padding: 0px 0px 25px 0px;
  background-color: white;
}
.is-adddistribution-content .is-adddistribution-center p {
  font-size: 14px;
  margin: 20px 0px 10px 0px;
}
.is-adddistribution-content .is-adddistribution-center input {
  font-size: 14px;
  width: 320px;
}
.is-adddistribution-content .is-adddistribution-center .is-tip {
  color: #0000004d;
}
.is-adddistribution-content .is-adddistribution-center .is-btn-tip {
  color: #0000004d;
  margin-top: 0px;
  height: 32px;
}
.is-adddistribution-content .is-adddistribution-center .is-btnbg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.is-adddistribution-content .is-adddistribution-center .is-btnbg .button {
  width: 150px;
  margin-right: 20px;
  font-size: 14px;
}
.is-adddistribution-content .is-adddistribution-bottom {
  margin: 0px 0px 0px 0px;
}
.is-adddistribution-content .is-adddistribution-bottom a {
  width: 70px;
  height: 35px;
  font-size: 14px;
}
.is-adddistribution-content .is-adddistribution-bottom a:nth-child(1) {
  margin-right: 10px;
}
.is-distribution-distributionchoose {
  border-radius: 10px;
  margin: 20px 0px;
}
.is-distribution-distributionchoose .is-body {
  width: 300px;
  min-height: 100px;
  background-color: #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.is-distribution-distributionchoose .is-body .is-distribution-ul {
  width: 185px;
  margin: 20px 0px;
}
.is-distribution-distributionchoose .is-body .is-distribution-ul li {
  height: 37px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  margin-top: 20px;
  position: relative;
}
.is-distribution-distributionchoose .is-body .is-distribution-ul li:nth-child(1) {
  margin-top: 0px;
}
.is-distribution-distributionchoose .is-body .is-distribution-ul li .is-tool {
  color: black;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.is-distribution-distributionchoose .is-body .is-distribution-ul li .is-close {
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.is-distribution-distributionchoose .is-body .is-distribution-ul li .is-close i {
  color: #666;
  font-size: 12px;
  position: relative;
  left: 1px;
}
.is-channelset-distribution .is-types p {
  margin-bottom: 10px;
}
.is-channelset-distribution .is-types a.button {
  padding: 0px 30px;
  font-size: 14px;
  margin-right: 15px;
}
.component-addword-popover .ant-popover-inner {
  border-radius: 4px;
}
.component-addword-popover .ant-popover-inner-content {
  padding: 0px;
}
.component-addword-popover .is-centent {
  padding: 15px;
}
.component-addword-popover .is-centent input {
  width: 120px;
  font-size: 13px;
}
.component-addword-popover .is-centent a {
  margin-left: 10px;
  font-size: 13px;
}
.components-preset .is-preset-head {
  border-bottom: 1px solid #f1f1f1;
}
.components-preset .is-preset-head > p {
  margin-bottom: 10px;
}
.components-preset ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 10px;
  border-bottom: 1px solid #f1f1f1;
}
.components-preset ul li .is-li-input {
  width: 200px;
  border: 0px;
  font-size: 14px;
  padding: 0px;
}
.components-preset ul li .is-li-input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.components-preset ul li .is-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.components-preset ul li .is-left a {
  cursor: move;
}
.components-preset ul li .is-left a i {
  font-size: 13px;
  color: #888;
}
.components-preset ul li .is-left h3 {
  font-size: 15px;
  padding-left: 5px;
}
.components-preset ul li > .button {
  font-size: 12px;
}
.components-preset ul .is-add-li {
  border-bottom: none;
  padding: 10px 0px;
}
.components-preset ul .is-add-li a {
  font-size: 14px;
  padding: 0px 20px;
}
.is-channelset-preset .is-orientation a.button {
  font-size: 14px;
  margin-right: 15px;
  padding: 0px 20px;
}
.is-channel-copyconfig h3 {
  margin-bottom: 10px;
}
.is-channel-copyconfig .is-first {
  margin-bottom: 20px;
}
.is-channel-copyconfig .is-then {
  margin-bottom: 20px;
}
.is-channel-copyconfig .is-then .button {
  margin-right: 10px;
}
.is-channel-copyconfig .button {
  font-size: 14px;
}
.is-channel-copyconfig .is-btn {
  width: 100px;
  height: 40px;
}
.is-channel-copyconfig .is-robottips {
  padding-top: 15px;
  color: #999;
}
.is-channel-setright {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ececec;
}
.is-channel-setright .is-channel-rightbody,
.is-channel-setright .is-channelset-information,
.is-channel-setright .is-channelset-appearanceSet {
  padding: 20px;
}
.is-channel-setright .ischannel-set-autoreply {
  padding: 0px;
  padding-bottom: 1px;
}
.is-channel-setright .is-channelset-form {
  height: auto;
}
.is-channel-setright .components-channel-setwebway,
.is-channel-setright .components-channel-setwechtway {
  padding: 0px;
}
.is-channel-setright .components-channel-welcome {
  padding: 0px;
}
.is-channel-setright .components-channel-welcome .notification {
  display: none;
}
.is-channel-setright .is-region {
  padding: 12px 25px 25px;
  background: #fff;
  margin-bottom: 20px;
  font-size: 14px;
}
.is-channel-setright .is-region:last-child {
  margin-bottom: 0px;
}
.is-channel-setright .is-region .notification {
  padding: 20px;
}
.is-channel-setright .is-region dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
  margin-left: 10px;
}
.is-channel-setright .is-region dl dt {
  width: 130px;
  font-size: 14px;
}
.is-channel-setright .is-region dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  padding: 10px 0px;
}
.is-channel-setright .is-region dl dd input {
  width: 240px;
  font-size: 14px;
  padding: 0px 10px;
}
.is-channel-setright .is-region dl dd p {
  color: #aaa;
}
.is-channel-setright .is-region dl dd a.button {
  font-size: 14px;
}
.is-channel-setright .is-region .content {
  font-size: 14px;
}
.is-channel-setright .is-region h2 {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  color: #1f2329;
  font-size: 14px;
}
.is-channel-setright .is-region .is-region-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.is-channel-setright .is-region .is-region-head .is-title {
  font-size: 14px;
}
.is-channel-setright .is-region .is-region-head .is-switch {
  margin-left: 10px;
}
.is-channel-setright .is-region .is-region-body .tips {
  color: #999;
}
.is-channel-setright .is-radio .is-radio-title {
  margin-bottom: 10px;
}
.is-channel-setright .is-radio .ant-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.is-channel-setright .is-radio .ant-radio-group .ant-radio {
  height: 14px;
}
.is-channel-setright .is-radio label {
  font-size: 14px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.is-channel-setright .loader-body {
  height: 610px;
  width: calc(100% - 40px);
  margin: 20px auto 0px;
}
.is-channel-setright #setting-invitation-body {
  background: none!important;
}
.is-channel-setright .invitation-region,
.is-channel-setright .auto-reply-region,
.is-channel-setright .global-setting-region,
.is-channel-setright .setting-region {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
  margin-bottom: 20px!important;
}
.channel-item-setbody {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  background-color: #ececec;
}
.channel-item-setbody .is-navleft {
  width: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  margin-right: 0px;
}
.channel-item-setbody .is-navleft ul {
  padding: 20px 0px;
}
.channel-item-setbody .is-navleft li {
  margin-top: 4px;
}
.channel-item-setbody .is-navleft li a {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #595959;
  padding: 0px 30px;
  font-size: 14px;
  border-right: 2px solid #fff;
}
.channel-item-setbody .is-navleft li a:hover {
  background: #f8f8f8;
  border-color: #f8f8f8;
}
.channel-item-setbody .is-navleft li hr {
  margin: 15px 0px;
}
.channel-item-setbody .is-navleft li.is-active a {
  background: #f8f8f8;
  border-color: #3273dc;
  color: #1f2329;
}
.is-channel-content > .is-head {
  height: 50px;
  background-color: white;
  padding: 0px 0px 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.is-channel-content .is-body {
  margin: 20px 0px;
  max-width: 800px;
}
.is-channel-content .is-body .is-item {
  margin: 0px 20px;
  background-color: white;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 75px;
  padding: 0px 15px;
  border: 1px solid #dedede;
}
.is-channel-content .is-body .is-item .is-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.is-channel-content .is-body .is-item .is-left .components-channel-header {
  height: 50px;
}
.is-channel-content .is-body .is-item .is-left .is-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 15px;
}
.is-channel-content .is-body .is-item .is-left .is-name h3 {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  margin-bottom: 0px;
  overflow: hidden;
}
.is-channel-content .is-body .is-item .is-left .is-name h3 span {
  margin-left: 10px;
}
.is-channel-content .is-body .is-item .is-left .is-name p {
  height: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #aaa;
  margin: 0px;
}
.is-channel-content .is-body .is-item .is-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.is-channel-content .is-body .is-item .is-edit a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  margin-right: 10px;
}
.is-channel-content .is-body .is-item .is-edit a i {
  font-size: 16px;
  color: #888;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.is-channel-content .is-body .is-item .is-edit a i.icon-dustbin {
  font-size: 18px;
  bottom: 1px;
}
.is-channel-content .is-body .is-item .is-edit a i:hover {
  color: #3273dc;
}
.is-channel-content .is-body .is-item:hover {
  background-color: #f9f9f9;
}
.is-channel-content .is-body .is-add {
  margin: 15px 20px;
}
.is-channel-content .is-body .is-add a.button {
  padding: 0px 20px;
  font-size: 14px;
  height: 40px;
}
.modify-password .ant-popover-inner-content {
  padding: 20px;
  max-width: 230px;
  text-align: center;
}
.modify-password .ant-popover-inner-content input {
  margin-bottom: 15px;
}
.modify-password .ant-popover-inner-content button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.modify-password .ant-popover-inner-content button:last-child {
  margin-bottom: 0px;
}
.personal-email-popover {
  font-size: 14px;
}
.personal-email-popover .ant-popover-title {
  text-align: center;
}
.personal-email-popover .ant-popover-inner-content {
  text-align: center;
  padding: 0px;
}
.personal-email-popover .ant-popover-inner-content .bind-body {
  width: 250px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .bind-form {
  padding: 20px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .bind-form input {
  margin-bottom: 15px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .bind-form button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .bind-form button:last-child {
  margin-bottom: 0px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .bind-form .ant-input-wrapper {
  margin-bottom: 20px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .bind-form .ant-input-wrapper input {
  margin-bottom: 0px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .bind-form .ant-input-group-addon {
  font-size: 12px;
  padding: 0px;
  width: 100px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .bind-form .ant-input-group-addon .codebody a {
  display: block;
  cursor: pointer;
  height: 33px;
  line-height: 33px;
  padding: 0px 20px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .bind-form .ant-input-group-addon .codebody span {
  display: block;
  color: #999;
  height: 33px;
  line-height: 33px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .relieve-body p {
  padding: 10px;
  font-size: 14px;
}
.personal-email-popover .ant-popover-inner-content .bind-body .confirm-cancel {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #f1f1f1;
}
.personal-email-popover .ant-popover-inner-content .bind-body .confirm-cancel div {
  width: 50%;
  display: inline-block;
}
.personal-email-popover .ant-popover-inner-content .bind-body .confirm-cancel div:first-child {
  border-right: 1px solid #f1f1f1;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#personal-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  max-width: 600px;
  min-height: 200px;
  margin-bottom: 20px;
  padding: 30px 0px 0px;
}
#personal-body hr {
  margin: 30px 0px;
}
#personal-body dl {
  margin: 0px 30px 20px;
}
#personal-body dl dd span.tips {
  color: rgba(0, 0, 0, 0.3);
  padding-left: 15px;
}
#personal-body dl.head {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#personal-body dl.head dt {
  width: 50px;
}
#personal-body dl.head dt .img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  margin: 0px auto;
}
#personal-body dl.head dt .img i.loading {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  color: #fff;
}
#personal-body dl.head dt .img i.upicon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
#personal-body dl.head dt .img i.upicon.show {
  display: block;
}
#personal-body dl.head dt .img:hover i.upicon {
  display: block;
  color: #fff;
}
#personal-body dl.head dt img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
#personal-body dl.head dd {
  height: 50px;
  margin-left: 15px;
}
#personal-body dl.head dd h3 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 3px;
}
#personal-body dl.head dd p {
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
}
#personal-body dl:last-child {
  margin-bottom: 0px;
}
#personal-body dl.logintype dd i {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ccc;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}
#personal-body dl.logintype dd i.icon-email.on {
  background: #62a8ea;
}
#personal-body dl.logintype dd i.icon-mobile.on {
  background: #926dde;
}
#personal-body dl.logintype dd i.icon-weixin.on {
  background: #54b938;
}
#personal-body .edit {
  max-width: 300px;
  text-align: right;
  padding-top: 5px;
}
#personal-body .chat {
  overflow: hidden;
}
#personal-body .chat .chat-avatar {
  float: left;
}
#personal-body .chat .chat-avatar .avatar {
  width: 35px;
  border-radius: 50%;
}
#personal-body .chat .chat-avatar i.head {
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  background: #ddd;
  color: #fff;
  font-size: 24px;
}
#personal-body .chat .chat-avatar i.head.mb {
  background: #57c7d4;
  font-size: 22px;
}
#personal-body .chat .chat-content {
  position: relative;
  float: left;
  margin-right: 10px;
  max-width: 300px;
  clear: both;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
  cursor: pointer;
}
#personal-body .chat .chat-content .txt-message {
  padding: 8px 15px;
  font-size: 14px;
}
#personal-body .chat .chat-content:before {
  position: absolute;
  top: 10px;
  right: -10px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-left-color: #f3f3f3;
}
#personal-body div.tips {
  text-align: center;
  background: #f5f5f5;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  margin-top: 30px;
}
.mobile-body .mobile-account {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.mobile-body .mobile-account .mobile-account-head li {
  padding: 15px;
}
.mobile-body .mobile-account .mobile-account-head .head {
  font-size: 0px;
  margin-right: 10px;
}
.mobile-body .mobile-account .mobile-account-head .head img {
  border-radius: 100%;
}
.mobile-body .mobile-account .mobile-account-head .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-body .mobile-account .mobile-account-head .name h1 {
  font-size: 17px;
  color: #222;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-body .mobile-account .mobile-account-head .name p {
  margin-top: 5px;
  font-size: 15px;
  color: #777;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-body .mobile-account .value span.on {
  color: #23d160;
  font-size: 16px;
}
.mobile-body .mobile-account .value span.off {
  color: #ff3860;
  font-size: 16px;
}
.mobile-body .mobile-account .value span.break {
  font-size: 16px;
}
.mobile-body .mobile-account-state li {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  color: #3273dc;
  position: relative;
}
.mobile-body .mobile-account-state li:after {
  content: "";
  pointer-events: none;
  /* 防止点击触发 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #ddd;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.mobile-body .mobile-account-state li:active {
  background: #eee;
}
.mobile-body .mobile-account-personal {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.mobile-body .mobile-account-personal .mobile-account-personal-head > span {
  width: 100%;
  display: block;
}
.mobile-body .mobile-account-personal .mobile-account-personal-head .ant-upload {
  width: 100%;
  display: block;
}
.mobile-body .mobile-account-personal .mobile-account-personal-head .mobile-account-personal-head-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.mobile-body .mobile-account-personal .mobile-account-personal-head .mobile-account-personal-head-body .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mobile-body .mobile-account-remind {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.mobile-body .mobile-account-channel {
  height: 100%;
  background: #fff;
}
.mobile-body .mobile-account-channel .textarea {
  text-align: left;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px;
  min-height: 20px;
  height: auto;
  color: #888;
}
.mobile-body .mobile-account-channel .textarea .hljs {
  padding: 15px;
}
.mobile-body .mobile-account-adviser {
  height: 100%;
  background: #fff;
}
.mobile-body .mobile-account-adviser h3 {
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px;
}
.mobile-body .mobile-account-adviser .is-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobile-body .mobile-account-adviser .is-image img {
  max-width: 200px;
}
.setting-personal-autoreply .setting-region {
  max-width: 600px;
}
.setting-personal-autoreply .setting-region .txt-message p {
  color: #000;
}
.setting-keyboard .keyline a {
  margin-left: 15px;
}
.setting-remind-region-sound .body .buttons {
  margin-bottom: 10px;
}
.setting-remind-region-sound .body .button {
  font-size: 14px;
}
.setting-chat-quick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-chat-quick .setting-region {
  width: 320px;
  padding: 0px;
  height: 700px;
}
.setting-chat-quick .setting-chat-quick-tools {
  margin-left: 20px;
  font-size: 14px;
  padding-top: 10px;
}
.setting-chat-quick .setting-chat-quick-tools a {
  font-size: 14px;
}
.setting-chat-quick .setting-chat-quick-tools a.is-loading {
  border: none;
  background: none;
  height: 20px;
  padding: 0px;
  padding-left: 25px;
}
.setting-chat-quick .setting-chat-quick-tools p {
  color: #666;
}
.team-founding-body {
  overflow: hidden;
}
.team-founding-body .team-founding-user {
  float: left;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
}
.team-founding-body .team-founding-user .img {
  float: left;
  width: 35px;
}
.team-founding-body .team-founding-user .img img {
  border-radius: 50%;
}
.team-founding-body .team-founding-user .name {
  float: left;
  margin-left: 10px;
}
.team-founding-body .team-founding-replace {
  float: right;
  margin-right: 0px;
  height: 30px;
  line-height: 30px;
}
.team-founding-popover .ant-popover-inner-content {
  padding: 0px;
}
.team-founding-popover-body {
  width: 250px;
}
.team-founding-popover-body .selecttips {
  text-align: center;
  font-size: 14px;
  padding-bottom: 2px;
}
.team-founding-popover-body .selecttips h3 {
  padding: 20px 15px 0px;
  font-size: 16px;
  font-weight: normal;
}
.team-founding-popover-body .selecttips p {
  padding: 10px 20px 20px;
  color: red;
}
.team-founding-popover-body .selecttips .relieve {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #f1f1f1;
}
.team-founding-popover-body .selecttips .relieve div {
  width: 50%;
  display: inline-block;
}
.team-founding-popover-body .selecttips .relieve div:first-child {
  border-right: 1px solid #f1f1f1;
}
.team-founding-popover-body .selecttips .relieve div a i {
  margin-right: 5px;
}
.team-founding-popover-body .selecttips .selectuser {
  height: 30px;
  line-height: 30px;
  display: none;
}
.team-founding-popover-body .selecttips .selectuser .head {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
}
.team-founding-popover-body .selecttips .selectuser .head img {
  border-radius: 50%;
}
.team-founding-popover-body .selecttips .selectuser .name {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  height: 30px;
  line-height: 30px;
}
.team-founding-popover-body .tips {
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #f1f1f1;
}
.team-founding-popover-body .users {
  padding: 1px;
  max-height: 300px;
  min-height: 120px;
  overflow-y: auto;
}
.team-founding-popover-body .nouser {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.3);
  text-align: center;
  padding: 0px 15px;
  height: 100%;
  line-height: 110px;
}
.team-founding-popover-body dl {
  cursor: pointer;
  padding: 10px 15px;
  overflow: hidden;
}
.team-founding-popover-body dl dt {
  width: 30px;
  float: left;
  height: 30px;
  line-height: 30px;
}
.team-founding-popover-body dl dt img {
  border-radius: 50%;
}
.team-founding-popover-body dl dd {
  float: left;
  margin-left: 10px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  color: #444;
  overflow: hidden;
  position: relative;
}
.team-founding-popover-body dl dd i.loading {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #999;
}
.team-founding-popover-body dl:hover {
  background: #f9f9f9;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#teaminfo-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  padding: 30px 0px 30px;
  min-height: 200px;
  max-width: 600px;
  margin-bottom: 20px;
}
#teaminfo-body h1 {
  padding: 0px 30px;
  font-weight: normal;
  font-size: 20px;
}
#teaminfo-body hr {
  margin: 30px 0px;
}
#teaminfo-body dl {
  margin: 0px 30px 20px;
}
#teaminfo-body dl.head {
  height: 50px;
}
#teaminfo-body dl.head dt {
  float: left;
  width: 50px;
}
#teaminfo-body dl.head dt .img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  margin: 0px auto;
}
#teaminfo-body dl.head dt .img i.loading {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  color: #fff;
}
#teaminfo-body dl.head dt .img i.upicon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
#teaminfo-body dl.head dt .img i.upicon.show {
  display: block;
}
#teaminfo-body dl.head dt .img:hover i.upicon {
  display: block;
  color: #fff;
}
#teaminfo-body dl.head dt img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
#teaminfo-body dl.head dd {
  float: left;
  height: 50px;
  margin-left: 10px;
}
#teaminfo-body dl.head dd h3 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 3px;
}
#teaminfo-body dl.head dd p {
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
}
#teaminfo-body div.tips {
  text-align: center;
  background: #f5f5f5;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  margin-top: 30px;
}
.region-body {
  border-radius: 0px;
}
.region-body .ant-cascader-menu {
  width: 200px;
  height: 190px;
  font-size: 14px;
}
/* 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-input-number {
  position: relative;
  padding: 4px 7px;
  width: 100%;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin: 0;
  padding: 0;
  font-size: 12px;
  height: 28px;
  display: inline-block;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  width: 80px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number:hover {
  border-color: #49a9ee;
}
.ant-input-number:focus {
  border-color: #49a9ee;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
          box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-input-number-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-disabled:hover {
  border-color: #e2e2e2;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: all .3s, height 0s;
  -o-transition: all .3s, height 0s;
  transition: all .3s, height 0s;
}
.ant-input-number-lg {
  padding: 6px 7px;
  height: 32px;
}
.ant-input-number-sm {
  padding: 1px 7px;
  height: 22px;
}
.ant-input-number-handler {
  text-align: center;
  line-height: 0;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.43);
  position: relative;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  display: block;
  width: 100%;
  font-weight: bold;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #49a9ee;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  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;
  line-height: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  width: 12px;
  height: 12px;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  -webkit-transform: scale(0.58333333) rotate(0deg);
      -ms-transform: scale(0.58333333) rotate(0deg);
          transform: scale(0.58333333) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  right: 4px;
  color: rgba(0, 0, 0, 0.43);
}
.ant-input-number-handler-up-inner:before,
.ant-input-number-handler-down-inner:before {
  display: block;
  font-family: "anticon" !important;
}
:root .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-down-inner {
  -webkit-filter: none;
          filter: none;
}
:root .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number:hover {
  border-color: #49a9ee;
}
.ant-input-number-focused {
  border-color: #49a9ee;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
          box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-input-number-disabled {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-disabled:hover {
  border-color: #e2e2e2;
}
.ant-input-number-input {
  width: 100%;
  text-align: left;
  outline: 0;
  -moz-appearance: textfield;
  height: 26px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 0 7px;
  display: block;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input[disabled] {
  background-color: #f7f7f7;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-input[disabled]:hover {
  border-color: #e2e2e2;
}
.ant-input-number-lg {
  padding: 0;
}
.ant-input-number-lg input {
  height: 30px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 20px;
}
.ant-input-number-handler-wrap {
  border-left: 1px solid #d9d9d9;
  width: 22px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  border-radius: 0 4px 4px 0;
  -webkit-transition: opacity 0.24s linear 0.1s;
  -o-transition: opacity 0.24s linear 0.1s;
  transition: opacity 0.24s linear 0.1s;
  z-index: 2;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -6px;
}
.ant-input-number-handler-up-inner:before {
  text-align: center;
  content: "\E61E";
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  border-top: 1px solid #d9d9d9;
  top: -1px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
}
.ant-input-number-handler-down-inner:before {
  text-align: center;
  content: "\E61D";
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-down-disabled .ant-input-number-handler-down-inner,
.ant-input-number-handler-up-disabled .ant-input-number-handler-down-inner,
.ant-input-number-disabled .ant-input-number-handler-down-inner,
.ant-input-number-handler-down-disabled .ant-input-number-handler-up-inner,
.ant-input-number-handler-up-disabled .ant-input-number-handler-up-inner,
.ant-input-number-disabled .ant-input-number-handler-up-inner {
  opacity: 0.72;
  color: #ccc !important;
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-input {
  opacity: 0.72;
  cursor: not-allowed;
  background-color: #f7f7f7;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-disabled .ant-input-number-handler {
  opacity: 0.72;
  color: #ccc !important;
  cursor: not-allowed;
}
#service-panel {
  position: fixed;
  right: 0px;
  top: 0px;
  width: 100%;
  max-width: 700px;
  height: 100%;
  overflow-y: scroll;
  background: #fff;
  z-index: 1001;
  -webkit-box-shadow: -10px 0 20px 0 rgba(66, 66, 66, 0.2);
          box-shadow: -10px 0 20px 0 rgba(66, 66, 66, 0.2);
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
#service-panel .panel-head {
  padding: 20px;
  height: 40px;
  color: rgba(0, 0, 0, 0.3);
  position: relative;
}
#service-panel .panel-head .tool {
  position: absolute;
  left: 15px;
  top: 2px;
  height: 40px;
  line-height: 40px;
}
#service-panel .panel-head .tool i {
  color: rgba(0, 0, 0, 0.3);
  font-size: 28px;
  cursor: pointer;
}
#service-panel .panel-head .sdelete {
  position: absolute;
  right: 10px;
  top: 10px;
}
#service-panel .panel-body {
  padding: 15px 0px 30px;
}
#service-panel .panel-body p {
  padding: 5px 0px;
}
#service-panel .panel-body .management {
  font-size: 14px;
  padding: 0px 0px 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
#service-panel .panel-body .management label {
  width: 120px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  margin-right: 30px;
  line-height: inherit;
}
#service-panel .panel-body .management label input {
  margin-right: 8px;
  width: 20px;
}
#service-panel .panel-body hr {
  margin: 30px 0px;
}
#service-panel .panel-body dl {
  margin: 0px 30px 20px;
}
#service-panel .panel-body dl dd .unbound {
  color: rgba(0, 0, 0, 0.3);
}
#service-panel .panel-body dl dd .ant-input-number {
  height: 32px;
}
#service-panel .panel-body dl dd .ant-input-number input {
  width: 100%;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
#service-panel .panel-body dl dd .tips {
  margin-top: 10px;
  margin-bottom: 0px;
  color: rgba(0, 0, 0, 0.3);
}
#service-panel .panel-body dl.serviceid {
  color: rgba(0, 0, 0, 0.3);
  padding-bottom: 10px;
}
#service-panel .panel-body dl.head {
  height: 50px;
}
#service-panel .panel-body dl.head dt {
  float: left;
  width: 50px;
}
#service-panel .panel-body dl.head dt .img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  margin: 0px auto;
}
#service-panel .panel-body dl.head dt .img i.loading {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  color: #fff;
}
#service-panel .panel-body dl.head dt .img i.upicon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
#service-panel .panel-body dl.head dt .img i.upicon.show {
  display: block;
}
#service-panel .panel-body dl.head dt .img:hover i.upicon {
  display: block;
  color: #fff;
}
#service-panel .panel-body dl.head dt img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
#service-panel .panel-body dl.head dd {
  float: left;
  height: 50px;
  margin-left: 10px;
}
#service-panel .panel-body dl.head dd h3 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 3px;
}
#service-panel .panel-body dl.head dd p {
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
}
.select-grouping {
  width: 130px;
}
.select-grouping .ant-popover-inner-content {
  padding: 10px 0px;
}
.select-grouping li {
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.select-grouping li i {
  margin-right: 5px;
  color: #999;
}
.select-grouping li:last-child {
  border-bottom: none;
}
.select-grouping li:hover {
  background: #f9f9f9;
}
.select-grouping li.now {
  background: #f1f1f1;
}
.setting-service-add {
  width: 280px;
}
.setting-service-add .body {
  padding: 18px 10px;
}
.setting-service-add .body .tips {
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
}
.setting-service-add .body input {
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px;
}
.setting-service-add .body a.weixin i {
  font-size: 20px;
}
.setting-service-add .body .goreg {
  margin-top: 17px;
  text-align: center;
  font-size: 14px;
}
.setting-service-add .body .wechatbody h3 {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}
.setting-service-add .body .wechatbody p {
  text-align: center;
  color: #aaa;
}
#wechat_add_container iframe {
  max-width: 100%;
  height: 220px;
  overflow: hidden;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#setting-service {
  margin-right: 20px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  min-height: 400px;
  padding-bottom: 40px;
}
#setting-service .list-tool {
  height: 60px;
  line-height: 60px;
  padding: 0px 20px;
  border-bottom: 1px solid #f1f1f1;
}
#setting-service .list-tool h3 {
  font-size: 15px;
  font-weight: normal;
}
#setting-service .list-tool .right-tool {
  float: right;
  font-weight: normal;
  text-align: left;
  margin-left: 20px;
  font-size: 14px;
}
#setting-service .list-tool .right-tool a.button {
  font-size: 14px;
  margin-top: 14px;
  padding: 0px 15px;
}
#setting-service .list-body .row {
  border-bottom: 1px solid #f1f1f1;
  position: relative;
  overflow: hidden;
}
#setting-service .list-body .row.now {
  background: #f5f5f5;
}
#setting-service .list-body .row .group {
  padding-right: 20px;
  text-align: right;
}
#setting-service .list-body .row .group a {
  color: rgba(0, 0, 0, 0.3);
}
#setting-service .list-body dl {
  text-align: left;
  line-height: 1.5;
  padding: 15px 0px;
  padding-left: 20px;
  cursor: pointer;
}
#setting-service .list-body dl dt,
#setting-service .list-body dl dd {
  display: inline-block;
  vertical-align: top;
}
#setting-service .list-body dl dt {
  width: 40px;
  height: 40px;
}
#setting-service .list-body dl dt img {
  border-radius: 50%;
}
#setting-service .list-body dl dd {
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  font-size: 14px;
  color: #444;
}
#setting-service .list-body .select-grouping-link {
  position: relative;
  top: 23px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  padding-right: 24px;
}
#setting-service .list-body .select-grouping-link i {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 22px;
  height: 20px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.3);
}
.ant-table {
  font-size: 13px;
}
.addpopover-body {
  width: 200px;
  padding: 5px 0px;
}
.addpopover-body .ant-form-item {
  margin-bottom: 0px;
}
.addpopover-body input {
  margin-bottom: 10px;
}
.addpopover-body button {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  padding: 0px;
}
.operation-popover .ant-popover-inner-content .operation-popover-body .select-body {
  width: 200px;
}
.operation-popover .ant-popover-inner-content .operation-popover-body .select-body li {
  padding: 15px 0px;
  font-size: 14px;
  text-align: left;
}
.operation-popover .ant-popover-inner-content .operation-popover-body .select-body li:first-child {
  border-bottom: 1px solid #f1f1f1;
}
.operation-popover .ant-popover-inner-content .operation-popover-body .edit-body {
  width: 200px;
  padding: 10px 0px;
}
.operation-popover .ant-popover-inner-content .operation-popover-body .edit-body button {
  margin-top: 10px;
}
.operation-popover .ant-popover-inner-content .operation-popover-body .delete-body {
  width: 200px;
  padding: 0px 0px 10px;
}
.operation-popover .ant-popover-inner-content .operation-popover-body .delete-body button {
  margin-top: 10px;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#grouping-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  min-height: 400px;
}
#grouping-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
#grouping-category ul {
  padding: 10px;
}
#grouping-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
#grouping-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
#grouping-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
#grouping-category ul li:hover,
#grouping-category ul li.on {
  background: #f9f9f9;
}
#grouping-category ul li:hover i,
#grouping-category ul li.on i {
  display: block;
}
#grouping-category ul li.active {
  background: #f1f1f1;
}
#grouping-category ul li.active i {
  display: block;
}
/* 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-alert {
  position: relative;
  padding: 8px 48px 8px 38px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 48px 8px 16px;
}
.ant-alert-icon {
  font-size: 14px;
  top: 10px;
  left: 16px;
  position: absolute;
}
.ant-alert-description {
  font-size: 12px;
  line-height: 21px;
  display: none;
}
.ant-alert-success {
  border: 1px solid #cfefdf;
  background-color: #ebf8f2;
}
.ant-alert-success .ant-alert-icon {
  color: #00a854;
}
.ant-alert-info {
  border: 1px solid #d2eafb;
  background-color: #ecf6fd;
}
.ant-alert-info .ant-alert-icon {
  color: #108ee9;
}
.ant-alert-warning {
  border: 1px solid #fff3cf;
  background-color: #fffaeb;
}
.ant-alert-warning .ant-alert-icon {
  color: #ffbf00;
}
.ant-alert-error {
  border: 1px solid #fcdbd9;
  background-color: #fef0ef;
}
.ant-alert-error .ant-alert-icon {
  color: #f04134;
}
.ant-alert-close-icon {
  font-size: 12px;
  position: absolute;
  right: 16px;
  top: 10px;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-cross {
  color: rgba(0, 0, 0, 0.43);
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.ant-alert-close-icon .anticon-cross:hover {
  color: #404040;
}
.ant-alert-close-text {
  position: absolute;
  right: 16px;
}
.ant-alert-with-description {
  padding: 16px 16px 16px 60px;
  position: relative;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 16px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 20px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  font-size: 12px;
}
.ant-alert-with-description .ant-alert-message {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  margin-bottom: 4px;
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-close {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}
.ant-alert-slide-up-leave {
  -webkit-animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-alert-banner {
  border-radius: 0;
  border: 0;
  margin-bottom: 0;
}
@-webkit-keyframes antAlertSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes antAlertSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes antAlertSlideUpOut {
  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);
            transform: scaleY(0);
  }
}
@keyframes antAlertSlideUpOut {
  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);
            transform: scaleY(0);
  }
}
.setting-pay .is-nowinfo dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding-bottom: 6px;
}
.setting-pay .is-nowinfo dl dt {
  width: 60px;
  color: #999;
}
.setting-pay .is-nowinfo dl dd {
  position: relative;
}
.setting-pay .is-nowinfo dl dd a {
  margin-left: 10px;
}
.setting-pay .is-nowinfo dl dd .button {
  position: absolute;
  top: -6px;
  left: 50px;
  font-size: 14px;
}
.setting-pay .is-tipsdiv {
  border-top: 1px solid #f1f1f1;
  padding-top: 15px;
}
.setting-pay .is-tipsdiv p {
  font-size: 14px;
  color: #999;
}
.setting-pay .is-pay dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-bottom: 0px;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-pay .is-pay dl dt {
  width: 60px;
}
.setting-pay .is-pay dl dd.is-edition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-pay .is-pay dl dd.is-edition .is-vision {
  margin-left: 10px;
}
.setting-pay .is-pay dl dd .button {
  font-size: 14px;
  margin-right: 10px;
  height: 30px;
}
.setting-pay .is-pay dl dd .is-price {
  font-size: 20px;
  color: #ff3860;
}
.setting-pay .is-pay dl dd .is-original-price {
  margin-left: 20px;
  color: #999;
  font-size: 13px;
}
.setting-pay .is-pay dl dd .is-activity-tips {
  margin-left: 20px;
}
.setting-pay .is-pay dl dd .is-clause label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 5px;
}
.setting-pay .is-pay dl dd .is-clause label input {
  margin-right: 8px;
}
.setting-pay .is-pay dl dd .is-submit a.button {
  font-size: 14px;
  padding: 0px 20px;
  height: 40px;
}
.setting-pay .is-pay dl dd .is-submit a.button.is-light {
  margin-left: 15px;
}
.setting-pay .is-pay dl dd .is-tips {
  font-size: 13px;
  color: #999;
  margin-left: 15px;
}
.setting-pay .is-pay .is-risk-tips {
  border-top: 1px solid #f1f1f1;
  margin-top: 15px;
}
.setting-pay .is-pay .is-risk-tips .is-realname-tips {
  margin-top: 10px;
  padding: 10px 15px;
  font-size: 14px;
  color: #947600;
  background: #fffbeb;
}
.setting-pay-modal .ant-modal {
  width: 320px !important;
}
.setting-pay-modal .ant-modal-content {
  border-radius: 5px !important;
}
.setting-pay-modal .ant-modal-body {
  padding: 0px;
}
.setting-pay-modal .body {
  overflow: hidden;
}
.setting-pay-modal .body .head {
  height: 60px;
  line-height: 60px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
.setting-pay-modal .body .head h3 {
  font-size: 18px;
  padding: 0px 20px;
  color: #000;
  font-weight: bold;
  text-align: center;
}
.setting-pay-modal .body .imageCode {
  height: 200px;
  text-align: center;
}
.setting-pay-modal .body .confirm-cancel {
  border-top: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
}
.coin-pay-modal .ant-modal {
  width: 680px !important;
}
.coin-pay-modal .ant-modal-content {
  border-radius: 5px !important;
}
.coin-pay-modal .ant-modal-body {
  padding: 0px;
}
.coin-pay-modal .body {
  overflow: hidden;
}
.coin-pay-modal .body .order-alert {
  margin: 0 5% 5px;
}
.coin-pay-modal .body .order-table {
  width: 90%;
  margin-left: 5%;
}
.coin-pay-modal .body .order-table td {
  border: 1px solid #e9e9e9;
  padding: 8px 16px;
  text-align: left;
}
.coin-pay-modal .body .order-table td:first-child {
  background: #fcfcfc;
  font-weight: 500;
  width: 30%;
  padding: 14px 10px;
  font-size: 16px;
}
.coin-pay-modal .body .text_r20 {
  font-size: 20px;
}
.coin-pay-modal .body .text_red {
  color: red;
  font-size: 20px;
}
.coin-pay-modal .body .head {
  height: 60px;
  line-height: 60px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
.coin-pay-modal .body .head h3 {
  font-size: 18px;
  padding: 0px 20px;
  color: #000;
  font-weight: bold;
  text-align: center;
}
.coin-pay-modal .body .countdown,
.coin-pay-modal .body .amount {
  font-size: 20px;
  text-align: center;
}
.coin-pay-modal .body .imageCode {
  text-align: center;
}
.coin-pay-modal .body .imageCode img {
  width: 200px;
}
.coin-pay-modal .body .address {
  font-size: 18px;
}
.coin-pay-modal .body .confirm-cancel {
  border-top: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
}
.setting-worktime .setting-region {
  max-width: 800px;
}
.setting-worktime .head {
  margin-bottom: 0px;
}
.setting-worktime .table {
  margin: 0px;
  border-bottom: 1px solid #f1f1f1;
}
.setting-worktime .table th {
  font-weight: normal;
  font-size: 14px;
  color: #999;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px;
}
.setting-worktime .table td {
  border-bottom: 1px solid #f1f1f1;
  vertical-align: middle;
  font-size: 14px;
  padding: 15px 10px 10px;
}
.setting-worktime .table td .is-buttonsbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.setting-worktime .table td .buttons a.button {
  font-size: 13px;
  height: 24px;
  padding: 0px 10px;
}
.setting-worktime .table td .is-weeklist span.tag {
  margin-right: 5px;
  margin-bottom: 5px;
}
.setting-worktime .is-setupitem {
  padding: 0px 0px;
}
.setting-worktime .is-setupitem h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 20px;
}
.setting-worktime .is-setupitem .is-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 350px;
}
.setting-worktime .is-setupitem .is-list li {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.setting-worktime .is-setupitem .is-list li a.button {
  height: 2.3em;
  font-size: 14px;
}
.setting-worktime .is-setupitem .is-times {
  margin-bottom: 15px;
}
.setting-worktime .is-setupitem .is-times input {
  height: 30px;
  width: 110px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 7px;
  font-size: 14px;
}
.setting-worktime .is-setupitem .is-times .to {
  padding: 0px 10px;
  font-size: 14px;
}
.setting-worktime .is-setupitem .is-times a.button {
  font-size: 14px;
  height: 26px;
  margin-left: 10px;
  padding: 0px 10px;
  margin-top: 2px;
}
.setting-worktime .is-setupitem .is-times .is-tips {
  font-size: 14px;
  padding-top: 5px;
}
.setting-worktime .is-setupitem .is-times .is-tips .tag {
  background: none;
  padding: 0px;
}
.setting-worktime .is-setupitem .is-submit {
  border-top: 1px solid #f1f1f1;
  padding-top: 15px;
  margin-top: 15px;
}
.setting-worktime .is-setupitem .is-submit a.button {
  font-size: 14px;
  margin-right: 10px;
  padding: 0px 20px;
}
.rc-time-picker {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-time-picker * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-time-picker-input[disabled] {
  color: #ccc;
  background: #f7f7f7;
  cursor: not-allowed;
}
.rc-time-picker-panel {
  z-index: 1070;
  width: 170px;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-time-picker-panel * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rc-time-picker-panel-inner {
  display: inline-block;
  position: relative;
  outline: none;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px #ccc;
          box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
  line-height: 1.5;
}
.rc-time-picker-panel-narrow {
  max-width: 113px;
}
.rc-time-picker-panel-input {
  margin: 0;
  padding: 0;
  width: 100%;
  cursor: auto;
  line-height: 1.5;
  outline: 0;
  border: 1px solid transparent;
}
.rc-time-picker-panel-input-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 6px;
  border-bottom: 1px solid #e9e9e9;
}
.rc-time-picker-panel-input-invalid {
  border-color: red;
}
.rc-time-picker-panel-clear-btn {
  position: absolute;
  right: 6px;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 6px;
  margin: 0;
}
.rc-time-picker-panel-clear-btn:after {
  content: "x";
  font-size: 12px;
  color: #aaa;
  display: inline-block;
  line-height: 1;
  width: 20px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.rc-time-picker-panel-clear-btn:hover:after {
  color: #666;
}
.rc-time-picker-panel-select {
  float: left;
  font-size: 12px;
  border: 1px solid #e9e9e9;
  border-width: 0 1px;
  margin-left: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 56px;
  max-height: 144px;
  overflow-y: auto;
  position: relative;
}
.rc-time-picker-panel-select-active {
  overflow-y: auto;
}
.rc-time-picker-panel-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.rc-time-picker-panel-select:last-child {
  border-right: 0;
}
.rc-time-picker-panel-select ul {
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
}
.rc-time-picker-panel-select li {
  list-style: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  padding: 0 0 0 16px;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rc-time-picker-panel-select li:hover {
  background: #edfaff;
}
li.rc-time-picker-panel-select-option-selected {
  background: #f7f7f7;
  font-weight: bold;
}
li.rc-time-picker-panel-select-option-disabled {
  color: #ccc;
}
li.rc-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.setting-translate .setting-region {
  max-width: 800px;
}
.setting-translate .head {
  margin-top: 10px;
}
.setting-translate .item {
  padding-bottom: 10px;
}
.setting-translate .statistic-content {
  padding-left: 10px;
  padding-right: 50px;
  display: inline-block;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, segoe ui, pingfang sc, hiragino sans gb, microsoft yahei, helvetica neue, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
}
.setting-translate .statistic-content .statistic-content-suffix {
  margin-left: 4px;
  font-size: 16px;
}
.setting-pay .el-divider {
  background-color: #dcdfe6;
  position: relative;
}
.setting-pay .el-divider .el-divider__text {
  position: absolute;
  background-color: #fff;
  padding: 0 20px;
  font-weight: 500;
  color: #303133;
  font-size: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.setting-pay .el-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 40px 0;
}
.setting-pay .is-nowinfo dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding-bottom: 6px;
}
.setting-pay .is-nowinfo dl dt {
  width: 120px;
  color: #999;
}
.setting-pay .is-nowinfo dl dd {
  position: relative;
}
.setting-pay .is-nowinfo dl dd a {
  margin-left: 10px;
}
.setting-pay .is-nowinfo dl dd .button {
  position: absolute;
  top: -6px;
  font-size: 14px;
}
.setting-pay .is-tipsdiv {
  border-top: 1px solid #f1f1f1;
  padding-top: 15px;
}
.setting-pay .is-tipsdiv p {
  font-size: 14px;
  color: #999;
}
.setting-pay .is-pay dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-bottom: 0px;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-pay .is-pay dl dt {
  width: 120px;
}
.setting-pay .is-pay dl dd.is-edition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-pay .is-pay dl dd.is-edition .is-vision {
  margin-left: 10px;
}
.setting-pay .is-pay dl dd .button {
  font-size: 14px;
  margin-right: 10px;
  height: 30px;
}
.setting-pay .is-pay dl dd .is-price {
  font-size: 20px;
  color: #ff3860;
}
.setting-pay .is-pay dl dd .is-original-price {
  margin-left: 20px;
  color: #999;
  font-size: 13px;
}
.setting-pay .is-pay dl dd .is-activity-tips {
  margin-left: 20px;
}
.setting-pay .is-pay dl dd .is-clause label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 5px;
}
.setting-pay .is-pay dl dd .is-clause label input {
  margin-right: 8px;
}
.setting-pay .is-pay dl dd .is-submit a.button {
  font-size: 14px;
  padding: 0px 10px;
  height: 30px;
}
.setting-pay .is-pay dl dd .is-submit a.button.is-light {
  margin-left: 15px;
}
.setting-pay .is-pay dl dd .is-tips {
  font-size: 13px;
  color: #999;
  margin-left: 15px;
}
.setting-pay .is-pay .is-risk-tips {
  border-top: 1px solid #f1f1f1;
  margin-top: 15px;
}
.setting-pay .is-pay .is-risk-tips .is-realname-tips {
  margin-top: 10px;
  padding: 10px 15px;
  font-size: 14px;
  color: #947600;
  background: #fffbeb;
}
.setting-pay .setting-payment-top .setting-payment-top-ul {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  color: #222;
}
.setting-pay .setting-payment-top .setting-payment-top-ul li {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-pay .setting-payment-top .setting-payment-top-ul li img {
  width: 3em;
  margin-right: 10px;
}
.setting-pay .setting-payment-top .setting-payment-top-ul li .setting-payment-top-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.setting-pay .setting-payment-top .setting-payment-top-ul li .setting-payment-top-name .setting-payment-top-title {
  font-size: 18px;
  margin: 0;
  padding: 0 0 6px 0;
}
.setting-pay .setting-payment-top .setting-payment-top-ul li .setting-payment-top-name .setting-payment-top-val {
  font-size: 14px;
  color: #5d5d5d;
}
.setting-pay .setting-payment-price-box {
  width: 1280px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 30px;
}
.setting-pay .setting-payment-price-box .setting-payment-price-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0 14px 0;
}
.setting-pay .setting-payment-price-box .setting-payment-price-title h3 {
  font-size: 20px;
}
.setting-pay .setting-payment-price-box .setting-payment-price-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
.setting-pay .setting-payment-price-box .setting-payment-price-group .setting-payment-price-btn {
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 0;
  text-align: center;
  background-color: #fff;
  width: 200px;
  height: 50px;
  color: #222;
  border: 1px solid rgba(4, 15, 66, 0.2);
}
.setting-pay .setting-payment-price-box .setting-payment-price-group .setting-payment-price-btn .setting-payment-price-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.setting-pay .setting-payment-price-box .setting-payment-price-group .setting-payment-price-btn .setting-payment-price-type p {
  margin-bottom: 0;
}
.setting-pay .setting-payment-price-box .setting-payment-price-group .setting-payment-price-btn .setting-payment-version-title {
  font-size: 20px;
  font-weight: 400;
}
.setting-pay .setting-payment-price-box .setting-payment-price-group .setting-payment-price-btn .setting-payment-version-price {
  font-size: 20px;
  color: #222;
}
.setting-pay .setting-payment-price-box .setting-payment-price-group .setting-payment-price-btn .setting-payment-version-content {
  font-size: 14px;
  font-weight: 300;
}
.setting-pay .setting-payment-price-box .setting-payment-price-group .setting-payment-price-btnselect {
  color: #fff;
  background: -webkit-gradient(linear, left bottom, left top, from(#822af0), to(#69b6ff));
  background: -webkit-linear-gradient(bottom, #822af0, #69b6ff);
  background: -o-linear-gradient(bottom, #822af0, #69b6ff);
  background: linear-gradient(to top, #822af0, #69b6ff);
  border: 1px solid #fff;
}
.setting-pay .setting-payment-price-box .select-time-row,
.setting-pay .setting-payment-price-box .select-seat {
  padding: 18px 0px;
}
.setting-pay .setting-payment-price-box .select-time-row label,
.setting-pay .setting-payment-price-box .select-seat label {
  font-size: 16px;
  font-weight: 500;
}
.setting-pay .setting-payment-price-box .select-time-row .setting-payment-footer-ul .setting-payment-price-total,
.setting-pay .setting-payment-price-box .select-seat .setting-payment-footer-ul .setting-payment-price-total {
  font-size: 28px;
  font-weight: 300;
}
.setting-pay .setting-payment-price-box .select-time-row .setting-payment-footer-ul .setting-payment-price-total .is-original-price,
.setting-pay .setting-payment-price-box .select-seat .setting-payment-footer-ul .setting-payment-price-total .is-original-price {
  margin-left: 20px;
  color: #999;
  font-size: 13px;
  text-decoration: line-through;
}
.setting-pay .setting-payment-price-box .select-time-row .setting-payment-footer-ul .go-botton-flex,
.setting-pay .setting-payment-price-box .select-seat .setting-payment-footer-ul .go-botton-flex {
  margin-top: 20px;
}
.setting-pay .setting-payment-price-box .select-time-row .setting-payment-footer-ul .go-botton-flex button,
.setting-pay .setting-payment-price-box .select-seat .setting-payment-footer-ul .go-botton-flex button {
  padding: 20px 30px;
  line-height: 0;
  font-size: 18px;
}
.setting-pay .setting-payment-price-box .select-pay h3 {
  font-size: 20px;
  padding: 18px 0;
}
.setting-pay .setting-payment-price-box .select-pay .setting-payment-pay-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  font-weight: 300;
  gap: 10px;
  font-size: 20px;
}
.setting-pay .setting-payment-price-box .select-pay .setting-payment-pay-ul .setting-payment-price-btnpay {
  width: 200px;
  height: 50px;
  color: #1880ff;
  border: 1px solid rgba(4, 15, 66, 0.2);
  cursor: pointer;
  border-radius: 0;
  font-size: 18px;
}
.setting-pay .setting-payment-price-box .select-pay .setting-payment-pay-ul .setting-payment-price-btnpay .setting-payment-pay-icon {
  padding-right: 16px;
  vertical-align: middle;
  width: 2em;
}
.setting-pay .setting-payment-price-box .select-pay .setting-payment-pay-ul .setting-payment-price-btnselected {
  color: #fff;
  background: -webkit-gradient(linear, left bottom, left top, from(#822af0), to(#69b6ff));
  background: -webkit-linear-gradient(bottom, #822af0, #69b6ff);
  background: -o-linear-gradient(bottom, #822af0, #69b6ff);
  background: linear-gradient(to top, #822af0, #69b6ff);
  border: 1px solid #fff;
}
.setting-pay .setting-payment-footer {
  line-height: 80px;
  height: 80px;
  background: #f1f1f1;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.setting-pay .setting-payment-footer .setting-payment-footer-ul {
  width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #222;
}
.setting-pay .setting-payment-footer .setting-payment-footer-ul .setting-payment-price-total {
  font-size: 32px;
  font-weight: 300;
  padding-left: 40px;
}
.setting-pay .setting-payment-footer .setting-payment-footer-ul .setting-payment-price-total .is-original-price {
  margin-left: 20px;
  color: #999;
  font-size: 18px;
  text-decoration: line-through;
}
.setting-pay .setting-payment-footer .setting-payment-footer-ul .go-botton-flex button {
  padding: 20px 30px;
  line-height: 0;
  font-size: 18px;
}
.setting-pay .ant-tabs .ant-tabs-tab-active {
  font-size: 18px;
}
.setting-pay-modal .ant-modal {
  width: 520px !important;
}
.setting-pay-modal .ant-modal-content {
  border-radius: 0 !important;
}
.setting-pay-modal .ant-modal-body {
  padding: 0px;
}
.setting-pay-modal .body {
  overflow: hidden;
}
.setting-pay-modal .body .head {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #f1f1f1;
}
.setting-pay-modal .body .head h3 {
  font-size: 20px;
  text-align: center;
}
.setting-pay-modal .body .imageCode {
  text-align: center;
  padding: 20px;
}
.setting-pay-modal .body .imageCode img {
  width: 400px;
}
.setting-pay-modal .body .confirm-cancel {
  border-top: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
}
.setting-chat-quick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-chat-quick .setting-region {
  width: 320px;
  padding: 0px;
  height: 700px;
}
.setting-chat-quick .setting-chat-quick-tools {
  margin-left: 20px;
  font-size: 14px;
  padding-top: 10px;
}
.setting-chat-quick .setting-chat-quick-tools a {
  font-size: 14px;
}
.setting-chat-quick .setting-chat-quick-tools a.is-loading {
  border: none;
  background: none;
  height: 20px;
  padding: 0px;
  padding-left: 25px;
}
.setting-chat-quick .setting-chat-quick-tools p {
  color: #666;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#auto-reply-body .auto-reply-typelist {
  margin-bottom: 15px;
  position: absolute;
  top: 0px;
  left: 100px;
  z-index: 1001;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#auto-reply-body .auto-reply-typelist a.button {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 10px;
  font-size: 14px;
}
#auto-reply-body .auto-reply-region {
  max-width: 650px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  margin-bottom: 30px;
  min-height: 100px;
  padding: 30px;
}
#auto-reply-body .auto-reply-region .head {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
#auto-reply-body .auto-reply-region .head span.txt {
  font-size: 14px;
  padding-right: 10px;
  color: #333;
}
#auto-reply-body .auto-reply-region .head .ant-switch {
  position: relative;
  bottom: 2px;
}
#auto-reply-body .auto-reply-region .head p {
  font-size: 14px;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.3);
}
#auto-reply-body .auto-reply-region .body .chat-content textarea {
  min-height: 37px;
  width: 100%;
  border: none;
  padding: 8px 15px;
  resize: none;
  background: none;
  font-size: 14px;
  color: #000;
}
#auto-reply-body .auto-reply-region .body .chat-content textarea::-webkit-scrollbar {
  display: none;
}
#auto-reply-body .auto-reply-region .body .chat-content textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#auto-reply-body .auto-reply-region .body .head {
  border-bottom: 0px;
  margin-bottom: 0px;
}
#auto-reply-body .auto-reply-region .body .head span.txt {
  color: rgba(0, 0, 0, 0.3);
}
#auto-reply-body .auto-reply-region .body.aotu {
  border-top: 1px solid #f1f1f1;
  margin-top: 20px;
  padding-top: 20px;
}
#auto-reply-body .auto-reply-region .body .overtime {
  margin-bottom: 15px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
#auto-reply-body .auto-reply-region .body .overtime input {
  height: 25px;
  width: 60px;
  margin: 0px 5px;
}
#auto-reply-body .auto-reply-region .body .chat {
  overflow: hidden;
}
#auto-reply-body .auto-reply-region .body .chat .chat-avatar {
  float: left;
}
#auto-reply-body .auto-reply-region .body .chat .chat-avatar .avatar {
  width: 35px;
  border-radius: 50%;
}
#auto-reply-body .auto-reply-region .body .chat .chat-content {
  position: relative;
  float: left;
  margin-left: 10px;
  width: 220px;
  color: #000;
  background-color: #f3f3f3;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
  cursor: pointer;
  font-size: 0px;
}
#auto-reply-body .auto-reply-region .body .chat .chat-content .txt-message {
  padding: 8px 15px;
  font-size: 14px;
}
#auto-reply-body .auto-reply-region .body .chat .chat-content:before {
  position: absolute;
  top: 10px;
  left: -10px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-right-color: #f3f3f3;
}
#auto-reply-body .auto-reply-region .body .autoreplay-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#auto-reply-body .auto-reply-region .body .autoreplay-editor > .edit {
  margin-left: 10px;
  max-width: 310px;
  padding: 10px;
  background: #f3f3f3;
  border-radius: 4px;
}
#auto-reply-body .auto-reply-region .body .autoreplay-editor > .edit .nexchat-editor .nexchat-editor-body {
  min-height: 100px;
  font-size: 14px;
}
#auto-reply-body .auto-reply-region .body .autoreplay-editor > .edit .edit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
#auto-reply-body .auto-reply-region .body .autoreplay-editor > .edit .edit-button a.button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
#auto-reply-body .auto-reply-region .body .autoreplay-editor > .edit .edit-button a.button:first-child {
  margin-right: 10px;
}
#auto-reply-body .auto-reply-region .advert-list .advert-li {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#auto-reply-body .auto-reply-region .advert-li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-edit-second {
  background: #fff;
  margin-top: 5px;
  border-radius: 4px;
  font-size: 14px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-edit-second input {
  height: 22px;
  width: 30px;
  margin: 0px 5px;
  padding: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  font-size: 14px;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-edit-second select {
  background: #fff;
  margin-right: 5px;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-tool {
  margin-left: 5px;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-tool .tag {
  font-size: 12px;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-tool ul {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-tool ul li {
  margin-left: 8px;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-tool ul li a.button {
  font-size: 12px;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-tool .arrow {
  display: inline;
}
#auto-reply-body .auto-reply-region .advert-li .advert-li-tool .arrow a.button {
  font-size: 12px;
  margin-left: 5px;
}
#auto-reply-body .auto-reply-region .advert-li:hover .advert-li-tool ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#auto-reply-body .auto-reply-region .advert-replaystop {
  position: absolute;
  right: 0px;
  top: 0px;
}
#auto-reply-body .auto-reply-region .advert-replaystop input {
  margin-right: 5px;
}
#auto-reply-body .auto-reply-region .advert-replaystop label {
  font-size: 14px;
  color: #999;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#chatrule-body {
  max-width: 600px;
}
#chatrule-body .chatrule-region {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  padding: 30px;
  margin-bottom: 30px;
  min-height: 100px;
}
#chatrule-body .chatrule-region .head {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
#chatrule-body .chatrule-region .head span.txt {
  font-size: 14px;
  padding-right: 10px;
  color: #333;
}
#chatrule-body .chatrule-region .head .ant-switch {
  position: relative;
  bottom: 2px;
}
#chatrule-body .chatrule-region .head p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  margin-top: 12px;
}
#chatrule-body .chatrule-region .body .overtime {
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
#chatrule-body .chatrule-region .body .overtime input {
  height: 25px;
  width: 60px;
  margin: 0px 5px;
}
#chatrule-body .chatrule-region .body p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
#chatrule-body .chatrule-region.nostting .head {
  padding: 0px;
  margin: 0px;
  border-bottom: 0px;
}
.setting-chatrule-shunt .body {
  padding: 15px 5px;
  width: 220px;
  font-size: 14px;
}
.setting-chatrule-shunt .body .shuntbutton {
  margin-top: 15px;
}
.setting-chatrule-shunt .body .shuntbutton button {
  display: block;
  width: 100%;
}
.setting-chatrule-shunt .body .ant-radio-group {
  margin-top: 15px;
  display: block;
  text-align: center;
}
.setting-chatrule-shunt .body .ant-radio-group label {
  padding: 0px 20px;
  height: 32px;
  line-height: 32px;
}
.setting-chatrule-shunt .body .list {
  height: 120px;
  margin-top: 15px;
  overflow-y: scroll;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
}
.setting-chatrule-shunt .body .list ul li {
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  cursor: pointer;
}
.setting-chatrule-shunt .body .list ul li:hover,
.setting-chatrule-shunt .body .list ul li.now {
  background: #f5f5f5;
}
.webshunt .shunt-body ul {
  background: #f9f9f9;
  padding: 15px 20px;
  border-radius: 5px;
}
.webshunt .shunt-body ul li {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  position: relative;
}
.webshunt .shunt-body ul li:last-child {
  border-bottom: none;
}
.webshunt .shunt-body ul li h3 {
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
  float: left;
}
.webshunt .shunt-body ul li span {
  position: absolute;
  top: 0px;
  right: 0px;
  color: rgba(0, 0, 0, 0.2);
}
.webshunt .shunt-body ul li span i {
  margin-left: 15px;
  cursor: pointer;
  color: #FAB4B4;
}
.webshunt .shunt-body ul li span a {
  margin-left: 15px;
}
.webshunt .shunt-body .shunt-add {
  margin-top: 15px;
  font-size: 14px;
}
.webshunt .shunt-body .tips {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  margin-top: 15px;
}
.setting-chat-distribution-service-popover .ant-popover-inner-content {
  padding: 0px;
}
.setting-chat-distribution-service-popover .popver-body {
  position: relative;
  width: 300px;
  padding: 0px;
  height: 350px;
}
.setting-chat-distribution-service-popover .popver-body ul {
  padding: 10px;
}
.setting-chat-distribution-service-popover .popver-body ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: move;
  padding: 10px 0px;
  border-radius: 4px;
}
.setting-chat-distribution-service-popover .popver-body ul li .popver-item-head {
  margin-right: 8px;
  font-size: 0px;
}
.setting-chat-distribution-service-popover .popver-body ul li .popver-item-head figure {
  width: 35px;
}
.setting-chat-distribution-service-popover .popver-body ul li .popver-item-head img {
  border-radius: 50%;
}
.setting-chat-distribution-service-popover .popver-body ul li .popver-item-title {
  font-size: 14px;
  width: 200px;
  margin-right: 5px;
  overflow: hidden;
}
.setting-chat-distribution-service-popover .popver-body ul li .popver-item-title h3 {
  color: #000;
}
.setting-chat-distribution-service-popover .popver-body ul li .popver-item-title p {
  color: #aaa;
}
.setting-chat-distribution-service-popover .popver-body ul li:hover {
  background: #f9f9f9;
}
.setting-chat-distribution-service-popover .popver-body ul li .arrow {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-chat-distribution-service-popover .popver-body ul li .arrow a.button {
  font-size: 12px;
  margin-right: 5px;
}
.setting-chat-distribution-condition {
  position: relative;
  width: 260px;
  margin-top: 20px;
  padding: 0px;
}
.setting-chat-distribution-condition input.input {
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 2.5em;
}
.setting-chat-distribution-condition .select {
  display: block;
  height: auto;
}
.setting-chat-distribution-condition .select select {
  width: 100%;
  height: 2.5em;
  font-size: 14px;
}
.setting-chat-distribution-condition .option {
  margin-top: 15px;
  font-size: 14px;
}
.setting-chat-distribution-condition .option .option-list {
  margin-bottom: 5px;
}
.setting-chat-distribution-condition .option .option-list .tags {
  margin-bottom: 0px;
}
.setting-chat-distribution-condition .option .option-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-chat-distribution-condition .option .option-add input {
  border: none;
  padding: 0px;
  height: 17px;
  padding-left: 5px;
}
.setting-chat-distribution-condition .option .option-add a {
  display: block;
  width: 80px;
  text-align: center;
}
.setting-chat-distribution-condition .checkbox {
  margin-top: 15px;
  font-size: 14px;
  display: block;
}
.setting-chat-distribution-condition .checkbox input {
  margin-right: 8px;
}
.setting-chat-distribution-condition .field {
  margin-bottom: 15px;
}
.setting-chat-distribution-condition .field.is-grouped.is-grouped-multiline > .control {
  margin-bottom: 0px;
}
.setting-chat-distribution-condition .popver-form-iptype {
  height: 30px;
  text-align: center;
}
.setting-chat-distribution-condition .tips {
  font-size: 14px;
  color: #bbb;
}
.setting-chat-distribution-condition .tags {
  margin-bottom: 0px;
}
.setting-chat-distribution-condition .foot {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-chat-distribution-condition .foot a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
}
.setting-chat-distribution-condition .foot a.button:first-child {
  margin-right: 10px;
}
.setting-chat-distribution-condition-popover .ant-popover-inner-content {
  padding: 0px;
}
.setting-chat-distribution-condition-popover .popver-body {
  position: relative;
  width: 230px;
  padding: 15px;
}
.setting-chat-distribution-condition-popover .popver-body .popver-object .tabs {
  margin-bottom: 0px;
}
.setting-chat-distribution-condition-popover .popver-body .popver-object .tabs li {
  font-size: 14px;
}
.setting-chat-distribution-condition-popover .popver-body .popver-list {
  height: 150px;
  margin: 10px 0px;
}
.setting-chat-distribution-condition-popover .popver-body .popver-list li a.button {
  display: block;
  text-align: left;
  font-size: 14px;
  height: 2.4em;
}
.setting-chat-distribution-condition-popover .popver-body .popver-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-chat-distribution-condition-popover .popver-body .popver-footer a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
}
.setting-chat-distribution-condition-popover .popver-body .popver-footer a.button:first-child {
  margin-right: 10px;
}
.setting-chat-distribution .condition-list li {
  font-size: 14px;
  border-bottom: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  height: 55px;
}
.setting-chat-distribution .condition-list li span {
  margin: 0px 5px;
}
.setting-chat-distribution .condition-list li .option {
  position: relative;
  bottom: 3px;
}
.setting-chat-distribution .condition-list li .option .button {
  font-size: 12px;
  height: 2em;
  margin: 0px;
}
.setting-chat-distribution .is-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.setting-chat-distribution .is-list li {
  margin-top: 0px;
  margin-right: 10px;
}
.setting-chat-distribution .is-list li a.button {
  min-width: 90px;
  height: 2.3em;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.setting-chat-distribution .is-list li a.button.is-active {
  background: #d0f1dc;
}
.setting-chat-preset ul li {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f1f1f1;
  font-size: 14px;
}
.setting-chat-preset ul li input {
  border: 0px;
  background: transparent;
  padding: 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.setting-chat-preset ul li input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.setting-chat-preset ul li h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  cursor: default;
}
.setting-chat-preset ul li a.button {
  font-size: 12px;
  height: 2em;
}
.setting-visualization-body {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ececec;
}
.setting-visualization-body .preview {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  background: #ececec;
}
.setting-visualization-body .preview > .head {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 45px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-visualization-body .preview > .head h3 {
  margin-left: 15px;
}
.setting-visualization-body .preview > .head h3 i {
  font-size: 22px;
}
.setting-visualization-body .preview > .head .urlbar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 32px;
  margin: 0px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.setting-visualization-body .preview > .head .urlbar .has-addons {
  width: 400px;
}
.setting-visualization-body .preview > .head .urlbar input {
  height: 32px;
  padding: 0px 10px;
  border-right: none;
  overflow: hidden;
  width: 320px;
}
.setting-visualization-body .preview > .head .urlbar input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-right: none;
}
.setting-visualization-body .preview > .head .urlbar a.button {
  height: 32px;
  width: 80px;
}
.setting-visualization-body .preview .iframebody {
  height: calc(100% - 45px);
  overflow: hidden;
  margin-top: 45px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.setting-visualization-body .preview .iframebody iframe {
  width: 100%;
  height: 100%;
}
.setting-visualization-body .preview .iframebody .mobilebody {
  width: 335px;
  height: 555px;
  position: relative;
  background: #fff;
}
.setting-visualization-body .preview .iframebody #_nexchat_chat_container_body_test {
  position: absolute;
  left: 0px;
  top: 0px;
  pointer-events: none;
}
.setting-visualization-body .preview .iframebody #_nexchat_chat_container_body_test div {
  pointer-events: auto;
}
.setting-visualization-body .preview .iframebody #_nexchat_chat_container_body_test strong {
  color: inherit;
}
@font-face {
  font-family: '_nexchat_chaticonfont';
  /* project id 327563 */
  src: url('https://static.letchat.net/static/fonts/font_327563_dlqmlutotzi.eot');
  src: url('https://static.letchat.net/static/fonts/font_327563_dlqmlutotzi.eot?#iefix') format('embedded-opentype'), url('https://static.letchat.net/static/fonts/font_327563_dlqmlutotzi.woff') format('woff'), url('https://static.letchat.net/static/fonts/font_327563_dlqmlutotzi.ttf') format('truetype'), url('https://static.letchat.net/static/fonts/font_327563_dlqmlutotzi.svg#iconfont') format('svg');
}
._nexchat_chaticonfont {
  font-family: "_nexchat_chaticonfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._nexchat_chaticonfont-close:before {
  content: "\E69A";
}
._nexchat_chaticonfont-pic:before {
  content: "\E6A8";
}
._nexchat_chaticonfont-smile:before {
  content: "\E6AF";
}
._nexchat_chaticonfont-attachment:before {
  content: "\E6C0";
}
._nexchat_chaticonfont-chat:before {
  content: "\E656";
}
._nexchat_chaticonfont-icondownload:before {
  content: "\E714";
}
._nexchat_chaticonfont-qq:before {
  content: "\E67B";
}
._nexchat_chaticonfont-tel:before {
  content: "\E680";
}
._nexchat_chaticonfont-wechat:before {
  content: "\E629";
}
._nexchat_chaticonfont-weibo:before {
  content: "\E635";
}
._nexchat_chaticonfont-back:before {
  content: "\E6C3";
}
@font-face {
  font-family: "_nexchat_chaticonfont";
  /* Project id 3818873 */
  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMIAAsAAAAABvQAAAK7AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcAqBbIFWATYCJAMICwYABCAFhGcHMxsVBsgOJVWRwNDtAUxEPDyNo96fmQWQjCY26JwvCVlJipfKpa7IEnY+u/y5QJxIqI5VsJjdbM6zE+L1gEuqSz5qq2T5X3z6UzkLKMAPRJKuNWgu+mAFrAase1mtoAXr9bzIHaZXvvJAPiNQa04+k53yWjlwuEURHfBhRo8GaXncEngKWPGoosBCtVDZd28RH1SQXqaneB9+Pv5bCCuSikxXHd0sY8Ht9wmzwLT/op/83dP5uuBjCRXImAIU4qw9e8BU1PGmar1mBmB7EfyeeHjw7WLXFsH+Ol1aD/qheE8yJ7/V0gRKPL4PuDpqImnGu2vCzeDpNmEmzXjPRk26KxSz7pNAZeNqPac9VQr3zYjt6GLPhnmfufApeT+48WXiVadSruKnp8NjGqsac+8teqaGgA9f94IB/YLd6lxxyRrY/vR1KfO8Y0HBBiVKCr/8G0ypk8+2Jgq4+NVOV10bU1mkiP7pXiSRPKGdUyzoy5H7vOdMaqA8XAJqPm4UDf9ynn8YDEEhHc8vssnf/Y3l2Wf/Gppy/1nVFfDr9HFI2FLkhOrTe4N/qbvRk1hEjFTqZNyf7I9KJ9SaBBd0sNW7sca2ey6Gam137q/SlyKrNkAVbgIV6iygUrVV1JpUdrhOGwNTUWowYgggNNtF0ugbsmZ3VOGeo0Kn76jU7D9qXQr78+qMBFOCEUUQC+kOKDB6HWcNJJQqRXyLhsJVKSXCogATMCk+sVioQDqEp9ggtvLJhHCQw3otLKePIY1GDw1Y34wYEt9EiCE7IYGre0k8o9eCEhhCIRAWROsACRh6OpxPJvnvk0J4LTQouCelzGIiAUqHksRL7EFVaHW9+u7kElErXjKC4EAcDPJaUDmfhWho6EGG+lnNEAYRr2lE2iBbgiFxfbXx6+u1X09gQ2hTCuPOaq6sDvGY0iYBAAA=') format('woff2'), url('https://static.letchat.net/static/fonts/font_3818873_08qa014b32a.woff?t=1670584739965') format('woff'), url('https://static.letchat.net/static/fonts/font_3818873_08qa014b32a.ttf?t=1670584739965') format('truetype');
}
._nexchat_chaticonfont {
  font-family: "_nexchat_chaticonfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._nexchat_chaticonfont-telegram:before {
  content: "\E794";
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc {
  position: absolute!important;
  right: 20px;
  bottom: 20px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_merge {
  overflow: hidden;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_merge:hover {
  background-color: #000;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_merge ._nexchat_chat_button_list {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_merge ._nexchat_chat_button_list:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.98;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_merge ._nexchat_chat_button_list:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.95;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_button_paved {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_button_paved._nexchat_chat_container_body_merge ._nexchat_chat_button_list {
  border-bottom: none;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_small ._nexchat_chat_button_list {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_small ._nexchat_chat_button_list i {
  font-size: 24px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_small ._nexchat_chat_button_list ._nexchat_chat_button_close i {
  font-size: 24px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_small._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  padding: 0px 15px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_small._nexchat_chat_container_body_displayname ._nexchat_chat_button_list i {
  font-size: 22px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_small._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_close i {
  font-size: 20px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_small._nexchat_chat_container_body_displayname ._nexchat_chat_button_list h4 {
  font-size: 13px;
  margin-left: 2px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_small._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_animation {
  height: 50px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_large ._nexchat_chat_button_list {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_large ._nexchat_chat_button_list i {
  font-size: 34px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_large ._nexchat_chat_button_list ._nexchat_chat_button_close i {
  font-size: 32px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_large._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  padding: 0px 30px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_large._nexchat_chat_container_body_displayname ._nexchat_chat_button_list i {
  font-size: 30px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_large._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_close i {
  font-size: 28px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_large._nexchat_chat_container_body_displayname ._nexchat_chat_button_list h4 {
  font-size: 17px;
  margin-left: 10px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_large._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_animation {
  width: 34px;
  height: 70px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname ._nexchat_chat_button_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  padding: 0px 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname ._nexchat_chat_button_list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname ._nexchat_chat_button_list i {
  font-size: 26px;
  width: 30px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_close i {
  font-size: 24px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname ._nexchat_chat_button_list h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  font-size: 15px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  margin-left: 7px;
  min-width: 30px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_animation {
  position: relative;
  width: 30px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list {
  display: block;
  width: 70px!important;
  height: 70px!important;
  overflow: hidden;
  line-height: 1!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  display: block!important;
  padding: 10px 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list a {
  display: block;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list i {
  font-size: 26px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list h4 {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  margin-top: 8px;
  text-align: center;
  font-weight: normal;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list ._nexchat_chat_button_animation {
  width: 100%;
  height: 26px;
  line-height: 26px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list {
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  user-select: none;
  position: relative;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%;
  cursor: pointer;
  opacity: 1;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
  -webkit-animation: _nexchat_chat_button_show 0.1s;
  animation: _nexchat_chat_button_show 0.1s;
  line-height: 60px;
  text-align: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  display: block!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list a {
  text-decoration: none;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list a:hover {
  text-decoration: none;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list i {
  font-size: 30px;
  color: #fff;
  position: relative;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list i._nexchat_chaticonfont-chat {
  top: 2px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list i._nexchat_chaticonfont-qq {
  bottom: 2px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list i._nexchat_chaticonfont-tel {
  top: 2px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list:active {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list ._nexchat_chat_button_open,
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list ._nexchat_chat_button_close {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  transition: opacity 0.08s linear, -webkit-transform 0.16s linear;
  -webkit-transition: opacity .08s linear,-webkit-transform .16s linear;
  transition: opacity .08s linear,-webkit-transform .16s linear;
  -o-transition: transform .16s linear,opacity .08s linear;
  transition: transform .16s linear,opacity .08s linear;
  transition: transform .16s linear,opacity .08s linear,-webkit-transform .16s linear;
  transition: transform 0.16s linear, opacity 0.08s linear, -webkit-transform 0.16s linear;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list ._nexchat_chat_button_open {
  opacity: 1;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list ._nexchat_chat_button_close {
  opacity: 0;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list ._nexchat_chat_button_close i {
  font-size: 28px;
  top: 2px;
  font-weight: 300;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list._nexchat_chat_button_active ._nexchat_chat_button_open {
  opacity: 0;
  -webkit-transform: rotate(30deg) scale(0);
  -ms-transform: rotate(30deg) scale(0);
  transform: rotate(30deg) scale(0);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list._nexchat_chat_button_active ._nexchat_chat_button_close {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_pc ._nexchat_chat_button_list:last-child {
  border: none!important;
}
@-webkit-keyframes _nexchat_chat_button_show {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
  }
  70% {
    opacity: 0.7;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile {
  position: absolute!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_merge {
  overflow: hidden;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_merge:hover {
  background-color: #000;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_merge ._nexchat_chat_button_list {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_merge ._nexchat_chat_button_list:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.98;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_merge ._nexchat_chat_button_list:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.95;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_small ._nexchat_chat_button_list {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_small ._nexchat_chat_button_list i {
  font-size: 24px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_small ._nexchat_chat_button_list ._nexchat_chat_button_close i {
  font-size: 24px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_small._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  padding: 0px 15px;
  padding-right: 20px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_small._nexchat_chat_container_body_displayname ._nexchat_chat_button_list i {
  font-size: 22px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_small._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_close i {
  font-size: 20px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_small._nexchat_chat_container_body_displayname ._nexchat_chat_button_list h4 {
  font-size: 13px;
  padding-left: 2px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname ._nexchat_chat_button_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 25px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname ._nexchat_chat_button_list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname ._nexchat_chat_button_list i {
  font-size: 26px;
  width: 30px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname ._nexchat_chat_button_list ._nexchat_chat_button_close i {
  font-size: 24px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname ._nexchat_chat_button_list h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  padding-left: 7px;
  font-size: 15px;
  text-align: left;
  font-weight: normal;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list {
  display: block;
  width: 70px!important;
  overflow: hidden;
  height: 70px!important;
  line-height: 1!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  display: block!important;
  padding: 10px 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list a {
  display: block;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list i {
  font-size: 26px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list h4 {
  font-size: 12px;
  padding: 0px;
  margin-top: 8px;
  text-align: center;
  font-weight: normal;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list {
  position: relative;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 1;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
  -webkit-animation: _nexchat_chat_button_show 0.1s;
          animation: _nexchat_chat_button_show 0.1s;
  line-height: 60px;
  text-align: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  display: block!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list a {
  text-decoration: none;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list a:hover {
  text-decoration: none;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list i {
  font-size: 30px;
  color: #fff;
  position: relative;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list i._nexchat_chaticonfont-chat {
  top: 2px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list i._nexchat_chaticonfont-qq {
  bottom: 2px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list i._nexchat_chaticonfont-tel {
  top: 2px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list:active {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_body._nexchat_chat_button_mobile ._nexchat_chat_button_list:last-child {
  border: none!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body {
  position: absolute!important;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  opacity: 1;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
  -webkit-animation: _nexchat_chat_button_show 0.1s;
          animation: _nexchat_chat_button_show 0.1s;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body:active {
  background-color: #000;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list:active {
  opacity: 0.95;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list:last-child {
  border: none!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list a {
  text-decoration: none;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list a:hover {
  text-decoration: none;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list i {
  font-size: 23px;
  position: relative;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list i._nexchat_chaticonfont-qq {
  bottom: 1px;
  font-size: 22px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list i._nexchat_chaticonfont-weibo {
  font-size: 30px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list i._nexchat_chaticonfont-telegram {
  font-size: 30px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list h4 {
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list {
  display: block;
  text-align: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list i {
  font-size: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list i._nexchat_chaticonfont-qq {
  font-size: 22px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list i._nexchat_chaticonfont-weibo {
  font-size: 27px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list i._nexchat_chaticonfont-telegram {
  font-size: 27px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list h4 {
  font-size: 12px;
  margin: 0px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  white-space: nowrap;
  line-height: 1;
}
#_nexchat_chat_container_body_test ._nexchat_chat_button_mbbottom_body._nexchat_chat_container_body_displayname._nexchat_chat_container_body_displayname_bottom ._nexchat_chat_button_list ._nexchat_chat_button_list_body {
  display: block;
  text-align: center;
}
._nexchat_chat_modal {
  position: absolute!important;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 400px;
  width: 90%;
  max-width: 400px;
  font-size: 0px;
}
._nexchat_chat_modal:focus {
  outline: none;
}
._nexchat_chat_modal ._nexchat_chat_modal_body {
  position: relative;
}
._nexchat_chat_modal ._nexchat_chat_modal_body img {
  max-width: 100%;
  height: auto;
}
._nexchat_chat_modal ._nexchat_chat_modal_body ._nexchat_chat_modal_close {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 25px;
  height: 25px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  line-height: 1;
}
._nexchat_chat_modal ._nexchat_chat_modal_body ._nexchat_chat_modal_close i {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
  position: relative;
  top: 1px;
}
._nexchat_chat_modal ._nexchat_chat_modal_body ._nexchat_chat_modal_close:hover i {
  color: #000;
}
._nexchat_chat_modal_overlay {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
._nexchat_chat_button_tooltip_box {
  padding: 15px;
  font-size: 16px;
}
._nexchat_chat_button_tooltip_box img {
  max-width: 200px;
}
.tippy-touch {
  cursor: pointer !important;
}
.tippy-notransition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.tippy-popper {
  max-width: 400px;
  -webkit-perspective: 800px;
  perspective: 800px;
  z-index: 2147483647!important;
  outline: 0;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
       -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
}
.tippy-popper.html-template {
  max-width: 96%;
  max-width: calc(80%);
}
.tippy-popper[x-placement^=top] [x-arrow] {
  border-top: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -7px;
  margin: 0 9px;
}
.tippy-popper[x-placement^=top] [x-arrow].arrow-small {
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px;
}
.tippy-popper[x-placement^=top] [x-arrow].arrow-big {
  border-top: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -10px;
}
.tippy-popper[x-placement^=top] [x-circle] {
  -webkit-transform-origin: 0 33%;
  -ms-transform-origin: 0 33%;
      transform-origin: 0 33%;
}
.tippy-popper[x-placement^=top] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -55%);
  -ms-transform: scale(1) translate(-50%, -55%);
      transform: scale(1) translate(-50%, -55%);
  opacity: 1;
}
.tippy-popper[x-placement^=top] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  -ms-transform: scale(0.15) translate(-50%, -50%);
      transform: scale(0.15) translate(-50%, -50%);
  opacity: 0;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] {
  border-top: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] {
  border-top: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-top: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-top: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.tippy-popper[x-placement^=top] [data-animation=perspective] {
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
      transform-origin: bottom;
}
.tippy-popper[x-placement^=top] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px) rotateX(0);
  transform: translateY(-10px) rotateX(0);
}
.tippy-popper[x-placement^=top] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(90deg);
  transform: translateY(0) rotateX(90deg);
}
.tippy-popper[x-placement^=top] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}
.tippy-popper[x-placement^=top] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}
.tippy-popper[x-placement^=top] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}
.tippy-popper[x-placement^=top] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
}
.tippy-popper[x-placement^=top] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px) scale(1);
  -ms-transform: translateY(-10px) scale(1);
      transform: translateY(-10px) scale(1);
}
.tippy-popper[x-placement^=top] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  -ms-transform: translateY(0) scale(0);
      transform: translateY(0) scale(0);
}
.tippy-popper[x-placement^=bottom] [x-arrow] {
  border-bottom: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  margin: 0 9px;
}
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small {
  border-bottom: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: -5px;
}
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
  border-bottom: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  top: -10px;
}
.tippy-popper[x-placement^=bottom] [x-circle] {
  -webkit-transform-origin: 0 -50%;
  -ms-transform-origin: 0 -50%;
      transform-origin: 0 -50%;
}
.tippy-popper[x-placement^=bottom] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -45%);
  -ms-transform: scale(1) translate(-50%, -45%);
      transform: scale(1) translate(-50%, -45%);
  opacity: 1;
}
.tippy-popper[x-placement^=bottom] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -5%);
  -ms-transform: scale(0.15) translate(-50%, -5%);
      transform: scale(0.15) translate(-50%, -5%);
  opacity: 0;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] {
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-bottom: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
  border-bottom: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-bottom: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-bottom: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
      transform-origin: top;
}
.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateY(10px) rotateX(0);
  transform: translateY(10px) rotateX(0);
}
.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(-90deg);
  transform: translateY(0) rotateX(-90deg);
}
.tippy-popper[x-placement^=bottom] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px);
}
.tippy-popper[x-placement^=bottom] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px);
}
.tippy-popper[x-placement^=bottom] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px);
}
.tippy-popper[x-placement^=bottom] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
}
.tippy-popper[x-placement^=bottom] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateY(10px) scale(1);
  -ms-transform: translateY(10px) scale(1);
      transform: translateY(10px) scale(1);
}
.tippy-popper[x-placement^=bottom] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  -ms-transform: translateY(0) scale(0);
      transform: translateY(0) scale(0);
}
.tippy-popper[x-placement^=left] [x-arrow] {
  border-left: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
  margin: 6px 0;
}
.tippy-popper[x-placement^=left] [x-arrow].arrow-small {
  border-left: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  right: -5px;
}
.tippy-popper[x-placement^=left] [x-arrow].arrow-big {
  border-left: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: -10px;
}
.tippy-popper[x-placement^=left] [x-circle] {
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
}
.tippy-popper[x-placement^=left] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -50%);
  -ms-transform: scale(1) translate(-50%, -50%);
      transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}
.tippy-popper[x-placement^=left] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  -ms-transform: scale(0.15) translate(-50%, -50%);
      transform: scale(0.15) translate(-50%, -50%);
  opacity: 0;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] {
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-left: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] {
  border-left: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-left: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-left: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tippy-popper[x-placement^=left] [data-animation=perspective] {
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
      transform-origin: right;
}
.tippy-popper[x-placement^=left] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px) rotateY(0);
  transform: translateX(-10px) rotateY(0);
}
.tippy-popper[x-placement^=left] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(-90deg);
  transform: translateX(0) rotateY(-90deg);
}
.tippy-popper[x-placement^=left] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px);
}
.tippy-popper[x-placement^=left] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px);
}
.tippy-popper[x-placement^=left] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px);
}
.tippy-popper[x-placement^=left] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
      transform: translateX(0);
}
.tippy-popper[x-placement^=left] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px) scale(1);
  -ms-transform: translateX(-10px) scale(1);
      transform: translateX(-10px) scale(1);
}
.tippy-popper[x-placement^=left] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  -ms-transform: translateX(0) scale(0);
      transform: translateX(0) scale(0);
}
.tippy-popper[x-placement^=right] [x-arrow] {
  border-right: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -7px;
  margin: 6px 0;
}
.tippy-popper[x-placement^=right] [x-arrow].arrow-small {
  border-right: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: -5px;
}
.tippy-popper[x-placement^=right] [x-arrow].arrow-big {
  border-right: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -10px;
}
.tippy-popper[x-placement^=right] [x-circle] {
  -webkit-transform-origin: -50% 0;
  -ms-transform-origin: -50% 0;
      transform-origin: -50% 0;
}
.tippy-popper[x-placement^=right] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -50%);
  -ms-transform: scale(1) translate(-50%, -50%);
      transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}
.tippy-popper[x-placement^=right] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  -ms-transform: scale(0.15) translate(-50%, -50%);
      transform: scale(0.15) translate(-50%, -50%);
  opacity: 0;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] {
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-right: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] {
  border-right: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-right: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-right: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tippy-popper[x-placement^=right] [data-animation=perspective] {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
      transform-origin: left;
}
.tippy-popper[x-placement^=right] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateX(10px) rotateY(0);
  transform: translateX(10px) rotateY(0);
}
.tippy-popper[x-placement^=right] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(90deg);
  transform: translateX(0) rotateY(90deg);
}
.tippy-popper[x-placement^=right] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px);
}
.tippy-popper[x-placement^=right] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px);
}
.tippy-popper[x-placement^=right] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px);
}
.tippy-popper[x-placement^=right] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
      transform: translateX(0);
}
.tippy-popper[x-placement^=right] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateX(10px) scale(1);
  -ms-transform: translateX(10px) scale(1);
      transform: translateX(10px) scale(1);
}
.tippy-popper[x-placement^=right] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  -ms-transform: translateX(0) scale(0);
      transform: translateX(0) scale(0);
}
.tippy-popper .tippy-tooltip.transparent-theme {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] {
  background-color: transparent;
}
.tippy-popper .tippy-tooltip.light-theme {
  color: #26323d;
  -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
          box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
  background-color: #fff;
}
.tippy-popper .tippy-tooltip.light-theme[data-animatefill] {
  background-color: transparent;
}
.tippy-tooltip {
  position: relative;
  color: #fff;
  border-radius: 4px;
  font-size: .95rem;
  padding: 0px;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #333;
}
.tippy-tooltip--small {
  padding: .25rem .5rem;
  font-size: 0.8rem;
}
.tippy-tooltip--big {
  padding: .6rem 1.2rem;
  font-size: 1.2rem;
}
.tippy-tooltip[data-animatefill] {
  overflow: hidden;
  background-color: transparent;
}
.tippy-tooltip[data-interactive] {
  pointer-events: auto;
}
.tippy-tooltip[data-inertia] {
  -webkit-transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
       -o-transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
          transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
}
.tippy-tooltip [x-arrow] {
  position: absolute;
  width: 0;
  height: 0;
}
.tippy-tooltip [x-circle] {
  position: absolute;
  will-change: transform;
  background-color: #333;
  border-radius: 50%;
  width: 130%;
  width: calc(112%);
  left: 50%;
  top: 50%;
  z-index: -1;
  overflow: hidden;
  -webkit-transition: all ease;
  -o-transition: all ease;
  transition: all ease;
}
.tippy-tooltip [x-circle]:before {
  content: "";
  padding-top: 90%;
  float: left;
}
@media (max-width: 450px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(80%);
  }
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body {
  position: absolute!important;
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body {
  position: fixed;
  right: 20px;
  bottom: calc(20px + 75px);
  display: block;
  opacity: 1;
  width: 100%;
  -webkit-animation: _nexchat_chat_grshow 0.3s;
  animation: _nexchat_chat_grshow 0.3s;
}
@media screen and (min-width: 601px) {
  #_nexchat_chat_container_body_test #_nexchat_chat_unread_body {
    width: auto;
  }
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body ._nexchat_chat_unread_clear {
  display: none;
  position: absolute;
  right: 0px;
  top: -16px;
  text-align: center;
  background: #f5f5f5;
  color: #777;
  border-radius: 12px;
  white-space: nowrap;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0px 12px;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body:hover ._nexchat_chat_unread_clear {
  display: block;
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl {
  padding: 0px;
  margin: 0px auto;
  display: block;
  width: 85%;
  clear: both;
  margin-top: 15px!important;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 601px) {
  #_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl {
    margin: 0px;
    width: 280px;
  }
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl dt {
  width: 30px;
  height: 62px;
  text-align: center;
  overflow: hidden;
  margin-left: 12px;
  font-size: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl dt img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
  margin-right: 12px;
}
@media screen and (min-width: 601px) {
  #_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl dd {
    width: calc(280px - 30px - 12px - 22px);
  }
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl dd ._nexchat_chat_unread_contents {
  margin: 10px 0px;
  font-size: 14px;
  white-space: normal;
  word-wrap: break-word;
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl dd ._nexchat_chat_unread_contents h4 {
  font-size: 14px;
  font-weight: 400;
  color: #aaa;
  margin: 0px;
  padding: 0px;
  text-shadow: none;
  line-height: 1.5;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body dl dd ._nexchat_chat_unread_contents p {
  margin: 0px;
  padding: 0px;
  color: #222;
  line-height: 1.5;
  word-wrap: break-word !important;
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body._nexchat_chat_unread_mobile {
  top: auto;
  left: 50%;
  right: auto;
  margin-right: -50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
#_nexchat_chat_container_body_test #_nexchat_chat_unread_body._nexchat_chat_unread_mobile dl dd {
  width: 220px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe_cover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe {
  position: absolute;
  z-index: 2147483001;
  right: 20px;
  height: calc(100% - 20px - 75px - 20px);
  bottom: calc(20px + 75px);
  width: 370px;
  min-height: 250px;
  max-height: 590px;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
          box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  overflow: hidden;
  -webkit-animation: _nexchat_chat_grshow 0.3s;
          animation: _nexchat_chat_grshow 0.3s;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe._nexchat_chat_iframe_mobile {
  left: 0px;
  bottom: 0px;
  height: 100%;
  max-height: 100%;
  width: 100%;
  border-radius: 0px;
  background: #fff;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe._nexchat_chat_iframe_mobile._nexchat_chat_iframe_part {
  height: 95%;
  max-height: 95%;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat h3.title {
  z-index: 10;
  position: absolute;
  top: 0px;
  width: 100%;
  font-weight: normal;
  height: 75px;
  overflow: hidden;
  padding: 0px 20px;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat h3.title .text {
  padding-left: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: normal;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat h3.title .text p {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.95) !important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat h3.title .head {
  background: rgba(255, 255, 255, 0.8);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat h3.title .head img {
  border-radius: 100px;
  width: 100%;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat h3.title .close {
  font-size: 18px;
  cursor: pointer;
  text-align: right;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat h3.title .close i {
  font-size: 24px;
  color: #fff;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat h3.title .close:hover {
  opacity: 0.8;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body {
  background: #fcfcfc;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: scroll;
  overflow-x: hidden;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .bulletinarea-body {
  margin: 15px;
  background: #f3f3f3;
  color: #000;
  padding: 8px 15px;
  border-radius: 4px;
  margin-top: 0px;
  font-size: 14px;
  white-space: normal;
  word-wrap: break-word;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .time-break {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .time-break span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  color: #4a4a4a;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: .75rem;
  height: 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.5;
  padding-left: .75em;
  padding-right: .75em;
  white-space: nowrap;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat .chat-avatar {
  float: right;
  margin-right: 15px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat .chat-avatar .avatar {
  width: 35px;
  border-radius: 50%;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat .chat-body {
  display: block;
  overflow: hidden;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat .chat-body:first-child {
  margin-top: 0;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat .chat-body .chat-content {
  position: relative;
  display: block;
  float: right;
  margin: 0 10px 16px 10px;
  margin-right: 15px;
  max-width: 220px;
  clear: both;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat .chat-body .chat-content .txt-message {
  color: #fff;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: normal;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat .chat-body .chat-content > p:last-child {
  margin-bottom: 0;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat .chat-body .chat-content:before {
  position: absolute;
  top: 10px;
  right: -10px;
  width: 0;
  height: 0;
  content: '';
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat.chat-left .chat-avatar {
  margin-right: 0px;
  margin-left: 15px;
  float: left;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat.chat-left .chat-body {
  margin-right: 0;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat.chat-left .chat-content {
  float: left;
  background-color: #f3f3f3!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat.chat-left .chat-content .txt-message {
  color: #000;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .chat.chat-left .chat-content:before {
  right: auto;
  left: -10px;
  border: 5px solid transparent;
  border-right-color: #f3f3f3;
  border-left-color: transparent!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .copyright {
  position: absolute;
  bottom: 64px;
  text-align: center;
  width: 100%;
  z-index: 9;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2);
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .copyright a {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2);
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .preview-chat-message-body .copyright a:hover {
  color: rgba(0, 0, 0, 0.3);
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .chat-send {
  background: #fff;
  height: 55px;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0px 100px 0 rgba(150, 165, 190, 0.24);
          box-shadow: 0 0px 100px 0 rgba(150, 165, 190, 0.24);
  border-top: 1px solid #e6e6e6;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .chat-send .chat-tool {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  padding-right: 20px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .chat-send .chat-tool i {
  font-size: 19px;
  margin-left: 13px;
  cursor: pointer;
  color: #ccc;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .chat-send .chat-tool i.icon-folder {
  font-size: 20px;
  position: relative;
  bottom: 1px;
}
@media screen and (min-width: 480px) {
  #_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .chat-send .chat-tool i:hover {
    color: #aaa;
  }
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .chat-send .chat-send-body {
  position: relative;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .chat-send .chat-send-body .chat-dbox-send-tips {
  position: absolute;
  right: 10px;
  bottom: 0px;
  color: #eee;
  text-align: right;
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe .preview-chat .chat-send .chat-send-body span {
  display: block;
  padding: 17px;
  font-size: 14px;
  padding-right: 120px;
  padding-left: 30px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.3);
}
#_nexchat_chat_container_body_test ._nexchat_chat_iframe._nexchat_chat_iframe_center {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
@-webkit-keyframes _nexchat_chat_grshow {
  0% {
    opacity: 0;
    -webkit-transform: translate(0px, 20px);
            transform: translate(0px, 20px);
  }
  70% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card {
  position: absolute!important;
  -webkit-animation: _nexchat_chat_autoinvi_show 0.1s;
          animation: _nexchat_chat_autoinvi_show 0.1s;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_img {
  position: absolute!important;
  -webkit-animation: _nexchat_chat_autoinvi_show 0.1s;
          animation: _nexchat_chat_autoinvi_show 0.1s;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi {
  position: absolute!important;
  right: 100px;
  bottom: 40px;
  min-width: 200px;
  -webkit-animation: _nexchat_chat_autoinvi_show 0.1s;
          animation: _nexchat_chat_autoinvi_show 0.1s;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi ._nexchat_chat_autoinvi_body {
  position: relative;
  background: #fff;
  padding: 20px 24px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  white-space: normal;
  word-wrap: break-word;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi ._nexchat_chat_autoinvi_body:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi ._nexchat_chat_autoinvi_body:before {
  position: absolute;
  bottom: 5px;
  right: -10px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-left-color: #fff;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi ._nexchat_chat_autoinvi_body strong {
  color: inherit;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi ._nexchat_chat_autoinvi_body p {
  margin-bottom: 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi ._nexchat_chat_autoinvi_body figure {
  font-size: 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi._nexchat_chat_autoinvi_left ._nexchat_chat_autoinvi_body:before {
  right: auto;
  left: -10px;
  border-left-color: transparent;
  border-right-color: #fff;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi._nexchat_chat_autoinvi_center {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi._nexchat_chat_autoinvi_center ._nexchat_chat_autoinvi_body:before {
  display: none;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi._nexchat_chat_autoinvi_mobile {
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  right: auto;
  width: 80%;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi._nexchat_chat_autoinvi_mobile ._nexchat_chat_autoinvi_body {
  padding: 15px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi._nexchat_chat_autoinvi_mobile._nexchat_chat_autoinvi_bottom {
  top: auto;
  bottom: 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi._nexchat_chat_autoinvi_mobile._nexchat_chat_autoinvi_bottom ._nexchat_chat_autoinvi_body:before {
  right: 5px;
  left: auto;
  bottom: -10px;
  border-left-color: transparent;
  border-top-color: #fff;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi._nexchat_chat_autoinvi_mobile._nexchat_chat_autoinvi_top {
  bottom: auto;
  top: 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi._nexchat_chat_autoinvi_mobile._nexchat_chat_autoinvi_top ._nexchat_chat_autoinvi_body:before {
  display: none;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_close {
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 99;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_close i {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_close:hover i {
  color: #000;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body {
  position: relative;
  background: #fff;
  height: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 2px 18px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 2px 18px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px 24px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_content ._nexchat_chat_autoinvi_card_content_html {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.7);
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_content ._nexchat_chat_autoinvi_card_content_html strong {
  color: inherit;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_content ._nexchat_chat_autoinvi_card_content_html p {
  margin-bottom: 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_button {
  text-align: center;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_button:hover {
  background: #000;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  background: #209cee;
  color: #fff;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_button a i {
  font-size: 20px;
  margin-right: 5px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_button a:hover {
  opacity: 0.97;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card ._nexchat_chat_autoinvi_body ._nexchat_chat_autoinvi_card_button a:active {
  opacity: 0.93;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card._nexchat_chat_autoinvi_center {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card._nexchat_chat_autoinvi_mobile {
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  right: auto;
  width: 85%;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card._nexchat_chat_autoinvi_mobile._nexchat_chat_autoinvi_bottom {
  top: auto;
  bottom: 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_card._nexchat_chat_autoinvi_mobile._nexchat_chat_autoinvi_top {
  bottom: auto;
  top: 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_img ._nexchat_chat_autoinvi_body {
  position: relative;
  height: auto;
  -webkit-box-shadow: 0 3px 18px 0 rgba(238, 238, 238, 0.5);
          box-shadow: 0 3px 18px 0 rgba(238, 238, 238, 0.5);
  font-size: 0px;
  cursor: pointer;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_img ._nexchat_chat_autoinvi_body img {
  height: auto!important;
  max-width: 100%!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_img._nexchat_chat_autoinvi_center {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_img._nexchat_chat_autoinvi_mobile {
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  right: auto;
  max-width: 300px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_img._nexchat_chat_autoinvi_mobile ._nexchat_chat_autoinvi_body img {
  max-width: 300px!important;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_img._nexchat_chat_autoinvi_mobile._nexchat_chat_autoinvi_bottom {
  top: auto;
  bottom: 0px;
}
#_nexchat_chat_container_body_test ._nexchat_chat_autoinvi_img._nexchat_chat_autoinvi_mobile._nexchat_chat_autoinvi_top {
  bottom: auto;
  top: 0px;
}
@-webkit-keyframes _nexchat_chat_autoinvi_show {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
#_nexchat_chat_container_body_test {
  width: 100%;
  height: 100%;
}
#_nexchat_chat_container_body_test.link-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: cover;
}
#_nexchat_chat_container_body_test.link-body ._nexchat_chat_iframe {
  position: relative;
  left: 0px!important;
  top: 0px!important;
  right: auto!important;
  bottom: auto!important;
  width: 100%;
  height: 100%;
  max-height: 600px;
  max-width: 380px;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  -webkit-animation: none;
          animation: none;
}
#_nexchat_chat_container_body_test.link-body ._nexchat_chat_iframe .back {
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test.link-body ._nexchat_chat_iframe .back a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#_nexchat_chat_container_body_test.link-body ._nexchat_chat_iframe .back a:hover i {
  color: rgba(255, 255, 255, 0.6);
}
#_nexchat_chat_container_body_test.link-body ._nexchat_chat_iframe .back a i {
  font-size: 25px;
  color: rgba(255, 255, 255, 0.9);
}
.setting-visualization-body .setup {
  width: 300px;
  border-left: 1px solid #bbb;
  position: relative;
  padding: 45px 0px;
  background: #fff;
}
.setting-visualization-body .setup .setup-head {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 45px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-visualization-body .setup .setup-head h3 {
  margin-left: 10px;
  font-size: 15px;
  font-weight: normal;
}
.setting-visualization-body .setup .setup-head h3 i {
  font-size: 20px;
  margin-right: 5px;
}
.setting-visualization-body .setup .setup-head h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  margin-right: 10px;
}
.setting-visualization-body .setup .setup-head h4 a.button {
  font-size: 14px;
}
.setting-visualization-body .setup .setup-head .buttons {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 15px;
}
.setting-visualization-body .setup .setup-head .buttons .button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 30px;
  font-size: 14px;
}
.setting-visualization-body .setup .setup-body {
  height: 100%;
}
.setting-visualization-body .setup .setup-body dl {
  font-size: 14px;
  margin: 20px 20px;
}
.setting-visualization-body .setup .setup-body dl .portrait span.button {
  height: 36px!important;
  margin-bottom: -1px;
}
.setting-visualization-body .setup .setup-body dl .button {
  font-size: 14px;
  height: 30px;
  text-align: center;
}
.setting-visualization-body .setup .setup-body dl .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-visualization-body .setup .setup-body dl .buttons span.button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 35px;
  border-radius: 0px;
}
.setting-visualization-body .setup .setup-body dl .input {
  height: 35px;
  border-radius: 0px;
}
.setting-visualization-body .setup .setup-body dl .input.numer {
  text-align: center;
}
.setting-visualization-body .setup .setup-body dl .has-addons .control {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.setting-visualization-body .setup .setup-body dl .has-addons .control a.button {
  width: 100%;
  height: 35px;
  border-radius: 0px;
}
.setting-visualization-body .setup .setup-body dl .has-addons .control input {
  border-radius: 0px;
}
.setting-visualization-body .setup .setup-body dl input {
  border-radius: 0px;
  font-size: 15px;
}
.setting-visualization-body .setup .setup-body dl dd {
  margin-top: 10px;
}
.setting-visualization-body .setup .setup-body .ant-upload {
  display: block;
}
.setting-visualization-body .setup .setup-body .coloroption {
  border: 1px solid #ddd;
  position: relative;
  height: 45px;
  line-height: 45px;
  padding: 0px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-visualization-body .setup .setup-body .coloroption .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.setting-visualization-body .setup .setup-body .coloroption a {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 10px;
  top: 8px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.setting-visualization-body .setup .setup-body .button-list .addlist {
  height: 35px;
  line-height: 35px;
  margin-top: 10px;
  padding: 0px;
  vertical-align: inherit;
  border-radius: 0px;
}
.setting-visualization-body .setup .setup-body .button-list-body .list {
  height: auto;
  position: relative;
  cursor: pointer;
}
.setting-visualization-body .setup .setup-body .button-list-body .list:hover {
  opacity: 0.9;
}
.setting-visualization-body .setup .setup-body .button-list-body .list:active {
  opacity: 0.8;
}
.setting-visualization-body .setup .setup-body .button-list-body .list ul {
  position: absolute;
  right: 0px;
  top: 0px;
}
.setting-visualization-body .setup .setup-body .button-list-body .list .list-body {
  height: 35px;
  line-height: 35px;
  padding: 0px 15px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.setting-visualization-body .setup .setup-body .button-list-body .list .list-body i {
  font-size: 16px;
}
.setting-visualization-body .setup .setup-body .button-list-body .list:last-child .list-body {
  border-bottom: 0;
}
.setting-visualization-body .setup .setup-body figure.image {
  text-align: center;
}
.setting-visualization-body .setup .setup-body figure.image img.qrcode {
  width: 150px!important;
  height: 150px!important;
  margin: 15px auto!important;
}
.setting-visualization-body .setup .setup-body figure.image img.invitationimg {
  max-width: 150px;
  max-height: 200px;
  height: auto;
  width: auto;
  margin: 0px auto;
}
.setting-visualization-body .setup .setup-button {
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-visualization-body .setup .setup-button a.button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0px;
  border-radius: 0px;
}
.setting-coloroption-popover .ant-popover-inner-content {
  padding: 0px;
}
/* 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-slider {
  position: relative;
  margin: 10px 6px;
  padding: 4px 0;
  height: 12px;
  cursor: pointer;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  height: 100%;
  width: 4px;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: #e9e9e9;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  border-radius: 4px;
  background-color: #9fd2f6;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.ant-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 2px #88c7f4;
  background-color: #fff;
  transition: border-color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -webkit-transition: border-color 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:hover {
  border-color: #49a9ee;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}
.ant-slider-handle:active {
  -webkit-box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
          box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #70bbf2;
}
.ant-slider:hover .ant-slider-handle {
  border-color: #49a9ee;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.43);
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #88c7f4;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  border-color: rgba(0, 0, 0, 0.25) !important;
  background-color: #fff;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.component-color-picker .chrome-picker {
  width: 210px!important;
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
  border: 1px solid #f1f1f1;
}
.component-color-picker .circle-picker {
  padding-top: 10px;
  margin-bottom: 0px!important;
  position: relative;
  left: 15px;
}
.component-color-picker .circle-picker > span > div {
  margin-right: 10px!important;
  margin-bottom: 10px!important;
}
.setting-chat-evaluate .setting-chat-evaluate-writing h3 {
  font-size: 14px;
  margin-bottom: 15px;
}
.setting-chat-evaluate .setting-chat-evaluate-writing .field {
  width: 400px;
}
.setting-chat-queue .setting-chat-queue-writing h3 {
  font-size: 14px;
  margin-bottom: 15px;
}
.setting-chat-queue .setting-chat-queue-writing .field {
  width: 400px;
}
.avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px dashed #d9d9d9;
}
.modal {
  margin-top: 50px;
}
.modal.is-active {
  margin: 0;
}
.avatar {
  height: inherit;
}
.knowledge-item-setbody {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  background-color: #ececec;
}
.knowledge-item-setbody .is-knowledge-setright {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ececec;
}
.knowledge-item-setbody .is-knowledge-setright .is-knowledge-rightbody {
  padding: 20px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .global-setting-region {
  max-width: 700px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-disturb .is-disturb-keywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-disturb .is-disturb-keywords a.button {
  font-size: 13px;
  height: 2em;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-disturb .is-disturb-keywords li {
  margin-right: 8px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-disturb .is-disturb-keywords li .tag {
  font-size: 13px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-disturb .is-disturb-condition .checkbox {
  margin-top: 10px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-disturb .is-disturb-condition .checkbox .input {
  width: 40px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-size: 14px;
  height: 25px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-disturb .is-disturb-condition .checkbox .input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-workhours a.button {
  font-size: 14px;
  margin-right: 15px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dt {
  width: 130px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dd {
  padding: 10px 0px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dd input {
  width: 240px;
  padding: 0px 10px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead .is-loading,
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead .icon-upload {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead .is-loading.button,
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead .icon-upload.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead:hover .icon-upload {
  display: block;
  color: #fff;
}
.knowledge-item-setbody .is-knowledge-setright .components-keywords .is-robotconfig .is-robotinfo dl dd .is-robothead img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.setting-chat-keywords-disturb {
  padding: 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-chat-keywords-disturb input {
  font-size: 13px;
  width: 120px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.setting-chat-keywords-disturb input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.setting-chat-keywords-disturb a.button {
  font-size: 13px;
  margin-left: 10px;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.components-knowledge {
  max-width: 600px;
}
.components-knowledge #setting-service {
  margin-right: 20px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  min-height: 400px;
  padding-bottom: 40px;
}
.components-knowledge #setting-service .list-tool {
  height: 60px;
  line-height: 60px;
  padding: 0px 20px;
  border-bottom: 1px solid #f1f1f1;
}
.components-knowledge #setting-service .list-tool h3 {
  font-size: 15px;
  font-weight: normal;
}
.components-knowledge #setting-service .list-tool .right-tool {
  float: right;
  font-weight: normal;
  text-align: left;
  margin-left: 20px;
  font-size: 14px;
}
.components-knowledge #setting-service .list-tool .right-tool a.button {
  font-size: 14px;
  margin-top: 14px;
  padding: 0px 15px;
}
.components-knowledge #setting-service .list-body .row {
  border-bottom: 1px solid #f1f1f1;
  position: relative;
  overflow: hidden;
}
.components-knowledge #setting-service .list-body .row:hover {
  background-color: #f9f9f9;
}
.components-knowledge #setting-service .list-body .is-item {
  text-align: left;
  line-height: 1.5;
  padding: 15px 0px;
  padding-left: 20px;
  cursor: pointer;
}
.components-knowledge #setting-service .list-body .is-item .avatar,
.components-knowledge #setting-service .list-body .is-item .is-left {
  display: inline-block;
  vertical-align: top;
}
.components-knowledge #setting-service .list-body .is-item .avatar {
  width: 40px;
  height: 40px;
}
.components-knowledge #setting-service .list-body .is-item .avatar img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.components-knowledge #setting-service .list-body .is-item .is-left {
  margin-left: 10px;
}
.components-knowledge #setting-service .list-body .is-item .is-left .nickname {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
}
.components-knowledge #setting-service .list-body .is-item .is-left .autograph {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #aaa;
  margin: 0px;
}
.components-knowledge #setting-service .list-body .is-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  text-align: left;
  line-height: 1.5;
  padding: 15px 0px;
  padding-left: 20px;
  cursor: pointer;
}
.components-knowledge #setting-service .list-body .is-edit a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  margin-right: 10px;
}
.components-knowledge #setting-service .list-body .is-edit a i {
  font-size: 16px;
  color: #888;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.components-knowledge #setting-service .list-body .is-edit a i.icon-dustbin {
  font-size: 18px;
  bottom: 1px;
}
.components-knowledge #setting-service .list-body .is-edit a i:hover {
  color: #3273dc;
}
.components-keywords-import .ant-popover-inner-content {
  padding: 0px;
}
.components-keywords-import .is-content {
  width: 260px;
  font-size: 14px;
}
.components-keywords-import .is-content .is-head {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #f1f1f1;
  padding: 0px 15px;
}
.components-keywords-import .is-content .is-head h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.components-keywords-import .is-content .is-head a {
  width: 25px;
  height: 25px;
}
.components-keywords-import .is-content .is-head a i {
  color: #666;
  font-size: 21px;
}
.components-keywords-import .is-content .is-body {
  padding: 15px;
}
.components-keywords-import .is-content .is-body p {
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.3);
}
.components-keywords-import .is-content .is-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #f1f1f1;
  height: 45px;
}
.components-keywords-import .is-content .is-foot a {
  font-size: 14px;
  color: #3273dc;
  background: none;
}
.components-keywords-import .is-content .is-foot a:hover {
  background: none;
}
.setting-tag .setting-region {
  padding: 0px;
  max-width: 400px;
}
.setting-tag .setting-region .history-screen-addtagpopover {
  height: 620px;
}
.setting-tag .setting-region .history-screen-addtagpopover .choosetag-content {
  width: 100%;
  height: 100%;
}
.setting-tag .setting-region .history-screen-addtagpopover .is-tag-coloritem {
  width: 100%;
}
.setting-tag .setting-region .history-screen-addtagpopover .is-addcontent-color {
  width: 100%;
}
.setting-tag .setting-region .history-screen-addtagpopover .is-addcontent-color ul {
  width: 100%;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#setting-tag-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  max-width: 600px;
  min-height: 400px;
  margin-bottom: 20px;
  padding-bottom: 40px;
}
#setting-tag-body .tag-tool {
  height: 60px;
  border-bottom: 1px solid #f1f1f1;
  padding: 0px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#setting-tag-body .tag-tool h3 {
  font-size: 15px;
  font-weight: normal;
  margin-left: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#setting-tag-body .tag-tool .right .button {
  padding: 5px 15px;
}
#setting-tag-body .tag-tool .right .button.is-danger {
  margin-right: 10px;
}
#setting-tag-body .tag-tool .serach {
  position: relative;
  width: 150px;
}
#setting-tag-body .tag-tool .serach i {
  position: absolute;
  right: 10px;
  top: 23px;
}
#setting-tag-body .tag-list-head {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f1f1f1;
  font-weight: bold;
  font-size: 14px;
}
#setting-tag-body .tag-list-row {
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  font-size: 14px;
  color: #777;
  border-bottom: 1px solid #f1f1f1;
}
#setting-tag-body .tag-list-row.now {
  background: #f9f9f9;
}
#setting-tag-body .tag-list-row .operation a {
  margin-right: 15px;
}
#setting-tag-body .tag-list-row .usage {
  display: inline-block;
  min-width: 20px;
  line-height: 20px;
  padding: 0px 6px;
  text-align: center;
  background: #f3f3f3;
  border-radius: 100%;
  color: #999;
  cursor: default;
  font-weight: 300;
  font-size: 12px;
}
#setting-tag-body .tag-popover {
  width: 200px;
  padding: 10px 0px;
}
#setting-tag-body .tag-popover .field {
  margin-top: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px 10px;
  margin-top: 0px;
}
#setting-tag-body .tag-popover .field .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#setting-tag-body .tag-popover .field .control .input {
  font-size: 14px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 2px;
}
#setting-tag-body .tag-popover .field .control .color {
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#setting-tag-body .tag-popover .field .control a.button {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
#setting-tag-body .tag-popover .foot a.button {
  width: 100%;
}
.setting-tag-tips {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  max-width: 600px;
  min-height: auto;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 14px;
}
.setting-tag-tips ul {
  list-style: disc;
  padding-left: 15px;
}
.setting-tag-tips ul li {
  color: rgba(0, 0, 0, 0.55);
}
.com-addtagpopover-color .ant-popover-inner-content {
  padding: 10px 0px;
  margin: 0px;
}
.com-addtagpopover-color .is-add-a {
  color: white;
  font-size: 14px;
}
.com-addtagpopover-color .is-addtagcontent-color {
  width: 260px;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
.card-istyle {
  float: left;
  width: 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.3);
  margin-right: 10px;
}
.card-inputstyle {
  border: 0px;
  background: transparent;
  padding: 0px;
  height: 30px;
  width: 200px;
}
.card-inputstyle:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.card-inputstyle::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-weight: normal;
}
#card-body .card-list {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  max-width: 600px;
  min-height: auto;
  margin-bottom: 20px;
}
#card-body .card-list ul li {
  height: 50px;
  line-height: 50px;
  padding: 0px 20px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 14px;
  position: relative;
}
#card-body .card-list ul li i {
  float: left;
  width: 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.3);
  margin-right: 10px;
}
#card-body .card-list ul li i.drag {
  cursor: move;
  font-size: 15px;
}
#card-body .card-list ul li input {
  border: 0px;
  background: transparent;
  padding: 0px;
  height: 30px;
  width: 200px;
}
#card-body .card-list ul li input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#card-body .card-list ul li input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-weight: normal;
}
#card-body .card-list ul li .tool {
  position: absolute;
  right: 20px;
  top: 0px;
}
#card-body .card-list ul li .tool .operation {
  display: none;
}
#card-body .card-list ul li .tool a {
  margin-left: 15px;
}
#card-body .card-list ul li .tool span {
  color: rgba(0, 0, 0, 0.3);
}
#card-body .card-list ul li .tool .edit {
  color: rgba(0, 0, 0, 0.3);
}
#card-body .card-list ul li:hover .operation {
  display: block;
}
#card-body .card-list .add-body {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
}
#card-body .card-list .add-body .add-item {
  text-align: left;
  padding: 0px 20px;
}
#card-body .card-list .add-body .add-item i {
  float: left;
  width: 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.3);
  margin-right: 10px;
}
#card-body .card-list .add-body .add-item i.iconfont {
  color: #fff;
}
#card-body .card-list .add-body .add-item input {
  border: 0px;
  background: transparent;
  padding: 0px;
  height: 30px;
  width: 200px;
}
#card-body .card-list .add-body .add-item input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#card-body .card-list .add-body .add-item input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-weight: normal;
}
#card-body .card-list .add-body a {
  color: rgba(0, 0, 0, 0.65);
}
#card-body .card-tips {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  max-width: 600px;
  min-height: auto;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 14px;
}
#card-body .card-tips ul li {
  color: rgba(0, 0, 0, 0.3);
}
.setting-customer-blacklist {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  max-width: 700px;
  margin-bottom: 20px;
}
.setting-customer-blacklist .table {
  margin-bottom: 0px;
}
.setting-customer-blacklist .table th {
  font-weight: normal;
  font-size: 14px;
  color: #999;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #f1f1f1;
}
.setting-customer-blacklist .table td {
  border-bottom: 1px solid #f1f1f1;
  vertical-align: middle;
  font-size: 14px;
  padding: 15px 0px;
}
.setting-customer-blacklist .table td a.button {
  font-size: 12px;
}
.setting-customer-blacklist .setting-customer-blacklist-head {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-customer-blacklist .setting-customer-blacklist-head h3 {
  margin-left: 20px;
  font-size: 16px;
  margin-right: 20px;
}
.setting-customer-blacklist .setting-customer-blacklist-head .add a.button {
  font-size: 13px;
}
.setting-customer-blacklist-add-popover .ant-popover-inner-content {
  padding: 0px;
}
.setting-customer-blacklist-add-popover .popver-body {
  position: relative;
  width: 280px;
  padding: 30px;
  padding-top: 20px;
}
.setting-customer-blacklist-add-popover .popver-body .popver-form input {
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 2.5em;
}
.setting-customer-blacklist-add-popover .popver-body .popver-form .select {
  display: block;
  height: 2.5em;
}
.setting-customer-blacklist-add-popover .popver-body .popver-form .select select {
  width: 100%;
  height: 2.5em;
  font-size: 14px;
}
.setting-customer-blacklist-add-popover .popver-body .popver-form .field {
  margin-bottom: 15px;
}
.setting-customer-blacklist-add-popover .popver-body .popver-form .popver-form-iptype {
  height: 30px;
  text-align: center;
}
.setting-customer-blacklist-add-popover .popver-body .popver-footer {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-customer-blacklist-add-popover .popver-body .popver-footer a.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
}
.setting-customer-blacklist-add-popover .popver-body .popver-footer a.button:first-child {
  margin-right: 10px;
}
.earance {
  max-width: 700px!important;
}
.earance .head {
  margin-bottom: 0px!important;
}
.earance .body {
  position: relative;
}
.earance .body .shezhilist {
  font-size: 14px;
  width: 240px;
  border-right: 1px solid #f1f1f1;
  padding-right: 28px;
  padding-top: 30px;
  min-height: 680px;
}
.earance .body .shezhilist .region {
  margin-top: 20px;
}
.earance .body .shezhilist .region .cr {
  text-align: center;
}
.earance .body .shezhilist .region .cr label {
  padding: 0px 30px;
}
.earance .body .shezhilist h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 15px;
  color: #108ee9;
  text-align: center;
}
.earance .body .shezhilist .color .ready {
  margin-bottom: 15px;
  position: relative;
  left: 7px;
}
.earance .body .shezhilist .color .chrome-picker {
  width: 210px!important;
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
  border: 1px solid #f1f1f1;
}
.earance .body .shezhilist .save {
  margin-top: 20px;
  text-align: center;
}
.earance .body .shezhilist .save button {
  display: inline-block;
  width: 90px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  padding: 0px;
}
.earance .body .shezhilist .save button:last-child {
  margin-left: 20px;
}
.earance .body .earance-chat-content {
  position: absolute;
  right: 0px;
  top: 20px;
}
.earance-chat {
  position: relative;
  width: 370px;
  height: 590px;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
          box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}
.earance-chat .copyright {
  position: absolute;
  bottom: 64px;
  text-align: center;
  width: 100%;
  z-index: 9;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2);
}
.earance-chat .copyright a {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2);
}
.earance-chat .copyright a:hover {
  color: rgba(0, 0, 0, 0.3);
}
.earance-chat .topradius {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.earance-chat h3.title {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  z-index: 10;
  position: absolute;
  top: 0px;
  width: 100%;
  font-weight: normal;
  height: 75px;
  overflow: hidden;
  padding: 0px 15px;
  background: #4E97D9;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.earance-chat h3.title .text {
  padding-left: 60px;
  font-size: 16px;
  padding-top: 18px;
  font-weight: normal;
}
.earance-chat h3.title .text p {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.95) !important;
}
.earance-chat h3.title .text.aline {
  padding-top: 0px;
  height: 75px;
  line-height: 75px;
}
.earance-chat h3.title .head {
  position: absolute;
  left: 20px;
  top: 18px;
  background: rgba(255, 255, 255, 0.8);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
}
.earance-chat h3.title .head img {
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
.earance-chat .earance-message-body {
  padding-top: 100px;
  background: #fcfcfc;
  height: 550px;
}
.earance-chat .earance-message-body .chat .chat-avatar {
  float: right;
  margin-right: 15px;
}
.earance-chat .earance-message-body .chat .chat-avatar .avatar {
  width: 35px;
  border-radius: 50%;
}
.earance-chat .earance-message-body .chat .chat-avatar i.head {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  background: #ccc;
  color: #fff;
  font-size: 18px;
}
.earance-chat .earance-message-body .chat .chat-avatar i.head.mb {
  background: #57c7d4;
}
.earance-chat .earance-message-body .chat .chat-body {
  display: block;
  overflow: hidden;
}
.earance-chat .earance-message-body .chat .chat-body:first-child {
  margin-top: 0;
}
.earance-chat .earance-message-body .chat .chat-body .chat-content {
  position: relative;
  display: block;
  float: right;
  margin: 0 10px 16px 10px;
  margin-right: 15px;
  max-width: 220px;
  clear: both;
  background-color: #4E97D9;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
}
.earance-chat .earance-message-body .chat .chat-body .chat-content .txt-message {
  color: #fff;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: normal;
}
.earance-chat .earance-message-body .chat .chat-body .chat-content img.smile {
  vertical-align: middle;
  margin: 0px 3px;
}
.earance-chat .earance-message-body .chat .chat-body .chat-content img.img {
  max-width: 100%;
  max-height: 150px;
  cursor: pointer;
  border-radius: 4px;
  display: block;
}
.earance-chat .earance-message-body .chat .chat-body .chat-content i.loading {
  position: absolute;
  left: -25px;
  top: 12px;
  color: #999;
}
.earance-chat .earance-message-body .chat .chat-body .chat-content > p:last-child {
  margin-bottom: 0;
}
.earance-chat .earance-message-body .chat .chat-body .chat-content:before {
  position: absolute;
  top: 10px;
  right: -10px;
  width: 0;
  height: 0;
  content: '';
}
.earance-chat .earance-message-body .chat.chat-left .chat-avatar {
  margin-right: 0px;
  margin-left: 15px;
  float: left;
}
.earance-chat .earance-message-body .chat.chat-left .chat-body {
  margin-right: 0;
}
.earance-chat .earance-message-body .chat.chat-left .chat-content {
  float: left;
  background-color: #f3f3f3!important;
}
.earance-chat .earance-message-body .chat.chat-left .chat-content .txt-message {
  color: #000;
}
.earance-chat .earance-message-body .chat.chat-left .chat-content:before {
  right: auto;
  left: -10px;
  border: 5px solid transparent;
  border-right-color: #f3f3f3;
  border-left-color: transparent!important;
}
.earance-chat .bottomradius {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.earance-chat .chat-send {
  background: #fff;
  min-height: 55px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  -webkit-box-shadow: 0 0px 100px 0 rgba(150, 165, 190, 0.24);
          box-shadow: 0 0px 100px 0 rgba(150, 165, 190, 0.24);
}
.earance-chat .chat-send .chat-tool {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  padding-right: 20px;
}
.earance-chat .chat-send .chat-tool i {
  font-size: 19px;
  margin-left: 13px;
  cursor: pointer;
  color: #ccc;
}
.earance-chat .chat-send .chat-tool i.icon-zan {
  font-size: 22px;
}
.earance-chat .chat-send .chat-tool i.icon-folder {
  font-size: 20px;
  position: relative;
  bottom: 1px;
}
.earance-chat .chat-send .chat-tool i:active {
  color: #4E97D9;
}
@media screen and (min-width: 480px) {
  .earance-chat .chat-send .chat-tool i:hover {
    color: #aaa;
  }
}
.earance-chat .chat-send .chat-tool i.active {
  color: #4E97D9;
}
.earance-chat .chat-send .chat-send-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: relative;
}
.earance-chat .chat-send .chat-send-body .chat-dbox-send-tips {
  position: absolute;
  right: 10px;
  bottom: 0px;
  color: #eee;
  text-align: right;
}
.earance-chat .chat-send .chat-send-body span {
  display: block;
  padding: 17px;
  font-size: 14px;
  padding-right: 120px;
  padding-left: 30px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.3);
}
.earance-close-button {
  position: relative;
  margin-top: 15px;
  height: 60px;
  width: 370px;
}
.earance-close-button .icon-body {
  position: absolute;
  right: 0px;
  width: 60px;
  height: 60px;
  background: #4E97D9;
  border-radius: 100%;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
  line-height: 60px;
  text-align: center;
}
.earance-close-button .icon-body:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09), 0 4px 40px rgba(0, 0, 0, 0.24);
}
.earance-close-button .icon-body i {
  font-size: 28px;
  position: relative;
  top: 2px;
  font-weight: 300;
  color: #fff;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#web-body .web-region {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  padding: 30px;
  margin-bottom: 30px;
  min-height: 100px;
  max-width: 700px;
}
#web-body .web-region .head {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
#web-body .web-region .head span.txt {
  font-size: 14px;
  padding-right: 10px;
  color: #333;
}
#web-body .web-region .head .ant-switch {
  position: relative;
  bottom: 2px;
}
#web-body .web-region .head p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  margin-top: 12px;
}
#web-body .web-region .body {
  position: relative;
}
#web-body .web-region .body .overtime {
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
#web-body .web-region .body .overtime input {
  height: 25px;
  width: 60px;
  margin: 0px 5px;
}
#web-body .web-region .body p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
#web-body .web-region .body textarea.code {
  background: #f1f1f1;
  color: rgba(0, 0, 0, 0.65);
  cursor: default;
  border-radius: 0px;
  padding: 10px 15px;
  height: 260px;
  overflow: hidden;
  border: none;
  resize: none;
  font-size: 16px;
}
#web-body .web-region .body .tips {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  margin-top: 15px;
}
#web-body .web-region .body .tips .more {
  font-size: 13px;
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.2);
}
#web-body .web-region .body .copy {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 99;
}
.scroll-y {
  height: 100%;
  overflow-y: scroll;
}
.public-body {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
}
.public-category h3 {
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.public-category ul {
  padding: 10px;
}
.public-category ul li {
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.public-category ul li a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.public-category ul li i {
  position: absolute;
  right: 5px;
  top: 0px;
  color: #bbb;
  display: none;
}
.public-category ul li:hover,
.public-category ul li.on {
  background: #f9f9f9;
}
.public-category ul li:hover i,
.public-category ul li.on i {
  display: block;
}
.public-category ul li.active {
  background: #f1f1f1;
}
.public-category ul li.active i {
  display: block;
}
#link-body .link-region {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  background: #fff;
  min-height: 600px;
  padding: 30px;
  margin-bottom: 30px;
  min-height: 100px;
  max-width: 600px;
}
#link-body .link-region .head {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}
#link-body .link-region .head span.txt {
  font-size: 14px;
  padding-right: 10px;
  color: #333;
}
#link-body .link-region .head .ant-switch {
  position: relative;
  bottom: 2px;
}
#link-body .link-region .head p {
  color: #999;
  font-size: 14px;
  margin-top: 12px;
}
#link-body .link-region .body {
  position: relative;
}
#link-body .link-region .body .overtime {
  margin-bottom: 10px;
  color: #999;
  font-size: 14px;
}
#link-body .link-region .body .overtime input {
  height: 25px;
  width: 60px;
  margin: 0px 5px;
}
#link-body .link-region .body p {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
#link-body .link-region .body .code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f1f1f1;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 0px;
  padding: 10px 15px;
  font-size: 13px;
  line-height: 1.2;
  font-family: Menlo,Monaco,Consolas,Courier New,monospace;
}
#link-body .link-region .body .code a {
  margin-left: 10px;
}
#link-body .link-region .body .code .replace {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#link-body .link-region .body .code .replace input {
  width: 100px;
  height: 15px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Menlo,Monaco,Consolas,Courier New,monospace!important;
  padding: 0px;
  border: none;
  background: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#link-body .link-region .body .code .replace input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#link-body .link-region .body .code .button {
  border: none;
  background: none;
  height: 15px;
}
#link-body .link-region .body .tips {
  font-size: 14px;
  color: #999;
  margin-top: 15px;
}
#link-body .link-region .body .tips .more {
  font-size: 13px;
  margin-top: 15px;
  color: #999;
}
.setting-link-senior .setting-link-senior-title {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.setting-link-senior .setting-link-senior-service a.button {
  font-size: 14px;
}
.setting-link-senior input.input {
  max-width: 200px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  height: 2.5em;
}
.setting-appsdk .code {
  background: #f1f1f1;
  font-size: 13px;
  color: #666;
  font-family: Menlo,Monaco,Consolas,Courier New,monospace;
  padding: 15px;
  margin-bottom: 10px;
}
.setting-condition .is-settime > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-condition .is-settime > div div {
  width: 260px;
  margin-right: 10px;
}
.setting-exportdata .setting-region {
  max-width: 650px;
}
.setting-exportdata .head a.button {
  font-size: 14px;
}
.setting-exportdata .table {
  margin: 0px;
  border-bottom: 1px solid #f1f1f1;
}
.setting-exportdata .table th {
  font-weight: normal;
  font-size: 14px;
  color: #999;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px;
}
.setting-exportdata .table td {
  border-bottom: 1px solid #f1f1f1;
  vertical-align: middle;
  font-size: 14px;
  padding: 10px;
}
.setting-exportdata .table td a.button {
  font-size: 12px;
}
.setting-exportdata .table td p {
  color: #aaa;
  font-size: 13px;
}
.setting-exportdata .is-addvisible .content {
  padding-top: 5px;
}
.setting-exportdata .is-addvisible h3 {
  font-size: 14px;
  font-weight: normal;
}
.setting-exportdata .is-addvisible .is-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.setting-exportdata .is-addvisible .is-list li {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.setting-exportdata .is-addvisible .is-list li a.button {
  min-width: 90px;
  height: 2.3em;
}
.setting-exportdata .is-addvisible .is-list li a.button.is-active {
  background: #d0f1dc;
}
.setting-exportdata .is-addvisible a.button,
.setting-exportdata .is-addvisible a.tag {
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.setting-exportdata .is-addvisible p.tips {
  font-size: 14px;
  color: #999;
  margin: 5px 0px 15px;
}
.setting-exportdata .is-addvisible .is-taglist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-exportdata .is-addvisible .is-taglist a.tag {
  margin-right: 10px;
  font-size: 14px;
}
.setting-exportdata .is-addvisible .is-submit a.button {
  width: 130px;
  margin-right: 10px;
}
.popover-setting-exportdata-download .ant-popover-inner-content {
  padding: 0px;
}
.popover-setting-exportdata-download .content {
  padding: 20px;
  width: 440px;
  max-height: 400px;
  overflow: scroll;
}
.popover-setting-exportdata-download .content p {
  font-size: 14px;
  margin-bottom: 5px;
}
.popover-setting-exportdata-download .content hr {
  margin: 10px 0px;
  display: none;
}
.popover-setting-exportdata-download .content ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  border-top: 1px solid #f1f1f1;
}
.popover-setting-exportdata-download .content ul li {
  font-size: 14px;
  border-bottom: 1px solid #f1f1f1;
  height: 40px;
  line-height: 40px;
}
.setting-baidukeyword ul li {
  font-size: 14px;
}
.components-copyInformation {
  margin-top: 10px;
}
.components-copyInformation a {
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.setting-contact-list {
  margin-top: 10px;
}
.setting-contact-list .table {
  border-bottom: 1px solid #f1f1f1;
}
.setting-contact-list .table tr {
  font-size: 14px;
  margin: 0px 30px;
  width: 100%;
}
.setting-contact-list .table tr th {
  font-weight: normal;
  color: #999;
  border-width: 0 0 1px;
  border-color: #f1f1f1;
  vertical-align: middle;
  height: 45px;
}
.setting-contact-list .table tr td {
  height: 50px;
  vertical-align: middle;
  padding: 0px 7px;
  border-color: #f1f1f1;
}
.setting-contact-list .table tr td.is-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.setting-contact-list .table tr td.is-right a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
}
.setting-contact-list .table tr td.is-right a i {
  font-size: 16px;
  color: #888;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-contact-list .table tr td.is-right a i.icon-dustbin {
  font-size: 18px;
  bottom: 1px;
}
.setting-contact-list .table tr td.is-right a i:hover {
  color: #3273dc;
}
.setting-contact-list .table tr td.is-right a:nth-child(1) {
  margin-top: 3px;
}
.setting-contact .is-bgv .is-addbtn {
  padding-top: 20px;
}
.setting-contact .is-bgv .is-addbtn a {
  font-size: 14px;
}
.setting-contact .setting-contact-add {
  margin-top: 20px;
}
.setting-contact .setting-contact-add .is-add-body .is-type {
  margin-bottom: 10px;
}
.setting-contact .setting-contact-add .is-add-body h3 {
  margin: 20px 0px 10px;
  font-size: 14px;
  color: #363636;
}
.setting-contact .setting-contact-add .is-add-body p {
  margin-top: 10px;
}
.setting-contact .setting-contact-add .is-add-body .ant-switch {
  width: 40px;
}
.setting-contact .setting-contact-add .is-add-body .is-switch-bg {
  margin-top: 20px;
}
.setting-contact .setting-contact-add .is-add-body .is-switch-bg span {
  font-size: 14px;
  padding-right: 10px;
}
.setting-contact .setting-contact-add .is-add-body .input {
  font-size: 14px;
  width: 260px;
}
.setting-contact .setting-contact-add .is-add-body .input.is-tip {
  margin-top: 10px;
}
.setting-contact .setting-contact-add .is-add-body .input.is-copytip {
  display: block;
}
.setting-contact .setting-contact-add .is-add-body .is-type .button,
.setting-contact .setting-contact-add .is-add-body .is-foot .button {
  margin-right: 10px;
  font-size: 14px;
  padding: 6px 20px;
}
.setting-contact .setting-contact-add .is-add-body .is-add-upload {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.setting-contact .setting-contact-add .is-add-body .is-add-upload .is-loading,
.setting-contact .setting-contact-add .is-add-body .is-add-upload .icon-upload {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 22px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.setting-contact .setting-contact-add .is-add-body .is-add-upload .is-loading.button,
.setting-contact .setting-contact-add .is-add-body .is-add-upload .icon-upload.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.setting-contact .setting-contact-add .is-add-body .is-add-upload:hover .icon-upload {
  display: block;
  color: #fff;
}
.setting-contact .setting-contact-add .is-add-body .is-add-upload img {
  width: 100px;
  height: 100px;
}
.setting-contact .setting-contact-add .is-add-body .is-colorbtn {
  font-size: 14px;
  margin-right: 10px;
  height: 30px;
  border-radius: 50px;
}
.setting-contact .setting-contact-add .is-add-body .is-colorbtn.is-focused {
  padding: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.setting-contact .setting-contact-add .is-add-body .is-colorbtn i {
  color: #fff;
}
.setting-contact .is-foot {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-contact .is-foot a.button {
  font-size: 14px;
  width: 100px;
}
.setting-contact .is-foot a.button:first-child {
  margin-right: 10px;
}
.setting-shopcard-add > .body > p {
  padding-top: 10px;
}
.setting-shopcard-add > h4 {
  font-size: 14px;
  margin-top: 20px;
}
.setting-shopcard-add .is-preview {
  margin-top: 10px;
  background: #f8f8f8;
  padding: 15px 20px;
}
.setting-shopcard-add .input {
  font-size: 14px;
  width: 320px;
}
.setting-shopcard-add .input.is-tip {
  margin-top: 10px;
}
.setting-shopcard-add .input.is-short {
  width: 130px;
}
.setting-shopcard-add .is-title {
  margin: 20px 0px 10px;
  font-size: 14px;
  color: #363636;
}
.setting-shopcard-add .is-textarea {
  width: 320px;
}
.setting-shopcard-add .is-textarea .textarea {
  margin-bottom: 10px;
  font-size: 14px;
}
.setting-shopcard-add .is-more {
  margin-top: 20px;
}
.setting-shopcard-add .is-more a {
  font-size: 14px;
  color: #999;
}
.setting-shopcard-add .is-foot {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-shopcard-add .is-foot a.button {
  font-size: 14px;
  width: 100px;
}
.setting-shopcard-add .is-foot a.button:first-child {
  margin-right: 10px;
}
.setting-shopcard-add .is-add-upload {
  width: 75px;
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
.setting-shopcard-add .is-add-upload .is-loading,
.setting-shopcard-add .is-add-upload .icon-upload {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 75px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  font-size: 22px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.setting-shopcard-add .is-add-upload .is-loading.button,
.setting-shopcard-add .is-add-upload .icon-upload.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.setting-shopcard-add .is-add-upload span {
  margin-top: 0px;
}
.setting-shopcard-add .is-add-upload:hover .icon-upload {
  display: block;
  color: #fff;
}
.setting-shopcard-add .is-add-upload img {
  width: 75px;
  height: 75px;
}
.setting-shopcard-list .is-tip {
  color: #0000004d;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  font-size: 14px;
  border-bottom: #f1f1f1 solid 1px;
}
.setting-shopcard-list .is-list-title {
  font-size: 14px;
  height: 50px;
  border-bottom: #f1f1f1 solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
}
.setting-shopcard-list .is-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: #f1f1f1 solid 1px;
  font-size: 14px;
  height: 50px;
}
.setting-shopcard-list .is-item .is-title-li {
  padding-right: 20px;
}
.setting-shopcard-list .is-item .is-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.setting-shopcard-list .is-item .is-right a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  margin-left: 5px;
}
.setting-shopcard-list .is-item .is-right a i {
  font-size: 16px;
  color: #888;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.setting-shopcard-list .is-item .is-right a i.icon-dustbin {
  font-size: 18px;
  bottom: 1px;
}
.setting-shopcard-list .is-item .is-right a i:hover {
  color: #3273dc;
}
.setting-shopcard-list .is-item .is-right a:nth-child(1) {
  margin-top: 3px;
}
.setting-shopcard .setting-region {
  max-width: 700px;
}
.setting-shopcard .is-bgv .is-shopcard-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-search {
  height: 60px;
  border-bottom: #f1f1f1 solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-search .is-right a {
  font-size: 14px;
  margin-right: 10px;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-search .is-field {
  position: relative;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-search .is-field .icon-search {
  font-size: 25px;
  padding-bottom: 8px;
  color: #dbdbdb !important;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-search .is-field .input {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-search .is-field .is-close {
  position: absolute;
  right: 0px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  height: 35px;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-search .is-field .is-close i {
  color: #000;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-search .input {
  width: 200px;
  font-size: 14px;
  border-radius: 17px;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  margin: 10px 0px;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-foot .is-left a {
  margin-right: 10px;
  font-size: 14px;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-foot .is-right .pagination .pagination-previous,
.setting-shopcard .is-bgv .is-shopcard-body .is-foot .is-right .pagination .pagination-next {
  display: none;
}
.setting-shopcard .is-bgv .is-shopcard-body .is-foot .is-right .pagination .pagination-link,
.setting-shopcard .is-bgv .is-shopcard-body .is-foot .is-right .pagination .pagination-ellipsis {
  font-size: 12px;
}
html,
body {
  height: 100%;
}
.account-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.account-box .logoimg {
  position: fixed;
  top: 20px;
  left: 100px;
  width: 138px;
  height: 32px;
}
.account-box .account-left {
  width: 50%;
  height: 100%;
  min-width: 630px;
  background-color: #f3f7ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-box .account-right {
  width: 50%;
  height: 100%;
  min-width: 630px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-box .account-right .cont {
  width: 450px;
}
.account-box .account-right .cont h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  color: #0c1b4d;
  margin-bottom: 40px;
}
.account-box .account-right .cont .ipt-name {
  font-weight: 350;
  font-size: 15px;
  line-height: 100%;
  color: #0c1b4d;
  margin-bottom: 12px;
}
.account-box .account-right .cont .ipt-box {
  position: relative;
  margin-bottom: 20px;
}
.account-box .account-right .cont .ipt-box.error input {
  color: #e30b34;
  border: 1px solid #e30b34;
  background-color: #fff9f9;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(227, 11, 52, 0.3);
          box-shadow: 0px 0px 0px 3px rgba(227, 11, 52, 0.3);
}
.account-box .account-right .cont .ipt-box.error:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(227, 11, 52, 0.3);
          box-shadow: 0px 0px 0px 3px rgba(227, 11, 52, 0.3);
}
.account-box .account-right .cont .ipt-box input {
  width: 100%;
  height: 48px;
  border: 1px solid #e0e5f2;
  border-radius: 4px;
  padding: 0 15px;
  font-size: 15px;
  color: #0c1b4d;
}
.account-box .account-right .cont .ipt-box input:focus {
  outline: 1px solid #4568f1;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(9, 13, 236, 0.3);
          box-shadow: 0px 0px 0px 3px rgba(9, 13, 236, 0.3);
}
.account-box .account-right .cont .ipt-box .eye {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://app.nexchat.net/static/eye1.665a243f.svg);
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}
.account-box .account-right .cont .ipt-box .eye.open {
  background-image: url(https://app.nexchat.net/static/eye2.0d5935ab.svg);
}
.account-box .account-right .cont .ipt-box .ver-code {
  width: 100px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  color: #687194;
  cursor: pointer;
}
.account-box .account-right .cont .ipt-box .ver-code::after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #d1d1dc;
}
.account-box .account-right .cont .error-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.account-box .account-right .cont .error-box i {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://app.nexchat.net/static/ico_tip.927721f1.svg);
  margin-right: 4px;
}
.account-box .account-right .cont .error-box p {
  font-weight: 300;
  font-size: 13px;
  line-height: 100%;
  color: #e30b34;
}
.account-box .account-right .cont .agreement-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.account-box .account-right .cont .agreement-box .agm-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.account-box .account-right .cont .agreement-box .agm-l .click-k {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://app.nexchat.net/static/agreement_click.cc25a7c4.svg);
  margin-right: 5px;
  cursor: pointer;
}
.account-box .account-right .cont .agreement-box .agm-l .click-k.active {
  background-image: url(https://app.nexchat.net/static/agreement_click1.8a328b79.svg);
}
.account-box .account-right .cont .agreement-box .agm-l > p {
  font-weight: 350;
  font-size: 13px;
  line-height: 100%;
  color: #687194;
}
.account-box .account-right .cont .agreement-box a {
  font-weight: 350;
  font-size: 13px;
  line-height: 100%;
  color: #4568f1;
}
.account-box .account-right .cont .chat-btn {
  padding: 0 50px;
  height: 48px;
  width: 100%;
  background-color: #4568f1;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  line-height: 148.5%;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  border: none;
}
.account-box .account-right .cont .chat-btn.com-disabled {
  background-color: #d1d1dc;
  pointer-events: none;
}
.account-box .account-right .cont .chat-btn:hover {
  background-color: #3157ee;
}
.account-box .account-right .cont .chat-btn {
  margin-top: 40px;
  font-size: 16px;
}
.account-box .account-right .cont .chat-btn1 {
  font-size: 16px;
}
.account-box .account-right .cont .fot-swit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 300;
  font-size: 14px;
  margin-top: 10px;
}
.account-box .account-right .cont .fot-swit span {
  color: #5e6278;
}
.account-box .account-right .cont .fot-swit a {
  color: #4568f1;
}
.asterisk {
  color: #fc3838;
}
@media only screen and (max-width: 820px) {
  .account-box {
    background-color: #f3f7ff;
  }
  .account-box .logoimg {
    display: none !important;
    width: 100%;
    height: 66px;
    padding: 15px;
    top: 0 !important;
    left: 0 !important;
    background-color: #fff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 4px 10px rgba(28, 32, 77, 0.05);
            box-shadow: 0px 4px 10px rgba(28, 32, 77, 0.05);
  }
  .account-box .account-left {
    display: novne !important;
  }
  .account-box .account-right {
    min-width: 0 !important;
    width: 100% !important;
    padding: 15px;
  }
  .account-box .account-right .cont {
    width: 100% !important;
    margin-top: 66px;
  }
  .account-box .account-right .cont h3 {
    font-size: 30 !important;
  }
}
.export-chat-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 800px;
  background: #f8f8f8;
  padding: 10px 0px;
}
.export-chat-body .system-text {
  text-align: center;
  font-size: 13px;
  color: #999;
  margin-bottom: 26px;
}
.export-chat-body .evaluate {
  text-align: center;
  background: #fff;
  padding: 15px;
  width: 300px;
  margin: 20px auto 30px;
  border-radius: 5px;
  font-size: 14px;
}
.export-chat-body .evaluate .evaluate-icon i {
  display: block;
  line-height: 1.4;
  font-size: 40px;
}
.export-chat-body .evaluate .evaluate-icon i.icon-haoping {
  color: #46BE8A;
}
.export-chat-body .evaluate .evaluate-icon i.icon-zhongping {
  color: #f2a654;
}
.export-chat-body .evaluate .evaluate-icon i.icon-chaping {
  color: #f96868;
}
.export-chat-body .evaluate .evaluate-content {
  padding: 15px;
  background: #f9f9f9;
  margin-top: 20px;
  border-radius: 5px;
  text-align: left;
}
.export-chat-body .chat {
  padding: 10px 20px 20px;
}
.export-chat-body .chat .chat-time {
  line-height: 2;
  color: #b5b5b5;
  font-size: 12px;
  text-align: left;
}
.export-chat-body .chat .chat-time span.name {
  padding-left: 8px;
}
.export-chat-body .chat .chat-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.export-chat-body .chat .chat-avatar {
  width: 35px;
  height: 35px;
}
.export-chat-body .chat .chat-avatar img.avatar {
  border-radius: 3px;
}
.export-chat-body .chat .chat-avatar i.head {
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 3px;
  background: #62A8EA;
  color: #fff;
  font-size: 24px;
}
.export-chat-body .chat .chat-avatar i.head.mb {
  background: #57c7d4;
  font-size: 22px;
}
.export-chat-body .chat .chat-avatar i.head.icon-ie:before {
  position: relative;
  bottom: 2px;
  font-size: 23px;
}
.export-chat-body .chat .chat-avatar img.img-head {
  border-radius: 3px;
  height: 37px !important;
  width: 37px !important;
}
.export-chat-body .chat .chat-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.export-chat-body .chat .chat-loading i.loading {
  color: #aaa;
}
.export-chat-body .chat .chat-fail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.3);
}
.export-chat-body .chat .chat-content {
  position: relative;
  margin: 0px 10px;
  max-width: 400px;
  color: #000;
  background-color: #b0e36e;
  border-radius: 4px;
  white-space: normal;
  word-wrap: break-word;
}
.export-chat-body .chat .chat-content .txt-message {
  padding: 8px 15px;
  font-size: 14px;
}
.export-chat-body .chat .chat-content img.smile {
  vertical-align: bottom;
  position: relative;
  bottom: 1px;
  margin: 0px 3px;
}
.export-chat-body .chat .chat-content img.img {
  max-width: 100%;
  max-height: 300px;
  cursor: pointer;
  border-radius: 4px;
  display: block;
  border: 1px solid #ddd;
}
.export-chat-body .chat .chat-content i.loading {
  position: absolute;
  left: -25px;
  top: 12px;
  color: #999;
}
.export-chat-body .chat .chat-content:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  top: 13px;
  left: -10px;
  border-right-color: #afe46e;
}
.export-chat-body .chat .chat-form {
  background: #fff;
  width: 280px;
  max-width: 280px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
}
.export-chat-body .chat .chat-form .chat-form-body {
  padding: 20px;
}
.export-chat-body .chat .chat-form .chat-form-body .control {
  font-size: 14px;
}
.export-chat-body .chat .chat-form .chat-form-body label {
  font-size: 14px;
  font-weight: normal;
}
.export-chat-body .chat.right .chat-time {
  text-align: right;
}
.export-chat-body .chat.right .chat-flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.export-chat-body .chat.right .chat-content {
  background-color: #fff;
}
.export-chat-body .chat.right .chat-content:before {
  border-right-color: transparent;
  border-left-color: #fff;
  left: auto;
  right: -10px;
}
.export-chat-body .chat.center .chat-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.export-chat-body .chat.center .chat-content {
  background-color: rgba(0, 0, 0, 0);
  color: #b5b5b5;
}
.export-chat-body .chat.center .chat-content .txt-message {
  font-size: 12px;
}
.export-chat-body .chat.center .chat-content:before {
  display: none;
}
.export-chat-body .chat .chat.internal .chat-content {
  background: #F8E59B;
}
.export-chat-message {
  margin: 10px 0px;
  position: fixed;
  width: 100%;
  left: 0px;
  bottom: 0px;
  -webkit-animation: fade-in;
          animation: fade-in;
  /*动画名称*/
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  /*动画持续时间*/
}
.export-chat-message a.button {
  margin: 10px 15px 0px;
}
.export-chat-message a.button.is-rounded {
  border-radius: 290486px;
  padding-left: calc(1.25em);
  padding-right: calc(1.25em);
}
.chat-message-body-system {
  margin: 15px auto;
  text-align: center;
  font-size: 12px;
}
.chat-message-body-system span {
  background-color: #f3f3f3;
  padding: 6px 20px;
  color: #333;
  border-radius: 4px;
}
@-webkit-keyframes fade-in {
  0% {
    bottom: -112px;
  }
  /*初始状态 透明度为0*/
  100% {
    bottom: 0;
  }
  /*结束状态 透明度为1*/
}
@keyframes fade-in {
  0% {
    bottom: -112px;
  }
  /*初始状态 透明度为0*/
  100% {
    bottom: 0;
  }
  /*结束状态 透明度为1*/
}